:root {
    --ct-border-color: var(--gray-2);
    --ct-color-heading: var(--gray-12);
    --ct-color-letter: #bccee4;
    --ct-bg-light: #FFFFFF;
    --ct-bg-topbar: var(--primary-color-1);
    --ct-bg-content-page: var(--gray-2);
    --ct-bg-topbar-search: #FCFCFC;
    --ct-bg-leftbar: linear-gradient(180deg, var(--primary-color-1) 65.2%, var(--primary-color-3) 145%);
    --ct-bg-warning: var(--warning-color-1)!important;
    --ct-bg-success: var(--success-color-1);
    --ct-bg-error: var(--error-color-2);
    --ct-bg-info: var(--info-color-1);
    --ct-bg-primary: var(--primary-color-1);
    --ct-bg-primary-2: var(--primary-color-2);
    --ct-bg-secondary: var(--secondary-color-1);
    --ct-bg-dark: var(--secondary-color-1);
    --ct-bg-card: var(--primary-color-1);
    --ct-text-dark: var(--gray-12);
    --ct-text-light: var(--gray-1);
    --ct-table-accent-bg: var(--primary-color-2);
    --ct-bg-contrast: var(--gray-12);
    --ct-menu-item: var(--primary-color-10);
    --rounded-image-color: var(--gray-1);
    --ct-popover-arrow-outer-color: #d3d3d3;
    --ct-text-primary: var(--primary-color-6);
}

.btn-group>.btn-check:checked+.btn {
    color: #FFFFFF !important;
    background-color: var(--primary-color-6) !important;
}

input:-internal-autofill-selected {
    -webkit-text-fill-color: #000000 !important;
    background-color: var(--gray-2) !important;
}

input:-internal-autofill-selected:focus {
    -webkit-text-fill-color: #000000 !important;
    background-color: var(--gray-4) !important;
}

.esteiraFilter .border-danger {
    border-color: var(--ct-error) !important;
}

#nova-proposta-modal .nav-justified .nav-item .nav-link {
    background-color: var(--gray-1);
}

td span a {
    color: var(--primary-color-6) !important;
}

div div .border-white {
    border-color: #FFFFFF !important;
}

.leftside-menu {
    background: var(--ct-bg-leftbar) !important;
}

.side-nav-link {
    color: var(--ct-color-heading) !important;
}

.navbar-custom {
    background-color: var(--gray-1) !important;
    box-shadow: 15px 0px 300px rgba(0, 0, 0, 0.3);
}

.content-page {
    background: #FDFDFD !important;
}

.side-nav-item span .badge {
    color: #FFFFFF !important;
}

.leftside-menu .logo,
.dropdown-menu,
.end-bar,
.progress,
.auth-fluid-form-box {
    background-color: var(--primary-color-1) !important;
}

/* ── Preloader ─────────────────────────────────────────── */
#preloader {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff !important;
    transition: opacity 0.4s ease;
}

#status {
    display: flex;
    align-items: center;
    justify-content: center;
}

.nc-preloader {
    position: relative;
    width: 56px;
    height: 56px;
}

.nc-preloader__ring {
    width: 56px;
    height: 56px;
    animation: nc-preloader-rotate 1.6s linear infinite;
    transform-origin: center;
}

.nc-preloader__track {
    fill: none;
    stroke: var(--primary-color-2);
    stroke-width: 2;
}

.nc-preloader__arc {
    fill: none;
    stroke: var(--primary-color-6);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 1, 138;
    stroke-dashoffset: 0;
    animation: nc-preloader-dash 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.nc-preloader__dot {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--primary-color-5);
    animation: nc-preloader-pulse 1.6s ease-in-out infinite;
}

@keyframes nc-preloader-rotate {
    100% { transform: rotate(360deg); }
}

@keyframes nc-preloader-dash {
    0%   { stroke-dasharray: 1, 138; stroke-dashoffset: 0; }
    50%  { stroke-dasharray: 104, 34; stroke-dashoffset: -42; }
    100% { stroke-dasharray: 104, 34; stroke-dashoffset: -138; }
}

@keyframes nc-preloader-pulse {
    0%, 100% { opacity: 0.35; transform: scale(0.75); }
    50%       { opacity: 1;    transform: scale(1); }
}

/* ── Preloader Opção B — Sonar ─────────────────────────── */
.nc-preloader-b {
    position: relative;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nc-preloader-b__dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--primary-color-6);
    position: relative;
    z-index: 1;
    box-shadow: 0 0 0 0 var(--primary-color-4);
    animation: nc-sonar-dot 2.4s ease-out infinite;
}

.nc-preloader-b__wave {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1.5px solid var(--primary-color-5);
    opacity: 0;
    animation: nc-sonar-wave 2.4s ease-out infinite;
}

.nc-preloader-b__wave--2 {
    animation-delay: 0.9s;
}

.nc-preloader-b__wave--3 {
    animation-delay: 1.8s;
}

