/*
CSS CONTEM CUSTOMIZACAO TEMPLATE DSGOV VERSAO 3.1.0
*/
* {
    outline: none !important;
}

/*------------------------------------ SELECT JSF DSGOV -----------------------------*/
.custom-select {
  --input-background: var(--color-secondary-01);
  --input-border-color: var(--color-secondary-06);
  --input-border-width: 1px;
  --input-border-style: solid;
  --input-button-margin: var(--spacing-scale-half);
  --input-icon-color: var(--color-secondary-06);
  --input-icon-margin: var(--spacing-scale-baseh);
  --input-color: var(--color-secondary-08);
  --input-padding: 0 var(--spacing-scale-2x);
  --input-padding-button: var(--spacing-scale-5x);
  --input-padding-icon: var(--spacing-scale-5x);
  --input-radius: var(--surface-rounder-sm);
  --input-size: var(--input-medium);
  --input-small: 32px;
  --input-medium: 40px;
  --input-large: 48px;
  --input-highlight: 56px;
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color);
  color: var(--color);
  position: relative;
}

.custom-select select {
  background-color: var(--background-light);
  border-color: var(--border-color-alternative);
  border-radius: var(--surface-rounder-sm);
  border-style: var(--border-style);
  border-width: var(--border-width);
  color: var(--color-light);
  display: block;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  margin-top: var(--spacing-scale-half);
  padding-bottom: 0;
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
  padding-top: 0;
  width: 100%;
}
/** FIM CUSTOM SELECT JSF DSGOV */


/*-------------------------------- RADIO JSF -----------------------------------*/
.custom-radio  tbody th, tbody td {
  border: 0;
}
.custom-radio tbody:hover th, tbody:hover td {
  background: transparent !important;
}

/**---------------------------------- PANEL PRIME FACES ---------------------------------------------**/
.ui-panel{
	padding: 0;
}
.ui-widget-content{
	border: 0;
}

/**----------------------------------- DIALOG PRIME FACES---------------------------------**/
.disable-scroll .ui-dialog-content {
  overflow: hidden !important;
}
/** Muda cor do botao fechar sem interferir na cor dos demais botoes do dialog **/
.ui-widget-content a {
    color: var(--color-primary-default);
}

/** remove o titulo padrao do popup **/
.ui-dialog.ui-widget-content .ui-widget-header {
	display: none;
}

/**---------------------------------- MESSAGES E MESSAGE PRIME FACES ------------------------------*/
/** MUDA CORES MENSAGEM ERRO **/
.custom-messages .ui-messages-error, 
.custom-messages .ui-message-error {
    color: var(--message-text);
    background-color: #fde0db;
    border-color: #fde0db;
}

/** MUDA CORES ERRO VALIDACAO CAMPO LABEL **/
.custom-messages  .ui-outputlabel.ui-state-error{
	color: #e52207;
    background-color: #fde0db;
    border-color: #fde0db;
}

/** MUDA CORES MENSAGEM INFO **/
.custom-messages .ui-messages-info, 
.custom-messages .ui-message-info {
    color: var(--message-text);
    background-color: #d4e5ff;
    border-color: #d4e5ff;
}

/** MUDA CORES MENSAGEM WARN**/
.custom-messages .ui-messages-warn, 
.custom-messages .ui-message-warn {
    color: var(--message-text);
    background-color: #fff5c2;
    border-color: #fff5c2;
}

/*AJUSTA TAMANHO MESSAGE */
.custom-messages .ui-messages-info, 
.custom-messages .ui-message-info,
.custom-messages .ui-messages-warn, 
.custom-messages .ui-message-warn,
.custom-messages .ui-messages-error, 
.custom-messages .ui-message-error,
.custom-messages .ui-messages-fatal {
    border: none !important;
    margin-bottom: var(--spacing-scale-2x);
    padding: var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x);
    display: block;
}

