/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23/06/2022, 15:46:10
    Author     : diogenes.francisco
*/


/* PRIMEFACES */
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon {
    width: 0;
}

body .ui-widget {
    font-size: 14px;
}

.ui-tree .ui-tree-container, .ui-selectonemenu .ui-selectonemenu-label {
    white-space: normal;
}

body .ui-tree {
    background: transparent;
    border: none;
    color: #FFF;
}

body .p-menu-dash .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
    color: #FFF;
}

.ui-treenode-label a {
    text-decoration: none;
    color: #FFF;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content:hover, body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight,
body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover {
    background: #4a628a;
    color: #FFF;
    /*height: 53px;*/
}

.ui-blockui-content {
    background: #FFF;
}


body .ui-toolbar {
    background: transparent;
    padding: 0;
    border: none;
}

body .ui-button.ui-button-white.ui-button-outlined, body .ui-splitbutton.ui-button-white > .ui-button.ui-button-outlined {
    background: transparent;
    color: #FFF;
    border: solid 1px;

}

body .ui-button.ui-button-blue-business.ui-button-outlined, body .ui-splitbutton.ui-button-blue-business > .ui-button.ui-button-outlined {
    background: transparent;
    color: #2E4264;
    border: solid 1px;

}

body .ui-button, body .ui-chkbox .ui-chkbox-box.ui-state-active, body .ui-selectonebutton > .ui-button.ui-state-active {
    background: #4a628a;
    border: 1px solid #4a628a;
}

body .ui-button.ui-state-hover, body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, body .ui-selectonebutton > .ui-button.ui-state-hover  {
    background: #2E4264;
    border-color: #2E4264;
}

body .ui-chkbox .ui-chkbox-box.ui-state-hover {
    border-color: #2E4264;
}

.ui-selectcheckboxmenu-token {
    white-space: normal;
}

body .ui-button.ui-state-active, body .ui-button.ui-state-down {
    background: #21304a;
    border-color: #21304a;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    margin: 0 0.5rem 0.3rem 0;
}

body .p-menu-dash .ui-scrollpanel {
    background: transparent;
    padding: 0;
    border: none;
}

body .ui-scrollpanel .ui-scrollpanel-drag {
    background: #4a628a;
}

body .ui-scrollpanel .ui-scrollpanel-track {
    background: #2E4264;
}

body .ui-tree {
    padding: 0;
}

body .ui-panelgrid .ui-panelgrid-cell, body .ui-datatable thead th, body .ui-datatable .ui-datatable-data > tr > td,
body .ui-fieldset .ui-fieldset-legend {
    padding: 4px 10px;
}

body .ui-datatable thead th {
    text-align: center!important;
}
body .ui-datatable.padding-plus-row .ui-datatable-data > tr > td {
    padding: 8px 10px!important;
}

body .ui-selectonemenu {
    min-width: 0!important;
}

body .ui-selectonemenu-panel {
    max-width: 95%!important;
}

body .p-menu-dash .ui-commandlink:hover, body .ui-link:hover {
    color: #FFF;
    text-decoration: none;
}

.max-width-element-70 {
    max-width: 70px;
}
.max-width-element-135 {
    max-width: 135px;
}
.max-width-element-150 {
    max-width: 150px;
}
.max-width-element-162 {
    max-width: 162px;
}

.min-size-w150px {
    min-width: 150px!important
}

.column-size-p-15 {
    width: 15%
}

.column-size-w40px-center{
    width: 40px;
    text-align: center
}
.column-size-w50px-center{
    width: 50px;
    text-align: center
}
.column-size-w60px-center{
    width: 60px;
    text-align: center
}
.column-size-w65px-center{
    width: 65px;
    text-align: center
}
.column-size-w70px-center{
    width: 70px;
    text-align: center
}
.column-size-w80px-center{
    width: 80px;
    text-align: center
}
.column-size-w100px-center{
    width: 100px;
    text-align: center
}
.column-size-w120px-center{
    width: 120px;
    text-align: center
}
.column-size-w130px-center{
    width: 130px;
    text-align: center
}
.column-size-w150px-center{
    width: 150px;
    text-align: center
}
.column-size-w165px-center{
    width: 165px;
    text-align: center
}
.column-size-w180px-center{
    width: 180px;
    text-align: center
}

.column-size-w20p-center{
    width: 20%;
    text-align: center
}

.column-size-w220px{
    width: 220px;
}
.column-size-w200px{
    width: 200px;
}
.column-size-w150px{
    width: 150px;
}
.column-size-w140px{
    width: 140px;
}
.column-size-w120px{
    width: 120px;
}
.column-size-w100px{
    width: 100px;
}
.column-size-w80px{
    width: 80px;
}
.column-size-w70px{
    width: 70px;
}
.column-size-w60px{
    width: 60px;
}
.column-size-w50px{
    width: 50px;
}
.column-size-w16px{
    width: 16px;
}

.column-size-w120px-right{
    width: 95px;
    text-align: right;
}
.column-size-w95px-right{
    width: 95px;
    text-align: right;
}
.column-size-w80px-right{
    width: 80px;
    text-align: right;
}
.column-size-w60px-right{
    width: 60px;
    text-align: right;
}

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

.column-align-right {
    text-align: right;
}


.ui-menu {
    width: auto;
}

body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
    width: 95%;
}