@keyframes nc-sonar-wave {
    0%   { transform: scale(1);    opacity: 0.7; }
    100% { transform: scale(5.8);  opacity: 0; }
}

@keyframes nc-sonar-dot {
    0%, 100% { box-shadow: 0 0 0 0   var(--primary-color-3); }
    50%       { box-shadow: 0 0 0 5px transparent; }
}

body[data-layout-color=dark] .nc-preloader-b__dot {
    background: var(--primary-color-5);
}

body[data-layout-color=dark] .nc-preloader-b__wave {
    border-color: var(--primary-color-7);
}

.side-nav .side-nav-item:hover .side-nav-link, .side-nav-second-level li:hover {
    background-color: var(--primary-color-2) !important;
}

.btn-light,
input[data-switch]+label:after,
.modal-content,
.form-control:active,
.dropdown-menu,
#last-activity-range,
#data-entrada-range {
    background-color: #FFFFFF !important;
}

.bg-light,
.offcanvas {
    background-color: var(--gray-2) !important;
}

.popover {
    background-color: #FFFFFF !important;
}

.offcanvas-body {
    background-color: #FFFFFF !important;
}

.btn-soft-light {
    background-color: transparent !important;
    border-color: var(--ct-color-heading);
    color: var(--ct-color-heading);
}

.btn-soft-light:hover,
input[data-switch=primary]:checked+label, .offcanvas-header {
    background-color: var(--primary-color-6) !important;
}

input[data-switch=secondary]:checked+label {
    background-color: var(--secondary-color-6) !important;
}

.top-news-card {
    border-radius: 10px;
    margin-bottom: 3rem;
    color: #FFFFFF !important;
    background-color: var(--primary-color-11) !important;
}

.popover .popover-header {
    background-color: var(--gray-1) !important;
}

