/* =========================================================
   Design Tokens / CSS Variables
   ========================================================= */

:root {
    /* =========================
     Brand & Semantic Colors
     ========================= */
    --primary: #278A4C;
    --primary-50: rgba(39,138,76,.08);
    --primary-hover: #278A4C;
    --primary-contrast: #ffffff;
    --secondary: #F3F4F6;
    --secondary-hover: #475569;
    /* --success: #DEF7EC;
  --success-color: #03543F; */
    --success: #dcfce7;
    --success-color: #008236;
    --success-noprazo: #dcfce7;
    --warning: #FDF6B2;
    --warning-color: #723B13;
    --error: #FDE8E8;
    --error-color: #9B1C1C;
    --info: #0284c7;
    --info-color: #034078;
    --danger: #FDE8E8;
    --danger-color: #9B1C1C;
    --negative: #ffe1ff;
    --negative-color: #800080;
    /* =========================
     Background & Text Colors
     ========================= */
    --bg: #ffffff;
    --bg-muted: #f8fafc;
    --bg-elevated: rgba(0, 0, 0, 0.04);
    --text: #6b7280;
    --text-muted: #64748b;
    --text-inverted: #ffffff;
    --border: #e5e7eb;
    /* =========================
     Spacing Scale
     ========================= */
    --space-1: 0.25rem; /* 4px */
    --space-2: 0.5rem; /* 8px */
    --space-3: 0.75rem; /* 12px */
    --space-4: 1rem; /* 16px */
    --space-5: 1.5rem; /* 24px */
    --space-6: 2rem; /* 32px */
    /* =========================
     Typography
     ========================= */
    --font-sans: 'Cera', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --text-xs: 0.75rem; /** 12px */
    --text-sm: 0.875rem; /** 14px */
    --text-base: 1rem; /** 16px */
    --text-lg: 1.125rem; /** 18px */
    --text-xl: 1.25rem; /** 20px */

    --line-tight: 1.2;
    --line-normal: 1.5;
    /* =========================
     Border Radius
     ========================= */
    --radius-sm: 0.25rem; /* 4px*/
    --radius-md: 0.5rem; /* 8px*/
    --radius-lg: 0.75rem; /* 12px*/
    --radius-full: 9999px;
    /* =========================
     Shadows
     ========================= */
    --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px rgb(0 0 0 / 0.15);
    /* =========================
     Transitions
     ========================= */
    --transition-fast: 150ms ease-in-out;
    --transition-base: 250ms ease-in-out;
    --transition-slow: 400ms ease-in-out;
    /* =========================
     Layout & Z-Index
     ========================= */
    --container-width: 1200px;
    --header-height: 64px;
    --z-dropdown: 1000;
    --z-modal: 1100;
    --z-toast: 1200;
}


/* Botões */
.btn {
    display: flex;
    height: 40px !important;
    padding: 0 16px !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: var(--radius-md) !important;
    box-shadow: 0px 1px 0px rgba(17, 27, 43, 0.05) !important;
    /* color: #fff !important; */
    font-size: 14px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    gap: 8px !important;
}

.btn-primary {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--primary-contrast) !important;
}

    .btn-primary a, .btn-primary span {
        color: var(--primary-contrast) !important;
    }

    .btn-primary:hover a, .btn-primary span {
        color: var(--primary-contrast) !important;
    }

.btn-default {
    background: transparent !important;
    color: #111b2b !important;
    border-color: #e5e7eb !important;
}

.smart-form .btn {
    display: flex;
    gap: 8px !important;
}

.smart-style-2 .bg-color-teal {
    background-color: var(--bg-muted) !important;
    border-color: teal !important;
    color: teal !important;
}

    .smart-style-2 .bg-color-teal > i {
        color: var(--text) !important;
    }

    .smart-style-2 .bg-color-teal:hover {
        background-color: var(--bg-elevated) !important;
    }

.btn.btn:not(:last-child):not(i) .fa {
    margin-right: 0px !important;
}

.btn:only-child i.fa {
    margin-right: 0px !important;
}

/* Botão para upload de arquivos */
span.button:has(input[type="file"]), span.button:has(input[type="file"]) button {
    display: flex !important;
    height: 80% !important;
    padding: 0 16px !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: var(--radius-md) !important;
    box-shadow: 0px 1px 0px rgba(17, 27, 43, 0.05) !important;
    color: #fff !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    top: 4px !important;
    bottom: 4px !important;
    right: 4px !important;
    background-color: var(--primary) !important;
}

    span.button:has(input[type="file"]) input {
        display: none !important;
    }

