* {
	padding: 0;
	margin: 0;
	font-family: sans-serif;
	font-size: 12px;
	box-sizing: content-box;
}

select,option,input,textarea {
	outline: none;
}

/* INICIO CLASSES UTEIS */
.fl {
	float: left !important;
}

.fr {
	float: right;
}

.dn {
	display: none;
}

.clr {
	clear: both;
}

.negrito
{
	font-weight: bold;
}

.pointer
{
	cursor:pointer !important;
}


.center {
	text-align: center!important;
}

.centered {
	margin-right: 50%;
}

/* INICIO MARGENS UTEIS */
.mg-left-10 {
	margin-left: 10px !important;
}


.mg-left-10 {
	margin-left: 10px !important;
}

.mg-left-15 {
	margin-left: 15px !important;
}

.mg-left-18 {
	margin-left: 18px !important;
}

.mg-left-20 {
	margin-left: 20px !important;
}

.mg-left-22 {
	margin-left: 22px !important;
}

.mg-left-30 {
	margin-left: 30px !important;
}

.mg-top-2 {
	margin-top: 2px !important;
}

.mg-top-5 {
	margin-top: 5px !important;
}

.mg-top-8 {
	margin-top: 8px !important;
}

.mg-top-10 {
	margin-top: 10px !important;
}
.mg-top-13 {
	margin-top: 13px !important;
}

.mg-top-15 {
	margin-top: 15px !important;
}

.mg-top-16 {
	margin-top: 16px !important;
}

.mg-top-17 {
	margin-top: 17px !important;
}

.mg-top-18 {
	margin-top: 18px !important;
}

.mg-top-20 {
	margin-top: 20px !important;
}

.mg-top-25 {
	margin-top: 25px !important;
}

.mg-top-40 {
	margin-top: 40px !important;
}

.mg-right-5 {
	margin-right: 5px !important;
}

.mg-right-10 {
	margin-right: 10px !important;
}

.mg-right-15 {
	margin-right: 15px !important;
}

.mg-right-20 {
	margin-right: 20px !important;
}

.mg-right-460 {
	margin-right: 460px !important;
}

.mg-bottom-5 {
	margin-bottom: 5px !important;
}

.mg-bottom-10 {
	margin-bottom: 10px !important;
}

.mg-bottom-15 {
	margin-bottom: 15px !important;
}

.mg-zero {
	margin: 0 !important;
}

/* FIM MARGENS UTEIS */

/* FIM CLASSES UTEIS */
html {
	/*background: #195298 url(../img/bg.png) 0 0 repeat-x;*/
	height: 100%;
}

body {
	background: #08325c;
	height: 100%;
}

.geral {
	min-height: 100%;
	overflow: auto;
	position: relative;
	padding: 0 10px;
}

.container{
	width: 100%;
	height: auto;
	display: flex;
	align-items: top;
}

.conteiner-geral {
	max-width: 1205px;
	min-width: 768px;
	width: 100%;
	margin: 0 auto;
	/* position: relative; */
	padding: 10px 0 10px 0;
	overflow: auto;
}

/* INICIO RODAPE */
.rodape {
	width: 100%;
	height: 37px;
	overflow: hidden;
}

.rodape-box {
	max-width: 1205px;
	min-width: 768px;
	background-color: #fff;
	border: 1px solid #b5b5b5;
	border-radius: 8px;
	height: 15px;
	margin: 0 auto;
	padding: 10px 0px;
}