/** AJUSTA CORPO MENSAGEM*/
.custom-messages .ui-messages-info-summary, 
.custom-messages .ui-messages-warn-summary, 
.custom-messages .ui-messages-error-summary, 
.custom-messages .ui-messages-fatal-summary, 
.custom-messages .ui-message-info-summary, 
.custom-messages .ui-message-warn-summary, 
.custom-messages .ui-message-error-summary, 
.custom-messages .ui-message-fatal-summary{
	color: var(--message-text);
	font-family: var(--font-family-base);
	font-size: var(--font-size-scale-up-01);
    font-weight: var(--font-weigth-regular) ;
}

/** RETIRA ICONE DO TIPO MENSAGEM*/
.custom-messages .ui-messages-info-icon, 
.custom-messages .ui-messages-warn-icon, 
.custom-messages .ui-messages-error-icon,
.custom-messages .ui-messages-fatal-icon,
.custom-messages .ui-message-info-icon, 
.custom-messages .ui-message-warn-icon, 
.custom-messages .ui-message-error-icon, 
.custom-messages .ui-message-fatal-icon{
    background: none !important;
    display: inline-block !important;
    margin: var(--spacing-vertical-center) var(--spacing-scale-2x);
}


/** ADICIONA ICONE CONFORME TIPO MENSAGEM **/
.custom-messages .ui-message-info-icon::before,
.custom-messages .ui-messages-info-icon::before{
    font: var(--fa-font-solid);
    font-size:  1.35em;
    content: "\f05a";
    color:var(--info);
    background-color: var(--info-alternative);
}

.custom-messages .ui-message-warn-icon::before,
.custom-messages .ui-messages-warn-icon::before{
    font: var(--fa-font-solid);
    font-size:  1.35em;
    content: "\f071";
    color: var(--warning);
    background-color: var(--warning-alternative);
}

.custom-messages .ui-message-error-icon::before,
.custom-messages .ui-messages-error-icon::before{
    font: var(--fa-font-solid);
    font-size:  1.35em;
    content: "\f057";
    color: var(--danger);
    background-color: var(--danger-alternative);
}


/* CONFIGURA TAMANHO BOTAO FECHAR */
.custom-messages a.ui-messages-close{
	border-radius: 50%;
    padding: 5px 9px 5px 9px;
    width: 32px;
    height:32px;
}

/* RETIRA ICONE BOTAO FECHAR PRIMEFACES (OBRIGATORIO DISPLAY INLINE) PARA EXIBIR NOVO ICONE **/
.custom-messages .ui-icon{
	background: none !important;
    display: inline !important;  
}

/* ADICIONA ICONE BOTAO FECHAR */
.custom-messages .ui-icon-close::before{
	font: var(--fa-font-solid);
    font-size:  1.35em;
    content: "\f00d";
    color: var(--color);
    background-color: transparent;
}


/**-------------- FIM CUSTOM MESSAGE E MESSAGES JSF DSGOV ----------------------------------*/



/*----------------------------------------  CALENDARIO PRIME FACES DSGOV ----------------------------------- */
.ui-datepicker{
    font-size: 16px;
    line-height: 24px;
    border-radius: 5px;
	--flatpicker-padding:  var(--spacing-scale-2x);
    --datetimepicker-day-size:  24px;
    --datetimepicker-arrows:  32px;
    box-shadow: var(--surface-shadow-md);
} 

/* CABEÇALHO */
.ui-datepicker .ui-datepicker-header{
	background: #fff;
}

.ui-datepicker th {
	background: #fff;
}
/* COR SELECT DATA PICKER */
.ui-datepicker .ui-datepicker-title select {
	 background: #fff;
	 border-color: #fff;
	 border-radius: var(--surface-rounder-sm);
     color: var(--interactive);
     font-size: var(--font-size-scale-up-01);
     font-weight: var(--font-weight-semi-bold);
     margin: 0;
     padding: 0;
}

