html{
  overflow-x: hidden;
}
body {
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  margin-bottom: 100px;
}

a {
  color: #00B7FF;
}

.align-left{
  text-align: left;
}

.align-right{
  text-align: right;
}

.align-center{
  text-align: center;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
        border-left-color: rgb(238, 238, 238);
        border-left-width: 1px;
    border-left-width: .5rem;
    border-radius: .25rem;
}

.bd-callout-color1{
  border-left-color:purple;
}
.bd-callout-color2{
  border-left-color:green;
}
.bd-callout-color3{
  border-left-color:yellow;
}
.bd-callout-color4{
  border-left-color:blue;
}

.team-logo{
  width:1.5em
}

.live-post-thumb{
  width:5em
}

.table-classement img{
  width:20px;
  height:20px
}

.poule{
  font-weight: bold;
  text-align:center
}

.floating_button{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
  font-size:3.5em;
  text-decoration: none;
}

.floating_button:hover{
  text-decoration: none;
	color:#FFF;
}
.my-float{
	margin-top:22px;
}


.upload-button {
    height: 50px;
    width: 250px;
    border: none;
    color: #fff
}

.upload-button:focus {
    outline: none
}

.upload-icon {
    background-color: #09ad50;
    width: 60px;
    height: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.upload-text {
    background-color: #0ac55c;
    height: 100%;
    width: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.upload-button:hover .upload-icon {
    background-color: #0ac55c
}

.upload-button:hover .upload-text {
    background-color: #09ad50
}


.navbar-public {
  width: 100%;
  overflow: auto;
}

/* Navigation links */
.navbar-public a {
  float: left;
  /*color: #09ad50;*/
  text-decoration: none;
  width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
  text-align: center; /* If you want the text to be centered */
}

/* Add a background color on mouse-over */
.navbar-public a:hover {
  background-color: #eee;
}

/* Style the current/active link */
.navbar-public a.active {
  background-color: #0275d8	;
  color:white;
  font-weight: bold;
}

.vis-item{
  font-size: 80%;
  border-radius: 30px;/* ne fctionne pas*/
}

td.nb0{
  background-color: white;
  width:120px;
  text-align: center;

}

td.nb1{
  background-color: #09ad50;
  width:120px;
  text-align: center;

}

td.nb2{
  background-color: goldenrod;
  width:120px;
  text-align: center;

}

td.nb3{
  background-color: red;
  width:120px;
  text-align: center;

}