.rodape p {
	color: #1C5BA7;
	display: block;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

/* FIM RODAPE */

/* INICIO LOGIN BOX */
.login-conteiner {
	width: 100%;
	padding-top: 70px;
}

.login-topo {
	width: 595px;
	margin: 0 auto;
}

.login-corpo {
	border: 1px solid #b5b5b5;
	border-radius: 10px;
	background-color: #fff;
	width: 581px;
	margin: 0 auto;
	padding: 15px;
	min-height: 100px;
}

.login-corpo form {
	border: 1px solid #b5b5b5;
	border-radius: 10px;
	padding: 20px;
	overflow: auto;
	background: url(../img/bg-login.png) 0 bottom repeat-x;
}

.login-corpo label {
	font-size: 12px;
	color: #505050;
	margin-bottom: 3px;
	display: block;
	font-weight: normal;
}

.login-corpo .input-text {
	border: 1px solid #c5c5c5;
	background: url(../img/input-bg.png) 0 0 repeat-x;
	font-size: 12px;
	color: #343434;
	width: 200px;
	padding: 8px 6px;
	width: 150px;
	margin: 0 10px 0 0;
}

.login-corpo .box-inputs {
	width: 338px;
	min-height: 10px;
	margin: 0 auto;
}

.login-corpo .tamanho {
	min-height: 10px;
	margin: 0 auto;
	width: 350px;
}

.login-corpo .box-inputs {
	width: 338px;
	min-height: 10px;
	margin: 0 auto;
}


.ui-state-disabled {
	opacity: .55;
}

/* FIM LOGIN BOX */

/* INICIO TOPO */
.topo,.login-topo {
	margin-bottom: 3px;
	border: 1px solid #b5b5b5;
	border-radius: 10px;
	padding: 8px;
	height: 117px;
	position: relative;
	overflow: hidden;
	background: #fcfdff;
}

.topo h1,.login-topo h1 {
	width: 368px;
	height: 121px;
	overflow: hidden;
}

.topo h1 a,.login-topo h1 a {
	width: 368px;
	height: 121px;
	display: block;
	background: url(../img/logo_tce_ouv.png) 0 0 no-repeat;
	text-indent: -9000px;
}

.topo .logo-tce {
	width: 148px;
	height: 47px;
	overflow: hidden;
	text-indent: -9000px;
	position: absolute;
	right: 29px;
	top: 20px;
}
.login-topo .logo-tce {
	width: 148px;
	height: 47px;
	overflow: hidden;
	text-indent: -9000px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.topo .login-box {
	position: absolute;
	border: 1px solid #bdbdbd;
	background-color: #e6e6e6;
	right: 13px;
	bottom: 30px;
	padding: 8px;
	border-radius: 8px;
	overflow: auto;
	max-wid\th: 220px;
}

.topo .login-box p {
	float: left;
}

.topo .login-box p,.topo .login-box span {
	font-size: 12px;
	color: #1c5ba7;
}

.topo .login-box a {
	float: right;
	color: #505050;
	margin-left: 50px;
	display: block;
	padding-right: 15px;
	//background: url(\e95c) right 3px no-repeat;
	text-decoration: none;
}

/* FIM TOPO */

/* INICIO MENU PRINCIPAL */
.menu-principal {
	width: 100%;
	height: 50px;
	position: absolute;
	top: 125px;
	z-index: 100;
	max-width: 1205px;
}

.menu-principal ul {
	list-style: none;
	float: right;
	margin-right: 10px;
}

.menu-principal ul li {
	border: 1px solid #b7b7b7;
	float: left;
	margin-right: 4px;
	background: #fcfdff;
	border-radius: 10px;
	width: 170px;
	height: 42px;
	overflow: hidden;
}

.menu-principal ul li a {
	font-weight: bold;
	color: #505050;
	font-size: 14px;
	padding: 12px 55px 12px 18px;
	display: block;
	text-decoration: none;
	background: url(../img/ico-menu-dropdown.png) right 14px no-repeat;
	outline: none;
}

/* Opção de Menu sem o ícone de DropDown */
.menu-principal ul li .no-dropdown{
	font-weight: bold;
	color: #505050;
	font-size: 14px;
	padding: 12px 55px 12px 18px;
	display: block;
	text-decoration: none;
	background: none !important; 
	outline: none;
}

.menu-principal ul li a:hover {
	color: #1c5ba7;
}

.menu-principal ul li ul {
	margin: 0;
	float: none;
	padding: 0 10px 18px 10px;
	display: none;
}

.menu-principal ul li ul li {
	float: none;
	border: none;
	margin: 0;
	background: none;
	border-radius: 0;
	border-bottom: 1px dotted #b7b7b7;
	width: auto;
	height: auto;
}

.menu-principal ul li ul li a {
	font-weight: normal;
	font-size: 12px;
	padding: 5px 8px;
	background: none;
}

.menu-principal ul li ul li.third-menu a {
	background: url(../img/ico-plus.png) right center no-repeat;
}

.menu-principal ul li ul li.third-menu a.sub-menu-aberto {
	background: url(../img/ico-minus.png) right center no-repeat;
}

.menu-principal ul li ul li a:hover {
	color: #1c5ba7;
}

.menu-principal ul ul ul {
	padding: 0 5px 0 10px;
	display: none;
}

.menu-principal ul ul ul li {
	
}

.menu-principal ul ul ul li a {
	color: #888;
	background: none !important;
}

.menu-principal ul ul ul li:last-child {
	border: none;
}

/* FIM MENU PRINCIPAL */

/* INICIO TELA INICIAL */
.welcome-col {
	padding-bottom: 15px;
}

.welcome-col p {
	
}

/* FIM TELA INICIAL */

/* INICIO CORPO */
.corpo {
	padding: 30px 10px 10px 10px;
	background-color: #fcfdff;
	border: 1px solid #b5b5b5;
	border-radius: 8px;
	/* position: relative; */
	/* z-index: 80; */
	min-height: 100%;
	margin-bottom: 3px;
}

.corpo-conteiner {
	/*border: 1px solid #b5b5b5;*/
	padding: 10px;
	padding-bottom: 0;
	/*border-radius: 10px;*/
	overflow: auto;
}

.titulo-pagina {
	color: #1c5ba7;
	/*border: 1px solid #b5b5b5;*/
	/*background-color: #f2f2f2;*/
	margin-bottom: 13px;
}

.titulo-pagina h2 {
	color: #1c5ba7;
	font-size: 20px;
	padding: 8px 10px;
}

.formularios .campo-dados {
	border: 1px solid #c6c6c6;
	padding: 15px 15px 15px 15px;
	padding-right: 15px;
	overflow: auto;
	margin-bottom: 10px;

}

.formularios .campo-dados legend{
	background: none;
	border:rgba(157, 157, 157, 0);
	padding: 15px 15px 15px 15px;
	padding-right: 15px;
	overflow: auto;
	margin-bottom: 10px;
}

.col-50 {
	width: 50%;
	float: left;
}

.col-70 {
	width: 70%;
	float: left;
}

.col-30 {
	width: 30%;
	float: left;
}


.col-20 {
	width: 20%;
	float: left;
}

.col-15 {
	width: 15%;
	float: left;
}

.col-10 {
	width: 10%;
	float: left;
}

.formularios fieldset, .box-border {
	border: 1px solid #c6c6c6;
	/* padding: 15px 15px 15px 15px; */
	padding: 5px 5px 5px 5px;
	padding-right: 15px;
	overflow: auto;
	margin-bottom: 8px;
	padding-bottom: 0px;
	/* min-height: 300px; */
}

#campos {
	border: unset;
}

.formularios legend {
	font-size: 12px;
	font-weight: bold;
	color: #505050;
	padding: 0 5px;
}

.formularios .input-box, .formularios .textarea-box, .formularios .checkbox-group., .formularios select-box 
	{
	float: left;
	min-height: 35px;
	width: 100%;
	margin-right: 45px;
	position: relative;
	margin-bottom: 15px;
}

.formularios .radios-group{
	float: left;
	min-height: 35px;
	position: relative;
	margin-bottom: 15px;
	margin-right:15px;
}
.formularios .textarea-box label,.formularios .radios-group h3,.formularios .data-box label,.formularios .checkbox-box h3
	{
	font-size: 12px;
	color: #505050;
	margin-bottom: 3px;
	display: block;
	font-weight: normal;
	min-width:;
}

.formularios .textarea-box label{
	font-size: 12px;
	color: #505050;
	margin-bottom: 3px;
	display: block;
	font-weight: normal;
	min-width:257px;
}

.formularios .input-box label{
	font-size: 12px;
	color: #505050;
	margin-bottom: 3px;
	display: block;
	font-weight: normal;
	min-width:257px;
}


.formularios .input-box .conteiner {
	/* border-bottom : 1px solid #c5c5c5; */
	padding: 0 0px;
	margin-right: 5px;
	background: url(../img/input-bg.png) 0 0 repeat-x;
}

.formularios .input-box input {
	font-size: 12px;
	color: #343434;
	/* border: 0; */
	width: 100%;
	/* padding: 8px 8px; */
	-webkit-box-shadow: inset 0 2px 3px #8F8F8F;
	-webkit-border-radius: 3px;
	}

.formularios .textarea-box .conteiner {
	margin-right: 15px;
	border: 1px solid #c5c5c5;
	padding: 8px 6px;
	background: url(../img/input-bg.png) 0 0 repeat-x;
}

.formularios .textarea-box textarea {
	font-size: 12px;
	color: #343434;
	width: 100%;
	/* border: 0; */
	overflow: auto;
	height: 80px;
	background: none;
}

.formularios .radios-group .conteiner,.formularios .checkbox-group .conteiner
	{
	border: 1px solid #c5c5c5;
	padding: 8px 6px;
	margin-right: 15px;
	overflow: auto;
	background: none;
}

.formularios .radios-group .radio-box,.formularios .checkbox-group .checkbox-box
	{
	overflow: auto;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}

.ui-fieldset-legend{
	
	background: none;
	border:rgba(157, 157, 157, 0);
}
.formularios .radio-box label,.formularios .-box label {
	font-size: 12px;
	color: #343434;
	float: left;
	cursor: pointer;
	margin-right: 16px;
}

.formularios .radio-box input,.formularios .checkbox-box input {
	float: left;
	margin-top: 1px;
	margin-right: 5px;
}

.formularios .select-box {
/* 	float: left;
	min-height: 32px;
	width: 100%;
	position: relative;
	margin-bottom: 15px; */
	
	font-size: 12px;
	color: #343434;	
	width: 100%;
	padding: 8px 8px;
	-webkit-box-shadow: inset 0 2px 3px #8F8F8F;
	-webkit-border-radius: 3px;
}


.formularios .select-box label
	{
	font-size: 12px;
	color: #505050;
	margin-bottom: 2px;
	display: block;
	font-weight: normal;
	min-width: 290px;
	width:100%; 
	background-color:#FFF ;
}

.formularios .select-box .conteiner {
	width: auto;
	min-width: 270px !important;
	margin-right: 15px;	
	overflow: visible;
}

.formularios .select-box select {
	width: 100%;
	padding: 8px 6px 6px 6px;
	font-size: 12px;
	color: #343434;
	border: 1px solid #c5c5c5;
	background-color: none;
}

.formularios .select-box option {
	color: #343434;
}

.formularios .data-box {
	float: left;
	min-height: 35px;
	width: 100%;
	position: relative;
	margin-bottom: 15px;
}

.formularios .data-box .conteiner-data {
	border: 1px solid #c5c5c5;
	padding: 0 6px;
	margin-right: 10px;
	background: url(../img/input-bg.png) 0 0 repeat-x;
	float: left;
}

.formularios .data-box input {
	font-size: 12px;
	color: #343434;
	border: 0;
	width: 100%;
	padding: 8px 0;
	background: none;
}

.formularios .data-box .ico-calendar {
	width: 22px;
	height: 23px;
	display: block;
	float: left;
	background: url(../img/ico-calendar.png) 0 0 no-repeat;
	text-indent: -9000px;
	margin-top: 5px;
}

.tabela-dados {
	clear: both;
	margin: 0 15px 15px 0;
	
}

/* Estilo para as LINHAS PARES (Even) */
.tabela-dados .ui-datatable-data tr:nth-child(even) {
    /* Cor de fundo para as linhas pares (ex: um cinza mais escuro) */
    background-color: #f8f9fa !important;
}

.tabela-dados .ui-datatable-data tr.linha-selecionada {
    background-color: #fbf9ce !important;
}

.tabela-dados-picklist {
    clear: both;
    margin: 0 15px 15px 0;
    border: 1px solid #c5c5c5;
}
.tabela-dados table, .tabela-dados-picklist table {
	border-collapse: collapse;
	border: 1px solid #c5c5c5;
	width: 100%;
}

.tabela-dados th {
	/* background-color: #195297; */
	color: #000000;
	font-size: 11px;
	text-transform: uppercase;
	padding: 11px 15px;
	border: 1px solid #c5c5c5; 
	/* border-bottom: 0; */
}

.tabela-dados-picklist th {
	background-color: #fff;
	color: #000000;
	font-size: 11px;
	text-transform: uppercase;
	padding: 11px 15px;
	border: 1px solid #c5c5c5;
	border-bottom: 0;
}

.tabela-dados td {
	border: 1px solid #c5c5c5; 
	border-bottom: 0;
	padding: 7px 9px;
}

.tabela-dados tbody tr.even td {
	background-color: #F0F0F6;
}

 .tabela-dados .linha-over td {
	background-color: #edf4fd;
} 

.tabela-dados th.cel-75,.tabela-dados td.cel-75 {
	width: 75%;
}
.tabela-dados th.cel-50,.tabela-dados td.cel-50 {
	width: 50%;
}

.tabela-dados th.cel-40,.tabela-dados td.cel-40 {
	width: 40%;
}
.tabela-dados th.cel-20,.tabela-dados td.cel-20 {
	width: 20%;
}

.tabela-dados th.cel-10,.tabela-dados td.cel-10 {
	width: 10%;
}

.tabela-dados th.cel-5,.tabela-dados td.cel-5 {
	width: 5%;
}

.tabela-dados td.ico-cell,.tabela-dados th.ico-cell {
	width: 50px;
	padding: 11px 10px;
}

.tabela-dados .ico-editar {
	display: block !important;
	text-indent: -9000px !important;
	overflow: hidden !important;
	width: 15px !important;
	height: 16px !important;
	background: url(../img/ico-editar.png) 0 0 no-repeat !important;
	margin: 0 auto !important;
}

.ico-receber {
	border: none !important;
	display: block !important;
	text-indent: -9000px !important;
	overflow: hidden !important;
	width: 37px !important;
	height: 36px !important;
	background: url(../img/ico-receber.png) 0 0 no-repeat !important;
	margin: 0 auto !important;
	cursor: pointer;
}


.ico-editar-grande {
	border: none !important;
	display: block !important;
	text-indent: -9000px !important;
	overflow: hidden !important;
	width: 37px !important;
	height: 36px !important;
	background: url(../img/ico-editar-grande.png) 0 0 no-repeat !important;
	margin: 0 auto !important;
	cursor: pointer;
}


.tabela-dados .ico-delete {
	display: block !important;
	text-indent: -9000px !important;
	overflow: hidden !important;
	width: 16px !important;
	height: 16px !important;
	background: url(../img/ico-delete.png) 0 0 no-repeat !important;
	margin: 0 auto !important;
}

.ico-find {
	border: none !important;
	display: block !important;
	text-indent: -9000px !important;
	overflow: hidden !important;
	width: 24px !important;
	height: 24px !important;
	background: url(../img/ico-find.png) 0 0 no-repeat !important;
	margin: 0 auto !important;
	cursor: pointer !important;
}

.ico-plus {
	border: none !important;
	display: block !important;
	text-indent: -9000px !important;
	overflow: hidden !important;
	width: 24px !important;
	height: 24px !important;
	background: url(../img/ico-plus2.png) 0 0 no-repeat !important;
	margin: 0 auto !important;
	cursor: pointer !important;
}


.text-center{
	text-align: center;
}

.ui-dialog{
    margin: 2vh 0;
	overflow: visible !important;
	position: fixed !important;
	z-index: 1002 !important ;
}

.tabela-dados .ui-datatable-scrollable-body {
    overflow-x: hidden;
}

.ui-datatable-tablewrapper{
	/* overflow-x: scroll; */ 
	overflow: visible;
}
 
.tabela-dados .pager {
	margin-top: 15px;
	border: 1px solid #c5c5c5;
	width: 300px;
	min-height: 10px;
	padding: 5px;
	overflow: auto;
}

.tabela-dados .pager input {
	cursor: default;
	border: 0;
	text-align: center;
	font-size: 12px;
}

.tabela-dados .pager select {
	font-size: 12px;
	padding: 3px;
	border: 1px solid #c5c5c5;
}

.tabela-dados .pager option {
	padding-right: 10px;
}
.tabela-dados-picklist td {
	border-bottom: 0;
	padding: 7px 9px;
}
 
.picklist {
	font-size: 12px;
	margin: 10px;
	min-width: 500px;
	width: 97%;	
}

.ui-picklist .ui-picklist-filter-container .ui-icon {
position: absolute;
top: 5px;
right: 10px;}

.ui-picklist .ui-widget picklist {
	max-width: 900px;
	width: 100%;
	position: relative;	
}

.ui-picklist .ui-picklist-filter {
padding-right: 20px;
width: 94%;
}

.ui-picklist .ui-picklist-caption {
text-align: center;
padding: 4px 0px 4px 0px;
border-bottom: 0px none;
width: 500px;
}

.ui-picklist .ui-picklist-list {
	
	padding: 0;
	overflow: auto;
	height: 300px;	
	width: 500px;
	max-width: 500px;
	background: none;
}


.picklist .col {
	width: 50%;
	font-size: 12px;
	cursor: pointer;
}

.ui-selectonemenu-filter-container {
	width:100%;
	position: relative;
	margin: 0;
	padding: 0.4em;
	display: inline-block;
}

.dropdown{
	background-image: url(../img/ico-menu-dropdown.png) 0 0 no-repeat;
}

/* FIM CORPO */

/* INICIO TAMANHOS INPUTS  */
.formularios .box-100 {
	width: 100%;
}

.formularios .box-98 {
	width: 98%;
}

.formularios .box-96 {
	width: 96%;
}

.formularios .box-95 {
	width: 95%;
}

.formularios .box-94 {
	width: 94%;
}

.formularios .box-92 {
	width: 92%;
}

.formularios .box-90 {
	width: 90%;
}

.formularios .box-88 {
	width: 88%;
}

.formularios .box-86 {
	width: 86%;
}

.formularios .box-85 {
	width: 85%;
}

.formularios .box-84 {
	width: 84%;
}

.formularios .box-82 {
	width: 82%;
}

.formularios .box-80 {
	width: 80%;
}

.formularios .box-78 {
	width: 78%;
}

.formularios .box-76 {
	width: 76%;
}

.formularios .box-75 {
	width: 75%;
}

.formularios .box-74 {
	width: 74%;
}

.formularios .box-72 {
	width: 72%;
}

.formularios .box-70 {
	width: 70%;
}

.formularios .box-68 {
	width: 68%;
}

.formularios .box-66 {
	width: 66%;
}

.formularios .box-65 {
	width: 65%;
}

.formularios .box-64 {
	width: 64%;
}

.formularios .box-62 {
	width: 62%;
}

.formularios .box-60 {
	width: 60%;
}

.formularios .box-58 {
	width: 58%;
}

.formularios .box-56 {
	width: 56%;
}

.formularios .box-55 {
	width: 55%;
}

.formularios .box-54 {
	width: 54%;
}

.formularios .box-52 {
	width: 52%;
}

.formularios .box-50 {
	width: 50%;
}

.formularios .box-48 {
	width: 48%;
}

.formularios .box-46 {
	width: 46%;
}

.formularios .box-45 {
	width: 45%;
}

.formularios .box-44 {
	width: 44%;
}

.formularios .box-42 {
	width: 42%;
}

.formularios .box-40 {
	width: 40%;
}

.formularios .box-38 {
	width: 38%;
}

.formularios .box-37 {
	width: 37%;
}

.formularios .box-36 {
	width: 36%;
}

.formularios .box-35 {
	width: 35%;
}

.formularios .box-34 {
	width: 34%;
}

.formularios .box-32 {
	width: 32%;
}

.formularios .box-30 {
	width: 30%;
}

.formularios .box-28 {
	width: 28%;
}

.formularios .box-26 {
	width: 26%;
}

.formularios .box-25 {
	width: 25%;
}

.formularios .box-24 {
	width: 24%;
}

.formularios .box-22 {
	width: 22%;
}

.formularios .box-20 {
	width: 20%;
}

.formularios .box-18 {
	width: 18%;
}

.formularios .box-16 {
	width: 16%;
}

.formularios .box-15 {
	width: 15%;
}

.formularios .box-14 {
	width: 14%;
}

.formularios .box-12 {
	width: 12%;
}

.formularios .box-10 {
	width: 10%;
}

.formularios .box-8 {
	width: 8%;
}

.formularios .box-6 {
	width: 6%;
}

.formularios .box-5 {
	width: 5%;
}

/* FIM TAMANHOS INPUTS  */

/* INICIO BOTOES */
.bt-padrao {
	border: 1px solid #113664 !important;
	/* font-size: 14px !important; */
	font-weight: bold;
	color: #fff !important;
	padding: 13px 15px 6px 15px;
	background: #195297;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0D65A0), color-stop(1, #0A4B7D)) !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	display: block !important;
	margin-bottom: 15px !important;
	filter: ;
	text-shadow: none;
}

.bt-padrao-popup {
	border: 1px solid #113664 !important;
	/* font-size: 14px !important; */
	font-weight: bold;
	color: #fff !important;
	padding: 13px 15px 6px 15px;
	background: #195297;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0D65A0), color-stop(1, #0A4B7D)) !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	display: block !important;
	padding: 0.5em 1em !important;
	margin-bottom: 15px !important;
	filter: ;
	text-shadow: none;"
}
.bt-padrao-popup:hover{
	background: #10396c;
}

.bt-padrao:hover {
	background: #10396c;
}

.bt-jsf {
	padding: 6px 26px !important;
    font-size: 12px !important;
}

/*  Regra para o IE */
form .bt-padrao {
	border: 1px solid #113664;
	font-size: 14px;
	color: #fff !important;
	padding: 6px 15px 6px 15px;
	background: #195297 !important;
	background-color: #195297 !important;
	border-radius: 4px;
	cursor: pointer;
	display: block;
	padding: .1em 1em;
	margin-bottom: 15px;
	filter:;
	text-shadow:none;
}

form .bt-padrao:hover {
	background: #10396c;
}

.bt-voltar {
	border: 1px solid #113664;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 7px 15px 6px 15px;
	background: #195297;
	border-radius: 4px;
	cursor: pointer;
	display: block;
	margin-bottom: 15px;
	text-decoration: none;
	padding: .1em 1em;
	/*    width: 50px; */
	text-align: center;
	text-shadow:none;
	filter:;
}

.bt-voltar:hover {
	background-color: #10396c;
}

.bt-export{
	text-decoration: none;
	border-radius: 4px !important;
}

input.bt-imprimir {
	border: 1px solid #113664;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #195297;
	background-color: #195297;
	border-radius: 4px;
	cursor: pointer;
	display: block;
	padding: .1em 1em;
	margin: 10px 0px 10px 30px;
	/*IMPORTANTE impede que o IE sobreponha o filtro do primefaces no background*/
	filter:;
}

input.bt-imprimir:hover{
	background: #10396c;
}


/* FIM BOTOES */



/* CLASSE DOS ICONES */
/*ICONS*/
[class^="icon-"],[class*=" icon-"] {
	display: inline-block !important;
	width: 14px !important;
	height: 14px !important;
	line-height: 14px !important;
	vertical-align: text-top !important;
	background-image: url("../img/glyphicons-halflings.png") !important;
	background-position: 14px 14px !important;
	background-repeat: no-repeat !important;
	*margin-right: .3em !important;
}

[class^="icon-"]:last-child,[class*=" icon-"]:last-child {
	*margin-left: 0 !important;
}
/*  ##################   ICONS BRANCOS ###################   */
.icon-white {
	background-image: url("../img/glyphicons-halflings-white.png") !important;
	/* ARQUIVOS DE ICONS BRANCOS  */
}

/* ###  LINHA 01 ### */
.icon-glass {
	background-position: 0 0;
}

.icon-music {
	background-position: -24px 0;
}

.icon-search {
	background-position: -48px 0;
}

.icon-envelope {
	background-position: -72px 0;
}

.icon-heart {
	background-position: -96px 0;
}

.icon-star {
	background-position: -120px 0;
}

.icon-star-empty {
	background-position: -144px 0;
}

.icon-user {
	background-position: -168px 0;
}

.icon-film {
	background-position: -192px 0;
}

.icon-th-large {
	background-position: -216px 0;
}

.icon-th {
	background-position: -240px 0;
}

.icon-th-list {
	background-position: -264px 0;
}

.icon-ok {
	background-position: -288px 0;
}

.icon-remove {
	background-position: -312px 0;
}

.icon-zoom-in {
	background-position: -336px 0;
}

.icon-zoom-out {
	background-position: -360px 0;
}

.icon-off {
	background-position: -384px 0;
}

.icon-signal {
	background-position: -408px 0;
}

.icon-cog {
	background-position: -432px 0;
}

.icon-trash {
	background-position: -456px 0;
}

/* ###  LINHA 02 ### */
.icon-home {
	background-position: 0 -24px;
}

.icon-file {
	background-position: -24px -24px;
}

.file-icon {
	background-position: -24px -24px;
}

.icon-time {
	background-position: -48px -24px;
}

.icon-road {
	background-position: -72px -24px;
}

.icon-download-alt {
	background-position: -96px -24px !important;
}

.icon-download {	
	background-position: -122px -26px !important;
}

.icon-upload {
	background-position: -144px -24px;
}

.icon-inbox {
	background-position: -168px -24px;
}

.icon-play-circle {
	background-position: -192px -24px;
}

.icon-repeat {
	background-position: -216px -24px;
}

.icon-refresh {
	background-position: -240px -24px;
}

.icon-list-alt {
	background-position: -264px -24px;
}

.icon-lock {
	background-position: -287px -24px;
}

.icon-flag {
	background-position: -312px -24px;
}

.icon-headphones {
	background-position: -336px -24px;
}

.icon-volume-off {
	background-position: -360px -24px;
}

.icon-volume-down {
	background-position: -384px -24px;
}

.icon-volume-up {
	background-position: -408px -24px;
}

.icon-qrcode {
	background-position: -432px -24px;
}

.icon-barcode {
	background-position: -456px -24px;
}

/* ###  LINHA 03 ### */
.icon-tag {
	background-position: 0 -48px;
}

.icon-tags {
	background-position: -25px -48px;
}

.icon-book {
	background-position: -48px -48px;
}

.icon-bookmark {
	background-position: -72px -48px;
}

.icon-print {
	background-position: -96px -48px !important;
}

.icon-camera {
	background-position: -120px -48px;
}

.icon-font {
	background-position: -144px -48px;
}

.icon-bold {
	background-position: -167px -48px;
}

.icon-italic {
	background-position: -192px -48px;
}

.icon-text-height {
	background-position: -216px -48px;
}

.icon-text-width {
	background-position: -240px -48px;
}

.icon-align-left {
	background-position: -264px -48px;
}

.icon-align-center {
	background-position: -288px -48px;
}

.icon-align-right {
	background-position: -312px -48px;
}

.icon-align-justify {
	background-position: -336px -48px;
}

.icon-list {
	background-position: -360px -48px;
}

.icon-indent-left {
	background-position: -384px -48px;
}

.icon-indent-right {
	background-position: -408px -48px;
}

.icon-facetime-video {
	background-position: -432px -48px;
}

.icon-picture {
	background-position: -456px -48px;
}

/* ###  LINHA 04 ### */
.icon-pencil {
	background-position: 0 -72px;
}

.icon-map-marker {
	background-position: -24px -72px;
}

.icon-adjust {
	background-position: -48px -72px;
}

.icon-tint {
	background-position: -72px -72px;
}

.icon-edit {
	background-position: -96px -72px;
}

.icon-share {
	background-position: -120px -72px;
}

.icon-check {
	background-position: -144px -72px;
}

.icon-move {
	background-position: -168px -72px;
}

.icon-step-backward {
	background-position: -192px -72px;
}

.icon-fast-backward {
	background-position: -216px -72px;
}

.icon-backward {
	background-position: -240px -72px;
}

.icon-play {
	background-position: -264px -72px;
}

.icon-pause {
	background-position: -288px -72px;
}

.icon-stop {
	background-position: -312px -72px;
}

.icon-forward {
	background-position: -336px -72px;
}

.icon-fast-forward {
	background-position: -360px -72px;
}

.icon-step-forward {
	background-position: -384px -72px;
}

.icon-eject {
	background-position: -408px -72px;
}

.icon-chevron-left {
	background-position: -432px -72px;
}

.icon-chevron-right {
	background-position: -456px -72px;
}

/* ###  LINHA 05 ### */
.icon-plus-sign {
	background-position: 0 -96px;
}

.icon-minus-sign {
	background-position: -24px -96px;
}

.icon-remove-sign {
	background-position: -48px -96px;
}

.icon-ok-sign {
	background-position: -72px -96px;
}

.icon-question-sign {
	background-position: -96px -96px !important;
}

.icon-info-sign {
	background-position: -120px -96px !important;
}

.icon-screenshot {
	background-position: -144px -96px;
}
 
.icon-remove-circle {
	background-position: -168px -96px;
}

.icon-ok-circle {
	background-position: -192px -96px;
}

.icon-ban-circle {
	background-position: -216px -96px;
}

.icon-arrow-left {
	background-position: -240px -96px;
}

.icon-arrow-right {
	background-position: -264px -96px;
}

.icon-arrow-up {
	background-position: -289px -96px;
}

.icon-arrow-down {
	background-position: -312px -96px;
}

.icon-share-alt {
	background-position: -336px -96px;
}

.icon-resize-full {
	background-position: -360px -96px;
}

.icon-resize-small {
	background-position: -384px -96px;
}

.icon-plus {
	background-position: -408px -96px;
}

.icon-minus {
	background-position: -433px -96px;
}

.icon-asterisk {
	background-position: -456px -96px;
}

/* ###  LINHA 07 ### */
.icon-exclamation-sign {
	background-position: 0 -120px;
}

.icon-gift {
	background-position: -24px -120px;
}

.icon-leaf {
	background-position: -48px -120px;
}

.icon-fire {
	background-position: -72px -120px;
}

.icon-eye-open {
	background-position: -96px -120px;
}

.icon-eye-close {
	background-position: -120px -120px;
}

.icon-warning-sign {
	background-position: -144px -120px;
}

.icon-plane {
	background-position: -168px -120px;
}

.icon-calendar {
	background-position: -192px -120px;
}

.icon-random {
	background-position: -216px -120px;
}

.icon-comment {
	background-position: -240px -120px;
}

.icon-magnet {
	background-position: -264px -120px;
}

.icon-chevron-up {
	background-position: -288px -120px;
}

.icon-chevron-down {
	background-position: -313px -119px;
}

.icon-retweet {
	background-position: -336px -120px;
}

.icon-shopping-cart {
	background-position: -360px -120px;
}

.icon-folder-close {
	background-position: -384px -120px;
}

.icon-folder-open {
	background-position: -408px -120px;
}

.icon-resize-vertical {
	background-position: -432px -119px;
}

.icon-resize-horizontal {
	background-position: -456px -118px;
}

/* CLASSE DOS ICONES */


/*IN�CIO COR CELULA*/
/* .cellRed,.cellRed * {
	background-color: #DE5757 !important;
	color: white !important;
	font-weight: bold !important;
	padding: 40% !important;
}

.cellGreen,.cellGreen * {
	background-color: #11B009 !important;
	color: white !important;
	font-weight: bold !important;
	padding: 40% !important;
}

.cellBlue,.cellBlue * {
	background-color: #4C7ACF !important;
	color: white !important;
	font-weight: bold !important;
	padding: 40% !important;
}

.cellOrange,.cellOrange * {
	background-color: #F0D541 !important;
	color: black !important;
	font-weight: bold !important;
	padding: 40% !important;
} */

.cellRed{
	background-color: #DE5757 !important;
	color: white !important;
	font-weight: bold !important;
	padding-top: 25px !important;
	padding-bottom: 10px !important;
}

.cellGreen{
	background-color: #11B009 !important;
	color: white !important;
	font-weight: bold !important;
	padding-top: 25px !important;
	padding-bottom: 10px !important;
}

.cellBlue{
	background-color: #4C7ACF !important;
	color: white !important;
	font-weight: bold !important;
	padding-top: 25px !important;
	padding-bottom: 10px !important;
}

.cellOrange{
	background-color: #F0D541 !important;
	color: black !important;
	font-weight: bold !important;
	padding-top: 25px !important;
	padding-bottom: 10px !important;
}
/*FIM COR CELULA*/

.ui-column-title{
	font-weight: bold;
}


.ui-paginator.ui-paginator-top{
	position: relative;
}

.ui-paginator.ui-paginator-bottom>a{
	display: none;
}

.exportar-xls{
	position: absolute;
	right:5px;
	bottom:2px;
	font-weight:normal;
	padding: 5px;
	border: none;
	border-radius: 50%;
	width: 13px;
	height: 13px;
	background-color: #195297;
	color:#fff;
	line-height: 1.1;
	
}

.expansivel-mensagem {
    width: 100%;
    height: auto;
    resize: both !important; /* Permite redimensionamento vertical e horizontal */
    overflow: auto !important;
}

.confirm-dialog {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

body .ui-button {
	width: 10em;
	height: 2.5em;
	background: #195297;
	box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
	color: #fff;
	border: 1px solid #a5a4a4;
	margin: 0;
	outline: 0 none;
	border-radius: 4px;
	transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s
}

body .ui-button-custom {
	background: #ffffff;
	color: #195297;
}

body .ui-button-custom-login {
	width:8em ;
}


body .ui-button.ui-state-hover {
	background: #0544af;
	border-color: #0055fd;
}

body a.pi.ui-state-hover {
	background: #0544af;
	border-color: #38599e;
	color: #fff
}

body .ui-commandlink, body .ui-link{
	color: #195297;
	transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, opacity .2s;
}

body .ui-button.ui-button-icon-only .ui-button-text {
	padding: .6rem;
	margin-top: 1px;
}

.pi-file-pdf {
	color:red;
}

.pi-file-excel {
	color:darkgreen;
}

 .loading-icon {
	 font-size: 3rem;
	 color: var(--primary-color);
 }


/* Outra opção para definir a cor cinza, utilizando código hexadecimal */
input[readonly="readonly"],
textarea[readonly="readonly"] {
	/* Define um cinza mais escuro */
	background-color: #f5f5f5;
}

.block{
	display: block;
	color: #656262;
}

textarea {
	/* Define um cinza mais escuro */
	width: 98%;
}

.pgReponsavel td {
	padding-top: 10px;
	color: #656262;
}

textarea {
	/* Define um cinza mais escuro */
	width: 98%;
}

.pgReponsavel td {
	padding-top: 10px;
}
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
	box-sizing: border-box !important;
	width: 90% !important;
}
.truncate-select-text .ui-selectonemenu-label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	width: 90%;
}

 .documento-list {
	 display: flex;
	 flex-wrap: wrap;
 }

