@CHARSET "ISO-8859-1";

:root {
	--cor-principal-modulo: #2196f3;
	--cor-secundaria-modulo: #a6d5fa;
	--cor-terciaria-modulo: #e3f2fd;
}

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;
}

/*Checkbox sendo esmagado pelo texto quando este é muito grande*/
body .ui-chkbox .ui-chkbox-box {
    min-width: 1.5rem!important;
}

/*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
	}
}

@media (max-width: 640px) {
	.tabela{
		display: none;
	}
}


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

.labelForm {
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	text-align: right;
}

.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;
}

@media(min-width: 768px ) {
    .right {
    	text-align: right !important;
    	justify-content: flex-end;
    }

    .left {
    	text-align: left !important;
    	justify-content: flex-start;
    }

    .center {
    	text-align: center;
    	justify-content: 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: #176daf;
}

::-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-terciaria-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;
}

@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);
	}
}

.table-no-header thead {
    display: none;
}

.table-yes-header thead {
    display: table-header-group;
}

.margin-auto {
    margin: auto;
}