/* Input de texto dentro do label de upload: limita largura para não sobrepor o botão */
.smart-form label.input-file > input[type="text"] {
    width: calc(100% - 120px) !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.buscaCEP{
    width: fit-content !important;
}

button.btn.btn-danger.btn-xs.excluirDocumento {
    height: 40px !important;
    width: 50px !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex;
    padding: 0px !important;
    background: #DB4A67 !important;
    color:white !important;
    font-size: 14px !important;
    margin-top: 0px !important;
    margin-left: 10px;
}
/* Inputs */

.smart-form .label {
    display: block !important;
    margin-bottom: 8px !important;
    color: var(--text); /* cinza bem escuro */
    font-size: 12px !important;
    font-weight: 600 !important;
    min-height: 6px !important;
}

.stmart-form .input {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 320px !important;
}

label.input i {
    /* alinhado o icone no centro do input */
    top: 25% !important;
}

.smart-form .input input, .cke_dialog_ui_input_text input {
    width: 100% !important;
    height: 40px !important;
    padding: 8px 12px; /* retirado o important afim de manter o estilo do tema padrão */
    /* padding-right: 36px !important;  */
    border-radius: var(--radius-md) !important;
    border: 1px solid #d1d5db !important; /* gray-300 */
    background: #f9fafb; /* gray-50 */
    font-size: 14px !important;
    line-height: 20px !important;
    color: #111827 !important;
    outline: none !important;
    transition: border-color 0.15s ease, background-color 0.15s ease !important;
}

.smart-form .input input.datepickerCustom.hasDatepicker {
    padding-right: 36px !important; /* espaço pro ícone / botão */
}


.cke_dialog_ui_input_text input {
    height: 36px !important;
}

.smart-form .select {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
}

    .smart-form .select select {
        height: 40px !important;
    }

    .smart-form .select select, .notSelect2custom, select.cke_dialog_ui_input_select {
        /* width: 100% !important; */

        padding: 8px 12px !important;
        padding-right: 36px !important; /* espaço pro ícone / botão */
        border-radius: var(--radius-md) !important;
        border: 1px solid #d1d5db !important; /* gray-300 */
        background: #f9fafb !important; /* gray-50 */
        font-size: 14px !important;
        line-height: 20px !important;
        color: #111827 !important;
        outline: none !important;
        transition: border-color 0.15s ease, background-color 0.15s ease !important;
    }

select.cke_dialog_ui_input_select {
    min-height: 36px !important;
}

span.select2.select2-container.select2-container--default.select2-container--disabled {
    opacity: 0.4 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.smart-form .select i {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 8px !important;
    height: 8px !important;
    border: solid #9ca3af !important;
    border-width: 0 2px 2px 0 !important;
    transform: translateY(-50%) rotate(45deg) !important;
    transition: transform 0.2s ease !important;
    background: transparent !important;
    pointer-events: none !important;
    background: transparent !important;
    box-shadow: inset 0 0 0 0px #9ca3af !important;
}

    .smart-form .select i:after,
    .smart-form .select i:before {
        content: "" !important;
        display: none !important;
    }

.select2 > .selection > .select2-selection {
    min-height: 38px !important;
    display: flex;
    align-items: center !important;
    padding-right: 36px !important; /* espaço pro ícone / botão */
    border-radius: var(--radius-md) !important;
    border: 1px solid #d1d5db !important; /* gray-300 */
    background: #f9fafb !important; /* gray-50 */
    font-size: 14px !important;
    line-height: 20px !important;
    color: #111827 !important;
    outline: none !important;
    transition: border-color 0.15s ease, background-color 0.15s ease !important;
}

.select2-selection__arrow {
    display: flex !important;
    align-items: center !important;
}

    .select2-selection__arrow b {
        top: 30% !important;
    }

.select2-dropdown.select2-dropdown--below {
    border-radius: 0px 0px var(--radius-md) var(--radius-md) !important;
}

.select2-dropdown {
    border: none !important;
}

.select2-search:before {
    right: 20px !important;
}

.select2-search.select2-search--dropdown {
    padding: var(--space-3);
}

.select2-dropdown .select2-search__field {
    border-radius: var(--radius-md) !important;
}

    .select2-dropdown .select2-search__field:focus, .select2-dropdown .select2-search__field:active {
        border: 1px solid var(--primary) !important;
    }

.select2-selection__choice {
    background-color: var(--primary-50) !important;
    border-color: var(--primary-50) !important;
    color: var(--primary) !important;
    border-radius: var(--radius-md);
}

.select2-selection__choice__remove:hover {
    background-color: transparent !important;
    filter: brightness(0.5) !important;
}

label.input textarea {
    border-radius: var(--radius-lg) !important;
    border: 1px solid #D0D7DE !important; /* gray-300 */
    padding: var(--space-3);
    /* background: #f9fafb !important; gray-50 */
}

    label.input textarea:focus, label.input textarea:active {
        border-color: var(--primary) !important;
    }

/* Tabelas */
.nav.nav-tabs.bordered {
    display: flex;
    flex-direction: row;
    gap: 4px;
    border: none;
    border-bottom: 1px solid #ddd;
}

    .nav.nav-tabs.bordered > li {
        border-bottom: none !important;
    }

        .nav.nav-tabs.bordered > li > a {
            margin-right: 0px !important;
        }

        .nav.nav-tabs.bordered > li.active a {
            /* border-top: var(--primary) solid 1px !important; */
            /* box-shadow: 0 2px 0 var(--primary) !important; */
            border: none !important;
            box-shadow: none !important;
            border-bottom: solid 2px var(--primary) !important;
        }

.smart-style-2 .jarviswidget-color-blueDark {
    border: solid 1px #d1d5db !important;
    border-radius: var(--radius-md);
    margin-top: 10px;
}


    .smart-style-2 .jarviswidget-color-blueDark > header {
        background-color: #4c4f53 !important;
        border-radius: var(--radius-md) var(--radius-md) 0px 0px;
        border: none;
        color: #fff;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border-bottom-width: 2px !important;
    background-color: #f3f4f6 !important
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: #fcfcfc
}

.table-hover > tbody > tr:hover {
    background: #f9fafb !important
}

.table > thead > tr > th {
    vertical-align: middle !important;
    border-bottom: 2px solid #ddd !important;
    padding: 22px 16px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #6b7280 !important;
    background-color: #f9fafb !important;
    border-bottom: 1px solid #e5e7eb !important;
    white-space: wrap !important;
    text-align: left !important;
    position: sticky !important;
    top: 0px !important;
    z-index: 10 !important;
    box-shadow: 0 1px 0 0 #e5e7eb !important;
}

.table {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 18px !important;
    margin-top: 0px !important;
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: "Inter", sans-serif !important
}

    .table td {
        padding: 8px 12px !important;
        color: #4b5563 !important;
        font-size: 14px !important;
        font-weight: 300 !important;
        vertical-align: middle !important;
    }

    .table thead th {
        padding: 22px 16px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        color: #6b7280 !important;
        background: #f9fafb !important;
        background-color: #f9fafb !important;
        border-bottom: 1px solid #e5e7eb !important;
        white-space: nowrap !important;
        text-align: left !important;
        position: sticky !important;
        top: 0px !important;
        z-index: 10 !important;
        box-shadow: 0 1px 0 0 #e5e7eb !important;
    }

/* aplica borda a tabela */
.smart-style-2 .jarviswidget-color-blueDark table {
    border-radius: var(--radius-md);
    border: solid 1px #d1d5db !important;
}

.jarviswidget header {
    border-bottom: solid 2px var(--primary) !important;
    border-radius: var(--radius-md) var(--radius-md) 0px 0px !important;
    background-color: #fff !important;
}

.dataTables_wrapper {
    overflow-x: auto !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
    position: relative !important;
}

/* Garante que o toolbar não seja afetado pelo scroll horizontal da tabela */
.dataTables_wrapper > .dt-toolbar {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 11 !important;
}

/* Modifica o stilo dos botões de ações da tabela */
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn) .btn-warning,
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn) .btn-danger,
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn) .bg-color-redLight,
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn) .btn-success,
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn) .btn-primary,
table tr td .form-excluir,
table tr td button.btn-danger,
table tr td button.btn-warning {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #6B7280 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    display: flex !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 0px 4px !important;
    justify-content: start !important;
    align-items: center !important;
    width: 100% !important;
    gap: 4px !important;
}

/* Remove padding da classe btn-acao (mais específico para sobrescrever outras classes) */
table tr td .btn-acao,
td:has(a.btn) .btn-acao,
table tr td button.btn-acao,
table tr td a.btn-acao,
table tr td form button.btn-acao,
table tr td form .btn-acao,
td button.btn-danger.btn-acao,
td form button.btn-danger.btn-acao,
.table tbody tr td button.btn-acao,
.table tbody tr td form button.btn-acao,
.table tbody tr td .btn-danger.btn-acao,
table.dataTable tbody tr td button.btn-acao {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #6B7280 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    display: flex !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    justify-content: start !important;
    align-items: center !important;
    width: 100% !important;
    gap: 4px !important;
}

button.removeRow:only-of-type(i) {
    height: 40px !important;
    width: 49px !important;
    padding: 13px !important;
    border: solid 1px #DB4A67 !important;
    background-color: #DB4A67 !important;
    border-radius: var(--radius-md);
    color: white !important;
    box-shadow: none !important;
    font-size: 13px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Modifica o stilo dos botões de ações da tabela hover */
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn) .btn-warning:hover,
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn) .btn-danger:hover,
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn) .bg-color-redLight:hover,
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn) .btn-success:hover,
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn) .btn-primary:hover,
td:has(a.btn) .btn-acao:hover,
table tr td button.btn-danger:hover,
table tr td button.btn-warning:hover {
    transition: all 0.2s ease-in-out !important;
    background-color: rgba(0, 0, 0, 0.04) !important;
}

