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

Estilo:		Principal.css
Descrição:	Este arquivo de estilo é o arquivo principal de estilos da aplicação 
			Requerimento, responsável por conter todas as definições sobre a 
			estrutura do projeto (Cabeçalho, Rodapé, Logo, Menu,) e de realizar 
			a inclusão dos estilos secundários sobre as definições de conteúdo 
			e formulários.
			
********************************************************************************
*/


/*
--------------------------------------------------------------------------------
 TAGS
--------------------------------------------------------------------------------
*/

html{
	min-height:100%;
	position:relative;
}

body
{
	color: #000000;
	font-size: 11px;
	font-family: Tahoma;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	scrollbar-face-color: #ECEFF2;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #F9FAFB;
	scrollbar-3dlight-color: #F9FAFB;
	scrollbar-arrow-color: #294487;
	scrollbar-track-color: #ECEFF2;
	scrollbar-darkshadow-color: #294487;
}

hr
{
	height: 1px;
	border: solid 1px #d4b07b;
}

td
{
	font-size: 11px;
}

p
{
	line-height: 16px;
}

a:link, a:visited, a:active
{
	text-decoration: none;
	color: #4B9DD6;
}
a:hover
{
	text-decoration: underline;
	color: #4B9DD6;
}


/*
--------------------------------------------------------------------------------
 ClASSES
--------------------------------------------------------------------------------
*/

.topoANM {
    width: 100%;
    padding: 30px;
    background-color: #304b66;
}

