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

html, body { 

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

	font-family: verdana, sans-serif;
	font-size: 14px;
	background-color: #fff;

}

a{
	background: none transparent scroll repeat 0% 0%;
	color: #0000cc;
	text-decoration: none
}

a:visited {
	/*color: #0000cc; */
}


a:hover{
	color: #0000cc;
	text-decoration: underline;
}
svg{
	margin-right: 3px;
}

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
	==================================================================================*/

  	.titulo-pagina{
	  	font-size: 2em;
	  	color: blue;
	}

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


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

	#geral
	{		
		text-align:center;
		font-family: verdana, sans-serif;
		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-size:14px;
		font-family: arial, helvetica, sans-serif; 
		font-weight:bold; 

		text-align:left;
		color: #189203;

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

		vertical-align:middle;

	}

	.titulo_pagina{
		color: #08c!important;
	    padding: 0;
	    font-size: 20px;
	    font-weight: lighter;
	    margin-bottom: 5px;
	}



	/* 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-family: tahoma, verdana, 'trebuchet ms', sans-serif;
		font-size: 14px;
		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;
	font-family: open sans, sans-serif;
	font-size: 12px;
	background-color: #fff;

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

}

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

	padding-top:2px;
	margin-bottom: 10px;
	
	font-size:14px;
	font-family: arial, helvetica, sans-serif; 
	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-family: tahoma, verdana, 'trebuchet ms', sans-serif;
	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;
	font-family:tahoma, geneva, sans-serif;

	background-color: #e8f6ff;
	border:1px solid #b9ddf3;
	padding:10px;
	
}

.destaca_div_laranja{
	
	position: relative;
	display:table;
	font-size:16px;
	font-family:tahoma, geneva, sans-serif;

	background-color: #faf4d8; 
	border: 1px solid #f0cd84;
	padding:10px;

}

.destaca_div_vermelho{
	
	position: relative;
	display:table;
	font-size:14px;
	font-family:tahoma, geneva, sans-serif;

	background-color: #fedacb; 
	border: 1px solid #fda782;
	padding:5px;

}
.destaca_div_verde{
	
	position: relative;
	display:table;
	font-size:14px;
	font-family:tahoma, geneva, sans-serif;

	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;
	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: 05px;
	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;
}

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: 15px 0;
	border: 0;
	border-top: 1px solid #eee;
}
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;
	}
}
fieldset{
	margin-bottom: 15px;
}
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;
}

#calendario .month {
    display: inline-block;
    width: 260px;
    margin-bottom: 15px;
}

#calendario .month .month-calendar {
    border: none;
    width: 100%;
}

#calendario .month-calendar th {
    border: none;
    text-align: center;
    color: white;
    background-image: linear-gradient(to bottom, #438eb9, #2b5d79);
}

#calendario .month-calendar th:last-child {
    border-top-right-radius: 10px;
}
#calendario .month-calendar th:first-child {
    border-top-left-radius: 10px;
}

#calendario .month-calendar td {
    border: 1px solid #ccc;
    text-align: center;
    min-height: 31px;
    padding: 0;
}

#calendario .month h4 {
    font-weight: bold;
}

#calendario .month-calendar td.dia-semana-1 a, 
#calendario .month-calendar td.dia-semana-7 a{
    color: #757575;
}

#calendario .month-calendar a.dia-letivo{
    text-decoration: underline;
}

#calendario .month-calendar td a {
    padding: 4px 5.5px;
    font-size: 20px;
    transition: all .2s ease;
    font-family: sans-serif;
    display: block;
    font-weight: 500;
}

#calendario .month-calendar td a:not(.evento):not(.evento-sem-destaque):hover {
    background: #ff892a;
    color: #fff;
}

#calendario .month-calendar td a.evento {
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

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: 700px;
	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: 90%;
	}
}

#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;
}


#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;
	}
}

.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;
}

.topo_logo{
	width: 190px;
	height: 30px;
}
.topo_logo2{
	width: 160px;
	height: 25px;
}
.topo_logo_mobile{
	width: 120px;
	height: 20px;
}
.cab_mobile_logo{
	padding: 4px;
	background-color: cornsilk;
	/*border-bottom: 1px solid #edebeb; */
}

.cursor_pointer{
	cursor: pointer;
}

.div_imput{
	display: block;
	width: 100%;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #bfbfbf;
	border-radius: 4px !important;
	min-height:44px;
	padding:0.7rem 0.75rem 0.375rem 0.75rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	margin-bottom: 6px;
  border-radius: 0.475em !important;
}
.div_imput_locked{
	display: block;
	width: 100%;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #000;
	background-color: #fffdf7;
	background-clip: padding-box;
	border: 1px solid #bfbfbf;
	border-radius: 4px !important;
	min-height:44px;
	padding:0.7rem 0.75rem 0.375rem 0.75rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	margin-bottom: 6px;
  border-radius: 0.475em !important;
}

.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%;

}

.fa-r5{
	margin-right: 5px !important;
}
.fa-r3{
	margin-right: 3px !important;
}

.img-responsive {
  max-width: 100%;
}
.img-bordered {
  padding: 5px;
  background: #fff;
  border: 1px solid #ccc;
}

.div_barra{
	background-color: #FFCC7C;
	background-size: cover;
	min-height: 3px;
}

