:root {
    --fundo-padrao: #418C83;
    --texto-padrao: #6F6F6F;
    --texto-sub: #6F6F6F;
    --vermelho: #B10101;
    --laranja: #ffb100;
    --verde-orienteme: #418C83;
    --verde-orienteme-claro-sutil: #489c91;
    --verde-claro-orienteme: #61c1ad;
    --cinza-orienteme: #6F6F6F;
    --rz-primary: var(--verde-orienteme);
    --rz-primary-light: #418C83;
    --rz-primary-lighter: rgb(96 193 122 / 12%);
    --rz-on-primary-lighter: var(--verde-orienteme);
    --rz-dropdown-item-selected-color: #418C83;
    --rz-dropdown-item-selected-hover-color: #065a50;
    --rz-dropdown-item-selected-background-color: #daf3f0;
    --rz-dropdown-item-selected-hover-background-color: #c2e6e2;
    --rz-input-border: 1px solid #ced4da;
    --bs-btn-active-bg: var(--verde-orienteme);
    --bb-sidebar-width: 282px;
    --bb-sidebar-collapsed-width: 77px;
    --bb-sidebar-background-color: var(--verde-orienteme);
    --bb-sidebar-top-row-background-color: rgba(0,0,0,0.08);
    --bb-sidebar-top-row-border-color: rgb(194,192,192);
    --bb-sidebar-title-text-color: #ffffff;
    --bb-sidebar-brand-icon-color: var(--verde-orienteme);
    --bb-sidebar-brand-image-width: 24px;
    --bb-sidebar-brand-image-height: 24px;
    --bb-sidebar-title-badge-text-color: var(--verde-orienteme);
    --bb-sidebar-title-badge-background-color: #ffffff;
    --bb-sidebar-navbar-toggler-icon-color: #FFF;
    --bb-sidebar-navbar-toggler-background-color: rgba(0,0,0,0.08);
    --bb-sidebar-content-border-color: rgb(194,192,192);
    --bb-sidebar-nav-item-text-color: #ffffff;
    --bb-sidebar-nav-item-text-active-color-rgb: 255,255,255;
    --bb-sidebar-nav-item-text-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);
    --bb-sidebar-nav-item-text-active-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.9);
    --bb-sidebar-nav-item-background-hover-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.5);
    --bb-sidebar-nav-item-group-background-color: rgba(var(--bb-sidebar-nav-item-text-active-color-rgb),0.08);
    --rz-datepicker-calendar-selected-background-color: var(--verde-orienteme);
    --rz-datepicker-calendar-selected-hover-background-color: var(--verde-claro-orienteme);
}

.accordion {
    --bs-accordion-bg: var(--verde-orienteme);
    --bs-accordion-active-color: #fff;
    --bs-accordion-active-bg: var(--verde-orienteme);
}

.accordion-item {
    background-color: #fff;
}

.accordion-button {
    --bs-accordion-btn-color: #fff;
}

    .accordion-button::after {
        filter: brightness(0) invert(1);
    }

.navbar-brand {
    pointer-events: none;
}


.btn-select-company {
    color: #464E5F;
    font-size: 14px;
    cursor: pointer;
}

    .btn-select-company:hover {
        cursor: pointer;
    }

    .btn-select-company,
    .btn-select-company.active,
    .btn-select-company.show,
    .btn-select-company:first-child:active,
    :not(.btn-check) + .btn-select-company:active {
        color: var(--bs-btn-active-color);
        background-color: #FFF;
        border-color: #FFF;
    }

.bb-top-row {
    background-color: #FFF !important;
    border-bottom: none !important;
    height: 60px !important;
}

.expandable {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease, opacity 0.3s ease;
    opacity: 0;
}

    .expandable.expanded {
        height: auto;
        opacity: 1;
    }


.container-fluid {
    max-width: 1800px !important;
}

.rz-chart svg {
    overflow: visible;
}

ul[role=tablist] {
    flex-wrap: wrap;
}

body {
    background: #f3f6f9;
    font-family: 'Poppins', sans-serif;
}

.oriteneme-login__mask {
    background: var(--verde-orienteme);
}


.btn-link {
    text-decoration: none;
    color: #4D545C;
}

    .btn-link:hover {
        color: #000;
    }

    .btn-link:focus, .btn-link.focus, btn-link:active, btn-link.active {
        box-shadow: none;
        color: #000;
    }

    .btn-link:focus-visible {
        color: #000;
    }