body .ui-datatable thead th {
    background: #e1e6ea;
}

body .ui-datatable .ui-datatable-data > tr > td {
    border: 1px solid #e1e6ea;
    border-width: 0 0 1px 0;
}

body .ui-fluid .p-size-calendar .ui-trigger-calendar input.hasDatepicker {
    width: 120px;
}

body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon,
body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon {
    padding: 0 5px;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active {
    border-color: #2E4264;
    border-bottom: 2px solid;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: #2E4264;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0;
}

body .ui-dialog.p-dialog-grande {
    width: 80%!important;
}

.no-padding {
    padding: 0!important;
}

body .ui-messages > div {
    padding: 10px;
}

body .ui-selectbooleanbutton, body .ui-selectmanybutton > .ui-button,
body .ui-selectbooleanbutton.ui-state-hover, body .ui-selectonebutton > .ui-button.ui-state-hover,
body .ui-selectmanybutton > .ui-button.ui-state-hover, body .ui-selectbooleanbutton .ui-icon,
body .ui-selectonebutton > .ui-button .ui-icon, body .ui-selectmanybutton > .ui-button .ui-icon,
body .ui-selectbooleanbutton.ui-state-hover .ui-icon, body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon {
    color: #FFF;
}

body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover {
    background: #2E4264;
    border-color: #2E4264;
    color: #ffffff;
}

.ui-fluid .ui-datatable-reflow .ui-button {
    max-width: 60%;
}

body .ui-messages .ui-messages-error .ui-messages-error-icon, body .ui-messages .ui-messages-error .ui-messages-fatal,
body .ui-messages .ui-messages-fatal .ui-messages-error-icon, body .ui-messages .ui-messages-fatal .ui-messages-fatal {
    margin: -2px 0.5rem 0 0;
}


.flex {
    display: flex !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.ui-header-strong .ui-widget-header {
    background: #e1e6ea;
    color: #495057;
    font-weight: bold;
}

.title-page, .titulo-fomulario {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 350;
}

/* Estilos gerais para o container */
.header-page {
    display: grid; /* Define layout em linha */
    align-items: center; /* Centraliza os itens verticalmente */
    gap: 1rem; /* Espaçamento entre os elementos */
    flex-wrap: wrap; /* Permite quebrar linha em telas menores */
    padding: 1rem; /* Adiciona espaçamento interno */
}

/* Logo */
.logo-container {
    flex: 0 0 150px; /* Largura fixa de 150px */
    max-width: 150px; /* Limita a largura máxima */
    flex-shrink: 0; /* Impede que a logo encolha */
}

/* Título */
.title-container {
    flex: 1; /* Ocupa o espaço restante */
    overflow: hidden; /* Evita transbordamento */
    text-overflow: ellipsis; /* Mostra reticências se o texto for longo */
    white-space: nowrap; /* Evita quebra de linha */
    text-align: center;
}

.title-page {
    margin: 0; /* Remove margens padrão do título */
    font-size: 1.5rem; /* Ajusta o tamanho da fonte */
}


.titulo-fomulario {
    font-size: 0.8em;
    text-align: center;
}


body .card-list .ui-card .ui-card-body {
    padding: 0 1rem;
}

.card-list .ui-datascroller-content {
    background: #f0f2f4!important;
    padding: 0!important;
    border: none!important;
}

.card-list .ui-datascroller .ui-datascroller-content {
    padding: 0!important;
}

.card-list .p-field {
    margin-bottom: 0.3rem;
}

body .card-list .ui-accordion .ui-accordion-header {
    padding: 0.7rem;
}

/* Media Queries para responsividade */
@media (max-width: 768px) {
    .header-page {
        flex-direction: column; /* Empilha os itens verticalmente */
        text-align: center; /* Centraliza o conteúdo */
    }

    .logo-container {
        flex: 0 0 auto; /* Remove largura fixa */
        max-width: 100px; /* Reduz a largura máxima */
        margin-bottom: 1rem; /* Adiciona espaçamento inferior */
        margin-right: 45px;

    }

    .title-container {
        white-space: normal; /* Permite quebra de linha */
    }

    .title-page {
        font-size: 1.2rem; /* Reduz o tamanho do texto */
    }
}


@media screen and (max-width: 810px) {
    .ui-tabs.ui-tabs-top > .ui-tabs-nav li{
        width: 100% !important;
    }
}

@media screen and (max-width: 810px) {
    body .ui-dialog.p-dialog-grande {
        width: 96%!important;
    }
}