.esteira-rounded-image {
    box-shadow: var(--ct-bg-content-page) !important;
    background-color: var(--rounded-image-color);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, a, label, .filter-option-inner-inner,
.side-nav .side-nav-title {
    color: var(--ct-color-heading);
}

.side-nav-link i {
    color: var(--primary-color-11);
}

.border,
.form-control,
.form-select,
.input-group-text {
    border-style: solid!important;
    border-width: 1px!important;
}

.border,
.form-control,
.form-select,
.input-group-text {
    border-color: var(--ct-border-color);
}

.menuitem-active,
.news-filter-group .btn,
.page-item a {
    color: var(--gray-12) !important;
    background-color: transparent !important;
}

.next .page-link,
.previous .page-link {
    color: #FFFFFF !important;
    background-color: var(--primary-color-6) !important;
}

.card-body .row .btn-primary i {
    color: #FFFFFF !important;
}

.side-nav-item .menuitem-active .active i,
.side-nav-item .menuitem-active .active {
    color: var(--primary-color-6) !important;
}

.side-nav .menuitem-active .active i,
.side-nav .menuitem-active .active span{
    color: var(--primary-color-6) !important;
}

.news-filter-group .btn.active {
    color: var(--primary-color-6) !important;
    background-color: #FAFAFA !important;
    border: none;
}

.page-item.active .page-link {
    color: var(--primary-color-6) !important;
    background-color: var(--primary-color-1) !important;
}

.table-striped.dataTable tbody tr.even td {
    border-bottom: none!important;
}
.table-striped.dataTable tbody tr.odd td {
    border-bottom: none!important;
    -webkit-box-shadow: inset 0 0 0 9999px #F1F1F1;
    box-shadow: inset 0 0 0 9999px #F1F1F1;
}

.table thead {
    background-color: var(--ct-bg-light) !important;
}

.rightbar-title h5 {
    color: #FFFFFF;
}

.badge-danger-lighten {
    color: var(--ct-error)!important;
    background-color: var(--ct-bg-error)!important;
}
.badge-success-lighten {
    color: var(--ct-success)!important;
    background-color: var(--ct-bg-success)!important;
}
.badge-warning-lighten {
    color: var(--ct-warning)!important;
    background-color: var(--ct-bg-warning)!important;
}
.btn-soft-white {
    background-color: var(--ct-white);
    opacity: 0.7;
}

.btn-soft-white:hover {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.card-header.bg-primary {
    --ct-bg-opacity: 1;
    color: #FFFFFF !important;
    background-color: var(--primary-color-8) !important;
}

input[data-switch]+label:before {
    color: #FFFFFF;
}

.ranges .active,
.custom-daterangepicker.daterangepicker td.active.start-date {
    background-color: var(--primary-color-6) !important;
    color: #FFFFFF;
}

th, tr, td {
    border-style: none !important;
}

.side-nav-item span {
    color: var(--primary-color-12) !important;
}

.side-nav-item a:hover {
    opacity: 1;
}

.news-filter-group .btn-light, .input-group .input-group-text {
    color: var(--gray-12) !important;
    background-color: var(--gray-1) !important;
    /* border: none; */
}
.auth-user-testimonial h2, .auth-user-testimonial p, .side-nav-second-level span {
    color: #FFFFFF !important;
}
.table-hover>tbody>tr:hover>*, .table .table-light {
    background-color: var(--gray-1)!important;
    /* border-color: var(--gray-1)!important; */
    color: #000000 !important;
}
.table tr td {
    border-bottom: 1px solid var(--gray-1)!important;
}
td .card label, input[data-switch]+label {
    background-color: var(--gray-4);
}
.modal-content .modal-header h4 {
    color: #FFFFFF !important;
}

.bg-custom-circle {
    background-color: var(--primary-color-1)
}

table thead, table thead tr  {
    border-top: 1px solid var(--gray-2)!important;
    border-bottom: 1px solid var(--gray-2)!important;
    border-style: solid!important;
}

body[data-layout-color=dark] {
    --ct-border-color: var(--gray-9);
    --ct-color-heading: var(--gray-1);
    --ct-bg-dark: #16202F;
    --ct-bg-topbar: var(--primary-color-11);
    --ct-bg-content-page: var(--gray-11);
    --ct-bg-topbar-search: #1D2426;
    --ct-bg-leftbar: linear-gradient(180deg, var(--primary-color-12) 25%, var(--primary-color-9) 80%), var(--primary-color-11);
    --ct-bg-warning: var(--warning-color-12)!important;
    --ct-bg-success: var(--success-color-12);
    --ct-bg-error: var(--error-color-12);
    --ct-bg-info: var(--info-color-12);
    --ct-bg-primary: var(--primary-color-12);
    --ct-bg-primary-2: var(--primary-color-10);
    --ct-bg-secondary: var(--secondary-color-12);
    --ct-bg-card: var(--primary-color-12);
    --ct-dropdown-link-active-bg: var(--gray-9);
    --rounded-image-color: var(--gray-8);
    --ct-popover-arrow-outer-color: var(--gray-8);
    --ct-text-dark: var(--gray-1);
    --ct-text-light: var(--gray-1);
    --ct-text-primary: var(--primary-color-4);
    --ct-table-accent-bg: var(--primary-color-11);
    --ct-bg-contrast: var(--gray-1);
}

body[data-layout-color=dark] .rank-item {
    background-color: var(--gray-9) !important;
}

body[data-layout-color=dark] .content-page,
body[data-layout-color=dark] .modal-body,
body[data-layout-color=dark] .modal-content {
    background: var(--gray-12) !important;
}

body[data-layout-color=dark] input:-internal-autofill-selected {
    -webkit-text-fill-color: #686868 !important;
    background-color: var(--gray-2) !important;
}

body[data-layout-color=dark] input:-internal-autofill-selected:focus {
    -webkit-text-fill-color: #686868 !important;
    background-color: var(--gray-4) !important;
}

body[data-layout-color=dark] .right-panel,
body[data-layout-color=dark] .left-panel,
body[data-layout-color=dark] .card-body,
body[data-layout-color=dark] .card,
body[data-layout-color=dark] .modal-footer,
body[data-layout-color=dark] .offcanvas-body,
body[data-layout-color=dark] .form-select,
body[data-layout-color=dark] .offcanvas,
body[data-layout-color=dark] .tab-pane .row .col-12 .card,
body[data-layout-color=dark] .dropdown-menu,
body[data-layout-color=dark] .daterangepicker, 
body[data-layout-color=dark] .table thead {
    background-color: var(--gray-10) !important;
}

body[data-layout-color=dark] .form-control:focus {
    background-color: var(--gray-8) !important;
}

body[data-layout-color=dark] .table .table-light {
    color: #FFFFFF!important;
    /* border-color: var(--gray-9) !important; */
}

body[data-layout-color=dark] .calendar-table,
body[data-layout-color=dark] .table .table-light,
body[data-layout-color=dark] .news-filter-group .btn-light, 
body[data-layout-color=dark] .input-group .input-group-text {
    background-color: var(--gray-11) !important;
}

body[data-layout-color=dark] .popover {
    background-color: var(--gray-8) !important;
}

body[data-layout-color=dark] .leftside-menu {
    background: var(--ct-bg-leftbar) !important;
}

body[data-layout-color=dark] .navbar-custom, 
body[data-layout-color=dark] .card-header,
body[data-layout-color=dark] .end-bar, 
body[data-layout-color=dark] .popover .popover-header {
    background-color: var(--gray-10) !important;
}

body[data-layout-color=dark] .leftside-menu .logo,
body[data-layout-color=dark] .top-news-card,
body[data-layout-color=dark] .progress,
body[data-layout-color=dark] .side-nav .side-nav-item:hover .side-nav-link,
body[data-layout-color=dark] .side-nav-second-level li:hover {
    background-color: var(--primary-color-12) !important;
}

body[data-layout-color=dark] .side-nav .side-nav-item:hover .side-nav-link {
    background-color: var(--primary-color-10) !important;
}

body[data-layout-color=dark] .bg-light,
body[data-layout-color=dark] .offcanvas-header,
body[data-layout-color=dark] .auth-fluid-form-box {
    background-color: var(--gray-11) !important;
}

body[data-layout-color=dark] #preloader {
    background-color: var(--gray-12) !important;
}

body[data-layout-color=dark] .nc-preloader__track {
    stroke: var(--primary-color-10);
}

body[data-layout-color=dark] .nc-preloader__arc {
    stroke: var(--primary-color-5);
}

body[data-layout-color=dark] .nc-preloader__dot {
    background-color: var(--primary-color-4);
}

body[data-layout-color=dark] .esteira-rounded-image {
    box-shadow: var(--ct-bg-content-page) !important;
}

body[data-layout-color=dark] h1, 
body[data-layout-color=dark] h2, 
body[data-layout-color=dark] h3, 
body[data-layout-color=dark] h4, 
body[data-layout-color=dark] h5, 
body[data-layout-color=dark] h6,
body[data-layout-color=dark] .h1, 
body[data-layout-color=dark] .h2, 
body[data-layout-color=dark] .h3, 
body[data-layout-color=dark] .h4, 
body[data-layout-color=dark] .h5, 
body[data-layout-color=dark] .h6,
body[data-layout-color=dark] p, 
body[data-layout-color=dark] a, 
body[data-layout-color=dark] label, 
body[data-layout-color=dark] .filter-option-inner-inner,
body[data-layout-color=dark] .side-nav-link i, 
body[data-layout-color=dark] .side-nav .side-nav-title {
    color: var(--ct-color-heading);
}

body[data-layout-color=dark] .border,
body[data-layout-color=dark] .form-control,
body[data-layout-color=dark] .form-select,
body[data-layout-color=dark] .input-group-text {
    border: 1px solid var(--ct-border-color) !important;
}

body[data-layout-color=dark] .news-filter-group .btn {
    color: var(--primary-color-2) !important;
    background-color: var(--primary-color-10) !important;
}

body[data-layout-color=dark] .menuitem-active .active {
    color: var(--primary-color-6) !important;
}

body[data-layout-color=dark] .page-item.active .page-link {
    color: var(--primary-color-6) !important;
    background-color: var(--primary-color-12) !important;
}

body[data-layout-color=dark] .news-filter-group .btn.active {
    color: var(--primary-color-7) !important;
    background-color: var(--gray-10) !important;
    border: none;
}

body[data-layout-color=dark] .table-striped.dataTable tbody tr.even td,
body[data-layout-color=dark] .table-striped.dataTable thead tr th {
    -webkit-box-shadow: inset 0 0 0 9999px transparent;
    box-shadow: inset 0 0 0 9999px transparent;
}

body[data-layout-color=dark] .table-striped.dataTable tbody tr.odd td,
body[data-layout-color=dark] .app-search .form-control,
body[data-layout-color=dark] .form-control,
body[data-layout-color=dark] .form-select,
body[data-layout-color=dark] .btn-light {
    background-color: var(--gray-9);
    -webkit-box-shadow: inset 0 0 0 9999px var(--gray-9) !important;
    box-shadow: inset 0 0 0 9999px var(--gray-9) !important;
}

body[data-layout-color=dark] .menuitem-active,
body[data-layout-color=dark] .news-filter-group .btn,
body[data-layout-color=dark] .page-item a {
    color: var(--gray-1) !important;
}

body[data-layout-color=dark] .badge-danger-lighten {
    color: var(--ct-error);
    background-color: var(--ct-bg-error);
}
body[data-layout-color=dark] .badge-success-lighten {
    color: var(--ct-success);
    background-color: var(--ct-bg-primary);
}
body[data-layout-color=dark] .badge-warning-lighten {
    color: var(--ct-warning);
    background-color: var(--ct-bg-warning);
}
body[data-layout-color=dark] .badge-info-lighten {
    color: var(--ct-info);
    background-color: var(--ct-bg-info);
}
body[data-layout-color=dark] .card-header.bg-primary {
    background-color: var(--gray-8) !important;
}
body[data-layout-color=dark] .form-control:active {
    background-color: #000000;
}
body[data-layout-color=dark] #data-entrada-range,
body[data-layout-color=dark] #last-activity-range {
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
}
body[data-layout-color=dark] .side-nav-item span, 
body[data-layout-color=dark] div.dataTables_wrapper div.dataTables_info,
body[data-layout-color=dark] .legend-text, 
body[data-layout-color=dark] .my-auto, 
body[data-layout-color=dark] strong, 
body[data-layout-color=dark] .app-search span.search-icon, 
body[data-layout-color=dark] .origin-point,
body[data-layout-color=dark] #endereco-selecionado, 
body[data-layout-color=dark] #copiarEndereco, 
body[data-layout-color=dark] .d-md-inline, 
body[data-layout-color=dark] #numero-selecionado,
body[data-layout-color=dark] #informacoes_cliente_simulador i, 
body[data-layout-color=dark] #informacoes_cliente_simulador span, 
body[data-layout-color=dark] .modal-body, 
body[data-layout-color=dark] .spinner-border, 
body[data-layout-color=dark] .spin-text {
    color: #FFFFFF !important;
}
body[data-layout-color=dark] .news-filter-group .btn-light, 
body[data-layout-color=dark] .input-group .input-group-text {
    color: var(--gray-1) !important;
    border: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
body[data-layout-color=dark] #nova-proposta-modal .nav-justified .nav-item .nav-link {
    background-color: var(--gray-9);
}
body[data-layout-color=dark] .form-check-input {
    background-color: var(--gray-9);
}
body[data-layout-color=dark] .form-check-input:checked {
    background-color: var(--primary-color-6);
}
/* body[data-layout-color=dark] .form-check label {
    background-color: var(--gray-9);
} */
body[data-layout-color=dark] .table-hover>tbody>tr:hover>* {
    background-color: var(--gray-11)!important;
    color: #FFFFFF !important;
}
body[data-layout-color=dark] .table tr td {
    border-bottom: 1px solid var(--gray-9)!important;
}
body[data-layout-color=dark] td label {
    color: #FFFFFF!important;
    background-color: var(--gray-9) !important;
}