.TituloSistema
{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.TituloModulo {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.TituloPaginas {
	color: #294487;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.TabelaGeral
{
	background-color: #F9FAFB;
	font: 11px "Tahoma";
	color: #294487;
	padding: 5px;
}


.TituloTabela
{
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	font-family: Tahoma;
	background-color: #668DB1;
	padding: 4px;
}


/* Texto da Coluna onde é exibido o título do sistema */
.TextoTitulo
{
	font: 11px "Tahoma";
	color: #294487;
}

/* Linha Horizontal Pontilhada */
.LinhaPontilhada
{
	height: 1px;
	width: 100%;
	background-image: url( "../_imagens/Pontilhado_Horizontal.gif" );
}

/* Classe que formata as tabelas com uma borda fina */
.BordaTabela
{
	color: #294487;
	font-size: 11px;
	font-family: Tahoma;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	border-top: #668DB1 1px solid;
	border-left: #668DB1 1px solid;
	border-right: #668DB1 1px solid;
	border-bottom: #668DB1 1px solid;
	background-color: #F9FAFB;
}

/* Essa classe foi criada para a utilização em tabelas de simples
conteúdo ou em tableas que alternam entre cor Clara e Escura */
.LinhaBranca
{
	font-size: 11px;
	color: #294487;
	font-family: Tahoma;
	background-color: #F9FAFB;
}

/* Essa classe foi criada para a utilização em tabelas de simples
conteúdo ou em tableas que alternam entre cor Clara e Escura */
.LinhaClara
{
	font-size: 11px;
	color: #294487;
	font-family: Tahoma;
	background-color: #ECEFF2;
	display:run-in;
}

/* Essa classe foi criada para a utilização em linhas destaque 
ou em tableas que alternam entre cor Clara e Escura */
.LinhaEscura
{
	font-size: 11px;
	color: #294487;
	font-family: Tahoma;
	background-color: #D1DAE3;
}

.linkVermelho
{
    color: #FF0000;
}

/* FORMULÁRIO
********************************************************************/

/* Classe que formata os inputs text (asp e html) */
.form_texto, .form_texto_numerico, input[type='text']
{
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #000;
	border-color: #BDD1DB #efefef #efefef #BDD1DB;
	background-color: #FFFFFF;
	width: 300px;
}

textarea {
	font-family: Tahoma;
	font-size: 11px;  	
  	border: 1px solid #000;
  	border-color: #BDD1DB #BDD1DB #efefef #BDD1DB;
	background-color: #FFFFFF;
	width: 300px;
}

.form_texto_numerico
{
	text-align: right;
}

.form_botao, input[type='reset']
{
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #efefef;
	border-color: #BDD1DB #294487 #294487 #BDD1DB;
	padding: 1px;
	color: #294487;
	background-color: #F9FAFB;
}

.form_combo, select
{
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #000;
	border-color: #BDD1DB #efefef #efefef #BDD1DB;
	background-color: #FFFFFF;
	width: 300px;
}

.form_botao_aba
{
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #efefef;
	border-color: #294487 #294487 #294487 #294487;
	border-bottom: none;
	padding: 1px;
	color: #294487;
	background-color: #F9FAFB;
	cursor: hand;
}

.form_botao_aba_selecionada
{
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #efefef;
	border-color: #294487 #294487 #294487 #294487;
	padding: 1px;
	color: #FFFFFF;
	background-color: #294487;
}


/* MENU
********************************************************************/

/* Classe aplicada aos itens do Menu Principal */
.itemMenu
{
	padding: 0px 10px;
	font-weight: bold;
	font-size: 10px;
	color: #7b533f;
	font-family: Tahoma;
	float: left;
}

/* Classe aplicada aos links do Menu Principal */
.itemMenu a
{
	float: left;
	font-weight: bold;
	font-size: 10px;
	color: #294487;
	font-family: Tahoma;
	text-decoration: none;
	padding-top: 4px;
	height: 22px;
}

/* Classe aplicada aos sub-menus */
.SubMenu
{
	padding: 0px 0px 0px 0px;
	font: normal 11px "Tahoma";
	border: 1px solid #cccccc;
	border-top: none;
}

/* Classe aplicada aos links dos sub-menus */
.SubMenu a
{
	display: block;
	font: normal 11px "Tahoma";
	text-align: left;
	color: #294487;
	padding: 5px 10px;
	text-decoration: none;
	border: 1px solid #cccccc;
	border-top: none;
	background: #F9FAFB;
}

/* Classe aplicada aos links dos sub-menus */
.SubMenu a:hover
{
	background: #668DB1;
	color: #fff;
}

/* Linha Horizontal Pontilhada */
.LinhaPontilhada
{
	height: 1px;
	width: 100%;
	background-image: url( "../_imagens/Pontilhado_Horizontal.gif" );
}

.siteMap
{
	float: right;
	font: normal 9px "Tahoma";
	color: Gray;
}


/* COMPROVANTE
********************************************************************/

.TabelaLinhaCabecalho
{
	border-top-style: solid;
	border-top-width: thin;
	border-left-style: solid;
	border-left-width: thin;
	border-right-style: solid;
	border-right-width: thin;
	padding: 10px;
}

.TabelaLinhaConteudo
{
	border-left-style: solid;
	border-left-width: thin;
	border-right-style: solid;
	border-right-width: thin;
	padding: 10px;
	height: 100%;
}

.TabelaLinhaRodape
{
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-left-style: solid;
	border-left-width: thin;
	border-right-style: solid;
	border-right-width: thin;
}

.TituloComprovante
{
	color: navy;
	font-family: 'Arial Black';
}

.SubTituloComprovante
{
	color: navy;
	font-family: 'Arial';
	font-weight: bold;
}

.EspacoEtiqueta
{
	border-right: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	width: 400px;
	border-bottom: 1px solid;
	height: 200px;
}


/* UPDATE PROGRESS
********************************************************************/
/*Modal Popup*/
/*
.modalBackground
{
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 105;
}
*/
.progress
{
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: wait;
	width: 100%;
	background-color: Gray;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	display: block;
	z-index: 2;
}
.progressIntern
{
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	z-index: 3;
	position: fixed;
	top: 45%;
	left: 40%;
	vertical-align: bottom;
	width: 20%;
	cursor: wait;
	height: 10%;
	text-align: center;
	border: #668DB1 1px solid;
	background-color: #F9FAFB;
}

.popupModal
{
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: wait;
	width: 100%;
	background-color: Gray;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	display: block;
	z-index: 1;
	
}

/*Alert e Confirm*/
.overlay
{
	background: #000;
}
div.jqmAlert, div.jqmConfirm
{
	display: none;
	position: fixed;
	top: 40%;
	left: 55%;
	margin-left: -240px;
}

div, p, th, td, li, dd
{
	font: normal 11px Tahoma;
}

.hide
{
	position: absolute;
	visibility: hidden;
}

.show
{
	position: absolute;
	visibility: visible;
}

.form_botao, input[type='reset']
{
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #efefef;
	border-color: #BDD1DB #294487 #294487 #BDD1DB;
	padding: 1px;
	color: #294487;
	background-color: #F9FAFB;
}

.overlay
{
	position: fixed; /*z-index: 99;*/
	top: 0px;
	left: 0px;
	background-color: Gray;
	width: 100%;
	height: 100%;
	filter: Alpha(Opacity=50);
	opacity: 0.50;
	-moz-opacity: 0.50;
}
* html .overlay
{
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +    'px' );
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth +    'px' );
}
.loader
{
	z-index: 3;
	position: fixed;
	width: 120px;
	margin-left: -60px;
	top: 50%;
	left: 50%;
}
* html .loader
{
	position: absolute;
	margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) +    'px' );
}


