@charset "utf-8";
/* CSS Document */
body {
	font-family: 'titillium_webregular', 'Trebuchet MS', 'Lucida Sans Unicode', Tahoma, sans-serif !important;
	color: dimgrey !important;
	margin: 0;
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: #FFFFFF !important;
}

img {
	border-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	color: darkblue;
}

td {
	vertical-align: center;
}

.white {
	color: white !important;
}

#container {
	width: auto;
	text-align: left;
	/* this overrides the text-align: center on the body element. */
	height: 100%;
}

#mainPanel {
	width: 100%;
	border: 0px;
	columns: 1;
	background: #FFFFFF;
	text-align: left;
}

.ui-outputlabel, table tbody tr td {
	color: dimgrey !important;
}

.layout-header-widgets.acessibilidade {
	position: relative;
	float: right;
	right: 14px;
	top: 10px;
	width: 132px;
	text-align: center;
}
.layout-header-widgets li {
	background-color: #095390 !important;
	margin-bottom: 4px;
	height: 34px !important;
}
.layout-header-widgets li:hover {
	background-color: #247DC7 !important;
}
.layout-header-widgets li b {
	margin-top: 7px;
	display: block;
	cursor: pointer
}

.invisible {
	background: none;
	background-color: none;
}

.larguraDoCabecalho {
	width: 100%;
	text-align: left;
}

.larguraDoSite {
	width: 100%;
	border: 0px";
	columns: 1;
	text-align: left;
}

#bannerHeader {
	width: 100%;
    height: 111px;
	float: left;
	position: absolute;
	background: #a4d5ee;
}

#logoTceac {
	height: 90px;
	margin-top: 8px;
	margin-left: 8px;
	margin-right: 8px;
}

#tituloSistema {
	float: left;
	position: absolute;
	top: 38px;
	font-size: 28px;
	font-weight: bold;
	color: #0B66B1 !important;
}
.brTitulo {
	display: none;
}
@media (max-width: 680px) {
	.brTitulo {
		display: initial;
	}
	#tituloSistema {
		top: 20px;
		font-size: 28px;
	}
	#logoTceac {
		height: 85px;
		margin-top: 10px;
		margin-left: 4px;
		margin-right: 4px;
	}
}

#tituloSistema:hover {
    color: #2480CC !important;
}

.negrito {
	font-weight: bold !important;
}

.semBorda, .semBorda tr, .semBorda td, .semBorda table, .semBorda tbody tr td {
	border: none !important;
}

#header2 {	
	height: 111px;
}
#footer2 {
	text-align: left;
	font-size: 90%;
	color: white;
	
	background: gray;
	text-align: center;
	min-height: 100px;
}
html, body{
    height: 100%;
    min-width: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -100px;
}
.footer2, .push {
    height: 100px;
    min-width: 100%;
}

/* .breadcrumbTopTextLabel {
	float: right;
	text-align: right;
	color: black;
	font-size: 10px;
} */

.campoObrigatorio {
	/* font-weight:bold !important; */
}
.campoObrigatorio:after {
    content:"*";
}

.ui-datatable tbody td span.colCodigo {
    display:block; 
    text-align: center;
}

.ellipsis {
	text-overflow:ellipsis; 
	white-space:nowrap; 
	overflow:hidden; 
	max-width:99%;
	display: inline-block;
}
	
.comprimentoAuto {
  width: 100% !important;
}

.comprimento95 {
  width: 95% !important;
}
	
.limitarWidthEllipsis > span > span.ui-treenode-label {
	width: calc(100% - 40px);
}
	
.panelScrollBoder {
	overflow:scroll;  
	border:none;
}
	
.ui-menu-list {
  	position: static;
}
.ui-menu .ui-menu-list .ui-menuitem {
	font-size: 95%;
}

.breadcrumb {
	height: 25px;
	padding: 1px 5px 7px;
}

.ui-datagrid-no-border>.ui-datagrid-content {
	border: none;
}

