@import url('https://fonts.googleapis.com/css?family=Open+Sans:400');

* {
	margin:0;
	padding:0; 
	box-sizing: border-box;
}

html, body { 

	height: 100%; 
	margin:0; 
	padding:0; 

	font-family: 'Open Sans', verdana, sans-serif;
	font-size: 14px;
	background-color: #fff;
	/*min-width: 1230px; */

}

a{
	background: none transparent scroll repeat 0% 0%;
	color: #005fd5;
	text-decoration: none;
	font-size: 14px;
}

a:visited {
	color: #0896da;
}


a:hover{
	color: #0896da;
	text-decoration: underline;
}


img{
	border:0px;
}


p:not(.p){
	padding-bottom: 10px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px
}

ul{
	padding-bottom: 0px;
	margin: 5px 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px
}

ol	{
	padding-bottom: 0px;
	margin: 5px 20px;
	padding-left: 20px;
	padding-right: 20px;
	color: #88ac0b;
	padding-top: 0px
}

ul span{
	color: #666666
}

ol span{
	color: #666666
}

/* ===============================================================================
	estrutura principal
	==================================================================================*/

	#barra_espaco{
		width:100%;
		height:5px;	
		background-color:transparent;
	}


	/* geral  ==================================================================================*/

	#geral
	{		
		text-align:center;
		font-size: 12px;
		background-color: #fff;

		margin:0 auto;
		padding:0; 
		color:#000;
		width:100%;

	}


	/* cabecalho  ==================================================================================*/
	#cabecalho
	{
		background-color: #fff;
		padding: 0;
		position: relative;
		color: #000;
		font-size: 12px;
		width: 1100px;
		margin: 0px auto;

		
	}
	#cabecalho_meio
	{
		position: relative;
		width: 100%;
		color: #000;
		font-size: 12px;
		margin: 0px auto;
		text-align:left;

	}


	/* menu geral  ==================================================================================*/

	#menu_geral
	{

		padding: 0px;
		position: relative;
		font-size: 12px;
		width: 100%;
		height: 33px;	
		background-color: #3476be;


	}

	#menu
	{
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 2px;


		width: 1200px;
		margin: 0px auto;
		font: bold 12px/25px verdana, arial, tahoma, sans-serif;

		height: 30px;
		clear: both;
		
	}




	/* corpo central ==================================================================================*/



	#corpo_central
	{
		
		margin:0 auto;
		text-align: left;
		font-size: 12px;
		color:#000;
		
		width: 1250px;
		
		background-color: #fff;

	}


	/* barra opções ==================================================================================*/

	#barra_opcoes
	{
		width: 100%;
		height: 40px;

		padding-top:2px;
		margin-bottom: 10px;
		
		font-weight:bold; 

		text-align:left;
		color: #189203;

		background-color: #fff;
		border-bottom:solid 1px #fc0;

		vertical-align:middle;

	}

	.titulo_pagina{
		letter-spacing:0.5px;
		font-weight:bold;
		color: #090;
	}



	/* quadro filtros ==================================================================================*/


	#quadro_filtros{
		
		text-align: left;
		
		border-color:#fc3; 
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 10px;
		
		background-color: #faf4d8; 
		border: 1px solid #f0cd84;

		
	}


	/* conteudo ==================================================================================*/

	#conteudo
	{
		width: 100%;
		height: 80%;
		min-height: 80%;

		text-align: left;
		padding: 0;
		background-color: #ffffff;
		margin: 0px auto;

		height: auto !important;

		

	}

	#conteudo h2:not(.nhe){
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;

		color: #000;
		background-color: #ceedf7;
		margin-top: 10px;

		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 10px;

		border: 1px solid #94d7ed;
	}



	/* ==================================================================================================*/
/* configurações de janelas popup
/* ==================================================================================================*/

#geral_janela
{
	position:relative;
	width: 880px; 
	text-align:center;
	background-color: #fff;

	margin:0 auto;
	padding:5px; 
	color:#000;

}