.btn:focus-visible, .btn:active:focus {
    color: #000;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--verde-orienteme));
}


.btn-primary {
    color: #fff;
    background-color: var(--verde-orienteme);
    border-color: var(--verde-orienteme);
    height: 55px;
    border-radius: 11px;
}

.text-primary {
    color: var(--verde-orienteme) !important;
}

.btn-primary-sm {
    height: 2.5rem;
    padding-inline: 22px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #2ba087;
    border-color: #28967f;
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 190, 161, 0.5);
    background-color: #418C83;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--verde-orienteme);
    border-color: var(--verde-orienteme);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #28967f;
    border-color: #268c76;
}

    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(51, 190, 161, 0.5);
    }


.btn-danger {
    color: #fff;
    background-color: #b83d49;
    border-color: #b83d49;
    height: 55px;
    border-radius: 11px;
}

.btn-danger-sm {
    height: 2.5rem;
    padding-inline: 22px;
}

.btn-danger:hover {
    color: #fff;
    background-color: #a82935;
    border-color: #a82935;
}

.btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(51, 190, 161, 0.5);
    background-color: #a82935;
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #b83d49;
    border-color: #b83d49;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #a82935;
    border-color: #a82935;
}

    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(51, 190, 161, 0.5);
    }


.buttonlink {
    color: var(--verde-orienteme) !important;
    cursor: pointer;
}

    .buttonlink:hover {
        color: var(--verde-orienteme--hover) !important;
    }

a {
    color: var(--verde-orienteme);
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: var(--verde-orienteme) !important;
}

.btn-success, .btn-success:focus {
    color: #fff;
    background-color: var(--verde-orienteme) !important;
    border-color: #146c43;
}

    .btn:focus, .btn-success:focus {
        box-shadow: none;
    }

.nav-link {
    /*margin: 2px 2px;*/
    border-radius: 8px;
    /*padding: 1rem 2rem !important;*/
}

.nav-link-sub {
    background-color: var(--verde-orienteme-claro-sutil) !important;
    padding-left: 12px;
}

.bb-sidebar.collapsed nav .nav-item a {
    margin-inline: 12px;
    padding: 0.5rem 1.1rem !important;
}

.bb-sidebar.collapsed nav .nav-item .nav-link-sub {
    padding-left: 0px !important;
}

.bb-sidebar-top-row {
    height: 3.5rem;
    background-color: var(--verde-orienteme) !important;
    border-bottom: none !important;
    border-right: 1px solid var(--bb-sidebar-top-row-border-color);
}

.container-fluid {
    align-items: center !important;
    justify-content: center !important;
}

.navbar-brand-text {
    display: none;
}

.navbar-brand-image img {
    width: unset !important;
    height: 37px !important;
    margin-right: 0px !important;
}

.navbar-brand, span.navbar-brand-image.me-2 {
    margin-right: 0px !important;
    margin-top: 4px !important;
}

.bb-sidebar.collapsed.navbar-brand-image {
    display: none;
}

.lnr-eye {
    position: absolute;
    top: 6px;
    right: 10px;
    cursor: pointer;
}

.bg-primary {
    background-color: var(--verde-orienteme) !important;
}

.modal-content {
    border-radius: 15px;
    border: 0.5px solid var(--verde-orienteme);
}

.modal-header {
    border-radius: 15px 15px 0px 0px;
}

.modal-footer {
    border-top: none;
}

h5 {
    font-size: 1.1rem;
}

.card {
    margin-bottom: 10px;
}

.card, .card-body, .card-header {
    border: none;
    border-radius: 16px !important;
    background: #FFF;
}

.card-footer, .card-footer:last-child {
    border-top: none !important;
    background: #FFF;
}

.card-footer {
    border-radius: 0px 0px 16px 16px !important;
}

.form-control {
    height: var(--rz-input-height);
}

.w-35 {
    width: 35% !important;
}




.rz-datatable-thead th, .rz-grid-table thead th {
    background: var(--verde-orienteme);
}

    .rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
        color: #FFF;
    }

.rz-data-grid {
    border-radius: 16px;
    border: 0.5px solid #ebebeb;
}

