/* min-width nos wrappers serve para garantir o background quando o viewport eh menor que min-width do componente interno */

#topo1Wrapper   	{ top: 0; z-index: 9}
#topo1Wrapper   	{ background-color: #2E8B57; }
#topo1Wrapper   	{ min-width: 300px; width: 100%; }
#topo1 				{ min-width: 300px; width: 97%; margin: 0 auto; position: relative; height: 76px; text-align: left}
#topo1L             { width: 90px; float: left }
#topo1          	{ background: url("") 0 0 no-repeat; }
#topo1M             { float: left; padding-left: 20px; }
#topo1R0            { float: right; }
#topo1R0 a          { color: #fff; padding: 0 10px; line-height: 40px; display: block; text-align: center; text-decoration: none}
#topo1R0 a:hover    { background-color: #fff; color: #000}
#topo1R0 a i.fa     { line-height: 38px; }
#topo1R             { float: right }
#topo1R2            { float: right }

#topo2Wrapper   	{ padding-top: 40px; border-bottom: 1px solid #bbb; background: #eee;}
#topo2Wrapper   	{ min-width: 300px; width: 100%; }
#topo2 				{ min-width: 300px; width: 97%; margin: 0 auto; position: relative;  text-align: left; padding-bottom: 2px; }

#conteudoWrapper  	{ min-width: 300px; width: 100%; }
#conteudo        	{ min-width: 300px; width: 97%; margin: 0 auto; position: relative; text-align: left; margin-top:10px;}

#rodapeWrapper    	{ min-width: 300px; width: 100%; }
#rodape        		{ min-width: 300px; width: 97%; margin: 0 auto; position: relative; text-align: left; text-align: center}
#rodape        		{ font-size: 12px; padding: 35px 0px; }

#menuContexto							{ position: relative; padding-left: 105px; padding-bottom: 5px}
#menuContexto h1						{ float: left; padding: 6px 0 5px 20px; font-size: 14px; font-weight: 400; color: #f8f8f8}
#menuContexto a 						{ color: #f8f8f8}
#menuContexto .botoesContexto 			{ float: right; padding: 0 2px 5px 0}
#menuContexto .botoesContexto table		{ border-collapse: collapse; border-spacing: 0;} /* botoes com panelGrid */
#menuContexto .botoesContexto table	td	{ padding: 0 2px;} /* botoes com panelGrid */
#menuContexto button,
#menuContexto input,
#menuContexto select 					{ margin-bottom: 0; margin-top: 0}

#logo 	    							{ color: #fff; font-size: 20px; font-style: italic; font-weight: bold; padding: 8px 10px 0 3px }
#logo a             					{ color: #fff; text-decoration: none }
			
#menuAdministracao.wmenu table a 		{ padding: 0 10px } /* para casar com topo1R0 - link dashboard */
#menuAdministracaoItens            		{ display: none;  }
#menuPrincipalItens	             		{ display: none;  }

#menuPrincipal .fa-caret-down 			  { margin-left: 6px}
#menuPrincipal .submenuWrapper > a > span { font-weight: 700}

#menuAdministracao .submenu ,
#menuPrincipal .submenu 			 	  { padding: 12px 0 12px 0; } /* TODO mover para websupport */

/* Corrige rolagem horizontal em datatable do prime 6 com tema bootstrap */

.ui-datatable-tablewrapper { overflow: visible; }

/* Desativa o excesso de gradiente */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: -ms-linear-gradient(top, #f7f7f7, #efefef);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#efefef));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #efefef);
    background-image: -o-linear-gradient(top, #f7f7f7, #efefef);
    background-image: linear-gradient(top, #f7f7f7, #efefef);
    background-image: -moz-linear-gradient(top, #f7f7f7, #efefef);
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0066cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0066cc);
    background-image: -o-linear-gradient(top, #0088cc, #0066cc);
    background-image: linear-gradient(to bottom, #0088cc, #0066cc);
    background-image: -moz-linear-gradient(top, #0088cc, #0066cc);
}

/* Redefine backgrounds (pois o CSS acima impacta) */

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: none #ffffff;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
}

/* Reduz a borda */
.ui-panel .ui-panel-titlebar {
    border: none;
}

/* Ajuste do layout */
.ui-linha-form td 	{ padding: 2px 4px; }
.ui-linha-form th   { padding: 8px 4px 0 4px; }
.ui-linha-form .ui-button 	{ margin: 0;}
.sepVertical 				{ background: none; text-align: center;}
.sepVertical::after 		{ content: "|";}

.ui-button.green-btn { background: #008000; color: #fff; border-color: #008000; }
.ui-button.green-btn.ui-state-hover { background: #009900; color: #fff; border-color: #008000; }

.ui-button.red-btn { background: #b40101; color: #fff; border-color: #b40101; }
.ui-button.red-btn.ui-state-hover { background: #b40101; color: #fff; border-color: #b40101; }

.ui-button.gray-btn { background: #989898; color: #fff; border-color: #989898; }
.ui-button.gray-btn.ui-state-hover { background: #989898; color: #fff; border-color: #989898; }

/* ajuste de css utils */
.centerToggler { width: 15px; }
.center1botao  { width: 30px; }
.center2botoes { width: 45px; text-align: center; }
.center3botoes { width: 60px; text-align: center; }
.center4botoes { width: 75px; text-align: center; }
.valor  { padding-top: 4px; font-weight: bold; color: #000; border-color: #fff}
.campo 	{ padding-top: 4px }

/* accordion */
.grayTab { background: #f0f0f0 !important; font-weight: bold;}
.grid { background: #F0E68C !important;}
					  
/* conteudo sem padding */
#conteudo {width: 100%; margin: 0}

/* links do login */
.link-login {color: #0b61a4 !important}