#barra_opcoes_janela
{
	width: 100%;
	height: 28px;

	padding-top:2px;
	margin-bottom: 10px;
	
	font-weight:bold; 

	text-align:left;
	color: #000;

	background: #d5ecec;
	border-bottom:solid 1px #50afaf;

	vertical-align:middle;

}


#conteudo_janela
{
	width: 100%;
	margin: 0px auto;
	
	background-color: #fff;
	text-align: left;
	font-size: 12px;
	color:#000;

	height: 100%;
	min-height: 100%;
	position: relative;
	
}
#meio_janela
{
	width: 100%;
	margin: 0px auto;
	
	background-color: #fff;
	text-align: left;
	font-size: 12px;
	color:#000;

	height: 100%;
	min-height: 100%;
	position: relative;
	padding-left:20px;
	
}





/* diversos a excluir ==================================================================================*/

#conteudo_central
{
	text-align: center;
	padding: 0px;
	border: 0px;
	background-color: #ffffff;
	width: 900px;
	margin: 0px auto;
	min-height: 100%;
	position: relative;	
	
	
}

#conteudo_left
{
	text-align: left;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #ffffff;
	width: 1000px;
	margin: 0px auto;
	clear: both;
	
}




#cab_inst
{
	padding: 0px;
	font-size:22px;
	font-weight:bold; 
	color: #f00;
	text-align:left;
	height:30px;
	

}

#cab_secao
{
	padding: 0px;
	font-size:22px;
	font-weight:bold; 
	text-align:left;

}

#cab_secao table {
	font-size:14px;
}

#cab_secao table {
	font-size:14px;
}

.cab_secao_destaque  {
	font-size:14px;
	color:#f00;
	font-weight:bold; 
}










/*================================================================================
/  estilizar bordas
/================================================================================= */


.borda_redonda_geral { 
	
	border-radius:         12px;	/* padrão css3  */
	-webkit-border-radius: 12px;	/* chrome safari  */
	-o-border-radius:      12px;	/* ?  */
	-khtml-border-radius:  12px;	/* ?  */
	border-bottom-color:#999;		/* padrão css  */
	
}

.borda_redonda_geral_7 { 
	-webkit-border-radius:7px; 
	border-radius: 7px; 

}


.borda_redonda_geral_4 { 
	border-radius:         4px;
	-webkit-border-radius: 4px;
	-o-border-radius:      4px;
	-khtml-border-radius:  4px;

}


.borda_redonda_topo { 

	/*  navegadores chrome  */
	-webkit-border-top-left-radius: 13px;
	-webkit-border-top-right-radius: 13px;

	/*  navegador ie  */
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	
	border-radius: 13px 13px 0 0;
	
}



/*================================================================================
/================================================================================= */


.main
{
	text-align:left;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	width: 1250px;

	
}

.main h1
{
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 22px;
	padding-right: 0px;
	font: bold 120% verdana, 'trebuchet ms', sans-serif;
	background: url(../imagens/square-green.png) no-repeat 5px 50%; 
	color:#990000;
	border-bottom: #cccccc solid 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 23px;
	width:300px;
	float:left;

}



.main2
{
	text-align: center;
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	width: 400px;
	padding-right: 0px;
	padding-top: 0px
}



.main3
{
	text-align: left;
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	width: 930px;
	padding-right: 0px;
	font: bold 70% verdana, 'trebuchet ms', sans-serif;
	min-height: 450px;
	padding-top: 0px
}

#form_central
{
	text-align: left;
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	width: 400px;
	padding-right: 0px;
	height: auto;
	padding-top: 0px
}

.main_800
{
	text-align: left;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	min-height: 450px;
}


#lista
{
	background: #ffffff;
	text-align: left;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	width: 1000px;


}
#lista h2
{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;

	color: #000;
	background-color: #ceedf7;
	margin-top: 10px;

	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;

	border: 1px solid #94d7ed;
}


.lista_relatorio{
	font-size:14px;
	line-height:25px; 
	list-style-image:url(../imagens/bt_seta.jpg)
}