.ui-dialog .ui-dialog-content .ui-icon {
  margin-top: 0;
  top: 30%;
}

.tamanho-content .ui-panel-content {
	height: 100%;
}

.ui-menu .ui-menu-parent .ui-menu-child {
	padding: 3px;
    background: #0885d2;
    background: -moz-linear-gradient(top, #0885d2 0%, #0b66b1 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #0885d2), color-stop(100%, #0b66b1));
    background: -webkit-linear-gradient(top, #0885d2 0%, #0b66b1 100%);
    background: -o-linear-gradient(top, #0885d2 0%, #0b66b1 100%);
    background: -ms-linear-gradient(top, #0885d2 0%, #0b66b1 100%);
    background: linear-gradient(to bottom, #0885d2 0%, #0b66b1 100%);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
}

.ui-menu .ui-menuitem .ui-menuitem-link {
    color: #FFFFFF;
    padding-left: 8px;
    padding-right: 8px;
    width: auto !important;
}

div.menuTopo {
	padding: 3px;
    background: #0885d2;
    background: -moz-linear-gradient(top, #0885d2 0%, #0b66b1 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #0885d2), color-stop(100%, #0b66b1));
    background: -webkit-linear-gradient(top, #0885d2 0%, #0b66b1 100%);
    background: -o-linear-gradient(top, #0885d2 0%, #0b66b1 100%);
    background: -ms-linear-gradient(top, #0885d2 0%, #0b66b1 100%);
    background: linear-gradient(to bottom, #0885d2 0%, #0b66b1 100%);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
	
	text-align: center;
}

div.menu {
	text-align: left;
	border: 0;
	background: none;
	display: inline-block;
	color: white !important;
}
div.menu:hover {
	border: 0;
	border-radius: 3px;
}
.menu .ui-menu-list{
	width:100%;
	display: table;
	text-align: left;
}
div.menu>ul.ui-menu-list>li>a{
	text-align: center;
}
div.menu>ul.ui-menu-list>li{
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
}

/* #bannerTelaInicial {
	padding: 20px 20px 30px 20px;
} */

#textoIntroducao {
	text-align: justify;
	vertical-align: center;
	text-indent: 2em;
	padding: 10px;
}

#tituloIntroducao {
	text-align: left;
	margin: 10px 10px 0;
}

.heading {
	text-align: left;
	white-space: pre-wrap;
}
.heading:after {
    content:"\a";
    white-space:pre;
}
.heading.h1 {
	font-size: 150%;
	color: #27AAE1;
}
.heading.h2 { /* Para informações importantes e centralizdas no meio do texto, como os links da ouvidoria */
	font-size: 125%;
	color: #27AAE1;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	cursor: text;
}
.heading.h4 {
	font-size: 100%;
	font-weight: bold;
	color: #27AAE1;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	cursor: text;
}
.heading.h3 {
	font-size: 120%;
	color: #27AAE1;
}
.heading.s1 {
	font-size: 90%;
	font-style: italic;
	color: #81919A;
}
.heading.s2 {
	text-align: right;
	font-style: italic;
}
.heading.link {
	font-size: 130%;
	color: #27AAE1;
	font-weight: bold;
}
.heading.sublink {
	font-size: 90%;
	color: #81919A;
	font-weight: bold;
}

.conteudoPagina {
	padding: 0px 10px;
	border: 0px;
	width: 100%;
}
.conteudoPagina.semPadding {
	padding: 0px 0px 0px 0px !important;
}

.justificado {
	/* font-family: 'Trebuchet MS', 'Lucida Sans Unicode', Tahoma, sans-serif; */
	text-align: justify !important;
	line-height: 120%;
	padding: 12px;
}

.indentado {
	text-indent: 2em;
}

.iconeLink {
	width: 80px;
}

.botaoAcao {
	width: 100%;
	border-radius: 1px;
    background: #EEE;
    border: 1px solid #DDD;
}
.botaoAcao:hover {
    background: #FFF;
	background: rgba(11, 102, 177, 0.2);
    border: 1px solid #27AAE1;
}
.botaoAcao:active {
	background: #DDD;
	background: rgba(11, 102, 177, 0.4);
}

.ui-accordion-content {
    padding: 5px !important;
    font-size: 90% !important;
}
.ui-accordion-header {
    color: dimgrey;
    background: #e3e9ee;
    font-size: 90% !important;
}
.ui-accordion-header .ui-icon-triangle-1-e {
	background-image: url(../resources/primefaces-sentinel/images/rightarrow-gray.svg);
}
.ui-accordion-header:hover {
    color: #FFFFFF;
}
.ui-accordion-header:hover .ui-icon-triangle-1-e {
	background-image: url(../resources/primefaces-sentinel/images/right-arrow.svg);
}
.ui-accordion .ui-state-active {
    color: #FFFFFF;
}

hr {
  border: 0px;
  border-top: 1px solid #9FADB5;
}

.solicitacaoConcluida {
	color: #009900 !important;
}

.solicitacaoEmAndamento {
	color: #FF9900 !important;
}

.solicitacaoProrrogada {
	color: #FF0000 !important;
}

.ui-datatable tbody td.wrap {
    white-space: normal;
}

.panelInfoConsulta {
	padding: 10px !important;
	border-radius: 10px !important;
	text-align: left;
}
.panelInfoConsulta, .panelInfoConsulta .ui-fieldset {
	background-color: #fcf8e3 !important;
}
.panelInfoConsulta .ui-fieldset {
	border-color: lightgrey;
}

.panelResposta {
	background-color: #d9edf7 !important;
	padding: 10px !important;
	border-radius: 10px !important;
}

.panelProrrogacao {
	background-color: #f2dede !important;
	padding: 10px !important;
	border-radius: 10px !important;
}

#mapaDoSite li:before {
    content:" - ";
    white-space:pre;
}
#mapaDoSite a {
	color: #27AAE1 !important;
}
#mapaDoSite {
	color: #27AAE1;
	font-weight: bold;
	text-transform: uppercase;
}
#mapaDoSite li.nivel2 {
	font-weight: normal;
}
#mapaDoSite li.nivel3 {
	text-transform: none;
}
#divLogin {
    float: right;
    display: block;
    right: 20px;
    top: 12px;
    position: relative;
    margin-bottom: 10px;
}
#divLogin a {
    color: white !important;
    text-decoration: underline;
    font-size: 16px;
}
#divLogin a:hover {
    color: #D2D8DC !important;
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
  
.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

a.list-group-item {
    color: #555;
}

#imgOuvidoria {
	height: 240px;
	padding: 16px;
	border: 1px solid darkgrey;
	margin: 16px 16px 0 16px;
}

.ui-inputfield.ui-state-hover {
	background: white;
}

.blocoOuvidoriaOnline {
	margin-bottom: 40px;
	margin-top: -20px;
	border: 1px solid darkgrey;
}

.ui-dialog span {
	display: block;
	max-width: 500px;
}

#gestao .ui-datatable-data.ui-widget-content .ui-widget-content.ui-datatable-selectable.ui-state-hover {
	background: none !important;
}

#divider-vertical {
	list-style: none;
	height: 180px;
	margin: 0px;
	border-right: 1px solid #c9c9c9;
	border-left: 1.5px solid #f2f2f2;
}

#mainContent {
	padding: 20px;
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}

.ui-panelgrid-blank, .ui-panelgrid-blank tbody tr td {
	background: 0;
    border: 0 none !important;
}

.hideOnMobile {
	display: none;
}

@media (max-width: 480px) {
	#linkTceac {
		display: none;
	}
	#tituloSistema {
		font-size: 24px;
		padding-left: 20px;
	}
	.brTitulo {
		display: initial;
	}
}