body {margin:0; padding:0; }
.campo{	background:#FFF; border:1px solid #000; padding:2px}
.text10{font: normal 10px "Arial", sans-serif;}
.text10InfoSutil{font: normal 10px "Arial", sans-serif;color:#667;}
.text11{font: normal 13px "Arial", sans-serif;} /*Aumentando em 2 pontos em 11/09/2020*/
.text12{font: normal 15px "Arial", sans-serif;} /*Aumentando em 2 pontos em 11/09/2020*/
.text13{font: normal 17px "Arial", sans-serif;} /*Aumentando em 2 pontos em 11/09/2020*/
.text12Descricao{font: normal 12px "Arial", sans-serif;color:#667;}
.text12_bold{font: normal bold 12px "Arial", sans-serif; color: #000;}
.text12_bold a{font: normal bold 12px "Arial", sans-serif; color: #000;}
.text12_bold a:link{font: normal bold 12px "Arial", sans-serif; color: #000;text-decoration:none;}
.text12_bold a:hover{font: normal bold 12px "Arial", sans-serif; color: #000;text-decoration:underline;}
.text18_bold{font: normal bold 18px "Arial", sans-serif; color: #000;}
.text11_white{font: normal 11px "Arial", sans-serif;color: #FFFFFF;}
.text12_bold_white{font: normal bold 12px "Arial", sans-serif;color: #FFFFFF;}
.text11_blue{font: normal 11px "Arial", sans-serif;color: #0000FF;}
.text12_blue_bold{font: normal bold 12px "Arial", sans-serif;color: #0000FF;}
.text12_gray_bold{color:#667; font: normal 12px;font-weight:bold;}
.text11_red{font: normal bold 13px "Arial", sans-serif; color: #FF0000;}
.navoff2 {color:#000; text-decoration: none; font: normal 11px "Arial", sans-serif; }
.erro{font: normal bold 12px "Arial", sans-serif;color: #FF0000;}
.sucesso{font: normal bold 12px "Arial", sans-serif;color: #0000FF;}
.celulaTitulo{background-color:#EBEBEB; font: normal bold 12px "Arial", sans-serif; color: #000; text-transform:uppercase; /*border:1px solid black;*/}
.tabAndamento{font: normal 11px "Arial", sans-serif; color: #000; border:1px solid black;}
.tabAndamento #titulo{background-color:#3399CC; font: normal 12px "Arial", sans-serif; color: #FFFFFF;}
.boxMultiploSelect {background:#fff; border:1px solid black; padding:2px; width: expression(this.scrollWidth>220?'230px':'auto');}
.boxInfoLegenda {border:1px solid #ccc; background-color: #E8E8E8; padding:6px; width:98%; text-align:center}
.divBoxHelp{border:1px solid #f00; font:normal normal normal 10px Arial, Helvetica, sans-serif; color: #333; background-color: #ff9; padding:5px; position:absolute; max-width:300px; width: expression(document.body.clientWidth>640?'300px':'auto'); overflow:hidden}
.pgoff {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #FF0000; text-decoration: none}
.pg {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #003366; text-decoration: none}
.prim_ult {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #990000; text-decoration: none} 
a:hover.pg {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #0066cc; text-decoration:underline}
.pg_desabilitada {font-family: Verdana, Arial, Helvetica; font-size: 11px; color: #CCCCCC; text-decoration:none}
.relatorio {font:normal normal normal 11px/12px Arial, Helvetica, sans-serif; border:0; padding:4; margin:0; overflow: visible}
.relatorio td#label{font:normal normal bold 14px/14px Arial, Helvetica, sans-serif;}
.titulo_relatorio{font-size:18px}
.obs_sutil{font-style:italic;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
.revela{display:none}
#ordem{font-size:14px;color:#000}
#ordem a{text-decoration:underline;color:#000}
#ordem a:hover{color:#09F}

.updateImportancia0{border:1px solid #000; font:normal bold normal 12px Arial, Helvetica, sans-serif; color: #fff; background-color: #0cf; padding:5px; overflow:hidden}
.updateImportancia1{border:1px solid #030; font:normal bold normal 11px Arial, Helvetica, sans-serif; color: #fff; background-color: #090; padding:5px; overflow:hidden}
.updateImportancia2{border:1px solid #000; font:normal bold normal 11px Arial, Helvetica, sans-serif; color: #fff; background-color: #f00; padding:5px; overflow:hidden}

.updateImportancia0 a{text-decoration:none; color: #fff}
.updateImportancia1 a{text-decoration:none; color: #fff}
.updateImportancia2 a{text-decoration:none; color: #fff}

a.linkRelatorioSimples:link, a.linkRelatorioSimples:visited, a.linkRelatorioSimples:active {text-decoration:underline;color:#000}
a.linkRelatorioSimples:hover {text-decoration:underline;color:#069}

a.linkResultadoPesquisa {text-decoration:none;color:#000}
a.linkResultadoPesquisa:hover {text-decoration:underline;color:#000}


.boxAddAutomatico{ max-height:240px;height: expression(document.body.clientHeight>500?'240px':'auto'); overflow: auto; padding:0; width:100%}

.buttonImpressao{padding:5;font:normal normal normal 11px/11px Arial, Helvetica, sans-serif;border:1px solid #cecece;}


/****************************/

.eleitoral {color:#F77427; font-weight: bold;}
.alta {color:#f30; font-weight: bold;}
.media {color:#090; font-weight: bold;}
.normal {color:#09f; font-weight: bold;}

.calendarioEleitoralBg {font: normal 11px "Arial", sans-serif; border:1px solid #F77427;}
.calendarioEleitoralBg #titulo {background-color:#F77427; color:#FFFFFF;}

.altaBg {font: normal 11px "Arial", sans-serif; border:1px solid #FF3300;}
.altaBg #titulo {background-color:#FF3300; color:#FFFFFF;}

.mediaBg {font: normal 11px "Arial", sans-serif; border:1px solid #009900;}
.mediaBg #titulo {background-color:#009900; color:#FFFFFF;}

.normalBg {font: normal 11px "Arial", sans-serif; border:1px solid #0099FF;}
.normalBg #titulo {background-color:#0099FF; color:#FFFFFF;}

.canceladoBg {font: normal 11px "Arial", sans-serif; border:1px solid #999999;}
.canceladoBg #titulo {background-color: #999999; color:#FFFFFF;}



/****************************/

/**** IMPRESSAO ****/
#revela{display:none}

.tituloDestaqueIndex {
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #373D61;
}

.tituloDestaqueIndex a{
	text-decoration:none;	
}

.tituloDestaqueIndex a hover{
	text-decoration:underline;	
}

.destaqueIndexLista {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}



#dv_menu_treino{	
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:left;
}

.td_campo_tab_form{
	vertical-align:text-top;	
}

.vertical_show{
		overflow-y:visible;
		overflow-x:auto;
				
}

.align_left{
	text-align:left;
	}
	
.align_center{
	text-align:center;
	}
/**** TABELA RESPONSIVA - TEMA NOVO ****/
@media only screen and (max-width: 767px) {
	.vertical_show{
		overflow-y:visible;	
		overflow-x:scroll;
	}
	
	.dv_acoes{
		position:relative;	
	}
}
/**** TABELA RESPONSIVA - TEMA NOVO ****/

.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}