#paginacao
{
	background: #ffffff;
	text-align: center;
	font: bold 70% verdana, arial, tahoma, sans-serif;
	padding-bottom: 0px;
	margin: 0px;
	width: 760px;

}




/* desativar no futuro */
#destaca_texto{
	background-color: #faf4d8; 
	border: 1px solid #f0cd84;
	
	padding: 5px;
	margin-bottom: 10px;
}

#destaca_texto_amarelo{
	background-color: #faf4d8; 
	border: 1px solid #f0cd84;
	
	padding: 5px;
	margin-bottom: 10px;
}



.destacar_paragrafo {
	background: #f0fdd5;
	margin: 0px;
	padding: 0px;
	font-size:14px; 
	font-weight:bold;
}


/* estilo para ficha de matricula */

.destaca_campo{
	border:1 solid #ccc; 
	padding: 1px; 
	font-weight:bold; 
	font-size:12px;
	margin-right:5px;
}

.destaca_campo_2{
	border:1 solid #ccc; 
	padding: 1px; 
	font-weight:bold; 
	height:15px;
	font-size:14px;
	color:#f00;
	margin-right:5px;
}

.destaca_campo_laranja{
	border:1 solid #ccc; 
	border-style:none;
	padding: 1px; 
	font-weight:bold; 
	height:15px;
	font-size:14px;
	color:#000;
	background-color:#fcf0c2;
	margin-right:5px;
}



.destaca_div_azul{
	
	position: relative;
	display:table;
	font-size:16px;
	
	background-color: #e8f6ff;
	border:1px solid #b9ddf3;
	padding:10px;
	
}

.destaca_div_laranja{
	
	position: relative;
	display:table;
	font-size:16px;
	
	background-color: #faf4d8; 
	border: 1px solid #f0cd84;
	padding:10px;

}

.destaca_div_vermelho{
	
	position: relative;
	display:table;
	font-size:14px;
	
	background-color: #fedacb; 
	border: 1px solid #fda782;
	padding:5px;

}
.destaca_div_verde{
	
	position: relative;
	display:table;
	font-size:14px;
	
	background-color: #d8ebde;
	border: 1px solid #86c199;

	border-radius:         6px;
	-webkit-border-radius: 6px;
	-moz-border-radius:    6px;
	-o-border-radius:      6px;
	-khtml-border-radius:  6px;
	-icab-border-radius:   6px; 

}


#td_titulo
{
	font: bold 130% verdana, 'trebuchet ms', sans-serif;
	text-align:left;
	color: #cc0000;
}



.titulo_destaque
{
	font: bold 120% verdana, 'trebuchet ms', sans-serif;
	padding-left: 25px;
	margin-bottom: 10px;
	color: #ff0000;
	text-align:left;
	background: url(../imagens/square-green.png) no-repeat 5px 50%; 
}


.botao_entrar {
	background: url(../imagens/botao_entrar.png) no-repeat;
	width: 87px;
	height: 34px;
	border: none;
	cursor: pointer;
	margin: 0 0 0 0;
}

.botao_gravar {
	background: url(../imagens/botao_gravar.png) no-repeat;
	width: 87px;
	height: 34px;
	border: none;
	cursor: pointer;
	margin: 0 0 0 0;
}

.botao_geral {
	background: url(../imagens/botao_geral.png) no-repeat;
	width: 87px;
	height: 34px;
	border: none;
	cursor: pointer;
	margin: 0 0 0 0;
}



/* telas de aviso  */

#mensagen_gravado {

	background-color: #e7fee3;
	color: #189203;
	border: 1px solid #189203;

	padding-left:10px; 
	padding-top: 0px;
	margin-bottom: 8px;
	font-size:16px; 
	font-weight:bold; 
	height:38px;

}

.destaque_aviso {

	background-color: #e7fee3;
	border: 1px solid #189203;

	padding:10px; 
	margin-bottom: 10px;

	color: #189203;
	font-size:16px; 
	font-weight:bold; 
	vertical-align:middle;

	/* laranjado forte 
	background-color: #ffefca;
	border: 1px solid #ffba1a;
	*/
}


