@CHARSET "ISO-8859-1";

:root {
	--cor-principal-modulo: #358d30;
	--cor-secundaria-modulo: #c3e0c3;
	--cor-terciaria-modulo: #edffec;
}

body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


/*----------INICIO CSS APARENCIA ATUAL----------*/

/*A fonte original do tema é muito grande, diminuindo...*/
.ui-widget, .ui-inputfield {
	font-size: 12px !important;
}

/*Antes desse codigo, o label do selectOneMenu ficava cortando. Codigo extraido do showcase*/
.ui-selectonemenu-label {
	width: calc(100% - 2.357rem) !important;
	padding: 0.5rem 0.5rem !important;
}

/*O message original é grande demais. Diminuindo o padding*/
.ui-messages>div {
	padding: 1rem !important;
}

/*Devido à diminuição do tamanho da fonte, o icone dos messages ficava um pouco deslocado em relação ao texto.*/
.ui-messages-error-icon, .ui-messages-info-icon, .ui-messages-warn-icon {
	margin: -4px 8px 0 0 !important;
}

/*O message estava ultrapassando a borda do container a direita*/
.ui-messages-close, .ui-messages>div {
	margin-right: 16px !important;
}

/*Diminuir o espaço entre o conteudo e a borda da grid*/
.ui-datatable .ui-datatable-data>tr>td {
	padding: 0.5rem 1rem !important;
}

/*Dimunuir o tamanho do fieldset*/
body .ui-fieldset .ui-fieldset-legend {
	padding: 0.8rem !important;
}

/*Aparecer os titulos das colunas em uma table dentro de um rowExpension*/
.datatable-expansion-detail .ui-datatable-tablewrapper .ui-state-default .ui-column-title{
	display: block !important;
}

/*Diminuir tamanho do paginator das tabelas*/
body .ui-datatable .ui-paginator{
	padding: 0.4rem;
}

/*Retirar a borda de um dataList em uma coluna*/
.no-border-datalist .ui-datalist .ui-datalist-content{
	border: none !important;
}

/*Alinha corretamente o texto com o a opçao do radio button*/
.ui-selectmanycheckbox.ui-widget td, .ui-selectoneradio.ui-widget td {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1vh;
}

/*Titulo do card estava muito grande, diminuindo seu tamanho*/
.ui-card .ui-card-title {
	font-size: 1.1rem !important;
}

/*Diminuindo o tamanho do subtitulo do card, assim como foi feito no titulo*/
.ui-card .ui-card-subtitle{
	font-size: 0.9rem !important;
}

/*Alinha corretamente o texto com o a op�ao do radio button*/
.ui-selectmanycheckbox.ui-widget td, .ui-selectoneradio.ui-widget td {
	display: inline-flex;
	align-items: center;
	margin-bottom: 1vh;
}

/*Datepicker estourando o tamanho em telas pequenas*/
body .ui-datepicker .ui-datepicker-calendar td {
	padding: 0.2rem !important;
}

/*deixar o select com o tamanho de 100%*/
.ui-selectonemenu .ui-selectonemenu-label {
    width: 100% !important;
}

.ui-tabs-header.ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top a {
    color: #212121;
}

/*Alinha corretamente o texto com o a opção do radio button*/
.ui-selectmanycheckbox.ui-widget td, .ui-selectoneradio.ui-widget td {
	display: inline-flex;
	align-items: center;
	margin-bottom: 1vh;
}

/*Quebrar linha nos itens que passarem do limite da tela do selectOneMenu*/
.ui-selectonemenu-item{
	word-break: normal !important;
	white-space: normal !important;
}

/*Adequações visuais do reflow do datatable - 640px é a medida usada pelo componente para mudar a visualização*/
@media (max-width: 640px) {
	/*deixar o titulo da coluna e o conteudo lado a lado, sem que o conteudo quebre para baixo do titulo da coluna*/
	.ui-datatable-reflow .ui-datatable-data tr td[role="gridcell"] {
		display: flex !important;
		flex-direction: row;
		gap: 0.5rem;
	}

	/*Fixando a largura do título da coluna para 30%*/
	.ui-datatable-reflow .ui-datatable-data tr td[role="gridcell"] .ui-column-title {
		width: 30%;
		text-align: left;
		margin: -.4em 0 -.4em -.4em
	}
}

/*----------FIM CSS APARENCIA ATUAL----------*/

.labelForm {
    font-weight: bold;
    padding: 0px 10px 0px 5px;
    text-align: right;
    text-decoration: none;
    color: #3c3c3b;
}

.labelErro {
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	color: red;
}

.labelDestaque {
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	color: red;
	text-align: center;
}