div.divAlert, div.divConfirm
{
	border: 1px solid #668DB1;
	padding: 2px;
	background-color: #F9FAFB;
	z-index: 11;
	position: fixed;
	top: 40%;
	left: 37%;
	width: 25%;
	cursor: help;
	height: 15%;
}

div.divAlert .titulo, div.divConfirm .titulo
{
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	font-family: Tahoma;
	background-color: #668DB1;
	vertical-align: text-bottom;
	text-align: center;
	padding: 2px;
	width: 98.7%;
	height: 15%;
}


div.divAlert .conteudo, div.divConfirm .conteudo
{
	margin-top: 2px;
	width: 98.7%;
	padding: 2px;
	height: 58%;
	background-color: #fff;
}

div.divAlert .botao, div.divConfirm .botao
{
	margin-top: 2px;
	text-align: center;
	width: 99%;
	height: 20%;
}

legend 
{	
	color: #294487;
	font-size: 11px;
	font-family: Tahoma;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;		
}

fieldset
{
	color: #294487;
	font-size: 11px;
	font-family: Tahoma;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	border-top: #668DB1 1px solid;
	border-left: #668DB1 1px solid;
	border-right: #668DB1 1px solid;
	border-bottom: #668DB1 1px solid;	
}


a.MeuLink
{
color:Red;
text-decoration: underline;
}

a.MeuLink:hover{
color:blue;
}


/*INICIO FOOTER*/
/* Footer */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#footer {
		position: fixed !important;
	}
	#footer-logo-left {
		position: relative !important;
	}
	#footer-conteudo {
		margin-left: -100px;
	}
}


	#footer {
		bottom: 0;
		color: #fff;
		width: 100%;
		min-height: 38px;
		display: flex;
		position: absolute;
		align-items: center;
		background: #003367;
		justify-content: center;
		box-shadow: 0 0 6px rgba(0,0,0,.05);
	}

		#footer img {
			height: 28px;
			padding: 4px 0 4px 0;
		}

	#footer-logo-left {
		left: 15px;
		position: absolute;
	}

	#footer-conteudo {
		width: 100%;
		font-size: 13px;
	}

		#footer-conteudo div {
			padding: 5px 0;
			text-align: center;
		}

	#footer-links a {
		color: #FFFFFF;
		text-decoration: none;
	}

		#footer-links a:hover {
			text-decoration: underline;
		}

	#footer-links span + span:before {
		content: " | ";
		padding: 0 10px;
	}

	@media only screen and (max-width: 768px) {
		#footer-logo-left {
			display: none;
		}

		#footer-logo-center {
			display: block;
		}
	}

	@media only screen and (min-width: 768px) {
		#footer-logo-left {
			display: block;
		}

		#footer-logo-center {
			display: none;
		}
	}
	/* Footer */
	/*FIM FOOTER*/

	@media print {
		.hideWhenPrinting {
			display: none
		}

		.access-button {
			display: none !important;
		}
	}