.destacar_div {

	background-color: #e4f9fc;
	border: 1px solid #1dcde7;

	padding:5px; 
	margin-bottom: 10px;

	color: #189203;
	font-size:14px; 
	font-weight:bold; 
	vertical-align:middle;

	/* laranjado forte 
	background-color: #ffefca;
	border: 1px solid #ffba1a;
	*/
}
.destacar_div_verde {

	background-color: #e9fcef;
	border: 1px solid #c2e7cc;
	color:#000;
	padding: 2px;
	margin-bottom: 10px;

	font-size:14px; 
	font-weight:bold; 
	vertical-align:middle;

}

.destacar_div_cinza {

	background-color: #efefef;
	border: 1px solid #d6d6d6;
	color:#000;
	margin-bottom: 10px;

	font-size:14px; 
	vertical-align:middle;
	padding:5px;

}


.div_processando
{
	position: absolute;
	top: 120px;
	left: 0px;
	width: 100%;
	height: 80%;
	z-index: 9999997;
	/* transparência compatível com os navegadores comuns.*/
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
	background: black;
	text-align: center;
} 


/* estilo para paginação de registros  */

#pages {
	padding: 3px;
}
#pages ul {
	list-style-type: none;
}
#pages li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
	display: block;
}
#pages li a {
	color: #88af3f;
	padding: 4px;
	border: 1px solid #ccdbe4;
	text-decoration: none;
	float: left;
}
#pages li a:hover {
	color: #fff;
	background-color: #3666d4;
	border: 1px solid #2b55af;
}
#pages li.nolink {
	color: #ccc;
	border: 1px solid #f3f3f3;
	padding: 4px;
}
#pages li.current {
	color: #fff;
	border: 1px solid #2b55af;
	padding: 4px;
	background-color: #3666d4;
}

.alerta {
	border: #bed324 1px solid;
	background: #ebf88a;
	color: #fff;
	padding: 6px 5px;
	width: 97%;
	margin: 0 auto;
}
.alerta p {
	color: #000000!important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-weight: normal !important;
}

a img {
	vertical-align: sub;
}

/* =======================================================
/* alinhamento vertical
/* ======================================================= */

.texto_vertical
{
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);

	filter: progid:dximagetransform.microsoft.basicimage(rotation=3);	
}


.texto_vertical_2 {
	writing-mode:tb-rl;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);

	filter: progid:dximagetransform.microsoft.basicimage(rotation=3);	
}


.texto_vertical_3{
	display: block;
	writing-mode: tb-rl;
	-webkit-transform: rotate(-90deg);	
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:dximagetransform.microsoft.basicimage(rotation=3);	
}


.vertical_90{
	
	filter: flipv fliph;

	position: relative;
	display: block;

	-ms-transform:rotate(-90deg); /* ie 9 */

	-webkit-transform: rotate(-90deg);		/* safari */
	-webkit-transform-origin: 200% 200% ;


	-o-transform: rotate(-90deg);   		/* opera */
	-o-transform-origin:  200% 200%;

	-moz-transform: rotate(-90deg);			/* firefox */
	-moz-transform-origin: 200% 200%;
	
	filter: progid:dximagetransform.microsoft.basicimage(rotation=3);	/* internet explorer */

	/*background:#ff0; */
	white-space:nowrap;	

	text-align:left;
	vertical-align:bottom;
	

	
}


.rot-neg-90 {
	/* rotate -90 deg, not sure if a negative number is supported so i used 270 */
	-moz-transform: rotate(270deg);
	-moz-transform-origin: 50% 50%;
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: 50% 50%;
	/* ie support too convoluted for the time i've got on my hands... */
}

ul.steps {
	width: 100%;
	margin: 20px 0;
	padding: 0;
}

ul.steps li {
	display: inline-block;
	list-style: none;
	width: 33%;
	text-align: center;
	background: #a1deff;
	padding: 13px 0;
	font-size: 17.4px;
	margin: 0;
}

ul.steps li.active {
	background: #1fb0ff;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,.3);
}

ul.steps li a{
	color: #000;
}