button.removeRow:has(> i:only-child) {
    height: 40px !important;
    width: 49px !important;
    padding: 13px !important;
    border: solid 1px #DB4A67 !important;
    background-color: #DB4A67 !important;
    border-radius: var(--radius-md);
    color: white !important;
    box-shadow: none !important;
    font-size: 13px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

    button.removeRow:has(> i:only-child):hover {
        transition: all 0.2s ease-in-out !important;
        background-color: #DB4A67 !important;
        color: white !important;
        border: solid 1px #DB4A67 !important;
        filter: brightness(0.8);
    }

/* Ajusta forms dentro de células de ação */
td > form[style="display:inline-block;margin-left:2px;"],
td > form.form-excluir,
table tr td form {
    margin: 0px !important;
    display: inline-block !important;
    width: 100% !important;
}

/* Remove padding horizontal de botões de ação dentro de forms em células */
table tr td form button.btn,
table tr td form a.btn {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Remove padding de forms que contêm botões com classe btn-acao */
table tr td form:has(button.btn-acao),
table tbody tr td form:has(button.btn-acao),
td form:has(.btn-acao) {
    padding: 0px !important;
    margin: 0px !important;
}

/* =========================================
   MOVIMENTAÇÕES PENDENTES - TABELAS EXPANSÍVEIS
   ========================================= */

/* Garante que o container do widget permita alertas no topo */
.jarviswidget > div,
.widget-body.no-padding.smart-form {
    display: flex !important;
    flex-direction: column !important;
}

/* Remove <br> tags */
div.widget-body.no-padding.smart-form table tbody tr td br {
    display: none !important;
}

/* Scroll horizontal */
div.widget-body.no-padding.smart-form {
    overflow-x: auto !important;
    overflow-y: visible !important;
}

/* Tabela expansível: largura dinâmica */
div.widget-body.no-padding.smart-form > table > tbody > tr.collapse > td > table {
    width: 100% !important;
    table-layout: auto !important;
    min-width: 100% !important;
}

/* Forçar cells a não quebrar linha */
div.widget-body.no-padding.smart-form table tbody tr td.center {
    white-space: nowrap !important;
}

/* Span de data: inline com margem */
div.widget-body.no-padding.smart-form table tbody tr td.center > span.dtExportacao,
div.widget-body.no-padding.smart-form table tbody tr td.center > span.dtEnvioOperadora {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
}

/* Botões: inline, SEM float */
div.widget-body.no-padding.smart-form table tbody tr td.center > a.btRow,
div.widget-body.no-padding.smart-form table tbody tr td.center > a.btExportar,
div.widget-body.no-padding.smart-form table tbody tr td.center > a.btMarcar {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
    margin-left: 4px !important;
}

/* Colunas Segurados e Datas: alinhar conteúdo à esquerda */
div.widget-body.no-padding.smart-form table tbody tr td.text-right:has(.QtdPendentes) {
    text-align: left !important;
}

div.widget-body.no-padding.smart-form table tbody tr td.center {
    text-align: left !important;
}

/* Botão visualizar (lápis) na coluna Segurados da tabela interna */
div.widget-body.no-padding.smart-form table tbody tr td > a.btnShowOperadoraMov,
div.widget-body.no-padding.smart-form table tbody tr td > a.btnShowOperadoraMov.btn-acao {
    display: inline-flex !important;
    vertical-align: middle !important;
    width: auto !important;
    height: auto px !important;
    min-height: auto !important;
}

/* Ícone do lápis dentro do botão */
div.widget-body.no-padding.smart-form table tbody tr td > a.btnShowOperadoraMov .glyphicon-pencil {
    height: 18px !important;
}

/* Desabilitar pull-right */
div.widget-body.no-padding.smart-form table tbody tr td.center a.pull-right {
    float: none !important;
}

/* Correção do botão de expansão/collapse sobrepondo texto */
div.widget-body.no-padding.smart-form table tbody tr td > a[data-toggle="collapse"] {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
    float: none !important;
}

/* Garante que a primeira célula (com botão) tenha espaço adequado */
div.widget-body.no-padding.smart-form table tbody tr[data-idcontrato] > td:first-child {
    padding-left: 8px !important;
    padding-right: 8px !important;
    white-space: nowrap !important;
}

/* Ajusta o espaçamento interno das linhas da tabela principal */
div.widget-body.no-padding.smart-form > table > tbody > tr > td {
    padding: 12px 8px !important;
    vertical-align: middle !important;
}

/* Ajusta o espaçamento das linhas expansíveis (collapse) */
div.widget-body.no-padding.smart-form > table > tbody > tr.collapse.in > td {
    padding: 0 !important;
}

/* Margem interna da div dentro da célula expansível */
div.widget-body.no-padding.smart-form > table > tbody > tr.collapse.in > td > div {
    margin: 12px 8px !important;
}

/* Corrige o posicionamento do label checkbox na tabela interna (td e th) */
div.widget-body.no-padding.smart-form > table > tbody > tr.collapse.in td label.checkbox,
div.widget-body.no-padding.smart-form > table > tbody > tr.collapse.in th label.checkbox {
    top: auto !important;
    left: auto !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Corrige o ícone do checkbox na tabela interna expansível (td e th) */
div.widget-body.no-padding.smart-form > table > tbody > tr.collapse.in td label.checkbox i,
div.widget-body.no-padding.smart-form > table > tbody > tr.collapse.in th label.checkbox i {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-right: 8px !important;
}

/* Garante largura mínima para a coluna do checkbox no header */
div.widget-body.no-padding.smart-form > table > tbody > tr.collapse.in th:has(label.checkbox) {
    width: auto !important;
    min-width: 50px !important;
    padding: 8px 12px !important;
}

/* Garante largura mínima para a coluna do checkbox nas linhas */
div.widget-body.no-padding.smart-form > table > tbody > tr.collapse.in td:has(label.checkbox) {
    width: auto !important;
    min-width: 50px !important;
    padding: 8px 12px !important;
}

.fc-head-container thead tr, .table thead tr {
    background-image: none !important;
}

table.dataTable thead .sorting {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAgMAAAAPPt5fAAAACVBMVEUAAADIyMjl5eVIBBP/AAAAAXRSTlMAQObYZgAAAClJREFUCNdjwAYEwGQKiGDsBJFsTA5AUoJhAqZaiDhEDVg9RC/MHEwAANsMA91AQfd/AAAAAElFTkSuQmCC) no-repeat center right !important
}

table.dataTable thead .sorting_asc {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAAB1JREFUCNdjwAkcgPgBAwPjBwYG5h8MDOx/GAgBAKRJBBCQbHkwAAAAAElFTkSuQmCC) no-repeat center right !important
}

table.dataTable thead .sorting_desc {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABVVVUT3Vn+AAAAAXRSTlMAQObYZgAAABxJREFUCNdjIATY/zAwMP9gYGD8AOQ8AGIHnEoBkNkEEEbbutQAAAAASUVORK5CYII=) no-repeat center right !important
}

table.dataTable thead .sorting_asc_disabled {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAdSURBVAjXY8AJHID4AQMD4wcGBuYfDAzsfxgIAQCkSQQQkGx5MAAAAABJRU5ErkJggg==) no-repeat center right !important
}

table.dataTable thead .sorting_desc_disabled {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMVEUAAABUVFR8AzIeAAAAAnRSTlMAf7YpoZUAAAAcSURBVAjXYyAE2P8wMDD/YGBg/ADkPABiB5xKAZDZBBBG27rUAAAAAElFTkSuQmCC) no-repeat center right !important
}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-color: initial !important
}

@keyframes showOnly {
    to {
        opacity: 1;
        visibility: visible;
    }
}

.dt-toolbar {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: sticky !important;
    top: 0px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 11 !important;
    background-color: #fff !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
}

.dataTables_wrapper .dt-toolbar {
    padding: 7px 10px 0px 7px !important;
}

/* Garante que os filhos do toolbar não ultrapassem os limites */
.dt-toolbar > * {
    flex-shrink: 0 !important;
}

/* Campo de busca */
.dt-toolbar .dataTables_filter {
    margin-right: auto !important;
}

/* Botão "Selecionar colunas" e outros controles à direita */
.dt-toolbar .ColVis,
.dt-toolbar > div:last-child {
    margin-left: auto !important;
}

    /* Quando há dt-toolbar, ajusta o top do header da tabela para ficar abaixo */
    .dataTables_wrapper .dt-toolbar ~ * .table > thead > tr > th,
    .dataTables_wrapper .dt-toolbar ~ * .table thead th,
    .dataTables_wrapper .dt-toolbar ~ * .table-bordered thead {
        top: 52px !important;
    }
/* remove os texto dos botoes na tabela do widget */
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn) .hidden-mobile,
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn-acao) .hidden-mobile,
table tr td:has(button) .hidden-mobile {
    border-radius: var(--radius-sm);
    padding: 2px 5px;
    color: var(--text) !important;
}

.downloadFile i {
    margin: 0px !important;
}
/* tabela de movimentaçãos */
tr[style="font-size:smaller;background-color: #fdba68;;"] {
    background-color: var(--primary-50) !important;
}