.documento-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #f5f5f5;
	color: #333;
	transition: background-color 0.2s, box-shadow 0.2s;
	margin-right: 5px;
	margin-bottom: 5px;
}

.documento-link:hover {
	background-color: #e0e0e0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.bt-upload {
	font-size: 13px;
	font-weight: bold;
	color: #195297;
	cursor: pointer;
	display: block;
	text-decoration: none;
	text-trans lowercase;
	transition: all 0.2s ease;
	padding: 10px;
	padding-left: 40px;
	border: 1px solid;
	border-radius: 4px;
	position: relative;
}

.bt-upload:before {
	background: url(../img/ic_cloud_upload_24px.svg) no-repeat;
	background-size: 24px auto;
	display: block;
	width: 25px;
	height: 20px;
	content: '';
	position: absolute;
	left: 10px;
	top: 9px;
}

.bt-upload:hover {
	background: #f5f7fb;
}

.link-arquivo {
	font-size: 12px;
	font-weight: bold;
	color: #08309c;
	margin-left: 10px;
	text-decoration: none;
	position: relative;
	padding-left: 30px;
}

.link-arquivo:before {
	background: url(../img/ic_file_upload_48px.svg) no-repeat;
	background-size: 15px auto;
	display: block;
	width: 20px;
	height: 20px;
	content: '';
	position: absolute;
	left: 10px;
	top: 1px;
}