.ui-panelgrid td, .ui-panelgrid tr {
	border-style: none !important;
	padding: 4px 3px !important;
}

.columnForm {
	text-align: right;
}

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

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

.center {
	text-align: center;
}

.labelRestricao {
	color: red;
	font-weight: bold;
}

.fonteVermelha {
	color: red;
}

.cabecalho {
	padding: 30px 0px 0px 5px !important;
}

.centralizar50Porcento {
	width:50% !important;
	margin:2% 23% 2% 23% !important;
}

.centralizar70Porcento {
	width:70% !important;
	margin:2% 23% 2% 23% !important;
}

.quinzePorcento {
	width: 15%;
}

.dezPorcento {
	width: 10%;
}

.vintePorcento {
	width: 20%;
}

.botaoInformacao{
    width: 20px !important;
    height: 20px !important;
    border-radius: 100% !important;
}

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

.layout-header {
	border-bottom: #EFEFEF 2px solid ;
	border-top: var(--cor-principal-modulo) 6px solid;
	box-shadow: 0 3px 6px #0000000d;
	height: 3.5rem;
}

.layout-center {
	min-height: calc(100vh - 3.5rem);
	padding-bottom: 0;
}

.layout-center__menu {
	padding: 0;
	border-right: #EFEFEF 2px solid;
	box-shadow: 2px 0 5px -2px #E1E1E1;
	width: 17rem!important;
	min-width: 17rem!important;
}

.layout-center__conteudo {
	overflow: scroll;
}

::-webkit-scrollbar {
	overflow: scroll;
	width: 7px;
	height: 7px;
}

::-webkit-scrollbar-thumb {
	background: var(--cor-principal-modulo);

}

::-webkit-scrollbar-thumb:hover {
	background: #266723;
}

::-webkit-scrollbar-track {
	background: #E1E1E1;
}

body .menu-principal h3.ui-panelmenu-header.ui-state-active {
	background: var(--cor-principal-modulo);
	color: #FFFFFF;
}

body .menu-principal h3.ui-panelmenu-header.ui-state-active:hover {
	background: var(--cor-principal-modulo);
}

body .menu-principal h3.ui-panelmenu-header.ui-state-hover {
	background: var(--cor-terciaria-modulo);
}

body .menu-principal .ui-panelmenu-content .ui-menuitem-link.ui-state-hover {
	background: var(--cor-terciaria-modulo);
}

.botao-menu-principal {
	color: var(--cor-principal-modulo);
	padding: 0.5rem;
}

.botao-menu-principal:hover {
	background-color: #F9FAFA;
}

.label-nome-modulo {
	color: #405057;
}

.container-nome-entidade-mobile {
	border-top: #EFEFEF 2px solid;
}

body .sidebar-menu-principal-mobile .ui-sidebar-close {
	margin: 1rem 1rem 0 0;
}

.form-content {
	margin: 15px 10px 10px 10px !important;
}

h3.ui-widget.ui-panelmenu-header.ui-state-default.ui-state-active.ui-corner-top.ui-state-hover a {
    color: #495057 !important;
}

@media (max-width: 991px) {

	.botao-acoes-usuario {
		width: 2rem !important;
		height: 2rem !important;
	}

	.botao-acoes-usuario .ui-button-text {
		display: none !important;
	}

	.layout-header {
		height: 5.8rem;
	}

	.layout-center {
		min-height: calc(100vh - 5.8rem);
	}
}


body .ui-panelmenu h3.ui-panelmenu-header {
    border: 1px solid #dee2e6;
    border-top: 0 none;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem;
    font-weight: 700;
    margin: 0 0 0 0;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
    user-select: none;
    border-radius: 0;
    position: relative;
    outline: 0 none;
    font-size: 1rem;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link {
    padding: 4px 17px 4px 10px;
    color: #495057;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, opacity .2s;
}

body .menu-principal h3.ui-panelmenu-header.ui-state-hover {
    background: #eaf3ea;
    color: #495057;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: relative !important;
    right: 0px !important;
    top: 0px !important;
}

a.ui-menuitem-link span.pi{
	padding: 6px 0;
	vertical-align: middle;
	display: inline-block;
	margin-right: -10px;
	font-size: 20px;
	width: 40px;
}

span.ui-menuitem-text {
    font-size: 14px;
    vertical-align: middle;
}

.ui-menu .ui-menuitem-link {
    display: flex !important;
    width: 100% !important;
    outline: 0;
    text-decoration: none;
    font-weight: 400;
    border: solid 1px transparent;
    float: left;
    line-height: 16px;
    padding: 0.3em;
    cursor: pointer;
    align-items: center !important;
}


.swal2-container {
    font-family: Arial, Helvetica, sans-serif;
}