/*
Tema: CNR Cronobandeira
Baseado em Bootstrap 3.1
Custom styles - Mobile First
*/

html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

a{
  text-decoration: none;}
a:hover{text-decoration: underline}



.cnrmenu {
font-size: 1em;
padding-right: 0;

}

.boldmenu{
	font-weight: bolder;
}


/*Tooltip*/
.teamtooltip{text-align: left; padding: 10px}
.imgtooltip{float: left; padding: 10px;width: 50px; height: auto;}
.tooltip-white + .tooltip > .tooltip-inner {background-color: lightgrey;
border-bottom: 1px solid lightgrey;
  color: #000;}
.tooltip-white + .tooltip > .tooltip-arrow {border-top: 5px solid lightgrey;}
.btn-modal a{color: #000;}

.no-touchevents .tooltip{display: block!important}
.touchevents .tooltip{display: none!important}
/*Modal*/
.btn-modal:hover{
	background-color: #c0392b;
	color: #ecf0f1;
	cursor: pointer;
	cursor: hand;
}


#modalPiloto{top:30%}

.langselect a img{
 /*opacity: 0.5;
    /*filter: alpha(opacity=50); */
-webkit-filter: saturate(40%);
filter: saturate(40%);
}

.langselect a:hover img{
 /*opacity: 1;
    filter: alpha(opacity=100); */
-webkit-filter: saturate(100%);
filter: saturate(100%)
}

.langselect .langactive img{
 /*opacity: 1;
    filter: alpha(opacity=100); */
-webkit-filter: saturate(100%);
filter: saturate(100%)
}

.cnr-table-title{border-bottom: 0!important}

.tabela-resultados, .cabecalho-prova {margin-top: -20px;
}

.cabecalho-prova div{vertical-align: middle!important;}
.cabecalho-prova div h2 {font-size: 1.9em;}

/*Header resultados*/

.titulo-prova{}
.leftspacer, .semaforo{
	text-align: center;
	min-height: 40px;
	max-width: 80px;
border-radius: 5px;
margin-top: 15px;
padding: 0px;
}


/*Semaforo*/

.holder{margin-bottom: 2em;}

.semaforo {
	background-color: lightgrey;

}

.semaforo div{ display: table-cell; }
.holder { 	background-color: transparent; text-align: center;
min-height: 40px;
max-width: 50px;
border-radius: 5px;
margin-top: 15px;
padding: 5px;
}
.vermelho {
	display: table-cell;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background-color:#ffa126;
	background-image: -moz-radial-gradient(26% 32%, circle cover, #ffa126, rgba(217, 0, 0, 0.8) 47%);
	background-image: -webkit-radial-gradient(26% 32%, circle cover, #ffa126, rgba(217, 0, 0, 0.8) 47%);
	background-image: -o-radial-gradient(26% 32%, circle cover, #ffa126, rgba(217, 0, 0, 0.8) 47%);
	background-image: -ms-radial-gradient(26% 32%, circle cover, #ffa126, rgba(217, 0, 0, 0.8) 47%);
	background-image: radial-gradient(26% 32%, circle cover, #ffa126, rgba(217, 0, 0, 0.8) 47%);
}

.verde {
	display: table-cell;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background-color:#ace60e;
	background-image: -moz-radial-gradient(26% 32%, circle cover, #ace60e, rgba(2, 150, 41, 0.8) 47%);
	background-image: -webkit-radial-gradient(26% 32%, circle cover, #ace60e, rgba(2, 150, 41, 0.8) 47%);
	background-image: -o-radial-gradient(26% 32%, circle cover, #ace60e, rgba(2, 150, 41, 0.8) 47%);
	background-image: -ms-radial-gradient(26% 32%, circle cover, #ace60e, rgba(2, 150, 41, 0.8) 47%);
	background-image: radial-gradient(26% 32%, circle cover, #ace60e, rgba(2, 150, 41, 0.8) 47%);
}


.amarelo {
	display: table-cell;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background-color:#ffe819;
background-image: -moz-radial-gradient(26% 32%, circle cover, #ffe819, rgba(219, 135, 24, 0.8) 47%);
background-image: -webkit-radial-gradient(26% 32%, circle cover, #ffe819, rgba(219, 135, 24, 0.8) 47%);
background-image: -o-radial-gradient(26% 32%, circle cover, #ffe819, rgba(219, 135, 24, 0.8) 47%);
background-image: -ms-radial-gradient(26% 32%, circle cover, #ffe819, rgba(219, 135, 24, 0.8) 47%);
background-image: radial-gradient(26% 32%, circle cover, #ffe819, rgba(219, 135, 24, 0.8) 47%);

}


.blink{

	animation: blinker 1s step-start 0.5s infinite;
  -webkit-animation: blinker 1s step-start 0.5s infinite;
}
@-moz-keyframes blinker {
    50% { opacity: 0.0; }
}

@-webkit-keyframes blinker {
    50% { opacity: 0.0; }
}

@keyframes blinker {
    50% { opacity: 0.0; }
}



.blink2{

	animation: blinker2 1s step-start 0s infinite;
  -webkit-animation: blinker2 1s step-start 0s infinite;
}
@-moz-keyframes blinker2 {
	50% { opacity: 0.0; }
}

@-webkit-keyframes blinker2 {
	50% { opacity: 0.0; }
}

@keyframes blinker2 {
	50% { opacity: 0.0; }
}





.apagado {
	display: table-cell;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background-color:#d9d9d9;
	background-image: -moz-radial-gradient(26% 32%, circle cover, #d9d9d9, rgba(92, 92, 92, 0.8) 47%);
	background-image: -webkit-radial-gradient(26% 32%, circle cover, #d9d9d9, rgba(92, 92, 92, 0.8) 47%);
	background-image: -o-radial-gradient(26% 32%, circle cover, #d9d9d9, rgba(92, 92, 92, 0.8) 47%);
	background-image: -ms-radial-gradient(26% 32%, circle cover, #d9d9d9, rgba(92, 92, 92, 0.8) 47%);
	background-image: radial-gradient(26% 32%, circle cover, #d9d9d9, rgba(92, 92, 92, 0.8) 47%);
}



/* Colunas Header resultados (centrar) */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* inline-block space fix */
    margin-right:-4px;
}




.table > thead > tr > th {
     vertical-align: middle;
     text-align: center;
}

.table > tbody > tr > td {
     vertical-align: middle;
     text-align: center;
}

.posicao{font-weight: bolder;}

.navbar-nav > li > .dropdown-menu{min-width: 100%}

.destaque{
    /*background-color: #e74c3c;*/
		background-color: #c0392b;
		color: #ecf0f1;

}


.titlemobile{text-align: left;}


.nogap-table1{
    padding-right: 15px!important;
    }

.nogap-table2{
    padding-left: 15px!important;
    }



#logobar{text-align: center;
	margin-top: 2em;
}

#logobar div{
	vertical-align: bottom!important;
	margin: 0;
padding: 0;
	padding-bottom:1em;

}

#logobar a{display: block;
width:100%; height: auto}

#logobar img{width: 78%;height: auto;}
.logo-cb-left img {width: 100%!important; height: auto!important;}
.logo-cnr-left img {width: 70%!important; height: auto!important;}
.logo-cnr-right img {width: 70%!important; height: auto!important;}

.logo-spacer{min-width: 100%}

/*Legenda*/

.legenda{margin-left: 10px;}


/*footer*/

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;

}
.footer .row{
	padding-top: 1.5em;
	vertical-align: middle!important;
}

.logo-cb-footer{
display:inline-table;
padding-bottom: 15px;
}

.logo-cb-footer img{
  width: 75%;
}


.logo-cb-footer-container{  background-color: #f5f5f5;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -12px;
}

.fblogocnr{color: #3B5998;}
/* Estilos NAVBAR */
@media all{

	.navbar	a {

		color: #ffbbbc;
	}

	.navbar	a:hover{
		color: #ecf0f1;
	}

	.navbar-default {
	  background-color: #e74c3c;
	  border-color: #c0392b;
	}
	.navbar-default .navbar-brand {
	  color: #ecf0f1;
	}
	.navbar-default .navbar-brand:hover,
	.navbar-default .navbar-brand:focus {
	  color: #ffbbbc;
	}
	.navbar-default .navbar-text {
	  color: #ecf0f1;
	}
	.navbar-default .navbar-nav > li > a {
	  color: #ecf0f1;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
	  color: #ffbbbc;
	}
	.navbar-default .navbar-nav > li > .dropdown-menu {
	  background-color: #e74c3c;
	}
	.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
	  color: #ecf0f1;
	}
	.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
	  color: #ffbbbc;
	  background-color: #c0392b;
	}
	.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
	  background-color: #c0392b;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	  color: #ffbbbc;
	  background-color: #c0392b;
	}
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
	  color: #ffbbbc;
	  background-color: #c0392b;
	}
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
	  color: #ffbbbc;
	  background-color: #c0392b;
	}
	.navbar-default .navbar-toggle {
	  border-color: #c0392b;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
	  background-color: #c0392b;
	}
	.navbar-default .navbar-toggle .icon-bar {
	  background-color: #ecf0f1;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
	  border-color: #ecf0f1;
	}
	.navbar-default .navbar-link {
	  color: #ecf0f1;
	}
	.navbar-default .navbar-link:hover {
	  color: #ffbbbc;
	}

}



@media all and (min-width:767px) {
/*Estilos apenas para iPad e Tablets equivalentes*/
#logobar{float:none!important;
					margin: 0 auto!important;
					margin-top: 2em!important;
          margin-bottom: -25px!important;
					vertical-align: bottom;}

#logobar div{			float:none!important;
		        margin: 0 auto!important;

						padding-left: 5px;
						padding-right: 5px;
            display: inline-block;
						vertical-align: bottom;
	}

}
/*Navbar mobile*/
@media all and (max-width:768px) {

	.navbar-default{
	border-radius: 5px;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	    color: #ecf0f1;
	  }
	  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	    color: #ffbbbc;
	  }
	  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	    color: #ffbbbc;
	    background-color: #c0392b;
	  }


}
/*Navbar em iPad (Portrait)*/
@media all and (max-width:768px) {

/*Estilos NavBar*/


	#navegacao{
		display: block!important;}

	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}

}


@media all and (min-width: 992px){



.cnrmenu{
font-size: 0.8em;
padding-left: 15px;
padding-right: 0;
}
.cnrmenu div, ul{width: inherit;}

.cnrmenu {width: inherit;}

.langselect{margin-right: 15px}

.langselect a img{
width: 30px;
height: auto;

}


#atualizacao{
	margin-left: 5px;
	margin-right: -14px}
.nav>li>a {
    padding-left: 10px;
    padding-right: 2px        }


.titlemobile{text-align: center;
}
.titlemobile {font-size: small;
}



.table > thead > tr > th {
    font-size: small

}

.table > tbody > tr > td {
   font-size: small;

}



}

@media all and (min-width: 1024px){
}


}
@media all and (max-width: 1199px){


.nogap-table2 {min-width: 100%}



}




@media all and (min-width: 1200px){



/*Centra a navbar nas versões desktop*/
	#navbar{
		float:none!important;
	        margin: 0 auto!important;
	        display: table!important;
	        table-layout: fixed!important;
	}


	.cnrmenu {
	font-size: 1em;
	padding-left: 15px;
	padding-right: 0;
width: inherit;
	}

.langselect a img{

}


.nav>li>a {
    padding-left: 15px;
    padding-right: 15px        }

.titlemobile {font-size: large;
}



.table > thead > tr > th {
    font-size: 1em;

}
.nogap-table1{
    padding-right: 0!important;
    }

.nogap-table2{
    padding-left: 0!important;
    }


}

@media all and (min-width: 1298px){

/**/
}

@media all and (max-width: 1366px){

/**/
}




@media all and (min-width: 1680px){



	.cnrmenu {
	font-size: 1.2em;
	padding-left: 15px;
	padding-right: 15px;
width: inherit;
	}

	#atualizacao{
		margin-left: 0;
		margin-right: 0;

}

.table > tbody > tr > td {

	 font-size: 1em!important;

}


}