tr[style="background-color: #fdba68;;"], tr[style="background-color: #fdba68;"] {
    background-color: var(--warning) !important;
    font-weight: 600 !important;
}

tr[style="font-size:smaller;background-color: #fdba68;;"] a {
    color: var(--primary) !important;
}

    tr[style="font-size:smaller;background-color: #fdba68;;"] a:hover {
        color: var(--primary) !important;
    }

.smart-style-2 .jarviswidget-color-blueDark
table tr td :is(a.btn, button):hover .hidden-mobile,
td :is(a.btn.btn-sm.bg-color-teal.txt-color-white) :hover .hidden-mobile {
    display: block;
    animation: showOnly 0s linear 0.6s forwards;
}
/* ajusta o header do widget */
.smart-style-2 .jarviswidget-color-blueDark > header > h2 {
    height: fit-content;
    font-size: 16px;
}
/* Remove bordas diplicadas */
.jarviswidget > div {
    border: none !important;
}

.table-bordered thead {
    border-radius: 8px 8px 0px 0px !important;
    overflow: hidden;
    position: sticky !important;
    top: 0px !important;
    z-index: 10 !important;
    background: #f9fafb !important;
    background-color: #f9fafb !important;
}

/* Quando houver dt-toolbar, ajusta o top do thead */
.dt-toolbar ~ div .table-bordered thead,
.dataTables_wrapper:has(.dt-toolbar) .table-bordered thead {
    top: 52px !important;
}

/* Remove as bordas das celulas e aplica apenas na parte de baixo */
.table-bordered tbody tr td, .table-bordered thead tr th {
    border: 0;
    border-bottom: solid 1px #d1d5db !important;
}
/* Aplica espaçamento interno no widget */
.widget-body {
    padding: 8px !important;
}
    /* Melhora a renderização da tabela com scroll */
    .widget-body.no-padding.smart-form {
        position: relative !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        max-height: 74vh !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    /* Aplica borda a tabela do widget */
    .widget-body table {
        border-radius: var(--radius-md) !important;
        margin-top: 0 !important;
    }

/*Radio Button*/
.smart-form .radio {
    position: relative !important;
    /* display: inline-flex !important; */
    align-items: center !important;
    line-height: 1 !important; /* <-- importante */
    cursor: pointer !important;
    padding-left: 0 !important;
    text-align: center !important;
}

.smart-form .inline-group .radio {
    display: inline-flex !important;
    align-items: end !important;
}

.smart-form .radio input {
    position: absolute !important;
    opacity: 0 !important;
    cursor: pointer !important;
    width: 0 !important;
    height: 0 !important;
}

    .smart-form .radio input + i {
        width: 16px !important;
        height: 16px !important;
        border: 3px solid #D1D5DB !important;
        border-radius: 50% !important;
        background: #FFFFFF !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-right: 8px !important;
        transition: all 0.2s ease !important;
        position: relative !important;
        box-shadow: none !important;
    }

        .smart-form .radio input + i:before,
        .smart-form .radio input + i:after {
            content: none !important;
            display: none !important;
        }

    .smart-form .radio input:checked + i {
        border: 3px solid var(--primary) !important;
        background: var(--primary) !important;
    }

        .smart-form .radio input:checked + i::before {
            content: '' !important;
            display: block !important;
            width: 10px !important;
            height: 10px !important;
            border-radius: 50% !important;
            background: #FFFFFF !important;
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            transform: translate(-50%, -50%) !important;
        }

.smart-form .radio:hover input + i {
    border-color: #9CA3AF !important;
}

.smart-form .radio input:checked:hover + i {
    border-color: #278A4C !important;
}

.smart-form .radio input:disabled + i {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}
/* Atalhos especificos da pagina de Relacionamento */
.atalhos {
    margin-left: 0px !important;
    display: flex;
    justify-content: center;
}

    .atalhos div {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 19px 8px 0px;
        width: 100px;
        margin: 0px !important;
        transition: all 0.2s ease-in-out;
    }

        .atalhos div:hover {
            background: var(--primary-50);
            border-radius: var(--radius-md);
        }

    .atalhos a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        color: var(--primary) !important;
    }

a:focus, a:hover {
    color: var(--primary-hover); /*removido o important para não modificar o botão */
    text-decoration: none;
}

.atalhos i {
    font-size: 2rem !important;
    padding: 0px !important;
}

.atalhos > div > a > span.menu-item-parent {
    text-align: center;
    display: inline-block;
    text-wrap: wrap;
    white-space: break-spaces;
}
/* Scroll */
*::-webkit-scrollbar-thumb, iframe.cke_panel_frame::-webkit-scrollbar-thumb {
    background-color: #d1d5db !important;
    border-radius: 10px !important;
    opacity: 0.8 !important;
}

*::-webkit-scrollbar-track, iframe.cke_panel_frame::-webkit-scrollbar-track {
    background-color: #f9fafb !important;
    border-radius: 10px !important;
}

*::-webkit-scrollbar, iframe.cke_panel_frame::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}
/* Link */

/* Alert */

/* Switch */

/* Search data table */
.dataTables_filter label {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.dataTables_filter input {
    width: 100% !important;
    max-width: 400px !important;
    height: 28px !important;
    padding: var(--space-2) 12px !important;
    border-radius: var(--radius-md) !important;
    border: 1px solid #d1d5db !important;
    background: #f9fafb !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #111827 !important;
    outline: none !important;
    transition: border-color 0.15s ease, background-color 0.15s ease !important;
}

    .dataTables_filter input:focus, .dataTables_filter input:active {
        border: solid 1px var(--primary) !important;
    }

.dataTables_length select.form-control {
    height: 40px !important;
    border-radius: var(--radius-md) !important;
    border: solid 1px #d1d5db;
}

.ColVis_Button {
    width: 156px;
    background: transparent !important;
    color: #111b2b !important;
    border-color: #e5e7eb !important;
    display: flex !important;
    height: 40px !important;
    padding: 0 16px !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: var(--radius-md) !important;
    box-shadow: 0px 1px 0px rgba(17, 27, 43, 0.05) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
}

.ColVis_collection {
    min-width: 156px;
    box-shadow: none !important;
    background-color: #fff !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    padding: 8px !important;
    /* display: flex; */
    flex-direction: column !important;
    gap: 4px !important;
    width: fit-content !important;
}

    .ColVis_collection li {
        border: none !important;
        box-shadow: none !important;
        background: #fff !important;
        border-radius: var(--radius-md) !important;
        margin: 0px !important;
        transition: all 0.2s ease !important;
    }

        .ColVis_collection li:hover {
            background-color: rgba(0, 0, 0, 0.04) !important;
        }

        .ColVis_collection li input[type="checkbox"] {
            color: var(--primary);
            background-color: var(--primary);
        }


/* CheckBox */
.smart-form .checkbox input + i:after {
    color: #fff !important;
    background-color: var(--primary) !important;
    /* border: none; */
    height: 20px !important;
    width: 20px !important;
    top: 0px !important;
    left: 0px !important;
}

.smart-form .checkbox input + input[type=hidden] + i:after {
    color: #fff !important;
    background-color: var(--primary) !important;
    /* border: none !important; */
    height: 20px !important;
    width: 20px !important;
    border-radius: 3px !important;
}

.smart-form .checkbox i {
    border: 1px solid #d1d5db !important;
    padding: 2px !important;
    margin: 0px !important;
    border-radius: 2px !important;
    top: 2px !important;
    width: 15px !important;
    height: 15px !important;
}

/* Calendário */
.ui-datepicker{
  border-radius: var(--radius-lg) !important;
  border:none !important;
  box-shadow: 0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2) !important;
  padding: var(--space-3) !important;
  width: 22em !important;
  margin-top: var(--space-2);
  z-index: 1100 !important;
}

    .ui-datepicker .ui-datepicker-header {
        background-color: transparent !important;
    }

        .ui-datepicker .ui-datepicker-header .ui-corner-all {
            border-radius: var(--radius-md) !important;
            padding: var(--space-1) !important;
            cursor: pointer;
        }