body[data-layout-color=dark] .bg-custom-circle {
    background-color: var(--primary-color-6)
}

body[data-layout-color=dark] table thead, 
body[data-layout-color=dark] table thead tr {
    border-top: 1px solid var(--gray-6)!important;
    border-bottom: 1px solid var(--gray-6)!important;
    border-style: solid!important;
}

body[data-layout-color=dark] .avatar-title-esteira {
    background: linear-gradient(137deg, var(--primary-color-10) 65.2%, var(--primary-color-3) 171%);
    color: var(--gray-2);
    font-size: small;
    box-shadow: 0px 2px 1px 0 rgb(255 255 255 / 15%);
}

/* -------------------------------------------------------------------- */

/* MODAL START */
.modal-primary {
    --ct-modal-bg: var(--ct-primary);
    --ct-modal-border-color: var(--ct-primary);
    --ct-modal-header-bg: var(--ct-primary);
    --ct-modal-header-border-color: var(--ct-primary);
    --ct-modal-footer-bg: var(--ct-primary);
    --ct-modal-footer-border-color: var(--ct-primary);
}
/* MODAL END */

/* -------------------------------------------------------------------- */

/* CARD START */
.card-primary {
    --ct-card-bg: var(--ct-primary);
    --ct-card-border-color: var(--ct-primary);
    --ct-card-header-bg: var(--ct-primary);
    --ct-card-header-border-color: var(--ct-primary);
    --ct-card-footer-bg: var(--ct-primary);
    --ct-card-footer-border-color: var(--ct-primary);
}
/* CARD END */