ul.steps li.active a{
	color: #fff;
}

.form_cinza input[readonly] {
	background-color: #ffffff;
}

select[disabled]:not(.form-control),
input[disabled]:not(.form-control) {
	background: #eee;
	/* color: #000 !important; */
	opacity: 0.8;
	border: 1px dashed #b1b1b1;
	cursor: not-allowed;
	pointer-events: bounding-box;
}

.atalhos-lateral{
	background-color: #ffffff;
	position: absolute;
	left: 19.5px;
	top: 98px;
	width: 90px;
	z-index: 100;
}

.atalhos-lateral ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.atalhos-lateral ul li{
	background-color: #ffffff;
	margin-bottom: 5px;
}

.atalhos-lateral ul li a{
	color: #4f4f4f;
}

h4.nhe {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;

}

h2.nhe {
	font-size: 19px;
}

.autocomplete-wrapper {
	position: relative;
}

.autocomplete-wrapper .autocomplete-suggestions {
	position: absolute;
	width: 100%;
	border-top: none;
	box-shadow: 0px 10px 10px rgba(0,0,0,.3);
}

.autocomplete-wrapper .autocomplete-suggestions ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}

.autocomplete-wrapper .autocomplete-suggestions ul li a {
	background: #fff;
	padding: 5px 10px;
	width: 100%;
	display: block;
	color: #222;
	font-size: 13px;
	border: 1px solid #eee;
	border-top: none;
}

.autocomplete-wrapper .autocomplete-suggestions ul li a:hover,
.autocomplete-wrapper .autocomplete-suggestions ul li a:focus {
	text-decoration: none;
	background: #eee;
	outline: none;
	box-shadow: none;
}

.autocomplete-wrapper .autocomplete-suggestions ul li:last-child a {
	border-bottom: 2px solid #ccc;
}

.paginacao{
	margin-top: 15px;
	margin-left: -27px !important;
}
.section{
	margin-bottom: 15px;
}

/* rodape ==================================================================================*/

.rodape {
	background-color: #E3E3E3;;
	padding: 10px 0;
	color:#959595;
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: left;
}

.rodape a {
	color: #fff;
	font-weight: bold;
}

li {
	line-height: 1.5;
}

form#login-form {
	position: relative;
}

.loading-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
	text-align: center;
	padding-top: 10%;
	z-index: 10;
	color: #fff;
	text-shadow: 1px 1px 5px #000;
}

hr {
	margin: 12px 0px 2px 0px;
	border: 0;
	border-top: 1px solid #ccc;
}
tr.hidden-row {
	opacity: 0.5;
	transition: all .5s ease;
}

tr.hidden-row:hover,tr.hidden-row:focus,tr.hidden-row:active {
	opacity: 1;
}

span.highlight {
	background-color: #F1FF79;
}

@media (min-width: 1200px){
	.navbar{
		/*overflow-y: auto;*/
	}

	.navbar .container {
		display: inline-block;
		width: 1250px;
	}

	.container{
		width: 1250px;
	}
}
@media screen and (min-width: 768px){
	.container{
		width: 100%;
	}
}
fieldset{
	margin-bottom: 5px;
}
legend {
	padding: 0 10px 11px;
	margin-left: 10px;
	font-size: 1.3em;
}

@media (min-width: 768px) {
	.dl-horizontal dt {
		float: left;
		width: 160px;
		overflow: hidden;
		clear: left;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.dl-horizontal dd {
		margin-left: 180px;
		font-weight: bold;
	}
}

.cssload-container {
	display: none;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,0.5);
	z-index: 9999999;
	position: fixed;
	top: 0;
	left: 0;
	cursor: wait;
}

.cssload-speeding-wheel {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border: 8px solid #21e91e;
	border-radius: 50%;
	border-left-color: transparent;
	border-right-color: transparent;
	animation: cssload-spin 575ms infinite linear; 
	-o-animation: cssload-spin 575ms infinite linear;
	-ms-animation: cssload-spin 575ms infinite linear;
	-webkit-animation: cssload-spin 575ms infinite linear; 
	-moz-animation: cssload-spin 575ms infinite linear;
	position: relative;
	top: 50%;
	margin-top: -24.5px;
}