.anexo-container {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.anexo-item {
	display: inline-flex;
	align-items: center;
	background-color: #f5f5f5;
	border: 1px solid #e0e0e0;
	border-radius: 16px;
	overflow: hidden;
	font-size: 14px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.anexo-link {
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	text-decoration: none;
	color: #333;
	gap: 10px;
	transition: background-color 0.2s;
}

.anexo-link:hover {
	background-color: #e9e9e9;
}

.anexo-remover {
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	color: #982929 !important;
	border-left: 1px solid #e0e0e0;
	transition: color 0.2s ease-in-out;
}

.anexo-remover:hover {
	color: #b71c1c !important;
}

.icone-com-divisor {
	display: inline-flex;
	align-items: center;
	padding-left: 5px;
	margin-left: 5px;
	border-left: 1px solid #e0e0e0;
}

.anexo-item .pi {
	font-size: 1.3em;
	vertical-align: middle;
}

.flex-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
   	height: 70vh;
}

.flex-item {
     width: 34em;
     margin-top: 10em;
	 padding: 10px;
}

.flex-item-link :hover{
	border-color: rgba(0, 107, 214, 0.5);
	box-shadow: rgba(0, 59, 117, 0.6) 0px 2px 8px;
}

.flex-item p {
    padding:10px;
}

.flex-item .ui-card-body{
	padding: 2rem!important;
}

 body .ui-card {
	border: 1px solid #b7b7b7;
	border-radius: 20px;
}

.card-top {
	color: #4e4f51;
    font-weight: bolder;
    font-size: 1.8rem;
    margin-top: 2em;
    text-align: center;
}

.img1 {
	width:30em;
	height: auto;
}

.img2 {
	width:8em;
	height: auto;
}

.margin-top10 {
	margin-top: 10px;
}

.text-disabled {
	background-color: #efefef !important;
	color: #000000 !important;
}

.hide-border{
	border: 0px !important;
}

.top-align {
    vertical-align: top !important;
}

.details-grid-container {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 12px 15px;
    align-items: center;
}

.details-grid-label {
    font-weight: bold;
    text-align: right;
}

.details-grid-value {
    text-align: left;
    word-break: break-word;
}

.grid-container {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 10px 15px;
    align-items: center;
    padding-right: 20px;
}

.grid-label {
    font-weight: bold;
    text-align: right;
}

.grid-value {
    text-align: left;
    word-break: break-word;
}

.icon-only-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 40px;
    transition: transform 0.2s ease;
}