table.ui-datepicker-calendar td a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: var(--space-1) !important;
}

table.ui-datepicker-calendar td, table.ui-datepicker-calendar td a {
    padding: var(--space-1) !important;
    border-radius: var(--radius-full) !important;
    height: 28px !important;
    width: 28px !important;
}

table.ui-datepicker-calendar .ui-state-hover {
    background-color: var(--primary-50) !important;
    color: var(--primary) !important;
    border-radius: var(--radius-full) !important;
}

.ui-datepicker td .ui-state-highlight {
    background-color: transparent !important;
    color: var(--primary) !important;
    border-radius: var(--radius-full) !important;
    border: solid 1px var(--primary) !important;
}

.ui-datepicker td .ui-state-active {
    background-color: var(--primary) !important;
    color: #fff !important;
    border-radius: var(--radius-full) !important;
}

.ui-datepicker-title select.ui-datepicker-month, .ui-datepicker-title select.ui-datepicker-year {
    padding: var(--space-1) !important;
    background-color: transparent !important;
    border: 1px solid #d1d5db !important;
}

.ui-datepicker-title select.ui-datepicker-month {
    border-radius: var(--radius-md) 0px 0px var(--radius-md) !important;
}

.ui-datepicker-title select.ui-datepicker-year {
    border-radius: 0px var(--radius-md) var(--radius-md) 0px !important;
}

.col-xs-3.col-sm-3.col-md-3.col-lg-8:has(.btn) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: var(--space-3);
}
/* pagination */
div.dataTables_paginate {
    padding: var(--space-2) var(--space-2) !important;
    position: sticky !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background-color: #fff !important;
    z-index: 11 !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: 0 -1px 0 0 #e5e7eb !important;
}

/* Container do rodapé da tabela (info + paginação) */
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper > .row:last-child {
    position: sticky !important;
    bottom: 0 !important;
    left: 0 !important;
    background-color: #fff !important;
    z-index: 11 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: var(--space-2) !important;
    box-shadow: 0 -1px 0 0 #e5e7eb !important;
}

/* Se houver uma row com info e paginação */
.dataTables_wrapper > .row:last-child {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

/* Garante que a div dt-toolbar-footer não tenha largura fixa */
.dt-toolbar-footer,
.dataTables_wrapper .dt-toolbar-footer {
    position: sticky !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background-color: #fff !important;
    z-index: 11 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: var(--space-2) !important;
    box-shadow: 0 -1px 0 0 #e5e7eb !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

    div.dataTables_paginate li > a {
        color: var(--text) !important;
        font-size: var(--text-base) !important;
        font-size: 14px !important;
    }

.paginate_button.previous {
    border-radius: var(--radius-md) 0px 0px var(--radius-md) !important;
}

.paginate_button.next {
    border-radius: 0px var(--radius-md) var(--radius-md) 0px !important;
}

.pagination > li > a {
    box-shadow: none !important;
    padding: 6px 12px !important;
    color: var(--text) !important;
    font-size: 14px !important;
}

.pagination > li:first-child > a {
    border-radius: var(--radius-md) 0px 0px var(--radius-md) !important;
}

.pagination > li:last-child > a {
    border-radius: 0px var(--radius-md) var(--radius-md) 0px !important;
}

.paginate_button.active a {
    background-color: var(--primary-50) !important;
    border: solid 1px var(--primary-50) !important;
    color: var(--primary) !important;
}
/* Modals */
.ui-dialog {
    box-shadow: var(--shadow-lg) !important;
    border-radius: var(--radius-lg) !important;
    border: none !important;
}
    /* Corrige modal de Procedimentos que tem estilos inline forçando largura e posição */
    #modalProcedimentos .modal-dialog {
        width: auto !important;
        max-width: 600px !important;
        margin: 30px auto !important;
    }

    #modalProcedimentos .modal-body {
        max-height: none !important;
        overflow-y: visible !important;
        overflow-x: visible !important;
        padding: 15px !important;
    }
    .ui-dialog .ui-dialog-titlebar {
        border-bottom: none !important;
    }

    /* Modificações especificas para modais implemetação > contrato > editar (aba faixa etaria > procedimentos) pagina */
        #modalProcedimentos > .modal-dialog > .modal-content {
            position: absolute;
            background-color: #fff;
            min-width: 900px !important;                 /* Mantém uma largura proxima de quando é adicionado um procedimento*/
            transform: translate(-250px, 0) !important;  /* centraliza o modal na tela */
        }
        .modal-footer {
            display: flex !important;
            flex-direction: row !important;
            justify-content: flex-end !important;
            padding-top: 8px; /* Melhora a visão dos botões do footer*/
        }

.ui-datepicker-buttonpane.ui-widget-content {
    border: none !important;
}

button.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all {
    border-radius: var(--radius-md) !important;
    font-weight: 500 !important;
}

/* Botões do editor de texto */

.cke_toolgroup {
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    display: inline-flex !important;
    gap: var(--space-1) !important;
}

.cke_combo_on a {
    box-shadow: none !important;
    background-color: var(--primary-50) !important;
    border: none !important;
}

.cke_combo_button {
    background-image: none !important;
    background-color: #fff !important;
    border: none !important;
}

    .cke_combo_button:active {
        box-shadow: none !important;
        background-color: var(--primary-50) !important;
    }

.cke_panel {
    border: none !important;
    border-radius: var(--radius-sm) !important;
}

.cke_panel_grouptitle, .cke_colorblock {
    background: none !important;
    background-color: var(--primary-50) !important;
    background-image: none !important;
}

a:hover.cke_colorbox {
    border: none !important;
    scale: 1.3 !important;
    transition: all 0.3s ease-in-out !important;
    background-color: #fff !important;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    padding: none !important;
}

a.cke_button_off:hover {
    background-color: var(--primary-50) !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    color: var(--primary) !important;
    border-radius: var(--radius-md) !important;
}

a.cke_button_on {
    background-color: var(--primary-50) !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    color: var(--primary) !important;
    border-radius: var(--radius-md) !important;
}

.cke_top {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: var(--radius-md) !important;
}

.cke_bottom {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: var(--radius-md) !important;
}

.cke_dialog_body {
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff !important;
}