/* -------------------------------------------------------------------- */

/* BG-COLOR START */
.bg-primary {
    background-color: var(--ct-primary) !important;
}

.bg-secondary {
    background-color: var(--ct-secondary) !important;
}

.bg-info {
    background-color: var(--ct-info) !important;
}

.bg-success {
    background-color: var(--ct-success) !important;
}

.bg-warning {
    background-color: var(--ct-warning) !important;
}

.bg-error {
    background-color: var(--ct-error) !important;
}
/* BG-COLOR END */

/* -------------------------------------------------------------------- */

/* BUTTONS START */
.btn-primary {
    background-color: var(--ct-primary);
    border-color: var(--ct-primary);
}
.btn-primary:hover, .btn-primary:active {
    background-color: var(--ct-primary);
    border-color: var(--ct-primary);
}
.btn-outline-primary {
    color: var(--ct-text-primary)!important;
    background-color: transparent!important;
    border-color: var(--ct-primary);
}
.btn-outline-primary:hover, .btn-outline-primary:active {
    color: #FFFFFF!important;
    border-color: var(--ct-primary)!important;
    background-color: var(--ct-primary)!important;
    opacity: 1!important;
}

.btn-secondary {
    background-color: var(--ct-secondary);
    border-color: var(--ct-secondary);
}
.btn-secondary:hover, .btn-secondary:active {
    background-color: var(--ct-secondary);
    border-color: var(--ct-secondary);
}
.btn-outline-secondary {
    color: var(--ct-secondary)!important;
    background-color: transparent;
    border-color: var(--ct-secondary);
}
.btn-outline-secondary:hover, .btn-outline-secondary:active {
    color: #FFFFFF!important;
    border-color: var(--ct-secondary);
    background-color: var(--ct-secondary);
    opacity: 1!important;
}

.btn-info {
    background-color: var(--ct-info);
    border-color: var(--ct-info);
}
.btn-info:hover, .btn-soft-info:hover, .btn-info:active, .btn-soft-info:active {
    background-color: var(--ct-info);
    border-color: var(--ct-info);
}
.btn-outline-info {
    color: var(--ct-info)!important;
    background-color: transparent;
    border-color: var(--ct-info);
}
.btn-outline-info:hover, .btn-outline-info:active {
    color: #FFFFFF!important;
    border-color: var(--ct-info);
    background-color: var(--ct-info);
    opacity: 1!important;
}