.icon-only-link:hover {
    transform: scale(1.05);
}

.falabr-logo-button {
    width: 2.4rem;
    height: auto;
    vertical-align: middle;
}
.falabr-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.falabr-header h2 {
    color: #0d47a1 !important;
    font-size: 2.0rem !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.logo-govbr {
    height: 60px !important;
    width: auto !important;

}
.falabr-logo {
    width: 3.3rem;
    height: 3.3rem;
    display: block;
    object-fit: contain;
}

.falabr-link-container {
    position: relative;
    display: inline-flex;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    transition: background-color 0.2s ease;
    padding: 0.4rem;
    align-items: center;
    justify-content: center;
}

.falabr-link-container:hover {
    background-color: rgba(0, 0, 0, 0.08);
    cursor: pointer;
}

.falabr-badge.ui-badge {
    position: absolute;
    font-weight: bold;
    border: 1px solid #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    font-size: 0.85rem;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    max-width: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.5rem;
    padding: 0;
}

.falabr-pos-left {
    top: 2px;
    left: -2px;
}

.falabr-pos-middle {
    top: -4px;
    left: 50%;
    margin-left: -0.8rem;
}

.falabr-pos-right {
    top: 2px;
    right: -4px;
}

.botao-finalizar {
    background-color: #256c10 !important;
    border: 1px solid #a5a4a4 !important;
}

.botao-finalizar:hover {
    background-color: #2e8714 !important;
    border-color: #2e8714 !important;
}

.botao-encerrar {
    background-color: #b22222 !important;
    border: 1px solid #a5a4a4 !important;
}

.botao-encerrar:hover {
    background-color: #d62929 !important;
    border-color: #d62929 !important;
}

.legenda-overlay {
    width: 420px;
    border-radius: 6px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    border: 1px solid #e9ecef;
}

.legenda-header {
    font-size: 1.2rem;
    font-weight: 600;
    color: #343a40;
    padding-bottom: 8px;
    border-bottom: 1px solid #dee2e6;
    text-align: center;
    margin: 0 0 10px 0;
}

.legenda-subtitle {
    font-size: 1rem;
    color: #6c757d;
    margin-bottom: 16px;
    text-align: center;
    font-style: italic;
}

.legenda-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 5px;
    border-left: 4px solid transparent;
}

