@charset "ISO-8859-1";

/*ALTERAÇÃO LAYOUT TOPBAR*/
.layout-wrapper .layout-topbar {
  height: 20%;
  padding-top: 5px;
}

@media screen and (max-width: 991px) {
  .layout-wrapper .layout-topbar {
  
  height: 110px;
    
  .funcoesTopBar {
    flex-direction: column;
    align-items: stretch;
  }

  .areaFuncaoLeftTopBar,
  .areaFuncaoRightTopBar {
    justify-content: center;
    flex-direction: row;
    width: 100%;
  }
  
  
  .funcoesTopBar a,
  .funcoesTopBar .ui-commandlink {
      font-size: 0.5rem;
      padding: 0.3rem 0.5rem;
  }
        
	.areaFuncaoRightTopBar{
	margin-left: 15%;
	}
	
  }
  
  
  layout-menu-button i.pi-bars {
    font-size: 0.1rem !important;
    padding: 2px !important;
  }

  .layout-menu-button {
    width: 32px !important;
    height: 32px !important;
  }

  .layout-topbar-logo span {
    font-size: 0.90rem;   /* Reduz tamanho do texto */
    text-align: center;
    display: block;
  }

  .layout-topbar-logo {
    margin-top: 0;
  }

  #logo {
    white-space: normal;  /* Permite quebra de linha se necess�rio */
    text-align: center;
    display: block;
    word-break: break-word !important;
    max-width: 50vw !important;
    font-size: 1.0rem !important; /* Opcional: reduz fonte em telas pequenas */
  }
  
}

/*FUNCIONALIDADES DO TOP BAR*/
.funcoes-TopBar-Branco a {
	color: white;
}

.funcoes-TopBar-Black a {
	color: black;
}

.funcoes-TopBar-Branco a:hover{
	background-color: white;
	color: black;
	text-decoration: none;
}

.funcoes-TopBar-Black a:hover{
	background-color: black;
	color: white;
	text-decoration: none;
}

.funcoesTopBar{
	display: flex;
}

.areaFuncaoLeftTopBar,
.areaFuncaoRightTopBar {
	width: 50%;
	display: flex;
	padding-bottom: 7px;
}

.areaFuncaoLeftTopBar {
	justify-content: left;
}

.areaFuncaoRightTopBar{
	justify-content: right;
}

.areaFuncaoLeftTopBar a,
.areaFuncaoRightTopBar a {
	padding: 0.5rem 1rem;
	transition: background-color 0.3s, color 0.3s	
}

.areaFuncaoLeftTopBar .ui-badge,
.areaFuncaoRightTopBar .ui-badge {
	border-radius: 0;
}

/* LEITURA */
.leituraEmVozAlta:hover {
	cursor: pointer !important;
	text-decoration: underline !important;
}

/*ACESSIBILIDADE*/
.atalho {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.tecla {
	min-width: 35px;
	font-size: 20px;
	overflow: hidden;
    border-radius: 0.2em;
    position: relative;
    z-index: 1;
    padding: 0.1em 0.2em 0.3em;
}

.teclaBlack {
	background-color: #000 !important;
}

.teclaWhite {
	background-color: #fff !important;
}

.tecla span {
	position: relative;
	z-index: 3;
	padding: 0 0.25em;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	border: 2px solid #555;
	border-radius: 0.3em;
}

.teclaBlack span{
	background-color: #000;
	color: #fff;
	box-shadow: 0 -1em 1em 0.3em #000, inset 0 -0.08em 0.2em #000;
}

.teclaWhite span{
	background-color: #fff;
	color: #000;
	box-shadow: 0 -1em 1em 0.3em #fff, inset 0 -0.08em 0.2em #fff;
}

.sinalPositivo{
	padding: 0 .5rem;
	font-size: 30px;
	position: relative;
	top: -4px;
}

/*TEMA ESCURO*/
html.altoContraste, html body.altoContraste .ui-dialog .ui-dialog-content {
    scrollbar-color: #454a4d #202324;	/* Cor do scroll */
}

.layout-wrapper.layout-menu-light .layout-menu-container {
	border-right: 0;	
}

.altoContraste *:not(.layout-topbar):not(.layout-topbar *):not(.active-menuitem a:nth-child(2) *):not(.tecla *):not(.ui-paginator-page.ui-state-active):not(
	#opPrincipal .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a):not(.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a):not(
	.ui-messages-error):not(.ui-messages-error *):not(.ui-messages-info):not(.ui-messages-info *):not(.ui-messages-warn):not(.ui-messages-warn *):not(.ui-growl-item-container *):not(
	.ui-growl-item-container):not(.cor-link-ativo):not(.cor-link-ativo *):not(.ui-commandlink){
	color: rgba(232, 230, 227, 0.9) !important;
}

.altoContraste .layout-content, .altoContraste body {
    background: rgb(30, 33, 34) !important;
    background-color: rgb(30, 33, 34) !important;
}
.altoContraste #opPrincipal *:not(.ui-accordion-header:hover):not(.ui-accordion-header .ui-icon):not(.layout-SubTitulo .ui-button-help):not(.layout-SubTitulo .ui-button-help *):not(.ui-treenode-label):not(
	.ui-paginator-page.ui-state-active):not(.containerFotoPadrao):not(.containerFotoPadrao .fotoPadrao):not(.ui-state-hover):not(.ui-state-highlight):not(.ui-datatable .ui-datatable-data > tr *):not(.ui-button):not(.ui-button *):not(
	.ui-radiobutton-icon):not(.corPesquisa .ui-autocomplete *):not(.corPesquisa .ui-input-icon-left *):not(.ui-datatable.ui-datatable-gridlines thead > tr > th):not(.ui-datatable thead th .ui-column-title):not(.ui-tabs-header a):not(
	.ui-messages-error):not(.ui-messages-error *):not(.ui-messages-info):not(.ui-messages-info *):not(.ui-messages-warn):not(.ui-messages-warn *):not(.cor-link):not(.cor-link-ativo):not(.ui-sortable-column-icon):not(
	.ui-sortable-column-badge):not(.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active):not(.ui-inputgroup-addon):not(.ui-inputgroup-addon *):not(.ui-tabs-header), 