.cke_dialog_title {
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

a.cke_dialog_tab {
    background-color: #fff !important;
    background-image: none !important;
}

.cke_dialog_tab_selected {
    /* background-color: var(--primary-50) !important; */
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: solid 2px var(--primary) !important;
    color: var(--primary) !important;
    border-radius: var(--radius-md) var(--radius-md) 0px 0px !important;
}

.cke_dialog_footer {
    background-color: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    border-radius: var(--radius-md) var(--radius-md) 0px 0px !important;
}

.cke_dialog_ui_button_ok, .cke_dialog_ui_button_cancel {
    border-radius: var(--radius-md) !important;
}

.cke_dialog_ui_button_ok {
    background-image: none !important;
    background-color: var(--primary) !important;
}

.cke_dialog_ui_button_cancel {
    background-image: none !important;
    background-color: #fff !important;
    color: var(--text) !important;
}

/* Bedges */
.label-tag {
    font-size: 12px;
    padding: 5px;
    white-space: nowrap;
    font-weight: bold;
}

.label-success, .nivel3 {
    border-radius: var(--radius-md) !important;
    background-color: var(--success) !important;
    color: var(--success-color) !important;
}

.label-danger, .atrasado, .nivel1 {
    border-radius: var(--radius-md) !important;
    background-color: var(--danger) !important;
    color: var(--danger-color) !important;
}

.label-warning, .nivel2 {
    border-radius: var(--radius-md) !important;
    background-color: var(--warning) !important;
    color: var(--warning-color) !important;
}

.label-info {
    border-radius: var(--radius-md) !important;
    background-color: var(--info) !important;
    color: var(--info-color) !important;
}

.label-primary {
    border-radius: var(--radius-md) !important;
    background-color: var(--primary) !important;
    color: var(--primary-contrast) !important;
}

.negativo {
    border-radius: var(--radius-md) !important;
    background-color: var(--negative) !important;
    color: var(--negative-color) !important;
}

.alert {
    border-radius: var(--radius-md) !important;
    margin-top: 5px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    width: auto !important;
    box-sizing: border-box !important;
}

.alert-danger {
    border-color: var(--error-color) !important;
    color: var(--error-color) !important;
    background-color: var(--error) !important;
    text-shadow: none;
    border-left: 4px solid var(--error-color) !important;
}

@font-face {
    font-family: 'Cera';
    src: url('../fonts/cera/Cera-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera';
    src: url('../fonts/cera/Cera-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera';
    src: url('../fonts/cera/Cera-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Cera', sans-serif !important;
    min-height: 100vh !important;
}

/* Login  */
.row:has(.col-xs-12.col-sm-12.col-md-4.col-lg-4:has(.well)) {
    width: 100vw !important;
    height: 100vh !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.col-xs-12.col-sm-12.col-md-5.col-lg-4:has(.well),
.col-xs-12.col-sm-12.col-md-4.col-lg-4:has(.well) {
    width: 100% !important;
    height: 80vh !important;
    padding: 36px !important;
    display: flex;
    gap: 8px;
    margin: 0px auto !important;
}

.well.no-padding {
    width: 100% !important;
    display: flex;
    flex-flow: row-reverse;
    border-radius: 36px !important;
    overflow: hidden !important;
    padding: 18px !important;
    border: none !important;
    box-shadow: 5px 10px 20px rgba(17, 27, 43, 0.09) !important;
    background-color: #fff !important;
}

    .well.no-padding > .smart-form.client-form {
        width: 30% !important;
        height: 100% !important;
        margin: auto auto !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border: none !important;
        outline: none !important;
        display: flex;
        flex-direction: column;
        gap: 8px;
        justify-content: center;
    }

        .well.no-padding > .smart-form.client-form header {
            background-color: transparent !important;
            border: none !important;
            border-bottom: var(--primary) 1px solid !important;
        }

        .well.no-padding > .smart-form.client-form footer {
            background-color: transparent !important;
            border: none !important;
        }

    .well.no-padding::before {
        content: "";
        display: inline-block;
        width: 50%;
        height: 100%;
        background-image: url("https://auth.qbem.net.br/static/media/login-banner.808143506c26ad52c8ca.png");
        background-size: cover;
        border-radius: 36px !important;
        box-shadow: 5px 10px 20px rgba(17, 27, 43, 0.09) !important;
    }

    .flex-end-footer{
        display: flex;
        justify-content: flex-end;
        gap: 8px;
    }
/* =========================================================
   QBEM — SmartAdmin 
   Menu horizontal + Submenu vertical abaixo do item + pull-right responsivo
   ========================================================= */

body.smart-style-2.menu-on-top {
    --qbem-accent: var(--primary);
    --qbem-muted: #94a3b8;
    --qbem-border: #e5e7eb;
}

    /* HEADER clean */
    body.smart-style-2.menu-on-top #header {
        background: #fff !important;
        border-bottom: 1px solid var(--qbem-border) !important;
    }

    /* usa o “espaço laranja” (logo não pode travar largura) */
    body.smart-style-2.menu-on-top #logo-group {
        width: auto !important;
        min-width: 0 !important;
    }

    /* MENU 1º nível (bonito) */
    body.smart-style-2.menu-on-top aside#left-panel {
        background: transparent !important;
    }

        body.smart-style-2.menu-on-top aside#left-panel nav > ul {
            display: flex !important;
            align-items: center !important;
            gap: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
        }

            body.smart-style-2.menu-on-top aside#left-panel nav > ul > li {
                float: none !important;
                /* position:relative !important;  */
                margin: 0 !important;
                border: 0 !important;
            }

                body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > a {
                    display: inline-flex !important;
                    align-items: center !important;
                    padding: 2px 0 !important;
                    font-family: Inter, system-ui, Segoe UI, Roboto, Arial, sans-serif !important;
                    font-weight: 600 !important;
                    font-size: 12px !important;
                    color: var(--qbem-muted) !important;
                    background: transparent !important;
                    border: 0 !important;
                    box-shadow: none !important;
                    text-shadow: none !important;
                    text-decoration: none !important;
                    height: 38px !important;
                }

                    body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > a > i {
                        display: none !important;
                    }

            body.smart-style-2.menu-on-top aside#left-panel nav > ul > li {
                margin-top: 6px !important;
                padding: 0px 2px !important;
            }

                body.smart-style-2.menu-on-top aside#left-panel nav > ul > li:hover {
                    /* background: #DEF7EC !important; */
                    /* background: #F3F4F6 !important; */
                    background: color-mix(in srgb, var(--primary) 20%, white) !important; 
                    border-radius: 4px !important;
                }

                    body.smart-style-2.menu-on-top aside#left-panel nav > ul > li:hover > a,
                    body.smart-style-2.menu-on-top aside#left-panel nav > ul > li.active > a {
                        color: #111928 !important;
                    }

.smart-style-2.menu-on-top aside#left-panel nav > ul > li:hover > a {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* caret no menu (simples: em todos) */
body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > a::after {
    content: "";
    display: inline-block;
    margin-left: 8px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    opacity: .9;
}

body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap > ul#menu-topo > li > a::after {
    content: none !important;
    display: none !important;
}

/* SUBMENU vertical (2º nível) — abaixo do item */
body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > ul {
    display: none !important;
    position: absolute !important;
    top: 100% !important; /* colado no menu */
    left: 0 !important;
    width: 260px !important;
    max-height: calc(100vh - 120px) !important;
    overflow: auto !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    list-style: none !important;
    background: #fff !important;
    border: 1px solid var(--qbem-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;
    z-index: 99999 !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fixed-header #header {
    box-shadow: 0px 3px 34px -16px rgba(0, 0, 0, .1) !important;
}

body.smart-style-2.menu-on-top aside#left-panel nav > ul > li:hover > ul,
body.smart-style-2.menu-on-top aside#left-panel nav > ul > li:focus-within > ul {
    display: block !important;
    padding: var(--space-3) !important;
    animation: fadeIn .2s ease-in-out;
    /* margin-top: 4px !important; */
    border-radius: var(--radius-lg) !important;
}

body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > ul > li {
    margin: 0 !important;
}

    body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > ul > li > a {
        display: flex !important;
        align-items: center !important;
        padding: 10px 16px !important;
        min-height: 40px !important;
        border-radius: var(--radius-lg);
        background: transparent !important;
        box-shadow: none !important;
        transition: all .2s ease-in-out !important;
    }

        body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > ul > li > a:hover {
            /* background: #DEF7EC !important; */
            /* background: #F3F4F6 !important;  */
            background: color-mix(in srgb, var(--primary) 20%, white) !important; 
            color: #111928 !important;
        }

    /* desliga 3º nível e setas antigas */
    body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > ul > li > ul {
        display: none !important;
    }

    body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > ul > li > a::after {
        content: none !important;
    }

/* 🔧 Fonte REAL do texto do menu (SmartAdmin) */
body.smart-style-2.menu-on-top
aside#left-panel nav > ul > li > a .menu-item-parent {
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
}

/* 1) Tira “largura fixa” do bloco do logo (causa comum do vão) */
body.smart-style-2.menu-on-top #logo-group {
    width: 150px !important;
    min-width: 0 !important;
}