.legenda-item:last-child {
    margin-bottom: 0;
}

.legenda-item.azul {
    border-left-color: #0d47a1;
}

.legenda-item.amarelo {
    border-left-color: #f59e0b;
}

.legenda-item.verde {
    border-left-color: #166534;
}

.legenda-badge-container {
    flex-shrink: 0;
    margin-right: 12px;
    padding-top: 2px;
}

.legenda-content {
    flex-grow: 1;
}

.legenda-title {
    font-weight: 600;
    font-size: 1.0rem;
    margin-bottom: 5px;
}

.legenda-title.azul {
    color: #0d47a1;
}

.legenda-title.amarelo {
    color: #dc8c04;
}

.legenda-title.verde {
    color: #166534;
}

.legenda-description {
    font-size: 0.95rem;
    line-height: 1.4;
    color: #495057;
    margin-bottom: 8px;
}

.legenda-description strong {
    font-size: 0.95rem;
    font-weight: 700;
}

.legenda-status-list {
    font-size: 0.9rem;
    color: #6c757d;
    background: #ffffff;
    padding: 2px 5px;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    margin-top: 6px;
}

.legenda-status-list strong {
    font-size: 0.90rem;
    color: #343a40;
    font-weight: 700;
}

.atualizacao-btn.ui-button-warning {
    background: #2196f3 !important;
    border-color: #2196f3 !important;
    color: white !important;
}