/* CORRIGE HOVER */
.ui-datepicker a:hover{
	text-decoration:none !important;
	background-image: none;
	background: var(--hover-effect);
}

/* MUDA COR DIA PADRAO SEM SELECAO*/
.ui-datepicker-calendar .ui-state-default{
	text-shadow: none;
	background-color: #fff;
	color: #1351b4;
	border-color: transparent;
	background-image: none;
  	box-shadow: none;
}

/* MUDAR COR SELECAO USUARIO */
.ui-datepicker-current-day .ui-state-active {
	background-color: #2670e8;
	color: #fff;
	border-color: transparent;
	opacity:1;
}
/**  COR DIA ATUAL */
.ui-datepicker-today .ui-state-active {
	background-color: #fdf5e6;
	color: #d54309;
	border-color: transparent;
}
.ui-datepicker-today .ui-state-highlight {
	background-color: #fdf5e6;
	color: #d54309;
	border-color: transparent;
	background-image:none;
}
/* COR DE FUNDO DIAS DESABILITADO*/
.ui-widget-content .ui-state-disabled{
	background: #fff;
	color: #1351b4;
}
/*------------------------- FIM CALENDARIO DS GOV ----------------- **/




/*-------------------------------------DATATABLE PRIMEFACES -------------------------------------------------------- */
.custom-datatable .ui-datatable-tablewrapper table tr th{
	color: var(--color);
    font-size: var(--font-size-scale-base);
    font-weight: var(--font-weight-medium);
    text-align: left;
}
.custom-datatable .ui-datatable-tablewrapper table tr td {
    color: var(--color);
    font-size: var(--font-size-scale-base);
    font-weight: var(--font-weight-medium);
    border:  var(--table-border-width) var(--table-border-style) var(--table-border-color);
    
}
.custom-datatable .ui-widget-header {
    border: none;
    background: none;
}
.custom-datatable .ui-paginator {
  border: none;
  background: none;
}

.custom-datatable tr td  {
  border-left: none !important;
  border-right: none !important;
  border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color) !important;
}

.custom-datatable .ui-state-default {
	background-color: var(--background-alternative);
	background-image: none;
	border-left: none;
	border-right: none;
	border-top: 1px solid var(--table-border-color);
}

.custom-datatable .ui-state-active {
	box-shadow: none;
}

.custom-datatable thead > tr > th > span {
	color: var(--color-primary-default);
}

.custom-datatable .ui-paginator-page {
	box-shadow: none;
	border-radius: 20px;
}
.custom-datatable .ui-paginator-page.ui-state-active {
	color: #fff !important;
	background-color: var(--interactive-light) !important;
}
.custom-datatable .ui-paginator-page.ui-state-default {
	color: var(--interactive-light);
	background-color: transparent ;
}

tr.linhaAnexoNaoEditavel,
tr.linhaAnexoNaoEditavel td{
	color: #AAA !important;
}

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

/* ----------------------------------------------------- TABS NAV GOV-BR ---------------------------------------- */

.br-tab .tab-item.is-active a, .br-tab .tab-item.active a {
  border-bottom: 4px solid var(--active);
  color: var(--active);
}

/* --------------------------------------FIM TABS NAV GOV-BR ---------------------------------------- */



/* MUDA COR PADRAO (*) LABEL QUANDO CAMPO REQUERID */ 
.ui-outputlabel-rfi{
	font-family: serif;
	font-weight: bold;
    color: #e52207;
}
/*----------------------------------------CONFIGURA DADOS GRAFICO----------------------------------------------*/
/* MUDA COR LEGENDA GRAFICO*/
.olControlLayerSwitcher .layersDiv{
	 background-color: #fff !important;
	 color: var(--interactive) !important;
}

.olControlLayerSwitcher .minimizeDiv{
	background-image: transparent;
    background-color: var(--interactive) !important;
   
}