.altoContraste .layout-footer, .altoContraste .layout-footer *, .altoContraste .layout-menu-container, .altoContraste .layout-menu-container ul, .altoContraste .ui-dialog *:not(.tecla):not(.tecla *), .altoContraste .layout-right-panel, 
.altoContraste .layout-right-panel *, .altoContraste .layout-config-content *:not(.layout-config-header):not(.layout-config-header *):not(.colors *):not(.ui-radiobutton-icon):not(.ui-inputswitch):not(.ui-inputswitch *):not(
	#icon-config):not(.layout-config-button),
.altoContraste .ui-selectonemenu-items-wrapper, .altoContraste .ui-autocomplete-panel thead, .altoContraste .ui-autocomplete-panel .ui-autocomplete-item:not(.ui-state-highlight),
.altoContraste .cardSomaValores .bodyCardSomaValores, .altoContraste #ui-datepicker-div, .altoContraste .ui-datepicker-header, .altoContraste .ui-overlaypanel, 
.altoContraste .ui-overlaypanel *:not(.ui-slider .ui-slider-range):not(.ui-slider.ui-slider-horizontal):not(.ui-toggleswitch-slider),
.altoContraste .ui-selectonemenu-filter-container, .altoContraste .ui-selectonemenu-filter-container *
{
    background: rgb(16, 17, 18) !important;
    background-color: rgb(16, 17, 18) !important;
}

.altoContraste .layout-menu-container a:hover, .altoContraste .ui-accordion-header:hover, .altoContraste .ui-treenode-label:hover, .altoContraste .ui-paginator-page.ui-state-hover,
.altoContraste .ui-paginator-next.ui-state-hover, .altoContraste .ui-paginator-last.ui-state-hover, .altoContraste .ui-paginator-prev.ui-state-hover, .altoContraste .ui-paginator-first.ui-state-hover,
.altoContraste .ui-tabs-header:not(.ui-state-active):hover, .altoContraste .ui-datepicker .ui-datepicker-prev:hover, .altoContraste .ui-datepicker .ui-datepicker-next:hover, .altoContraste .ui-datepicker .ui-datepicker-calendar td a:hover,
.altoContraste .ui-selectonemenu-item:hover{
	background: #333 !important;
	background-color: #333 !important;
}

.altoContraste .ui-datatable .ui-datatable-data > tr.ui-state-hover:not(.ui-state-highlight){
	background: #333;
	background-color: #333;
}

.altoContraste .ui-state-hover, .altoContraste .ui-datatable.ui-datatable-gridlines thead > tr > th {
	background: #1B1E1F;
	background-color: #1B1E1F;
}

.altoContraste .boxPortal, .altoContraste .ui-datatable .ui-datatable-data > tr > td, .altoContraste .containerFotoPadrao, .altoContraste #cardAviso, .altoContraste #cardOrgao {
	border: 1px solid #555;
}

.altoContraste .ui-card:not(#cardAviso):not(#cardOrgao) {
	border-bottom: 1px solid #555;
}

.altoContraste .ui-card {
	border-radius: 0;
}

.altoContraste .ui-tabs.ui-tabs-top > .ui-tabs-nav:before, .altoContraste .ui-divider.ui-divider-solid.ui-divider-horizontal:before,
.altoContraste .ui-datatable.ui-datatable-gridlines thead > tr > th, .altoContraste .cardSomaValores .ui-card-header, .altoContraste .ui-datatable .ui-paginator.ui-paginator-bottom,
.altoContraste .layout-menu-container, .altoContraste .layout-footer, .altoContraste .ui-inputfield, .altoContraste .ui-selectonemenu, .altoContraste .campoSomenteLeitura,
.altoContraste .campoAreaSomenteLeitura, .altoContraste .ui-accordion-header, .altoContraste .ui-accordion-content, .altoContraste .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header:not(.ui-state-active),
.altoContraste .ui-inputgroup-addon, .altoContraste .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row, .altoContraste .ui-tree {
	border-color: #555 !important;
}

.altoContraste .ui-inputgroup-addon, .altoContraste .ui-tabs-header:not(.ui-state-active) {
	background-color: rgb(28, 30, 31) !important;
}

.altoContraste .ui-radiobutton .ui-radiobutton-box:hover{
	background: rgb(16, 17, 18) !important;
    background-color: rgb(16, 17, 18) !important;
}

.altoContraste #overlayLeitura {
	border: 1px solid #555;
}