.btn-success {
    background-color: var(--ct-success);
    border-color: var(--ct-success);
}
.btn-success:hover, .btn-success:active {
    background-color: var(--ct-success);
    border-color: var(--ct-success);
}
.btn-outline-success {
    color: var(--ct-success)!important;
    background-color: transparent;
    border-color: var(--ct-success);
}
.btn-outline-success:hover, .btn-outline-success:active {
    color: #FFFFFF!important;
    border-color: var(--ct-success);
    background-color: var(--ct-success);
    opacity: 1!important;
}

.btn-warning {
    color: var(--warning-color-11)!important;
    background-color: var(--ct-warning);
    border-color: var(--ct-warning);
}
.btn-warning:hover, .btn-warning:active {
    background-color: var(--ct-warning);
    border-color: var(--ct-warning);
}
.btn-outline-warning {
    color: var(--ct-warning)!important;
    background-color: transparent;
    border-color: var(--ct-warning);
}
.btn-outline-warning:hover, .btn-outline-warning:active {
    color: #FFFFFF!important;
    border-color: var(--ct-warning);
    background-color: var(--ct-warning);
    opacity: 1!important;
}

.btn-error {
    background-color: var(--ct-error);
    border-color: var(--ct-error);
}
.btn-error:hover, .btn-error:active {
    background-color: var(--ct-error);
    border-color: var(--ct-error);
}
.btn-outline-error {
    color: var(--ct-error)!important;
    background-color: transparent;
    border-color: var(--ct-error);
}
.btn-outline-error:hover, .btn-outline-error:active {
    color: #FFFFFF!important;
    border-color: var(--ct-error);
    opacity: 1!important;
}

.btn-danger {
    background-color: var(--ct-error);
    border-color: var(--ct-error);
}
.btn-danger:hover, .btn-danger:active {
    background-color: var(--ct-error);
    border-color: var(--ct-error);
}
.btn-outline-danger {
    color: var(--ct-error)!important;
    background-color: transparent;
    border-color: var(--ct-error);
}
.btn-outline-danger:hover, .btn-outline-danger:active {
    color: #FFFFFF!important;
    border-color: var(--ct-error);
    opacity: 1!important;
}

.btn-white {
    background-color: var(--ct-white);
    border-color: var(--ct-white);
}
.btn-white:hover, .btn-white:active {
    background-color: var(--ct-white);
    border-color: var(--ct-white);
}

.btn-primary,
.btn-secondary,
.btn-info,
.btn-soft-info,
.btn-success,
.btn-error,
.btn-danger,
.btn-soft-warning {
    color: #fff!important;
}

.btn-primary:hover, .btn-primary:active,
.btn-secondary:hover, .btn-secondary:active,
.btn-info:hover, .btn-soft-info:hover, .btn-info:active, .btn-soft-info:active,
.btn-success:hover, .btn-success:active,
.btn-warning:hover, .btn-warning:active,
.btn-error:hover, .btn-error:active,
.btn-danger:hover, .btn-danger:active {
    opacity: .8;
}