.cssload-container span {
	position: absolute;
	top: 50%;
	margin-top: 120px;
	left: 43%;
	color:#21e91e;
	font-size: 26px;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}

@keyframes cssload-spin {
	100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
	100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
	100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
	100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
.table-print td {
	font-size: 90% !important;
	padding: 5px 5px !important;
	white-space: nowrap;
}
.table-print-compact td {
	font-size: 70% !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	white-space: nowrap;
}



ul#eventos li {
	padding: 5px 10px;
	list-style: none;
	display: inline-block;
	padding-bottom: 10px;
	width: 350px;
	white-space: nowrap;
	word-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative;
	transition: all .2s ease-in-out;
}

ul#eventos {
	margin-left: 0;
}

ul#eventos li .color {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	padding: 5px 10px;
	border: 1px dotted #ccc;
}

#eventos .opcoes {
	position: absolute;
	top: 5px;
	right: 10px;
	opacity: 0;
	transition: all .2s ease-in-out;
}

#eventos li:hover{
	background: rgba(67, 142, 185, 0.5);;
}

#eventos li:hover .opcoes {
	opacity: 1;
}

#report-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,0.6);
	z-index: 2000;
}

#report-modal iframe {
	width: 100%;
	max-width: 1200px;
	min-width: 360px;
	margin: 0 auto;
	height: 90%;
	min-height: 550px;
	display: table-cell;
	border: none;
	margin-top: 2%;
	border-radius: 5px;
	box-shadow: 0 0 50px #000;
	background: #fff;
}

@media (max-width: 1450px) {
	#report-modal iframe{
		position: absolute;
		margin-left: 5%;
		margin-right: 5%;
		width: 80%;
	}
}

@media (max-width: 360px) {
	#report-modal iframe{
		position: absolute;
		margin-left: 2%;
		margin-right: 2%;
		width: 80%;
	}
}

#report-modal .link {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
	background-color: #126bb9;
	padding: 2px 6px;
	border-radius: 4px;
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#report-modal .close {
	top: 10px;
	right: 15px;
	position: absolute;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	color: #000;
	font-size: 30px;
	background: #fff;
	opacity: 1;
	width: 50px;
	height: 50px;
	padding: 9px;
	border-radius: 50%;
}

@media print{
	#report-modal {position: relative;}
	#report-modal iframe{
		position:absolute;
		top:0;
		left:0;
		width: 2000px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		max-width: 100%;
		height: 1000% !important;
		border-radius: 0;
		z-index:9999999;
		overflow-y: visible;
	}
}

/** pagina modal full */
#pag-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,0.6);
	z-index: 2000;
}

#pag-modal iframe {
	width: 98%;
	margin: 0 auto;
	height: 95%;
	min-height: 550px;
	display: table-cell;
	border: none;
	margin-top: 1%;
	border-radius: 5px;
	box-shadow: 0 0 50px #000;
	background: #fff;
}

@media (max-width: 1450px) {
	#pag-modal iframe{
		position: absolute;
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}
}

#pag-modal .link {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
	background-color: #126bb9;
	padding: 2px 6px;
	border-radius: 4px;
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#pag-modal .close {
	display: none;
	/*
	top: 10px;
	right: 15px;
	position: absolute;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	color: #000;
	font-size: 30px;
	background: #fff;
	opacity: 1;
	width: 50px;
	height: 50px;
	padding: 9px;
	border-radius: 50%; */
}

@media print{
	#pag-modal {position: relative;}
	#pag-modal iframe{
		position:absolute;
		top:0;
		left:0;
		width: 2000px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 0 !important;
		margin-top: 0 !important;
		max-width: 100%;
		height: 1000% !important;
		border-radius: 0;
		z-index:9999999;
		overflow-y: visible;
	}
}



#modal-avalie .modal-content {
	background-image: url(../imagens/avaliar-bg.jpg);
	background-size: cover;
	min-height: 600px;
}