#div_body{
	background-image: url(../imagens/abertura/gr8gestor_slider2.jpg);
	z-index: -1;
	background-size: cover;
	min-height: 500px;
	overflow: hidden;
	/*border-top: 5px solid #FFCC7C;*/
}
#div_lin1{
	background-color: #fff;
	background: transparent;
	min-height: 420px;
}
#div_lin2{
	background-color: #f3f9ff;
	min-height: 120px;
	padding: 20px;
}
#div_lin3{
	background-color: #fff;
	min-height: 120px;
	padding: 20px;
}
#div_divisor{
	background-color: #00bdce;
}

.card{
	min-height: 180px;
}
.lead{
	color: #fff;
}
.lista_recursos{
	color: #fff;
	font-size: 18px
}
.label_destaque{
	color: #fff;
	font-size: clamp(1em, 1em + 1vw, 2em);	
}
.login_label{
	font-size: clamp(1.1em, 0.3em + 1vw, 1.3em);	
}



.card-header-write{
	background-color: #fff !important; 
}

.btn-wpp {
	position: fixed;
	bottom: .5rem;
	right: .5rem;
	z-index: 1070;
	text-align: center;
	transition: all 0.2s ease-in-out;
	background-color: #fff;
	border-radius: 25px;
	padding: 5px;
}  
.btn-wpp a{
	color: rgb(12, 64, 236);
}  
.btn-wpp img{
	width: 60px;
	display: block;
}  

.div_footer{
	padding: 15px;
	font-family: F"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	background:#fff;
}

.footer-logogr8{
	width: 200px;
}
.footer-links {
	padding: 0;
	list-style: none;
	margin: 0;
}
.footer-links a p ul li {
	color: #6c757d;
}	
.footer-link li a {
	display: block;
	margin: .5rem .2rem;
}
.footer-links a, .footer-links i {
	transition: all 0.2s ease-in-out;
}
.footer-links a, .footer-links p, .footer-links ul, .footer-links li {
	color: #6c757d;
}	
.footer-links .list-item li a:before {
	content: "\f105";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	margin-right: .25rem;
}	

.login_texto2{
	color: #ffd714; 
	text-shadow: black 0.1em 0.1em 0.2em;
	font-size: clamp(0.8em, 0.8em + 1vw, 1.4em);
}
.login_lead{
	color: #fff;
	font-size: clamp(0.8em, 0.8em + 1vw, 1.5em);	
}
.login_recursos{
	color: #fff;
	font-size: clamp(0.8em, 0.8em + 1vw, 1.5em);	
}
.login_label_destaque{
	color: #fff;
	font-size: clamp(1em, 1em + 1vw, 1.8em);	
}

.footer_btn_cadastro{
	color: red !important;
}

.login_lst_menu ul li{
	line-height: 2em;
}
.whats-color{
	color: #00dd4e;
}

/* topo */

@media screen and (max-width: 576px) {
 .hidden-xs{
  display:none;
 }
 .visible-xs {
  display:block;
 }
} 

@media (max-width: 400px) {
 .hidden-sm{
  display:none;
  visibility: collapse;
 }
 .visible-sm {
  display:block;
 }
} 

 .logo_gestor{
    width: 220px;
    height: 40px;
 }

.tab-content-orange{
  background-color: #FFF6D4 ;
}
.nav-tabs-orange>li.active>a{
  color:#000!important;
  background-color:#FFF6D4!important;
  text-transform: uppercase!important;
}
.tab-content-blue{
  background-color: #d8fbf9 ;
}
.nav-tabs-blue>li.active>a{
  color:#000!important;
  background-color:#d8fbf9!important;
  text-transform: uppercase!important;
}


.btn-menu{
  font-size: 18px;
  margin-left:15px !important;
  margin-right:15px !important;
  color: #505050 !important;

  border-width: 0!important;
  background: transparent none!important;
  text-shadow: none!important;
  padding: 2px 5px!important;
  line-height: 15px!important;   
  font-family: 'Nunito',sans-serif;
}
.header-login{
  min-height: 60px;
  padding-top: 3px;
  box-shadow: 1px 1px 3px 1px #00000012;
}

.btn-destaque{
  font-size: 18px;
  margin-left: 15px !important;
  margin-right: 15px !important;
  color: red !important;
  border-width: 0 !important;
  background: transparent none !important;
  text-shadow: none !important;
  padding: 2px 5px !important;
  line-height: 15px !important;
  font-family: 'Nunito', sans-serif;    
}
.icon-menu-lateral{
  font-size: 22px !important;
}

/* ícone botão google */
.material-symbols-outlined {
  font-size: 20px;
  line-height: 0.4;
  vertical-align: -.2em;    
  margin-right: 2px;
}  

.icon-md{
	font-size: 1.5em !important;
	line-height: .06em !important;
}

.icon-xg{
	font-size: 2.4em !important;
	line-height: .06em !important;
}

/* Estiliza o contêiner */
.custom-checkbox {
  display: flex;
  align-items: center;
  gap: 8px; /* Espaço entre o checkbox e o texto */
  cursor: pointer;
  font-size: 16px;
}

/* Oculta o checkbox padrão */
.custom-checkbox input[type="checkbox"] {
  display: none;
}

/* Estiliza o checkbox personalizado */
.custom-checkbox span {
  width: 20px;
  height: 20px;
  border: 1px solid #858282;
  border-radius: 4px; /* Deixe redondo ou quadrado */
  background-color: #fff;
  display: inline-block;
  position: relative;
  margin-bottom: 3px;
}

/* Marca de seleção no estado 'checked' */
.custom-checkbox input[type="checkbox"]:checked + span {
  background-color: #007bff;
  border-color: #0056b3;
}

.custom-checkbox input[type="checkbox"]:checked + span::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 5px;
  border: solid white;
  border-width: 0 0 2px 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
}