/* PULL-RIGHT desce quando faltar espaço */
@media (max-width: 1700px) {
    body.smart-style-2.menu-on-top #header .pull-right {
        /* 
    float:none !important;
    clear:both !important;
    width:100% !important;
    */
        /* display:flex !important;
    justify-content:flex-end !important; */
        margin-top: 50px !important;
        /* border: 1px solid var(--qbem-border) !important; */
        border-radius: 8px;
    }
}

body.smart-style-2.menu-on-top #header .pull-right {
    width: max-content !important;
    padding-left: 10px;
    padding-right: 10px;
    background-color: white;
    float: right !important;
    position: relative;
    z-index: 10000;
}

#header {
    min-height: 50px !important;
}

#main {
    padding-top: 20px !important;
}
/* PULL-RIGHT desce quando faltar espaço */
@media (max-width: 1700px) {
    body.smart-style-2.menu-on-top #header .pull-right {
        float: none !important;
        width: 100% !important;
        /* display:flex !important;
    justify-content:flex-end !important; */
        margin-top: 6px !important;
    }
}

@media (max-width: 1700px) {
    nav > ul {
        align-items: flex-start !important;
        font-size: 11px !important;
        /* background-color: red !important; */
        gap: 0px;
    }

        nav > ul > li > a {
            font-size: 11px !important;
            background-color: red !important;
        }

        nav > ul > li > ul > li > a {
            font-size: 11px !important;
            background-color: red !important;
        }

    body.smart-style-2.menu-on-top aside#left-panel nav > ul > li, body.smart-style-2.menu-on-top aside#left-panel nav > ul > li:hover > a {
        padding: 0px 2px !important;
        font-size: 11px !important;
    }

    body.smart-style-2.menu-on-top aside#left-panel nav > ul {
        gap: 2px !important;
    }

        body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > a {
            font-size: 11px !important;
        }

            body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > a .menu-item-parent {
                font-size: calc(0.4vw + 5px) !important; /*calcula o tamanho da fonte conforme o tamanho da tela*/
                max-width: 60px !important;
                text-wrap: initial !important;
                line-height: 11px !important;
                /* text-overflow: ellipsis !important; */
                text-overflow: unset !important;
            }

    body.smart-style-2.menu-on-top #header .pull-right {
        /* sobreescreve o pull-right que decia e cobria o botões de ação */
        float: right !important;
        width: initial !important;
        margin-top: 0px !important;
    }
}

a[style="display:none;"] {
    display: none !important;
    opacity: 0;
    visibility: hidden;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

/* 1) Garante fechado por padrão */
body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > ul {
    display: none !important;
}

/* 2) NUNCA abrir por hover (mesmo que SmartAdmin tente por CSS) */
body.smart-style-2.menu-on-top aside#left-panel nav > ul > li:hover > ul {
    display: none !important;
}

/* 3) Abrir SOMENTE quando estiver focado (clique dá foco) */
body.smart-style-2.menu-on-top aside#left-panel nav > ul > li:focus-within > ul {
    display: block !important;
}

/* 4) Pra o clique “pegar foco” no <a> e manter o submenu aberto */
body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > a {
    outline: none !important;
}

/* 5) Opcional: evita que o hover mude cor de forma “enganosa” */
body.smart-style-2.menu-on-top aside#left-panel nav > ul > li:hover > a {
    color: var(--qbem-muted) !important;
}

body.smart-style-2.menu-on-top aside#left-panel nav > ul > li:focus-within > a {
    color: var(--qbem-accent) !important;
}

/* 1) garante que o header/containers não “prendam” o submenu */
body.smart-style-2.menu-on-top #header,
body.smart-style-2.menu-on-top #header .pull-left,
body.smart-style-2.menu-on-top #header .pull-right,
body.smart-style-2.menu-on-top #logo-group,
body.smart-style-2.menu-on-top aside#left-panel,
body.smart-style-2.menu-on-top aside#left-panel nav {
    overflow: visible !important;
    transform: none !important;
    filter: none !important;
}

    /* 2) cria um stacking context previsível no menu */
    body.smart-style-2.menu-on-top aside#left-panel nav > ul > li {
        z-index: 100000 !important; /* pai acima */
    }

        /* 3) submenu acima de tudo */
        body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > ul {
            z-index: 100000 !important; /* “máximo” prático */
        }

    /* 4) (opcional) se o pull-right estiver sobrepondo, baixa ele */
    body.smart-style-2.menu-on-top #header .pull-right {
        z-index: 10 !important;
    }

.modal-footer {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-end !important;
}

.modal-content {
    padding: 24px !important;
}

.modal-title {
    margin-bottom: 8px !important;
}


.table > tbody > tr > td, .table > tbody > tr > th {
    vertical-align: middle !important;
}

/* Reduz espaçamento entre ações empilhadas */
.smart-style-2 .jarviswidget-color-blueDark table tr td:has(a.btn) .btn + .btn,
td:has(a.btn) .btn + .btn,
table tr td button.btn + button.btn {
    margin-top: 2px !important;
}

/* Força todas as colunas a se ajustarem ao conteúdo */
.table {
    table-layout: auto !important;
    min-width: 100% !important;
}

.table th,
.table td {
    width: auto !important;
    max-width: none !important;
}


/* ✅ escopo SOMENTE dentro da tabela resumo-mensalidade*/
#table-resumo-mensalidade .btn {
    padding: 0 !important;
    line-height: normal !important;
    height: auto !important;
    min-height: 0 !important;
}

#table-resumo-mensalidade .wrap-btn-resumo-mensalidade {
    /* Retirado o display flex porque estava quebrando o layout */
    /* display: flex; */
    justify-content: center;
    align-content: center;
    align-items: center;
    width: inherit;
    flex-direction: column;
}

#table-resumo-mensalidade .hidden-mobile {
    padding: 0px !important;
}

/* Botões verdes delicados */
#table-resumo-mensalidade .btn-success {
    background-color: #8fbe4d !important;
    border-color: #8fbe4d !important;
    color: #ffffff !important;
    font-size: 10.5px !important;
    font-weight: 500;
    padding: 3px 8px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    /* Hover suave */
    #table-resumo-mensalidade .btn-success:hover,
    #table-resumo-mensalidade .btn-success:focus {
        background-color: #7aa83f !important;
        border-color: #7aa83f !important;
    }

    /* Ícone */
    #table-resumo-mensalidade .btn-success i {
        font-size: 10px;
        margin-right: 4px;
    }

/* Espaço entre botões */
#table-resumo-mensalidade .btn + .btn {
    margin-left: 4px;
}

#table-resumo-mensalidade .btn-success,
#table-resumo-mensalidade .btn-success span,
#table-resumo-mensalidade .btn-success .hidden-mobile {
    color: #ffffff !important;
}

    #table-resumo-mensalidade .btn-success + .btn-success {
        margin-top: 5px !important;
    }

#table-resumo-mensalidade td.actions,
#table-resumo-mensalidade th.actions {
    border-left: 0 !important;
}

#menu-topo .menu-item-parent {
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

/*novo estilo dos itens do menu. novo design no figma*/
#menu-wrap #menu-topo > li > a,
#menu-wrap #menu-topo > li > a .menu-item-parent {
    color: var(--gray-900, #111928) !important;
    font-family: Arial !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    margin-right: 0 !important;
}

/* estilos para as setas de toggle do menu */
#menu-wrap > #menu-topo > li.menu-item-has-children > a .menu-toggle-indicator {
    display: inline-block;
    margin-left: 10px !important;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-right: 1.7px solid #6A7282;
    border-bottom: 1.7px solid #6A7282;
    position: relative;
    top: -1.9px;
    transform: rotate(45deg);
}

#menu-wrap > #menu-topo > li.menu-item-has-children > a .menu-toggle-indicator:before {
    content: "";
}

#menu-wrap > #menu-topo > li.menu-item-has-children.open > a .menu-toggle-indicator:before,
#menu-wrap > #menu-topo > li.menu-item-has-children:focus-within > a .menu-toggle-indicator:before {
    content: "";
}