#modal-avalie .modal-body{
	min-height: 516px;
}

#modal-avalie a.btn.btn-lg.btn-success.btn-round {
	position: absolute;
	bottom: 25px;
	left: 59px;
	font-size: 26px;
}

@media (min-width: 992px){
	.modal-lg {
		width: 782px !important;
	}
}
@media (min-width: 1100px){
	.modal-xg {
		width: 950px !important;
	}
}

.modal-80 {
	width: 80% !important;
}
.modal-90 {
	width: 90% !important;
}
.modal-95 {
	width: 95% !important;
}
.modal-99 {
	width: 99% !important;
}



.goto-anything{
	display: none;
}

.goto-anything.opened {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0,0,0,0.3);
	z-index: 10000;
}

.goto-anything .wrapper {
	width: 660px;
	/* outline: 1px solid red; */
	margin: 0 auto;
	position: relative;
	background: #424242;
	padding: 6px;
}

.goto-anything .wrapper .search-box {
	width: 100%;
	border-bottom: 1px solid #656565;
	padding-bottom: 4px;
}

.goto-anything .wrapper .search-box .input {
	display: block;
	width: 100%;
	font-size: 20px;
	background-color: #d4d2d2;
	border-radius: 1px !important;
	border: 1px solid #4a4a4a;
	box-shadow: inset 1px 1px 1px rgba(60, 60, 60, 0.25), 0px 1px #808080;
	padding: 1px 2px;
	line-height: 1.6;
}

.goto-anything ul.search-results {
	/* display: none; */
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	max-height: 390px;
	overflow-y: auto;
}

.goto-anything ul.search-results li {
	list-style: none;
	padding: 4px 30px;
	color: #a5a5a5;
	border-bottom: 1px solid #292929;
	box-shadow: 0 1px #616161;
	cursor: default;
	user-select:none;
}

.goto-anything ul.search-results li:hover, 
.goto-anything ul.search-results li:focus,
.goto-anything ul.search-results li.selected {
	background-color: #5d5d5d;
}

.goto-anything ul.search-results li .routine-name {
	font-size: 15px;
}

.goto-anything ul.search-results li .routine-location {
	color: #afafaf;
	font-size: 12px;
}

/* Estilo de modal de avisos */

#modal-avisos .modal-content {
	background: url(../imagens/fundo-aviso-cme.png);
	background-size: cover;
	background-position: center;
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

#modal-avisos .modal-dialog, #modal-avisos .modal-header,#modal-avisos .modal-footer {
	background: transparent;
}

#modal-avisos .modal-header {
	border-bottom: 1px solid #abbac3;
	box-shadow: 0 1px rgb(0, 0, 0);
}

#modal-avisos .modal-title {
	font-size: 18px;
}

#modal-avisos hr {
	border-top: 1px solid #5f5f5f;
	box-shadow: 0 1px #000000;
}

#modal-avisos .modal-footer {
	border-top: 1px solid #3e3e3e;
	box-shadow: 0 -1px rgb(0, 0, 0);
}

a.text-success:hover {
	color: #00682d;
	text-decoration: none;
}

a.text-success {
	color: #02a131;
}

a.text-danger {
	color: #e00000;
	text-decoration: none;
}

a.text-danger:hover {
	color: #960000;
}

.navbar-left {
  float: left;
}
.navbar-form .form-group {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  padding: 5px 0;
}

#function-search .search-icon {
    display: inline-block;
    line-height: 1.5;
    background: #fff;
    padding: 4.2px;
    color: #000;
    margin: 0 -4px 0;
}
#function-search .search-input {
    display: inline-block;
    line-height: 1.5;
    background: #fff;
    padding: 4.2px;
    color: #000;
    margin: 0 -4px 0;
}

.navbar-form .form-group input{
	margin: 0;
	line-height: 1.5;
	font-size: 14px;
	width: 85%;
}
.navbar-form {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: none;
}
#function-search .typeahead.dropdown-menu {
    width: 250px !important;
    margin-left: -29px;
}
@media (max-width: 1380px){
}