/* BUTTONS SOFT VARIANTS START */
.btn-soft-primary {
    background: var(--ct-bg-primary) !important;
    color: var(--ct-primary) !important;
    /* border: 1px solid var(--primary-color-2) !important; */
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    opacity: 0.9;
}
.btn-soft-primary:hover {
    opacity: 1;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.btn-soft-secondary {
    background: var(--ct-bg-secondary) !important;
    color: var(--ct-secondary) !important;
    /* border: 1px solid var(--secondary-color-2) !important; */
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    opacity: 0.9;
}
.btn-soft-secondary:hover {
    opacity: 1;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.btn-soft-info {
    background: var(--ct-bg-info) !important;
    color: var(--ct-info) !important;
    /* border: 1px solid var(--info-color-2) !important; */
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    opacity: 0.9;
}
.btn-soft-info:hover {
    opacity: 1;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.btn-soft-success {
    background: var(--ct-bg-success) !important;
    color: var(--ct-success) !important;
    /* border: 1px solid var(--success-color-2) !important; */
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    opacity: 0.9;
}
.btn-soft-success:hover {
    opacity: 1;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

.btn-soft-warning {
    background: var(--ct-bg-warning) !important;
    color: var(--ct-warning) !important;
    /* border: 1px solid var(--warning-color-2) !important; */
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    opacity: 0.9;
}
.btn-soft-warning:hover {
    opacity: 1;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

/* danger – se tiver tokens específicos, use --ct-bg-danger / --ct-danger;
   se não tiver, pode reaproveitar error */
.btn-soft-danger {
    background: var(--ct-bg-danger) !important; /* ou var(--ct-bg-error) */
    color: var(--ct-danger) !important;         /* ou var(--ct-error) */
    /* border: 1px solid var(--danger-color-2) !important; */
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    opacity: 0.9;
}
.btn-soft-danger:hover {
    opacity: 1;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

/* já existente na sua versão tokenizada */
.btn-soft-error {
    background: var(--ct-bg-error) !important;
    color: var(--ct-error) !important;
    /* border: 1px solid var(--error-color-2) !important; */
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    opacity: 0.9;
}
.btn-soft-error:hover {
    opacity: 1;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

/* light */
.btn-soft-light {
    background: var(--ct-bg-light) !important;
    color: var(--ct-light) !important;
    /* border: 1px solid var(--light-color-2) !important; */
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    opacity: 0.9;
}
.btn-soft-light:hover {
    opacity: 1;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

/* dark */
.btn-soft-dark {
    background: var(--ct-bg-dark) !important;
    color: var(--ct-dark) !important;
    /* border: 1px solid var(--dark-color-2) !important; */
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    opacity: 0.9;
}
.btn-soft-dark:hover {
    opacity: 1;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}

/* BUTTONS SOFT VARIANTS – DARK THEME */
body[data-layout-color=dark] .btn-soft-primary {
    background: var(--gray-10) !important;
    color: var(--primary-color-1) !important;
    box-shadow: 0 1px 2px 0 var(--primary-color-4);
}

body[data-layout-color=dark] .btn-soft-primary:hover {
    opacity: 1;
    /* box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); */
}

body[data-layout-color=dark] .btn-soft-secondary {
    background: var(--gray-10) !important;
    color: var(--secondary-color-1) !important;
    box-shadow: 0 1px 2px 0 var(--secondary-color-4);
}
body[data-layout-color=dark] .btn-soft-secondary:hover {
    opacity: 1;
    /* box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); */
}

body[data-layout-color=dark] .btn-soft-info {
    background: var(--gray-10) !important;
    color: var(--info-color-1) !important;
    box-shadow: 0 1px 2px 0 var(--info-color-4);
}
body[data-layout-color=dark] .btn-soft-info:hover {
    opacity: 1;
    /* box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); */
}

body[data-layout-color=dark] .btn-soft-success {
    background: var(--gray-10) !important;
    color: var(--success-color-1) !important;
    box-shadow: 0 1px 2px 0 var(--success-color-4);
}
body[data-layout-color=dark] .btn-soft-success:hover {
    opacity: 1;
    /* box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); */
}

body[data-layout-color=dark] .btn-soft-warning {
    background: var(--gray-10) !important;
    color: var(--warning-color-1) !important;
    box-shadow: 0 1px 2px 0 var(--warning-color-4);
}
body[data-layout-color=dark] .btn-soft-warning:hover {
    opacity: 1;
    /* box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); */
}

body[data-layout-color=dark] .btn-soft-danger {
    background: var(--gray-10) !important;
    color: var(--danger-color-1) !important;
    box-shadow: 0 1px 2px 0 var(--danger-color-4);
}
body[data-layout-color=dark] .btn-soft-danger:hover {
    opacity: 1;
    /* box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); */
}

body[data-layout-color=dark] .btn-soft-error {
    background: var(--gray-10) !important;
    color: var(--danger-color-1) !important;
    box-shadow: 0 1px 2px 0 var(--danger-color-4);
}
body[data-layout-color=dark] .btn-soft-error:hover {
    opacity: 1;
    /* box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4); */
}

/* BUTTONS SOFT VARIANTS END */

/* BUTTONS END */

/* -------------------------------------------------------------------- */

/* ALERTS START */
.alert-success {
    background-color: var(--ct-bg-success);
    border-color: var(--ct-success);
    color: var(--ct-color-heading);
}

.alert-info {
    background-color: var(--ct-bg-info);
    border-color: var(--ct-info);
    color: var(--ct-color-heading);
}

.alert-warning {
    background-color: var(--ct-bg-warning);
    border-color: var(--ct-warning);
    color: var(--ct-color-heading);
}

.alert-error {
    background-color: var(--ct-bg-error);
    border-color: var(--ct-error);
    color: var(--ct-color-heading);
}
/* ALERTS END */

/* -------------------------------------------------------------------- */

/* INPUTS START */
.form-control:focus {
    border-color: var(--ct-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--ct-primary-rgb, 13, 110, 253), 0.25);
}
.form-control:focus-visible {
    outline: 1px solid var(--ct-primary);
    outline-offset: 1px;
}
.btn:focus-visible,
.btn:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
.nav-link:focus-visible,
a:focus-visible {
    outline: 2px solid var(--ct-primary);
    outline-offset: 2px;
}
.form-check-input:checked {
    background-color: var(--ct-primary);
    border-color: var(--ct-primary);
}
/* INPUTS END */

/* -------------------------------------------------------------------- */

/* NAVBAR START */
.navbar-primary {
    background-color: var(--ct-primary);
    border-color: var(--ct-primary);
}

a {
    color: var(--ct-primary);
}
a:hover {
    color: var(--ct-primary);
    opacity: 0.8;
}
/* NAVBAR END */

/* -------------------------------------------------------------------- */

/* TEXT START */
.text-primary {
    color: var(--ct-primary) !important;
}
.text-secondary {
    color: var(--ct-secondary) !important;
}
.text-info {
    color: var(--ct-info) !important;
}
.text-success {
    color: var(--ct-success) !important;
}
.text-warning {
    color: var(--ct-warning) !important;
}
.text-error {
    color: var(--ct-error) !important;
}
/* TEXT END */

/* GENERAL START */
.component-active {
    background-color: var(--ct-component-active-bg, var(--blue-6));
}

.progress-bar {
    background-color: var(--ct-progress-bar-bg, var(--blue-6));
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background-color: var(--ct-primary) !important;
    color: #FFFFFF !important;
}

body[data-layout-color=dark] input[data-switch=info]:checked+label {
	background-color: var(--ct-info)
}

body[data-layout-color=dark] .border-info {
	border-color: var(--ct-info) !important
}

.avatar-title-esteira {
    background: linear-gradient(135deg, var(--primary-color-1) 70%, var(--primary-color-5) 178%);
    color: var(--primary-color-6);
    font-size: small;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15);
    border-style: none!important;
    border: none!important;
}

.nav-tabs.nav-bordered li a.active {
    border-bottom: 2px solid var(--ct-primary);
}

link.active {
    color: var(--ct-primary);
    background-color: var(--ct-primary);
    border-color: var(--ct-primary);
}

.end-bar .rightbar-title {
	background-color: var(--ct-primary);
	padding: 27px 25px;
	color: #FFF
}

.mdi-whatsapp {
    color: var(--green-6);
}

.text-white {
    color: var(--ct-text-light)!important
}

.text-dark, .side-nav .side-nav-title, .modal-desc, .modal-question {
    color: var(--ct-text-dark)!important
}

#news-illustration {
    /* opacity: 0.7; */
    /* filter: grayscale(1); */
}

.img-thumbnail {
    background-color: var(--ct-component-active-bg);
    border: 1px solid var(--ct-component-active-bg);
}

.form-control:active, .form-control:visited {
    border-color: var(--ct-primary)!important;
    background-color: var(--ct-bg-content-page)!important;
}
.form-control:focus {
    border-color: var(--ct-primary)!important;
}

.esteira-rounded-image-full {
    box-shadow: inset 0 0 50px var(--gray-2);
    border: 1px solid;
    border-radius: 50%;
}

:root .side-nav-second-level a .badge-success-lighten {
    color: var(--ct-success) !important;
    background-color: var(--ct-bg-success) !important;
}

.hero-welcome-card {
    background-image: 
        radial-gradient(circle at 15% 15%, var(--primary-color-8), transparent 30%),
        url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2300A7C1' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem
}

.popover .popover-arrow::after,
.popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
    bottom: calc(-.5rem - 1px);
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: var(--ct-popover-arrow-outer-color);
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: var(--ct-popover-arrow-outer-color)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,
.bs-popover-end>.popover-arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: var(--ct-popover-arrow-outer-color)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,
.bs-popover-end>.popover-arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: var(--ct-popover-arrow-outer-color)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
    top: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: var(--ct-popover-arrow-outer-color)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: var(--ct-popover-arrow-outer-color)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid var(--ct-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
    right: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,
.bs-popover-start>.popover-arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: var(--ct-popover-arrow-outer-color)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: var(--ct-popover-arrow-outer-color)
}

.text-white h5 {
    color: #ffffff!important;
}

.badge.bg-primary {
    background-color: var(--primary-color-7) !important;
}

.inputed {
    color: var(--gray-8) !important;
}

body[data-layout-color=dark] .inputed {
    color: var(--gray-2) !important;
    background-color: var(--gray-10) !important;
}

.nav-link i, .navbar-custom .topbar-menu .nav-link {
    color: var(--gray-6) !important;
}

.chart-meta h3 {
    color: var(--gray-4) !important;
}

body[data-layout-color=dark] .chart-meta .card {
    background-color: transparent !important;
}
body[data-layout-color=dark] .chart-meta .card .card-body {
    background-color: transparent !important;
}

body[data-layout-color=dark] .border-danger {
    border-color: var(--ct-error) !important;
}
body[data-layout-color=dark] .border-primary {
    border-color: var(--ct-primary) !important;
}
body[data-layout-color=dark] .border-success {
    border-color: var(--ct-success) !important;
}
body[data-layout-color=dark] .border-warning {
    border-color: var(--ct-warning) !important;
}
body[data-layout-color=dark] .border-info {
    border-color: var(--ct-info) !important;
}
body[data-layout-color=dark] .border-secondary {
    border-color: var(--ct-secondary) !important;
}

#dynamic-logo-dark, #dynamic-logo {
    max-height: 60px;
    max-width: 170px;
    width: auto;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* GENERAL END */