/*===============================================================================================
'= FORMATOS CSS
'= Padronização do Layout do Portal MRC
'=================================================================================================
'= Criado:
'= Denis Campacci de Oliveira		Data: 26/11/2002
'=================================================================================================
'= Informações:
'= 
'= Calculo REM deste CSS - 1px = 0.0625rem
'=================================================================================================*/

/*=================================================================================================
= Formatação do corpo padrão do Portal MRC
===================================================================================================*/
html
{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body	
{
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size:13px;
	font-size:0.8125rem;
	color: #3d3d3d;
	/*background:#f7f7f7;*/
	background:#FFFFFF;
 	margin: 0;
	padding: 0;
}
*,*:before,*:after
{
	-webkit-box-sizing: inherit;
	-moz-box-sizing:inherit;
	box-sizing: inherit;
}
table{ font-size:inherit; }
/*=================================================================================================
= Formatações de link
= hover MUST come after :link and :visited in the CSS definition, in order to be effective!
===================================================================================================*/
a:link, a:visited, a:active, a:hover{font-size:inherit;font-weight:700;}
a:link, a:visited, a:active{text-decoration:none;}
a:link, a:visited{color:#706c6c;}
a:active{color:#6699ff;}
a:hover{color:#006699;}
/*-------------------------------------------------------------------
= Links do menu
---------------------------------------------------------------------*/
a.Menu:link, a.Menu:visited, a.Menu:active, a.Menu:hover
{
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size:13px;
	font-size:0.8125rem;
	line-height:20px;
	line-height:1.25rem;
}
a.Menu:link, a.Menu:visited { color: #706c6c; font-weight:400; text-decoration:none; }
a.Menu:active {color: #6699ff; text-decoration: none; }
a.Menu:hover{color: #006699; font-weight:700; }
/*-------------------------------------------------------------------
= Menus novos sem link
---------------------------------------------------------------------*/
a.mn_transp:link, a.mn_transp:visited, a.mn_transp:hover, a.mn_transp:active
{
	text-decoration: inherit;
	color: inherit;
	font-size:inherit;
	font-weight:inherit;
	background:inherit;	
}
.mn_new:hover, a.mn_transp:hover { cursor: pointer; background:#35a7c7; }
.mn_new:active, a.mn_transp:active { color: #b8cce4; }
/*=================================================================================================
= TELEFONE PARA LINK
'=================================================================================================*/
a[href^='tel:']:before { content: '\260E'; margin-right:2px; margin-right:0.125rem;	}
/*=================================================================================================
= MÃO PARA LINK
'=================================================================================================*/
.cursor_hand { cursor: pointer; }
/*===============================================================================================
= FORMATAÇÃO PARA O POPUP - CALENDARIO
'================================================================================================*/
table.calendario
{
	border-radius: 			10px 10px 0px 0px;
	-webkit-border-radius: 	10px 10px 0px 0px;
	padding: 2px;
	border:solid;
	border-color: #16365C; 
	border-width:0.5px;
	background: #16365C;
}
tr.calendario_titulo 
{
	background:#16365C;
	font-weight:700;
	color: #ffffff;
	font-size:10px;
}
tr.calendario_detalhe
{
	background:#ffffff;
	border:solid;
	border-color: #DADADA; 
	border-width:0.5px;
}
table.mes_ano
{
	border-radius: 			10px 10px 10px 10px;
	-webkit-border-radius: 	10px 10px 10px 10px;
	padding: 2px;
	border:solid;
	border-color: #B5B5B5; 
	border-width:0.5px;
	background: #e1e1e1;
}
a.calendario_ano:link, a.calendario_ano:visited, a.calendario_ano:active, a.calendario_ano:hover
{
	font-weight:400;
	font-size:18px;
	color:#708090;
}
a.calendario_mes:link, a.calendario_mes:visited, a.calendario_mes:active, a.calendario_mes:hover
{
	font-weight:700;
	font-size:9px;
	color:#ffffff;
}
a.calendario_dia:link, a.calendario_dia:visited, a.calendario_dia:active, a.calendario_dia:hover,
td.dia_branco,
.dias_calendario
{
	font-weight:400;
	font-size:11px;
	text-decoration: none;
}

a.calendario_dia:link, a.calendario_dia:visited, a.calendario_dia:active, a.calendario_dia:hover,
.dias_calendario
{
	color: #696969;
}
a.calendario_mes:hover, a.calendario_dia:hover
{
	color:#35a7c7;
}
td.dia_branco
{
	color: #ffffff;
}
a.calendario_ano:active, a.calendario_mes:active, a.calendario_dia:active
{
	color:#EEC900;
}
td.dia_atual, td.dia_escolhido, td.dia_normal, td.dia_fds, td.dia_branco
{
	border:solid;
	border-color: #dadada; 
	border-width:0.3px;
}
td.dia_escolhido
{
	background: #c1c1c1;	
}
td.dia_fds
{
	background: #E6E6FA;	
}
td.dia_atual
{
	border-color: #ff0000; 
}
td.dia_atual:hover, td.dia_escolhido:hover, td.dia_normal:hover, td.dia_fds:hover, td.dia_branco:hover
{
	border-color:#35a7c7;
}
.cal_popup {position:absolute;margin-left:2px;z-index:1}
.cal_margem{position:relative;margin-left:1px;}
/*-------------------------------------------------------------------
= SETAS DO CALENDARIO
---------------------------------------------------------------------*/
.seta-esquerda:before 
{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; 
  border-right: 5px solid #FFFFFF; 
}
.seta-direita:before 
{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #FFFFFF;
}
/*=================================================================================================
= MENUS DROPDOWN
===================================================================================================*/
/*Div contendo todo o menu*/
.dropdown_container {
  position: relative;
  display: inline-block;
}
/*botão de chamada*/
.drop_button {
  border: none;
  cursor: pointer;
}
/*conteúdo do dropdown*/
.dropdown_link
{
	display: none;
	position: absolute;
	background-color: #fafafa;
	min-width: 200px;
	padding: 5px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	left:-20;
}
/*links do dropdown*/
.dropdown_link span 
{
	padding: 8px 6px;
	display: block;
	cursor: pointer;	
}
.dropdown_link span:hover 
{
	background-color: #f1f1f1
}
.dropdown_container:hover .dropdown_link
{
	display: block;
}
.dropdown_container:hover .drop_button  
{
	color:#1B7897;
}
.dropdown_link i 
{
	font-size: 16px;
	font-size: 1rem;	
}
.dropdown_link i + a
{
	display: inline-block;
	padding-left:5px;
	font-size: 10px;
	color:#000000;
	font-weight:400;
	text-decoration: none;	
}
/*=================================================================================================
= FORMATAÇÕES DA TELA ESPECÍFICAS
===================================================================================================*/
/*-------------------------------------------------------------------
- TELA PRINCIPAL: Corpo principal - Branco 
---------------------------------------------------------------------*/
.Box_Main_Body
{
 	margin: 0 auto;
	display:table;
	position: relative;
	min-height: 100%;
	height: 100%;
	-webkit-border-radius: 	6px 6px 0px 0px;
	border-radius: 			6px 6px 0px 0px;	
}
/*-------------------------------------------------------------------
- TELA PRINCIPAL: Area do título (quadro azul)
---------------------------------------------------------------------*/
.Box_Main_TopoAzul
{
	display: block;
	position: relative;
	clear: both;
	padding: 0px;
	border: 0px solid #16365C;
	margin: 0 auto;
	width: 100%;
	background-color: #104E8B;
	height: 51px;
	-webkit-border-radius: 	20px 0px 0px 0px;
	border-radius: 			20px 0px 0px 0px;	
}
/*-------------------------------------------------------------------
- TELA PRINCIPAL: Area do título (quadro cinza)
---------------------------------------------------------------------*/
.Box_Main_TituloCinza
{
	display: block;
	position: relative;	
	clear: both;
	/*top right botton left */
	padding: 25px 0px 25px 0px;
	border: 0px solid #000000;
	margin: 0 auto;
	width: 100%;
	background-color: #EBEBEB;
	font-size: 34px;
	font-style: italic;
	font-weight:400;
	color: #339FA5;
	text-decoration: none;
}
/*-------------------------------------------------------------------
- TELA PRINCIPAL: Rodapé
---------------------------------------------------------------------*/
.Box_Main_Footer
{
	display: block;
	position: absolute;
	bottom: 0;
	padding: 10px 0px 10px 0px;
  	margin: 0 auto;
	width: 100%;
	background-color: #339FA5;
	color: #ffffff;
	/* Antigo era cinza claro e escuro
	color: #999999;
	background-color: #EBEBEB; 
	*/
}
.p_Menu_Bg
{
	background-image: url("../../Image/telas/bg_site.gif");
}
/*=================================================================================================
= FORMATAÇÃO DE FIGURAS
'=================================================================================================*/
.Pic_Tam_Calendar
{
	width: 18px;
	height: 18px;
	width: 1.125rem;
	height: 1.125rem;
	margin-top: 0rem;
	margin-left: -1.25rem;
	margin-bottom: -0.3125rem;	
}
.Pic_Tam_Bandeira
{
	width:30px;
	height:20px;
	cursor:pointer;
}
.Pic_Tam_Logo
{
	height:70px;
	height:4.375rem;
	width:140px;
	width:8.75rem;
	border:0px;	
}
.Pic_Tam_IconeBtn
{
	width: 18px;
	height: 18px;
	width: 1.125rem;
	height: 1.125rem;
	margin-top: 0rem;
	margin-left: 2px;	
	margin-left: 0.125rem;
	margin-bottom: -4px;
	margin-bottom: -0.25rem;	
}
.Pic_TamPequeno
{
	width: 18px;
	height: 18px;
	width: 1.125rem;
	height: 1.125rem;
	margin-top: 0px;
}
/*-------------------------------------------------------------------
- PESQUISA DE SATISFAÇÃO: Quadro da pesquisa
---------------------------------------------------------------------*/
.Box_Pesquisa
{
	display: table;
  	padding-right: 15px;
  	padding-left: 15px;
  	margin-right: auto;
  	margin-left: auto;
	line-height: 25px;
	vertical-align: top;
}
/*-------------------------------------------------------------------
- NAVBAR
---------------------------------------------------------------------*/
.nav_top 
{
	position:fixed;
	top:0px;
	width:100%;
	z-index:1;
}
/*=================================================================================================
= FORMATAÇÕES DE MENSAGENS DE ALERTA
'=================================================================================================*/
.F_Msg_Aviso_Pic:before, .F_Msg_Info_Pic:before, .F_Msg_Sucesso_Pic:before, .F_Msg_Erro_Pic:before
{
  	display: inline-block;
  	font-family: 'Font Awesome 5 Free';
  	font-weight:700;
	font-size:16px;
	font-size:1rem;	
	padding-right:4px;
	padding-right:0.25rem;	
}
.F_Msg_Aviso_Pic:before{ content:"\f071" }
.F_Msg_Info_Pic:before{ content:"\f05a" }
.F_Msg_Sucesso_Pic:before{ content:"\f058" }
.F_Msg_Erro_Pic:before{ content:"\f057" }
.F_Msg_Erro, .F_Msg_Info, .F_Msg_Aviso, .F_Msg_Sucesso
{
	display:inline-block;
	line-height:16px;
	line-height:1rem;
	text-align: left;	
}
.F_Msg_Erro 	{color:#a94442;background-color:#f2dede;border-color:#ebccd1;}
.F_Msg_Info 	{color:#4169E1;background-color:#B8CCE4;border-color:#8ed9f6;}
.F_Msg_Aviso	{color:#daa520;background-color:#fff3cd;border-color:#e8d0a7;}
.F_Msg_Sucesso	{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6;}	
.F_Msg_Aviso > a, .F_Msg_Erro > a, .F_Msg_Info > a, .F_Msg_Aviso > a, .F_Msg_Sucesso > a {color:inherit; font-weight:700;}
.F_Msg_Aviso > a:hover, .F_Msg_Erro > a:hover, .F_Msg_Info > a:hover, .F_Msg_Aviso > a:hover, .F_Msg_Sucesso > a:hover { text-decoration: underline; }
/*=================================================================================================
= FORMATAÇÕES DE MENSAGENS DE TAGS/BADGE
'=================================================================================================*/
/*-------------------------------------------------------------------
- BADGE - SLA de chamados
---------------------------------------------------------------------*/
.Box_Circulo
{
	border-radius:50%;
	-webkit-border-radius:50%;
	display: inline-block;
	vertical-align:middle;
	text-align:center;
	border: 1px solid #c2c2c2;
}
/*BADGE - SLA de chamados */
.badge_tag
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display: inline;
    padding: .2em .6em .3em;
    border-radius: .25em;
	-webkit-border-radius:.25em;
	line-height:16px;    
	line-height:1rem;	
    font-size: 75%;
    font-weight:700;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-align: center;
    white-space: nowrap;
	vertical-align:middle;	
}
/*-------------------------------------------------------------------
- TOOLTIP - Observações com mouse over
---------------------------------------------------------------------*/
.Tip_HelpNew span
{
    visibility: hidden;
	position: absolute;
    margin-left: 1em;
	left: 0.2em;
	top: 2em;
	min-width: 150px;
	min-height: 30px;
    padding: 4px;
    color: #000000;
    text-align: left;
	font-weight:400;
    text-decoration:none;
    background: #D4E2E3;
	border: 1px solid #2BB0D7;
    border-radius: 3px;
	-webkit-border-radius:3px;
  	-webkit-box-shadow: 6px 5px 9px -9px #000000,
                        5px 6px 9px -9px #000000;
  	-moz-box-shadow: 6px 5px 9px -9px #000000,
                   	 5px 6px 9px -9px #000000;
	box-shadow: 6px 5px 9px -9px #000000,
    			5px 6px 9px -9px #000000;
}
/*-------------------------------------------------------------------
- TOOLTIP - Observações com mouse over
---------------------------------------------------------------------*/
a.Tip_Observacao, .Tip_HelpNew
{
	position:relative;
	vertical-align:middle;
	cursor:help;
	font-style:normal;
}
a.Tip_Observacao span
{
    visibility: hidden;
	position: absolute;
    margin-left: 1em;
	left: 1em;
	top: 2em;
	
    width: 270px;
	min-height: 50px;
    padding: 8px;

    color: #000000;
    text-align: left;
	font-weight:400;
    text-decoration:none;
	
    background: #D4E2E3;
	border: 2px solid #2BB0D7;
	
    border-radius: 5px;
	-webkit-border-radius:5px;
  	-webkit-box-shadow: 6px 5px 9px -9px #000000,
                        5px 6px 9px -9px #000000;
  	-moz-box-shadow: 6px 5px 9px -9px #000000,
                   	 5px 6px 9px -9px #000000;
	box-shadow: 6px 5px 9px -9px #000000,
    			5px 6px 9px -9px #000000;
}
/* Monta a flecha para baixo*/
a.Tip_Observacao span:after{position: absolute;}
/* Posição do quadro - com conteúdo das observaceos*/
a.Tip_Observacao:hover span, .Tip_HelpNew:hover span
{
	display:inline; 
	position:absolute;
	visibility: visible;
    z-index: 999;
}
/*-------------------------------------------------------------------
- TOOLTIP PARA HELP (?) - Observações com mouse over
---------------------------------------------------------------------*/
a.Tip_Help
{
	border-radius:50%;
	-webkit-border-radius:50%;

    display: inline-block;	
    position: relative;

	vertical-align:middle;
	margin-bottom: 0.1rem;
	padding: 1.5px 7px 1.5px 7px;	
	
	background:#16365C;
	cursor: help;
	font-size: 12px;
	text-decoration: none;	
    color: #FFFFFF;
	text-align:center;	
}
a.Tip_Help span
{
    position: absolute;
    left: 50%;
    width: 240px;
    padding: 6px;
    margin-left: -10px;
	
    background: #000;
    
	color: #FFFFFF;
    text-align: left;
	
	display:	none;

    border-radius: 5px 5px 5px 0px;
	-webkit-border-radius:5px 5px 5px 0px;	
}
a.Tip_Help span:after
{
    content: '';
    position: absolute;
    top: 100%;
    left: 5%;
    margin-left: 0px;
    width: 0; 
	height: 0;
    border-top: 8px solid #000000;
    border-right: 16px solid transparent;
    border-left: 4px solid transparent;
}
a:hover.Tip_Help span
{
    display: inline-block;
    bottom: 30px;
    z-index: 999;
}
/*-------------------------------------------------------------------
- TOOLTIP PARA HELP GRANDE (?) - Observações com mouse over
- Ex. Status report
---------------------------------------------------------------------*/
/* Formatação do Badge*/
a.Tip_HelpGG
{
	border-radius:50%;
	-webkit-border-radius:50%;
	
	vertical-align:middle;
    position: relative;
    display: inline-block;
		
	padding: 1px 5px 1px 5px;	
	
	background:#16365C;

	cursor: help;
	font-size: 11px;
	text-decoration: none;	
    color: #FFFFFF;
	text-align:left;	
}
/* Formatação do HELP a ser impresso */
a.Tip_HelpGG span
{
	display:none;    
	position: absolute;
    width: 450px;
	min-width: 450px;
	min-height: 30px;
		
	padding: 10px;

    left: 50%;
    margin-left: 20px;
/* Para posicionar, utilizar o 'hover', pois esta sessão está hidden no HTML */	
    background: #eaeaea;
	border: 1px solid #000;
		
	-webkit-box-shadow:0 0 5px #999;
	   -moz-box-shadow:0 0 5px #999; 
			box-shadow:0 0 5px #999;
			
	top: -30px;
    z-index: 999;
	
	font-weight:400;
    color: #333333;
    text-align: left;
	text-decoration: none;  

    border-radius: 5px;
	-webkit-border-radius:5px;	
}
/* Formatação da seta  */
a.Tip_HelpGG span:after
{
    content: '';
    position: absolute;
    
	top: 28px; /* inversamente proporcional ao top do 'houver' */
    left: -2px;
	
    margin-left: -7px;
    
	width: 0; 
	height: 0;
	
    border-right: 8px solid #000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
/* Posição dos objetos quando o mouse por cima  */
a:hover.Tip_HelpGG span{display: inline-block;}
/*=================================================================================================
= ALERTAS DE TELA - COBERTURA PÁGINA COMPLETA
'=================================================================================================*/
.Box_FullScreen_Escuro
{
	display: none;
	position: fixed;
	z-index: 900;
	top: 0px;
	left: 0px;
	width: 100%;
	background: #000000;
	opacity: .5;	
}
/*-------------------------------------------------------------------
- Janela com confirmação - Substitui ALERT/CONFIRM
---------------------------------------------------------------------*/
.Box_Msg_Dialog
{
	display: none;
	position: fixed;
	z-index: 999;
	width:550px;	
	top:200px;
	border: 1px solid #778899;		
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #F2F2F2;
}
.Box_Msg_Dialog > div{ background: #F2F2F2 ; margin:2px; }
.Box_Msg_Dialog > div > .Box_Msg_DialogBody{ background: #F2F2F2; padding:20px; color:#000000; }
.Box_Msg_Dialog > div > .Box_Msg_DialogFoot{ background: #F2F2F2; padding:20px; text-align:left; }
/*-------------------------------------------------------------------
- Janela que sobrepõe a página com conteúdo
---------------------------------------------------------------------*/
.box_tela_popup_container
{
	/*Necessario para posicionar a janela a partir do ElementID do contrário ocupará toda a tela*/
	position:absolute;
	z-index: 950;
	width:100%;
}
.box_tela_popup
{
	display:none;
	position:relative;
	z-index: 999;
  	margin: 0 auto;
	width:100%;
}
.box_tela_popup_close
{
	display:block;
	position:relative;
	float:right;
	top:5px;
	top:0.3125rem;
}
/*=================================================================================================
= FORMATO DOS INPUTS
=================================================================================================*/
input:focus, select:focus, textarea:focus, button:focus
{ 
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 8px #719ECE;
}
.input-data,
.input-textarea, .input-select,
.input-ss, .input-sp, .input-sm, .input-sl, 
.input-ms, .input-mm, .input-ml,
.input-ls, .input-lm, .input-ll, 
.input-xl,
.input-xxl
{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	border-radius: 			3px;
	-webkit-border-radius: 	3px;
	margin: 0;
	padding:0px 2px;
	border: 1px solid #d1d1d1;
	outline: 0px solid #d1d1d1;	
	line-height: 20px;
	line-height: 1.25rem;	
	font-size: 16px;
	font-size: 1rem;
	color: #555555;
}
.input-select{background-color:#ffffff;}
.input-select optgroup{background-color:#e0e0e0;}
.input-select option{background-color:#ffffff;}
.input-invisible, .input-invisible:focus, .input-invisible.focus {outline:none !important;width:0px !important;border:0px solid !important;background-color:unset !important;color:unset !important; box-shadow: none !important;}
/*-------------------------------------------------------------------
- TAMANHO DOS INPUTS
---------------------------------------------------------------------*/
.input-data
{
	width:110px;
	width:6.875rem;
}
.input-ss
{
	width:40px;
	width:2.5rem;
}
.input-sp
{
	width:64px;
	width:4rem;
}
.input-sm
{
	width:84px;
	width:5.25rem;
}
.input-sl
{
	width:100px;
	width:6.25rem;
}
.input-ms
{
	width:120px;
	width:7.5rem;	
}
.input-mm 
{
	width:180px;
	width:11.25rem;	
}
.input-ml 
{
	width:240px;
}
.input-ls
{
	width:270px;
	width:16.875rem;	
}
.input-lm 
{
	width:300px;
	width:18.75rem;
}
.input-ll
{
	width:360px;
	width:22.5rem;
}
.input-xl
{
	width:480px;
	line-height:2px;
}
.input-xxl
{
	width: 		500px;
	font-size: 	15px;
	line-height:20px;
}
.input-col-16
{
	height:16px;
	height:1rem;	
}
/*===============================================================================================
= BOTÕES OFICIAIS
=================================================================================================*/
/*-------------------------------------------------------------------
- Tamanho dos botões
---------------------------------------------------------------------*/
.btn-sm
{
  	padding: 3px 10px;
  	font-size: 10px;
	line-height: 1.5;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
/*-------------------------------------------------------------------
- Formato dos botões - Botão cinza padrão
---------------------------------------------------------------------*/
.botao, 
.btn_std, .btn_new
{
	display: inline-block;
	/* gesto de dois toques */
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.botao, .btn_std
{
  	padding: 6px 12px;
	/*margin-bottom: 0;*/
	min-width: 120px;
	min-height: 25px;
	border: 1px solid transparent;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight:700;
	font-size: 8.5px;
	text-transform: uppercase;
	color: #000000;
	background-color:#e6e6e6;
  	border-color:#adadad;
	background-image: none;		
}
.botao:focus, .botao.focus,
.btn_std:focus, .btn_std.focus
{
  	outline: 0px;
	background-color:#e6e6e6;
}
.botao:active, .botao.active,
.btn_std:active, .btn_std.active
{
  	outline: 0px;
  	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.botao:active:focus, .botao:active.focus, .botao.active.focus,
.btn_std:active:focus, .btn_std:active.focus, .btn_std.active.focus
{
  	outline: 0px;
	background-color:#d1d1d1;
}
.botao:active, .botao.active,
.btn_std:active, .btn_std.active
{
	background-color:#4F94CD;
}
.botao:hover, .botao.hover,
.btn_std:hover, .btn_std.hover
{
  	background-color:#d1d1d1;
}
/*-------------------------------
 Botão azul - Novo
--------------------------------*/
.btn_new 
{
  	padding: 6px 12px;
	margin-bottom: 0;
	min-width: 120px;
	height: 25px;
  	outline: 0px;	
	border: 1px solid #c1c1c1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 8.5px;
	font-weight:700;
	text-transform: uppercase;
	text-decoration: none;
	color: #1B7897;
    background-color: #f1f1f1;
	/*
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-image: -moz-linear-gradient(top, #f1f1f1, #2f96b4);
    background-repeat: repeat-x;
	*/
}
.btn_new:focus, .btn_new.focus
{
  	outline: 0px;	
}
.btn_new:active:focus, .btn_new:active.focus, .btn_new.active.focus,
.btn_new:active, .btn_new.active
{
  	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	text-shadow: 2px 2px rgba(0, 0, 0, .125);
	color:#339FA5;
}
.btn_new:hover, .btn_new.hover
{
  	-webkit-box-shadow: inset 0px 3px 5px rgba(0, 0, 0, .125);
  	-moz-box-shadow: inset 0px 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 2px 0px 5px rgba(0, 0, 0, .125);
	
	color:#6c757d;
}
/* Desabilita o botão */
.btn_new.disabled, .btn_new[disabled], fieldset[disabled] .btn_new,
.botao.disabled, .botao[disabled], fieldset[disabled] .botao,
.btn_std.disabled, .btn_std[disabled], fieldset[disabled] .btn_std
{
  	cursor: not-allowed;
  	filter: alpha(opacity=65);
  	opacity: .65;
}
/* OUTRO BOTAO */
.botao-info
{
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	
	background-color: #49afcd;
	*background-color: #2f96b4;
	
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	
	background-repeat: repeat-x;
	
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
/*-------------------------------------------------------------------
- Formato dos botões - Botão cinza (alertas)
---------------------------------------------------------------------*/
.btn 
{
	display: inline-block;
	padding: 6px 12px;
	min-width: 54px;
	
	margin-bottom: 0;
	vertical-align: middle;
		
	font-size: 10px;
	font-weight:700;
	text-align: center;
	white-space: nowrap;

	line-height: 16px;
	
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-border-radius: 3px;
	border-radius: 3px;

	border: 1px solid #dcdcdc /*transparent*/;
	border-color: #c1c1c1 #c1c1c1 #c1c1c1;

	cursor: pointer;
	background-image: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus 
{
  outline: thin dotted;
  outline: auto 2px Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus 
{
  	color: #000000;
  	text-decoration: none;
	background-color: #C9C9C9;
	
	border: 1px solid #778899;
	
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,.1);	
}
.btn:active,
.btn.active 
{
  background-image: none;
  outline: 0px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn 
{
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
/*-------------------------------------------------------------------
- Formato dos botões - Botão azul (alertas)
---------------------------------------------------------------------*/
.btn-primary 
{
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary 
{
  color: #fff;
  background-color: #4F94CD;
  border: 1px solid #2F5BB7;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary 
{
  	background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active 
{
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary, .btn, .btn_new, 
.botao, .btn_std
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
/*=================================================================================================
= BOX DAS MENSAGENS - REVISAR.M
===================================================================================================*/
.Box_Info_Linha
{
	display:table-row;

  	border-radius: 4px;
	-webkit-border-radius:4px;		
}
.Box_Info_Linha:after 
{
	clear: both;
}
.Box_Info_Detalhe
{
	display:table-cell;
  	padding:5px 5px 5px 5px;
	vertical-align:middle;
	line-height: 200%;
}
.Box_Info_Destaque
{
	display:table-cell;
  	padding:5px 5px 5px 5px;
	width: 20%;
	min-width: 20%;
	vertical-align:middle;
  	border: 1px transparent ;
  	border-radius: 4px;
	-webkit-border-radius:4px;
	font-size:14px;
	font-weight:700;
	color: #16365C;
	text-transform: uppercase;	
}
.Box_Msg_1L_Borda
{
	/*    Topo Dir Baixo Esq   */
  	padding:5px 5px 5px 5px;
 	margin-bottom: 5px;
	border-width:1px;
 	border-style:solid;
  	border-radius: 4px;
	-webkit-border-radius:4px;
}
.Box_Com_Borda
{
	/*    Topo Dir Baixo Esq   */
  	padding:5px 5px 5px 5px;
  	
	border: 1px solid;
  	border-radius: 4px;
	-webkit-border-radius:4px;	
}
/*
'=================================================================================================
= GRID DE PAGINAS DE FORMULARIO
'=================================================================================================
*/
.Grid_Label_00, .Grid_Dados_00,
.Grid_Label_01, .Grid_Dados_01
{
	display: inline-block;
	line-height:26px;
	line-height:1.625rem;
	outline:0px;
}
.Grid_Label_00
{
	float: left;
	margin:0px auto;
	padding:0px;
	text-align:right;
	font-weight:700;
}
.Grid_Dados_00
{
	float: right;
	margin:0px auto;
	padding:0px;
	text-align:left;
}
.Grid_Label_00::before, .Grid_Dados_00::before
{
	content:"\00a0 ";
}
.Grid_Label_01
{
	float: left;
	width:70px;
	width:4.375rem;
	margin:0px auto;
	padding-right:5px;
	text-align:right;
	font-weight:700;
}
.Grid_Dados_01
{
	float: right;
	width:210px;
	width:13.13rem;	
	margin: 0px auto;
	padding-left:0px;
	word-wrap:break-word;
	text-align:left;
}
.Grid_Frm_Tit01
{
	padding-right: 5px;
	font-size:14px;
	font-weight:700;
	color: #16365C;
	text-transform: uppercase;
	line-height: 20px;
	float: left;
	min-width: 300px;
}
/* GRID PARA NOME DE CAMPO */
.Grid_Frm_Txt01
{
	padding-right: 5px;	
	float: left;
	width: 210px;
	text-align: right;
}
.Grid_Frm_Txt02
{
	padding-right: 5px;
	float: left;
	width: 90px;
	text-align: right;
	font-weight:700;
	line-height: 20px;
}
.Grid_Frm_Txt03
{
	padding-right: 5px;
	float: left;
	width: 200px;
	text-align: left;
}
.Grid_Frm_Txt04
{
	/*    Topo Dir Baixo Esq   */
	padding:5px ;
	border:1px #000000;
}
/* GRID PARA CONTEÚDO DE CAMPO */
.Grid_Lbl_Txt03
{
	font-weight:700;
}
.Grid_Frm_Txt03, .Grid_Lbl_Txt03
{
	line-height:1.4;
}
.Box_Container_frm01
{
	display:block;		/*Similar ao <p>*/
	line-height: 200%;
}
.Box_frm_Container
{
	vertical-align: middle;
	line-height: 1.1;
}
.grd_frm_t, .grd_frm_d
{	
	display: inline-block;
}
.grd_frm_t
{
	font-weight:700;
	padding-right: 5px;
	text-align: right;
}
.grd_frm_d
{
	padding-left: 5px;
	text-align: left;
}
/*
'=================================================================================================
= FORMATAÇÃO DE TABELAS - REVISAR.REMOVER
'=================================================================================================
*/
.UsTab_BordaBranca, .UsTr_Titulo, .UsTr_LinhaPadrao, .UsTr_DivisorPadrao
{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
}
.UsTab_BordaBranca, .UsTr_Titulo {	border: 1px solid #FFFFFF; border-collapse: separate;  }
.UsTr_Titulo
{
	border-spacing: 0px;
	font-size:14px;		
	font-weight:700;
	text-align: center;	
	word-wrap: break-word;
	color: #FFFFFF;
	background:#16365C;
}
.UsTr_LinhaPadrao
{
	border: 1px solid #FFFFFF;
	border-spacing: 0px;
	border-collapse: separate;
	font-size:12px;
	color: #000000;
	background:#DADADA;	
}
.UsTr_DivisorPadrao
{
	border: 1px solid #FFFFFF;
	border-spacing: 0px;
	border-collapse: separate;
	font-weight:700;	
	font-size:14px;
	text-align: center;
	color: #000000;
	background:#C2C2C2;	
}
.conteiner{display:contents;}
/*=================================================================================================
= TABELAS (TABLELESS)
=================================================================================================*/
.less_table, .less_table_left
{
	display:table;
	overflow: scroll; /*The overflow property specifies what should happen if content overflows an element's box.*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align:middle;	
}
.less_table{margin: 0px auto;}
.less_rw_in, .less_rw_d0, .less_rw_d1, 
.less_rw_t0, .less_rw_t1, .less_rw_foot,
.less_rw_in_g1, .less_rw_in_g2, .less_rw_in_g3,
.less_row, 
.less_row_titulo, .less_row_tit_light, .less_row_fim_light,
.less_row_grid {display:table-row;}
.less_row, .less_row_titulo, .less_row_tit_light, .less_row_fim_light, .less_row_grid { font-size:12px; }
.less_row_titulo, .less_row_tit_light, .less_row_fim_light,
.less_rw_t0, .less_rw_t1, .less_rw_d0, .less_rw_foot, .less_rw_d1
{
	font-weight:700;
	text-align: center;
	vertical-align:middle;
	margin: 0px auto;
	word-wrap: break-word;		
}
.less_rw_d0 {color:#16365C;background:#c1c1c1;}
.less_rw_d1{color:#000000; background:#99cccc;}
.less_rw_t0, .less_rw_t1, .less_row_titulo {color:#ffffff;background:#339FA5;}
.less_rw_t1 {border-bottom: 2px solid #339FA5;}
.less_rw_in_g1 { background:#e0e0e0; }
.less_rw_in_g3 { background:#d0d0d0; }
.less_rw_in_g1, .less_rw_in_g2, .less_rw_in_g3, .less_row_grid{	border: 1px solid #FFFFFF; }
.less_rw_in_g1:hover, .less_rw_in_g2:hover, .less_rw_in_g3:hover, .less_row_grid:hover { background:#d9e7e7 !important;}
.less_row_tit_light{border-bottom: 2px solid #339FA5;}
.less_row_fim_light{border-top: 1px solid #339FA5;}
.less_cl_in, .less_cl_in_gr1, .less_cel { display:table-cell; }
.less_row_titulo > span[class^=less_cel], .less_row_tit_light > span[class^=less_cel], .less_row_fim_light > span[class^=less_cel]
{	
	padding:5px; border:inherit; vertical-align:inherit; 
}
[class^=less_table] > .less_rw_in, [class^=less_table] > .less_cl_in_gr1, 
[class^=less_table] > [class^=less_rw], [class^=less_rw] > [class*="less_cl_in"]
{
	padding:inherit; border:inherit; vertical-align:inherit; line-height:inherit;
}
.less_row_grid > span[class^=less_cel]{ padding:5px; border:inherit; vertical-align:inherit;}
.less_cel_grid,.less_cel_std, .Less_Cel_Titulo, .less_cel_tit_light, .less_cel_conteudo, .less_cel_cont_light, .Less_Cel_Divisoria, .Less_Cel_Cont_Dest
{
	display:table-cell;	vertical-align:middle;margin: 0px auto;	word-wrap: break-word; 
}
.less_cel_grid{	color: #000000;	background:#fafafa;	}
.Less_Cel_Titulo, .less_cel_tit_light,.less_cel_conteudo, .Less_Cel_Divisoria,.Less_Cel_Cont_Dest
{	
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size:12px;
}
.less_cel_tit_light{ text-transform:uppercase; color:#339FA5;}
.Less_Cel_Titulo
{
	font-weight:700;
	font-size:13px;
	text-align: center;	
	
	color:#ffffff;
	background:#339FA5;
}
.less_cel_conteudo
{
	color: #000000;
	background:#e0e0e0;
}
.less_cel_cont_light
{
	color: #000000;
	background:#f4f4f4;
}
.Less_Cel_Cont_Dest
{
	color: #000000;
	background:#c1c1c1;
}
.less_rw_foot, .Less_Cel_Divisoria
{
	color: #183b73;
	background:#cccccc;
}
/*-------------------------------------------------------------------
- Atributos para div, table ...
---------------------------------------------------------------------*/
.pad_00
{
	padding: 0px;
	display:inline;
}
.pad_02
{
	padding: 2px 2px 2px 2px;
}
.pad_03
{
	padding: 3px 3px 3px 3px;
}
.pad_04
{
	padding: 4px 4px 4px 4px;
}
.pad_05
{
	padding: 5px 5px 5px 5px;
}
.pad_r_05
{
	padding-right:05px;
	padding-right:0.3125rem;
}
.pad_l_05
{
	padding-left:05px;
	padding-left:0.3125rem;
}
.pad_rl_05
{
	padding-left:5px;
	padding-left:0.3125rem;
	padding-right:5px;
	padding-right:0.3125rem;
}
.pad_10
{
	padding: 10px;
}
.pad_16
{
	padding: 16px;
}
.pad_r_16
{
	padding-right:16px;
	padding-right:1rem;
}
.pad_l_16
{
	padding-left:16px;
	padding-left:1rem;
}
.pad_r_32
{
	padding-right:32px;
	padding-right:2rem;
}
.borda_zero
{
	border: 0px solid transparent;
}
.borda_transp
{
	border: 1px solid transparent;
}
.borda_branca_top
{
	border-top:1px solid #FFFFFF;
}
.borda_branca
{
	border: 1px solid #FFFFFF;
}
.borda_vermelha
{
	border: 1px solid red;
}
.borda_cinza
{
	border: 1px solid #f4f4f4;
}
.borda_cinza_top
{
	border-top: 1px solid #dadada;
	
}
.borda_cinza_muted
{
	border: 1px solid #6c757d;
}
.borda_cinza_muted_top
{
	border-top: 1px solid #6c757d;
}

.borda_cinza_chumbo_bottom
{
	border-bottom:1px solid #c2c2c2;
}
.borda_cinza_chumbo_top
{
	border-top: 1px solid #c2c2c2;
}
.borda_cinza_chumbo
{
	border: 1px solid #c2c2c2;
}
.borda_padrao
{
	border:1px solid #3bbfc7;
}
.borda_redonda
{
  	border-radius: 4px;
	-webkit-border-radius:4px;	
}
.borda_redonda_top
{
  	border-radius: 4px 4px 0px 0px;
	-webkit-border-radius:4px 4px 0px 0px;	
}
.borda_sombra
{
	/*box-shadow: 0 0 8px #719ECE;*/

	box-shadow: 			inset 0px 1px 1px rgba(0, 0, 0, .075), 0 0 2px #000000;
	-moz-box-shadow: 		inset 0px 1px 1px rgba(0, 0, 0, .075), 0 0 2px #000000;
	-webkit-box-shadow:		inset 0px 1px 1px rgba(0, 0, 0, .075), 0 0 2px #000000;
}
.borda_sombra_light
{
	box-shadow: 			0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	-moz-box-shadow: 		0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	-webkit-box-shadow:		0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.less_border_sep
{
	border-collapse:separate;
    border-spacing: 1px;
}
.less_border_collapse
{
	border-collapse:collapse;
}
.inline_block
{
	display:inline-block;
}
.borda_2px
{
	border-width:2px;
	border-width:0.125rem;	
}
hr
{
    background-color: #339FA5;
	border: 0px solid #339FA5;
	height: 1px;
}
.quebra_pag00, .quebra_pag01, .quebra_pag02{ display:block;}
.quebra_pag00, .quebra_pag01{ background-color: #99cccc;border: 0px solid #99cccc;}
.quebra_pag01, .quebra_pag02{ padding: 5px;font-size:13px;font-weight: bold;text-align: center;}
.quebra_pag01{color:#16365c; text-transform: uppercase;}
/*=================================================================================================
= POSICAO DOS BOXES
'=================================================================================================*/
.alinha_v_mid
{
	vertical-align:middle;
}
.alinha_v_top
{
	vertical-align:top;
}
.Box_Posiciona_Esquerda
{
	float:left;
}
.Box_Posiciona_Direita
{
	float:right;
}
.Box_Posiciona_Centro
{
    position:relative;
	margin:0px auto;
}
.box_clear
{
	clear: both;
}
/*===============================================================================================
= TAMANHO DOS OBJETOS
=================================================================================================*/
.lw_per_02
{
	width:02%;
}
.lw_per_03
{
	width:03%;
}
.lw_per_05
{
	width:05%;
}
.lw_per_08
{
	width:08%;
}
.lw_per_10
{
	width:10%;
}
.lw_per_15
{
	width:15%;
}
.lw_per_20
{
	width:20%;
}
.lw_per_25
{
	width:25%;
}
.lw_per_30
{
	width:30%;
}
.lw_per_33
{
	width:33%;
}
.lw_per_35
{
	width:35%;
}
.lw_per_40
{
	width:40%;
}
.lw_per_45
{
	width:45%;
}
.lw_per_50
{
	width: 50%;
}
.lw_per_55
{
	width:55%;
}
.lw_per_60
{
	width:60%;
}
.lw_per_70
{
	width:70%;
	min-width:70%;
}
.lw_per_75
{
	width: 75%;
}
.lw_per_80
{
	width: 80%;
}
.lw_per_85
{
	width: 85%;
}
.lw_per_90
{
	width: 90%;
}
.lw_per_95
{
	width: 95%;
}
.lw_per_98
{
	width: 98%;
}
.lw_per_100
{
	width: 100%;
}
/*--------------------------
- Larguras fixas
----------------------------*/
.lw_px_250
{
	width:250px;
	width:15.625rem;
}
.lw_px_300
{
	width:300px;
	width:18.75rem;
}
.lw_px_400
{
	width:400px;
	width:25rem;
}
.lw_px_500
{
	width:500px;
	width:31.25rem;	
}
.lw_px_600
{
	width:600px;
	width:37.5rem;	
}
.lw_px_800
{
	width:800px;
	width:50rem;	
}
.lw_px_900
{
	width:900px;
	width:56.25rem;	
}
.lw_px_1000
{
	width:1000px;
	width:62.5rem;	
}
.lw_px_1100
{
	width:1100px;
	width:68.75rem;	
}
.lw_px_400_min
{
	min-width:400px;
	min-width:25rem;
}
.lw_px_600_min
{
	min-width:600px;
	min-width:37.5rem;	
}
/*--------------------------
- tamanhos específicos
----------------------------*/
.tam_legenda
{
	height:15px;
	height:0.9375rem;
    width:15px;	
	width:0.9375rem;
}
.tam_legenda_mini
{
	height:05px;
	height:0.3125rem;
    width:05px;	
	width:0.3125rem;
}
/*--------------------------
- Altura fixa
----------------------------*/
.ah_px_1
{
	height:1px;
	height:0.0625rem;
}
.ah_px_16
{
	height:16px;
	height:1rem;
}
.ah_px_24
{
	height:24px;
	height:1.5rem;
}
.ah_px_96
{
	height:96px;
	height:4rem;
}
.ah_px_120
{
	height:120px;
	height:7.5rem;
}
.ah_px_180_min
{
	min-height:180px;
	min-height:11.25rem;
}
.ah_px_180
{
	height:180px;
	height:11.25rem;
}
.ah_px_200
{
	height:200px;
	height:12.5rem;
}
.ah_px_230_min
{
	min-height:230px;
	min-height:14.375rem;
}
.ah_px_230
{
	height:230px;
	height:14.375rem;
}
/*--------------------------
- tamanhos da linha fixo
----------------------------*/
.ah_lin_px_04
{
	line-height:04px;
	line-height:0.25rem;
}
.ah_lin_px_08
{
	line-height:08px;
	line-height:0.5rem;
}
.ah_lin_px_16
{
	line-height:16px;
	line-height:1rem;
}
.ah_lin_px_20
{
	line-height:20px;
	line-height:1.25rem;
}
.ah_lin_px_24
{
	line-height:24px;
	line-height:1.5rem;
}
.ah_lin_px_28
{
	line-height:28px;
	line-height:1.75rem;
}
.ah_lin_px_32
{
	line-height:32px;
	line-height:2rem;
}
/*=================================================================================================
= Posição e renderização dos objetos
===================================================================================================*/
.pos_static
{
	position:static;
}
.pos_sticky_navbar
{
	position: -webkit-sticky;
	position: sticky;
	top:60px;
}
.text_no_select
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*=================================================================================================
= FONTES - Formatação e alinhamentos
===================================================================================================*/
.font_centro	{ text-align: center;}
.font_direita	{ text-align: right;}
.font_esquerda	{ text-align:left;}
.font_normal	{ font-weight:400;}
.font_negrito 	{ font-weight:700;}
.font_italico 	{ font-style:italic;}
.font_maiusculo	{ text-transform:uppercase;}
/*=================================================================================================
= FONTES - Tamanhos e familias
===================================================================================================*/
.font_09, .font_10,
.font_11, .font_12, .font_13, .font_14, .font_16, .font_18,
.font_20, .font_24, .font_28,
.font_32,
.font_48,
.font_64 
{
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
}
.font_09{font-size:09px;font-size:0.5625rem;}
.font_10{font-size:10px;font-size:0.625rem;}
.font_11{font-size:11px;font-size:0.6875rem;}	
.font_12{font-size:12px;font-size:0.75rem;}
.font_13{font-size:13px;font-size:0.8125rem;}
.font_14{font-size:14px;font-size:0.875rem;}
.font_16{font-size:16px;font-size:1rem;}
.font_18{font-size:18px;font-size:1.125rem;}
.font_20{font-size:20px;font-size:1.25rem;}
.font_24{font-size:24px;font-size:1.5rem;}	
.font_28{font-size:28px;font-size:1.75rem;}
.font_32{font-size:32px;font-size:2rem;}
.font_48{font-size:48px;font-size:3rem;	}
.font_64{font-size:64px;font-size:4rem;}
.family_calibri{font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;}
.family_default{font-family: 'Roboto',Helvetica,Arial,sans-serif;}
/*=================================================================================================
= FONTES - Cores
===================================================================================================*/
.cor_branco{color:#ffffff;}	
.cor_preto{color:#000000;}
.cor_dourado{color:#daa520;}
.cor_vermelho{ color:red; color:#d9534f; }
.cor_verde{color:#3CB371;}
.cor_turquesa{color:#339FA5;} /*azul circulo logo MR*/
.cor_azulroyal{color:#4169E1;}
.cor_azul_151{color:#1B7897;}
.cor_azul_escuro{ color:#16365C; color:#183b73;} /*azul escrita logo MR*/
.cor_cinza{color:#708090;}
.cor_cinza_chumbo{color:#c2c2c2;}
.cor_cinza_muted{color:#6c757d;}
/*-------------------------------------------------------------------
= Formatação de fontes específicas
---------------------------------------------------------------------*/
.F_Titulos_Portal
{
	font-weight:700;
	font-size: 28px;
	color: #183b73;
	/*
	Cor do rodape da apresentacao
	color: #339FA5;
	*/
}
.font_titulo_claro { color: #339FA5; }
/*=================================================================================================
= FORMATAÇÕES DE FUNDO
==================================================================================================*/
.bg_titulo_barra
{
	background:#16365C;
	background: linear-gradient(141deg, #16365C 0%, #0fb8ad 30%, #16365C 50%, #0fb8ad 85%);
}
.bg_padrao { background:#f5f7f8; }
.bg_nav { background:#f5f7f8; }
.bg_nav2 { background: #2f6692; background: linear-gradient(135deg, #2f6692 0%, #2ab5bb 9%, #f5f7f8 52%);}
.bg_amarelo { background:#FFFF00;}
.bg_azul { background:#3a87ad;}
.bg_azul_claro { background:#AED6F1;}
.bg_azul_cinzento {	background:#5499C7;}
.bg_azul_escuro { background:#16365C; } /*Azul MRC*/
.bg_branco { background:#FFFFFF;}
.bg_cinza_light { background:#f5f7f8; background:#f4f4f4; }
.bg_cinza {	background:#dadada; background:#e0e0e0; }
.bg_cinza_chumbo { background:#c2c2c2; }
.bg_cinza_muted { background:#6c757d; }
.bg_preto { background:#000000; }
.bg_turquesa { background:#339FA5; }
.bg_verde {	background:#00FF00;	}
.bg_verde_azul { background:#73C6B6; }
.bg_vermelho { background:#FF0000; background:#d9534f; }
.bg_vermelho_light { background:#EC7063; }
.bg_magenta_light{ background:#F1C3C3; }
/*=================================================================================================
= EXPERIMENTAL
===================================================================================================*/
.ativa_scroll
{ 
    overflow-x: hidden;
    overflow-y: scroll;
    height:500px;
	height:calc(100% - 250px);
}