.div_imput{
	border: 1px solid #d5d5d5;
	font-size:15px;
	border-radius: 0!important;
	color: #000;
	background-color: #fff;
	padding: 9px 6px 2px;
	min-height:42px;
}
.div_imput_locked{
	border: 1px solid #d5d5d5;
	font-size:15px;
	border-radius: 0!important;
	color: #000;
	background-color: #F9F7F7;
	padding: 9px 6px 2px;
	min-height:42px;
}

.header_quadro{
	font-size: 13px;
	font-weight: lighter;
	letter-spacing: 0.4px;
	color: #e77e02;
	text-transform: uppercase;

	border-bottom: 1px solid #D7D7D7;
	padding-top: 2px;
	margin-bottom: 4px;
	padding-bottom: 2px;
	line-height: 1;
	width:100%;

}


ul.unstyled-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
/**
 * visualização de alunos em cards
 */

#cards-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cards-list li h4, 
#cards-list li h4 a{
    color: #00548a;
    max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
#cards-list li {
    display: inline-block;
    width: 24.5%;
    margin: 0;
    padding: 5px;
    border: 1px solid #ccc;
    vertical-align: top;
    margin-bottom: 10px;
    color: #5c5c5c;
    margin-right: 2px;
    position: relative;
}
@media (max-width: 1366px){
	#cards-list li{
		width: 32.5%;
		margin-right: 3px;
	}
}

@media (max-width: 500px){
	#cards-list li{
		width: 48.5%;
		margin-right: 3px;
		min-height: 275px;
	}
}

#cards-list li:hover,
#cards-list li:focus,
#cards-list li:active {
    background-color: #eee;
    cursor: pointer;
    outline: 1px solid #aaa;
    transition: all 0.3s ease;
}

#cards-list .foto-box {
    width: 100px;
    max-width: 100%;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
#cards-list .action-buttons {
	position: absolute;
	bottom: 5px;
	right: 5px;
	opacity: 0;
}
#cards-list li:hover .action-buttons {
	opacity: 1;
}

#cards-list li.excluido {
	opacity: 0.6;
	background: #ff949480;
}
#cards-list li.excluido:hover {
	opacity: 1;
}

pre {
    font-family: 'Open Sans', verdana, sans-serif;	
}

#atendimentos-lista>li {
  background-color: #f8f8f8;
  border: 1px solid #dbdbdb;
  padding: 5px 10px;
  cursor: pointer;
  margin-bottom: 5px;
}

#atendimentos-lista > li:hover,
#atendimentos-lista > li:active,
#atendimentos-lista > li:focus {
  outline: none;
  background: #ececec;
  border: 1px solid #d7d7d7;
}

#atendimentos-lista > li.active {
    background-color: #bce8f1;
    border-color: #b6ceff;
}

#atendimentos-lista > li.active:hover,
#atendimentos-lista > li.active:active,
#atendimentos-lista > li.active:focus {
    background-color: #a5dce7;
    border-color: #a9bde6;
}

#atendimentos-lista .status {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: #00b7de;
    border-radius: 50%;
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
}
#movimentacoes-lista .historico {
  display: block;
  max-width: 350px;
  float: right;
  clear: both;
  text-align: right;
  margin-bottom: 17px;
  font-size: 11px;
}
#movimentacoes-lista .historico.envio-alu {
    float: left;
    text-align: left;
}
#movimentacoes-lista .historico.envio-alu > p {
	background: #e7e7e7;
}
#movimentacoes-lista .historico > p {
  padding: 10px;
  background: #68cfff;
  border-radius: 30px;
  font-size: 14px;
}
#movimentacoes-lista .historico.invisivel > p {
    background-color: #bae9ff;
}
#movimentacoes-lista .historico .sender {
  padding: 0 10px;
  margin-bottom: 5px;
  display: block;
}
#movimentacoes-lista .historico .sent_at {
  display: block;
  padding: 0 10px;
}
.text-muted {
  color: #aaa;
}


.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
	background-color: #ebccd1;
	border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
	color: #a94442;
	background-color: #fff;
	border-color: #ebccd1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}