.rz-paginator-page.rz-state-active {
    background-color: #ababb91f;
    color: #000;
    border: var(--rz-paginator-numeric-button-selected-border);
    padding: var(--rz-paginator-numeric-button-selected-padding);
}

.rz-dropdown-item.rz-state-highlight {
    background-color: #ababb91f !important;
    color: #000 !important;
}

.rz-dropdown:not(:disabled):not(.rz-state-disabled):focus {
    box-shadow: none !important;
    border: var(--rz-input-border);
    outline: var(--rz-input-focus-outline);
    outline-offset: var(--rz-input-focus-outline-offset);
}

.swal2-cancel {
    color: #6c757d !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid #6c757d !important;
}

    .swal2-cancel:hover {
        color: #FFF !important;
        background-color: #6c757d !important;
    }

.swal2-confirm {
    background: var(--verde-orienteme) !important;
}

    .swal2-confirm:hover {
        filter: brightness(90%); /* Reduz o brilho para 90%, escurecendo a cor */
    }

.form-control:focus {
    box-shadow: none;
    border: var(--rz-input-border);
}

span.rz-cell-data {
    color: #403e3e !important;
}

.empty-grid {
    color: lightgrey;
    font-size: 24px;
    text-align: center;
    margin: 2rem;
}


.card-info-title {
    font-size: 15px;
    color: #b5b5c3;
}

.card-info-number {
    font-size: 24px;
    color: #464e5f;
}

.iconCard {
    font-size: 20px;
}

span.number {
    font-size: calc(1rem + 0.5vw);
}

.description-label {
    font-size: 14px;
}

.text-bg-success {
    background-color: var(--verde-orienteme) !important;
}

.text-success {
    color: var(--verde-orienteme) !important;
}

.el-popper {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    position: absolute;
    z-index: 1000;
    display: none;
    transition: opacity 0.3s;
}

.el-popper__arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ddd;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.estado {
    cursor: pointer;
}


.iconCircle {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
    background-color: var(--verde-orienteme);
    color: #FFF;
}

.percentage-text {
    font-size: 1rem;
    margin-right: 5px;
}

.description-text {
    color: #a0a0a0;
    font-size: 0.9rem;
    display: block;
}

.gauge-value {
    text-align: center;
}

.gauge-value-number {
    font-size: 30px;
    margin-top: -45px;
}

.badge {
    font-weight: 500 !important;
    padding: 9px !important;
    margin-right: 5px;
}


.text-vermelho {
    color: var(--vermelho);
}

.text-verde {
    color: var(--verde-orienteme);
}

.text-laranja {
    color: var(--laranja);
}

.text-secondary {
    color: var(--cinza-orienteme);
}

.title-card-mapeamento {
    font-size: 1.2rem;
    font-weight: 500;
    color: #464e5f;
    text-align: left;
}

.dropArea {
    border: 2px dashed var(--verde-orienteme);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #8ccac3bf;
    font-size: 1.5rem;
    cursor: pointer;
    position: relative;
    min-height: 100px;
}

    .dropArea:hover {
        background-color: #80b4ae;
        color: #333;
    }

    .dropArea input[type=file] {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

.dropAreaDrug {
    background-color: #80b4ae;
}

.card-roi {
    display: flex;
    background: url(/images/roi-bg.png) no-repeat right top #c9f7f5;
    align-items: center;
    padding-left: 22px;
    color: var(--verde-orienteme);
}

.container-legend {
    line-height: 16px;
}

.comparativo-card {
    background-color: #F4F7F8;
    border-radius: 10px;
    padding: 20px;
    width: 250px;
    margin: 0 auto;
    margin-top: 7px;
    cursor: pointer;
}

.comparativo-card-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.stat {
    display: flex;
    align-items: center;
    gap: 10px;
}

.circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.text-muted {
    color: #7D848A;
    font-size: 13px;
}

i.iconfont.hamburguer-menu {
    cursor: pointer;
}

.modal-termos-de-uso {
    height: 400px;
}

@media (max-width: 640.98px) {

    i.iconfont.hamburguer-menu {
        display: none;
    }


    .card-roi {
        background: #c9f7f5;
    }

    .navbar-brand-image img {
        height: inherit !important;
    }

    .container-fluid {
        flex-wrap: wrap;
        align-items: center !important;
        justify-content: space-between !important;
    }
}

.legenda-chart {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 5px;
}
.site-header {
    background: var(--verde-orienteme);
}