/* Abas */
.ui-tabs .ui-tabs-nav > li.ui-state-default {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom: -1px !important;
}

/* Aba ativa */
.ui-tabs .ui-tabs-nav > li.ui-state-default.ui-state-active {
    /*background: #FFF !important;*/
    /*background: linear-gradient(90deg, #8fccff calc(100% - 20px), #ffffff 100%) !important;*/
    /*background: linear-gradient(270deg, #ffffff 0%, #dbdbdb 100%) !important;*/
    /*background: hsla(210, 100%, 80%, 1) !important;*/
    /*width: calc(100% - 10px);*/
    background: linear-gradient(90deg, #99ccff 80%, #ffffff 100%) !important;
    border-left: 4px solid #1b81d6 !important;
}

/* Aba inativa */
.ui-tabs .ui-tabs-nav > li.ui-state-default:not(.ui-state-active) {
    /*background: #ddecf5 !important;*/
    /*background: linear-gradient(90deg, #ddecf5 80%, #c4deee 100%) !important;*/
    /*background: hsla(195, 60%, 85%, 1) !important;*/
    background: linear-gradient(90deg, #d6e5f5 90%, #b1cfec 100%) !important;
    width: calc(100% - 16px) !important;
    cursor: pointer;
}
.ui-tabs .ui-tabs-nav > li.ui-state-default:not(.ui-state-active) > a,
.linkAzul:not(.ui-state-disabled) {
    /*color: var(--linkPadrao) !important;*/
    color: #0e4b71 !important;
    text-decoration: underline dotted rgba(14, 75, 113, 0.36) !important;
    /*text-decoration-color: var(--linkPadraoUnderline) !important;*/
}
.ui-tabs .ui-tabs-nav > li.ui-state-default:not(.ui-state-active) > a:hover,
.linkAzul:not(.ui-state-disabled):hover {
    text-decoration: underline solid !important;
}

button.linkAzul {
    margin-bottom: 1px !important;
    font-size: 1.25em !important;
}

/* Corpo do painél */
body .ui-tabs .ui-tabs-panels {
    border-top: 1px solid #D9D9D9 !important;
}

/* Cabeçalho de DataTable é alterado pelo CSS principal */
.ui-datatable.ui-widget thead th {
    background-color: #1E537F !important;
    color: white !important;
}

/* Reajusta divs com layout vertical em mobile */
.layout-frame-portal > table > tbody > tr > td {
    min-height: 50px;
    height: 50px;
}
.layout-frame-portal {
    display: block;
    padding: 5px 10px;
    float: left;
}

/* Remove padding da barra lateral */
body .ui-sidebar {
    padding: 0;
}

/* Oculta botão de fechar a barra lateral */
.ui-sidebar-close {
    display: none;
}

.ui-inputtext.ui-state-disabled:not(.ui-state-error),
.ui-inputmask.ui-state-disabled:not(.ui-state-error),
.ui-inputfield.ui-state-disabled:not(.ui-state-error) {
    background-image: url('/resources/img/diagonals-grey.png') !important;
}

.ui-state-default:not(.ui-state-active) .iconeUpdateTab {
    display: none;
}

.portalSidebar button.disabled {
    margin: 5px;
    width: calc(100% - 10px);
    background: #DDECF5;
    text-decoration-style: solid !important;
}
.portalSidebar button:not(.disabled) {
    margin: 5px;
    width: calc(100% - 10px);
    background: none;
    border: none !important;
    text-decoration-style: solid !important;
}

body .ui-datatable .ui-datatable-data > tr > td {
    padding: 0.2em 0.5em !important; 
}

.ocultaBotaoSidebar .botaoSidebar {
    display: none;
}

.panelGeral {
    padding-bottom: calc(8vw + 5px);
}

.anuncio, .anuncio iframe {
    border: none;
    height: 8vw !important;
    overflow: hidden !important;
    margin-bottom: 2px;
}

.anuncio {
    max-width: calc(100% - 230px);
    right: 14px;
}

@media only screen and (max-width: 767px) and (max-height: 415px) {
    .anuncio, .anuncio iframe {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    /* Oculta barra de abas */
    ul.ui-tabs-nav {
        display: none;
    }
    body .ui-tabs .ui-tabs-panels,
    body .ui-tabs .ui-tabs-panels > div {
        width: 100% !important;
        padding: 0px !important;
    }

    /* Layout responsivo */
    .layout-frame-portal {
        width: 100% !important;
        /*border-bottom: 1px solid #DEDEDE;*/
    }
    .removerPaddingDiv > div {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .mobileCenter {
        margin-left: auto;
        margin-right: auto;
    }
    
    .larguraDialog {
        width: 95vw !important;
    }
    
    .panelGeral {
        padding-bottom: calc(25vw + 5px);
    }
    
    .anuncio {
        max-width: 100%;
        left: 0px;
    }
    
    .anuncio, .anuncio iframe {
        height: 25vw !important;
        overflow: hidden !important;
    }

    /* Ícone de fechar dialog - mais acessível para mobile */
    body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon
    .ui-icon-closethick:before {
        content: "\f00d";
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        font-size: 24px;
    }
    span.ui-icon.ui-icon-closethick {
        margin-right: 8px !important;
        margin-bottom: 20px !important;
    }
}