.atualizacao-btn.ui-button-warning:hover {
    background: #0c88eb !important;
    border-color: #0c88eb !important;
    box-shadow: 0 4px 12px rgba(12, 136, 235, 0.4) !important;
}

.atualizacao-btn.ui-button-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.25) !important;
}

.botao-finalizar {
    background-color: #256c10 !important;
    border: 1px solid #a5a4a4 !important;
}

.botao-finalizar:hover {
    background-color: #2e8714 !important;
    border-color: #2e8714 !important;
}

.botao-encerrar {
    background-color: #b22222 !important;
    border: 1px solid #a5a4a4 !important;
}

.botao-encerrar:hover {
    background-color: #d62929 !important;
    border-color: #d62929 !important;
}

@keyframes border-pulse-red {
    0% {
        border-color: #e2e8f0;
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
    }
    50% {
        border-color: #ef4444;
        box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.2);
    }
    100% {
        border-color: #e2e8f0;
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
    }
}

.notification-bell.has-notifications {
    animation: border-pulse-red 1.5s infinite ease-in-out;
}


.notification-bell {
    position: relative;
    cursor: pointer;
    text-decoration: none !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #f1f5f9;
    border: 1px solid #e2e8f0;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.notification-bell:hover {
    background-color: #e2e8f0;
    border-color: #cbd5e1;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
}