#menu-wrap > #menu-topo > li.menu-item-has-children.open > a .menu-toggle-indicator,
#menu-wrap > #menu-topo > li.menu-item-has-children:focus-within > a .menu-toggle-indicator {
    transform: rotate(-135deg);
    top: 0;
}

.atrasado {
    background-color: red;
    color: white;
    padding: 5px;
    white-space: nowrap;
    border-radius: 5px;
}

.poratrasar {
    background-color: yellow;
    color: black;
    padding: 5px;
    white-space: nowrap;
    border-radius: 5px;
}

.noprazo {
    background-color: var(--success-noprazo);
    padding: 5px;
    white-space: nowrap;
    border-radius: 5px;
    color: var(--success-color);
}

.row-direction {
    display: flex;
    flex-direction: row;
}

.btn-small-action {
    margin-top: 0px !important;
    padding: 3px !important;
    height: 25px !important;
    margin-left: 5px !important;
}

/* Elementos com style inline precisam ser respeitados */

*[style*="display: none"] { display: none !important; opacity: 0; visibility: hidden; }
*.hidden{ display: none !important; }


/* estilos para os controles do carrossel do menu */

body.smart-style-2.menu-on-top #header {
    display: flex !important;
    align-items: center !important;
}

body.smart-style-2.menu-on-top #header > #logo-group {
    flex: 0 0 auto !important;
}

body.smart-style-2.menu-on-top #header > .pull-left {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    float: none !important;
}

body.smart-style-2.menu-on-top #header > .pull-left > aside#left-panel {
    position: static !important;
}



body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap.menu-carousel {
    position: relative !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
}

body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap.menu-carousel.has-overflow {
    padding-left: 56px !important;
    padding-right: 56px !important;
}

body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap.menu-carousel > ul#menu-topo {
    width: max-content !important;
    min-width: max-content !important;
    position: relative !important;
    left: 0;
    transition: left .22s ease !important;
}

body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap.menu-carousel > ul#menu-topo > li > ul {
    position: fixed !important;
}
body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap.menu-carousel .menu-carousel__control {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #9ca3af !important;
    box-shadow: 0 8px 20px rgba(17, 27, 43, 0.12) !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    z-index: 100001 !important;
}

body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap.menu-carousel.has-overflow .menu-carousel__control {
    display: inline-flex !important;
}

body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap.menu-carousel .menu-carousel__control--prev {
    left: 0 !important;
}

body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap.menu-carousel .menu-carousel__control--next {
    right: 0 !important;
}

body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap.menu-carousel.is-at-start .menu-carousel__control--prev,
body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap.menu-carousel.is-at-end .menu-carousel__control--next {
    opacity: .45 !important;
    pointer-events: none !important;
}

@media (max-width: 1700px) {
    body.smart-style-2.menu-on-top #header > .pull-right {
        float: none !important;
        width: auto !important;
        margin-top: 0 !important;
    }

    body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap.menu-carousel.has-overflow {
        padding-left: 44px !important;
        padding-right: 44px !important;
    }

    body.smart-style-2.menu-on-top aside#left-panel nav#menu-wrap.menu-carousel .menu-carousel__control {
        width: 36px !important;
        height: 36px !important;
    }
}


/* =========================================================
   INÍCIO OVERRIDE: Anula o comportamento legado do SmartAdmin que
   esconde o menu horizontal e mostra hamburger em <= 979px.
   Agora usamos o carrossel, então o menu deve ficar sempre visível.
   ========================================================= */
@media (max-width: 979px) {

    /* 1) Mantém o #left-panel visível (SmartAdmin faz display:none) */
    .menu-on-top #left-panel,
    body.smart-style-2.menu-on-top #left-panel,
    body.smart-style-2.menu-on-top aside#left-panel {
        display: block !important;
        left: 0 !important;
        right: auto !important;
        position: static !important;
        width: 100% !important;  /* manter 100% para o nav ficar restrito ao espaço do pai */
        min-width: 0 !important; /* permite encolher como flex-item */
    }

    /* Mantém .pull-left em flex para o carrossel funcionar */
    body.smart-style-2.menu-on-top #header > .pull-left {
        display: flex !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        float: none !important;
    }

    /* 2) Esconde o botão hamburger legado (#hide-menu) */
    .menu-on-top #hide-menu,
    body.smart-style-2.menu-on-top #hide-menu {
        display: none !important;
    }

    /* 3) Mantém nav horizontal (SmartAdmin força height:300px + scroll vertical) */
    .menu-on-top aside#left-panel nav,
    body.smart-style-2.menu-on-top aside#left-panel nav {
        height: auto !important;
        overflow: visible !important;
        overflow-x: clip !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: auto !important;
    }

    /* 4) Menu items permanecem em flex horizontal (SmartAdmin força width:100% + vertical) */
    .menu-on-top aside#left-panel nav > ul > li,
    body.smart-style-2.menu-on-top aside#left-panel nav > ul > li {
        width: auto !important;
    }

    .menu-on-top aside#left-panel nav > ul > li > a,
    body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > a {
        height: 40px !important;
        display: inline-flex !important;
        padding: 4px 0 !important;
        border-bottom: none !important;
    }

    /* 5) Mantém ícones escondidos (SmartAdmin força display:inline) */
    .menu-on-top aside#left-panel nav > ul > li > a > i,
    body.smart-style-2.menu-on-top aside#left-panel nav > ul > li > a > i {
        display: none !important;
    }

    /* 6) Restaura estilo do .menu-item-parent (SmartAdmin muda pra vertical) */
    .menu-on-top .menu-item-parent,
    body.smart-style-2.menu-on-top .menu-item-parent {
        white-space: nowrap !important;
        text-align: center !important;
        min-width: max-content !important;
        max-width: none !important;
        padding-left: 0 !important;
    }

    /* 7) Submenus não devem virar relative (SmartAdmin força position:relative) */
    .menu-on-top aside#left-panel nav > ul li ul,
    body.smart-style-2.menu-on-top aside#left-panel nav > ul li ul {
        position: fixed !important;
        width: 260px !important;
        top: auto !important;
        left: auto !important;
    }

    /* 8) Impede que .hidden-menu force #main para a direita */
    .menu-on-top.hidden-menu #main,
    body.smart-style-2.menu-on-top.hidden-menu #main {
        left: 0 !important;
        position: static !important;
    }

    /* 9) Mantém o #main sem margin-top legado */
    .menu-on-top #main,
    body.smart-style-2.menu-on-top #main {
        margin-top: 0 !important;
    }

    /* 10) Header continua em flex */
    body.smart-style-2.menu-on-top #header {
        display: flex !important;
        align-items: center !important;
    }
}

/* Também anula o breakpoint 768-979px do SmartAdmin que move #left-panel para left:-220px */
@media (min-width: 768px) and (max-width: 979px) {

    #left-panel,
    .menu-on-top #left-panel,
    body.smart-style-2.menu-on-top #left-panel,
    body.smart-style-2.menu-on-top aside#left-panel {
        left: 0 !important;
        display: block !important;
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body.smart-style-2.menu-on-top #header > .pull-left {
        display: flex !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        float: none !important;
    }

    #hide-menu,
    .menu-on-top #hide-menu,
    body.smart-style-2.menu-on-top #hide-menu {
        display: none !important;
    }

    #main,
    .menu-on-top #main {
        margin-left: 0 !important;
        left: 0 !important;
    }

    .hidden-menu #left-panel {
        left: 0 !important;
    }

    .hidden-menu #main {
        left: 0 !important;
        position: static !important;
    }
}
/* =========================================================
   FINAL OVERRIDE: Anula o comportamento legado do SmartAdmin que
   esconde o menu horizontal e mostra hamburger em <= 979px.
   Agora usamos o carrossel, então o menu deve ficar sempre visível.
   ========================================================= */