.notification-bell:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.notification-bell i {
    color: #475569 !important;
    transition: color 0.3s;
}

.notification-bell:hover i {
    color: #1e293b !important;
}

.notification-badge {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ef4444;
    color: white;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 11px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.notificacao-dialog-style {
    width: 80vw !important;
    height: 80vh !important;
    max-width: 80vw !important;
    max-height: 80vh !important;
}

.notificacao-dialog-style .ui-dialog-content {
    height: calc(100% - 55px) !important;
    padding: 10px !important;
    overflow: hidden !important;
    display: flex;
    flex-direction: column;
}

.notificacao-table.falabr-datatable {
    flex-grow: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.notificacao-table.falabr-datatable .ui-datatable-scrollable-body {
    height: 100% !important;
}

.notificacao-table .ui-datatable-data > tr > td {
    text-align: center !important;
    vertical-align: middle !important;
}

.notificacao-table .ui-datatable-thead > tr > th {
    text-align: center !important;
    background-color: #f8f9fa;
    color: #0d47a1;
}


.falabr-datatable {
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #dee2e6;
    table-layout: fixed;
}

.falabr-datatable .actions-group-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: stretch;
    width: 100%;
}

.falabr-datatable .actions-group-container .ui-button,
.falabr-datatable .actions-group-container .anotacao-link {
    width: 100%;
    box-sizing: border-box;
}

.falabr-datatable .anotacao-link {
    font-size: 1.0rem;
    color: #0d47a1;
    font-style: italic;
    cursor: pointer;
    padding: 4px 0;
    background-color: transparent;
    border: none;
}

.falabr-datatable .ui-button.ui-button-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    height: 30px;
}

.falabr-datatable .ui-paginator {
    background-color: #ffffff;
    border-top: 1px solid #dee2e6;
    padding: 10px;
    font-size: 13px;
    border-radius: 0 0 8px 8px;
}

.dialog-char-count {
    color: gray;
    font-size: 0.8rem;
}

body .falabr-datatable .ui-button.ui-button-success {
    background: #0d47a1;
    border-color: #0d47a1;
    color: #ffffff;
}

body .falabr-datatable .ui-button.ui-button-success:hover {
    background: #0b3a85;
    border-color: #0b3a85;
}

body .falabr-datatable .ui-button.ui-button-info {
    background: #64748b;
    border-color: #64748b;
    color: #ffffff;
}

body .falabr-datatable .ui-button.ui-button-info:hover {
    background: #475569;
    border-color: #475569;
}

.falabr-status-badge {
    font-weight: bold;
    font-size: 1.0rem;
    line-height: 1.3;
    text-align: center;
    white-space: normal;
    display: inline-block;
    max-width: 120px;
    overflow-wrap: break-word;
    padding: 6px 12px;
    border-radius: 20px;
    margin: 4px;
}

.status-cadastrada {
    background-color: #CCE5FF;
    color: #004085;
}

.status-complementada {
    background-color: #D1E7DD;
    color: #0F5132;
}

.status-prorrogada {
    background-color: #FFF3CD;
    color: #664D03;
}

.status-encaminhada {
    background-color: #FFE69C;
    color: #663D00;
}

.status-solicitada {
    background-color: #F8D7DA;
    color: #842029;
}

.status-concluida {
    background-color: #BADBCC;
    color: #0A3622;
}

.status-encerrada {
    background: #E0CFFC;
    color: #2D1B69;
}

.status-desconhecida {
    background-color: #e5e5e5;
    color: #525252;
}

.falabr-datatable .ui-datatable-data > tr:hover {
    background-color: #eef5fc !important;
}

.falabr-datatable .anotacao-btn-custom.rounded-button {
    width: 3.5rem !important;
    height: 3.5rem !important;
    margin: 0 auto !important;
    transition: all 0.3s ease !important;
}

.falabr-datatable .anotacao-btn-custom.ui-button-warning {
    background: #2196f3 !important;
    border-color: #2196f3 !important;
    color: white !important;
}

.falabr-datatable .anotacao-btn-custom.ui-button-warning:hover {
    background: #0c88eb !important;
    border-color: #0c88eb !important;
    box-shadow: 0 4px 12px rgba(12, 136, 235, 0.4) !important;
}

.falabr-datatable .anotacao-btn-custom.ui-button-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.25) !important;
}

.portal-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.portal-header {
	text-align: center;
	margin-bottom: 40px;
}

.portal-title {
	color: #195297;
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 10px;
}

.portal-subtitle {
	color: #666;
	font-size: 1.1rem;
}

.cards-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 30px;
	max-width: 900px;
	margin: 0 auto;
}

.card-item {
	display: flex;
}

.interactive-card {
	width: 100%;
	display: flex;
	flex-direction: column;
	border: 1px solid #e0e0e0;
	border-radius: 12px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	background: #fff;
	overflow: hidden;
}

.interactive-card:hover {
	transform: translateY(-1px);
	box-shadow: 0 8px 24px rgba(25, 82, 151, 0.15);
	border-color: #195297;
}

.card-content {
	padding: 30px;
	text-align: center;
	flex-grow: 1;
}

.card-image-box {
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.logo-img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	transition: transform 0.2s ease;
}

.interactive-card:hover .logo-img {
	transform: scale(1.04);
}

.card-title {
	font-size: 1.5rem;
	color: #195297;
	font-weight: 700;
	margin-bottom: 12px;
}

.card-description {
	color: #666;
	font-size: 0.95rem;
	line-height: 1.6;
}

.card-action {
	padding: 0 30px 30px;
}

.btn-acessar-bt {
	width: 100%;
	height: 48px !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	border-radius: 8px !important;
	text-transform: none !important;
	letter-spacing: 0.3px;
	transition: all 0.2s ease !important;
	border: none !important;
	cursor: pointer;
}

.btn-acessar-bt.ui-button-raised {
	background: linear-gradient(135deg, #195297 0%, #2768b8 100%) !important;
	color: #fff !important;
	box-shadow: 0 2px 8px rgba(25, 82, 151, 0.3) !important;
}

.btn-acessar-bt.ui-button-raised:hover {
	background: linear-gradient(135deg, #134073 0%, #195297 100%) !important;
	box-shadow: 0 4px 12px rgba(25, 82, 151, 0.4) !important;
}

.btn-acessar-bt .pi {
	font-size: 1.1rem;
	margin-right: 8px;
}