@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";

:root {
    --bs-primary: #0B7A38;
    --bs-primary-rgb: 11, 122, 56;
    --bs-secondary: #987811;
    --bs-secondary-rgb: 152, 120, 17;
    --bs-secondary-text: #000000;
    --bs-secondary-text-rgb: 0, 0, 0;
    --bs-tertiary: #7ba5a6;
    --bs-tertiary-rgb: 123, 165, 166;
    --bs-danger: #D04C50;
    --bs-danger-rgb: 208, 76, 80;
    --bs-success: #48BB78;
    --bs-success-rgb: 72, 187, 120;
    --bs-link-color: #0B7A38;
    --bs-link-color-rgb: 11, 122, 56;
    --bs-link-hover-color: #059940;
    --bs-link-hover-color-rgb: 5, 153, 64;
    --bs-link-secondary-color: #987811;
    --bs-link-secondary-color-rgb: 152, 120, 17;
    --bs-link-secondary-hover-color: #A0A267;
    --bs-link-secondary-hover-color-rgb: 114, 114, 64;
    --bs-hi-defensor: #fbf9ea;
    --bs-hi-defensor-rgb: 251, 240, 214;
    --bs-hi-servidor: #DFF2E3;
    --bs-hi-servidor-rgb: 223, 242, 227;
    --bs-hi-residente: #F0F8E6;
    --bs-hi-residente-rgb: 240, 248, 230;
    --bs-hi-estagiario: #EEF3F1;
    --bs-hi-estagiario-rgb: 238, 243, 241;
    --bs-border-radius: 14px;
    --nav-level-0-width: 56px;
    --nav-level-1-width: 280px;
    --nav-level-2-width: 280px;
    --shadow-default: 0 4px 15px rgba(0, 0, 0, 0.05);
    --shadow-hover: 0 12px 35px rgba(0, 0, 0, 0.08)
}

[data-bs-theme=dark] {
    --bs-secondary-text: #eee
}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary), black 15%);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary), black 15%);
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary), black 30%);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary), black 30%);
    --bs-btn-disabled-bg: color-mix(in srgb, var(--bs-primary), white 50%);
    --bs-btn-disabled-border-color: color-mix(in srgb, var(--bs-primary), white 50%)
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-primary), black 15%);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary), black 15%);
    --bs-btn-active-color: #ffffff
}

.btn-secondary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-link-secondary-hover-color);
    --bs-btn-hover-border-color: var(--bs-link-secondary-hover-color);
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-secondary), black 30%);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-secondary), black 30%);
    --bs-btn-disabled-bg: color-mix(in srgb, var(--bs-secondary), white 50%);
    --bs-btn-disabled-border-color: color-mix(in srgb, var(--bs-secondary), white 50%)
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-secondary), black 15%);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-secondary), black 15%);
    --bs-btn-active-color: #ffffff
}

.btn-tertiary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--bs-tertiary);
    --bs-btn-border-color: var(--bs-tertiary);
    --bs-btn-hover-bg: color-mix(in srgb, var(--bs-tertiary), black 15%);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-tertiary), black 15%);
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-tertiary), black 30%);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-tertiary), black 30%);
    --bs-btn-disabled-bg: color-mix(in srgb, var(--bs-tertiary), white 50%);
    --bs-btn-disabled-border-color: color-mix(in srgb, var(--bs-tertiary), white 50%)
}

.btn-danger {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-bg: color-mix(in srgb, var(--bs-danger), black 15%);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-danger), black 15%);
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-danger), black 30%);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-danger), black 30%);
    --bs-btn-disabled-bg: color-mix(in srgb, var(--bs-danger), white 50%);
    --bs-btn-disabled-border-color: color-mix(in srgb, var(--bs-danger), white 50%)
}

.btn-outline-danger {
    --bs-btn-color: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-bg: transparent;
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-border-color: var(--bs-danger);
    --bs-btn-active-bg: color-mix(in srgb, var(--bs-danger), black 15%);
    --bs-btn-active-border-color: color-mix(in srgb, var(--bs-danger), black 15%);
    --bs-btn-active-color: #ffffff
}

.btn {
    border-radius: var(--bs-border-radius);
    transition: all .2s ease-in-out
}

.dropdown-item:active, .dropdown-item.active {
    background-color: var(--bs-primary)
}

.form-control {
    --bs-form-control-bg: #F1F3F4;
    --bs-form-control-border-color: #ced4da;
    --bs-form-control-border-width: 1px;
    --bs-form-control-border-radius: var(--bs-border-radius);
    --bs-form-control-focus-bg: var(--bs-body-bg);
    --bs-form-control-focus-border-color: var(--bs-primary);
    /*--bs-form-control-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);*/
    --bs-form-control-disabled-bg: #e9ecef
}

[data-bs-theme=dark] .form-control {
    --bs-form-control-bg: color-mix(in srgb, #F1F3F4, black 80%)
}

.form-control[type=text], .form-control[type=email], .form-control[type=password], .form-control[type=number], .form-control[type=tel], .form-control[type=url], .form-control[type=search], .form-control[type=date], .form-control[type=time], .form-control[type=month], .form-control[type=week], .form-control[type=datetime-local], .form-control[type=color], textarea.form-control, select.form-select {
    border: var(--bs-form-control-border-width) solid var(--bs-form-control-border-color);
    background-color: var(--bs-form-control-bg);
    border-radius: var(--bs-form-control-border-radius);
    padding: .5rem .75rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

select.form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px
}

.form-control:focus, .form-select:focus {
    border-color: var(--bs-form-control-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-form-control-focus-box-shadow)
}

.form-control:disabled, .form-control[readonly] {
    background-color: var(--bs-form-control-disabled-bg);
    opacity: .8
}

.form-check-input {
    --bs-form-check-input-bg: var(--bs-body-bg);
    --bs-form-check-input-border-color: #adb5bd;
    --bs-form-check-input-border-radius: var(--bs-border-radius);
    --bs-form-check-input-focus-color: var(--bs-primary);
    --bs-form-check-input-focus-bg: var(--bs-primary);
    --bs-form-check-input-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    --bs-form-check-input-checked-bg: var(--bs-primary);
    --bs-form-check-input-checked-border-color: var(--bs-primary);
    --bs-form-check-input-checked-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M4 10l5 5 9-13'/%3E%3C/svg%3E");
    --bs-form-check-input-indeterminate-bg: var(--bs-primary);
    --bs-form-check-input-indeterminate-border-color: var(--bs-primary)
}

    .form-check-input[type=checkbox], .form-check-input[type=radio] {
        border-radius: var(--bs-form-check-input-border-radius);
        border-width: var(--bs-form-check-input-border-width);
        border-color: var(--bs-form-check-input-border-color);
        background-color: var(--bs-form-check-input-bg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: .75rem;
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

        .form-check-input[type=checkbox]:checked, .form-check-input[type=radio]:checked {
            background-color: var(--bs-form-check-input-checked-bg);
            border-color: var(--bs-form-check-input-checked-border-color);
            background-image: var(--bs-form-check-input-checked-bg-image)
        }

        .form-check-input[type=checkbox]:indeterminate, .form-check-input[type=radio]:indeterminate {
            background-color: var(--bs-form-check-input-indeterminate-bg);
            border-color: var(--bs-form-check-input-indeterminate-border-color);
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")
        }

        .form-check-input[type=checkbox]:focus, .form-check-input[type=radio]:focus {
            border-color: var(--bs-form-check-input-focus-color);
            outline: 0;
            box-shadow: var(--bs-form-check-input-focus-box-shadow)
        }

.form-check-label {
    color: var(--bs-body-color);
    font-weight: 500
}

.form-check-secondary .form-check-input {
    border-color: var(--bs-secondary-border-subtle)
}

    .form-check-secondary .form-check-input:checked {
        background-color: var(--bs-secondary);
        border-color: var(--bs-secondary)
    }

    .form-check-secondary .form-check-input:focus {
        border-color: var(--bs-secondary);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-secondary-rgb), 0.25)
    }

.form-control[type=file] {
    border-color: var(--bs-form-control-border-color);
    border-radius: var(--bs-form-control-border-radius);
    padding: .5rem .75rem
}

.form-range {
    --bs-form-range-track-bg: #dee2e6;
    --bs-form-range-track-border-color: #dee2e6;
    --bs-form-range-thumb-bg: var(--bs-primary);
    --bs-form-range-thumb-border-color: var(--bs-primary);
    --bs-form-range-thumb-focus-bg: color-mix(in srgb, var(--bs-primary), black 20%);
    --bs-form-range-thumb-focus-border-color: color-mix(in srgb, var(--bs-primary), black 20%);
    --bs-form-range-thumb-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    --bs-form-range-thumb-height: 1.25rem;
    --bs-form-range-thumb-width: 1.25rem;
    --bs-form-range-thumb-border-radius: var(--bs-border-radius);
    --bs-form-range-track-height: 0.4rem;
    --bs-form-range-track-border-radius: var(--bs-border-radius);
    width: 100%;
    height: var(--bs-form-range-track-height);
    padding: 0;
    background-color: rgba(0,0,0,0);
    cursor: pointer
}

    .form-range:focus {
        outline: 0
    }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: var(--bs-form-range-thumb-focus-box-shadow)
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: var(--bs-form-range-thumb-focus-box-shadow)
        }

    .form-range .form-range::-moz-range-thumb, .form-range .form-range::-webkit-slider-thumb {
        background-color: var(--bs-form-range-thumb-bg);
        border: 0;
        border-radius: var(--bs-form-range-thumb-border-radius);
        transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

    .form-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: var(--bs-form-range-thumb-width);
        height: var(--bs-form-range-thumb-height);
        margin-top: calc(var(--bs-form-range-track-height)/2 - var(--bs-form-range-thumb-height)/2)
    }

    .form-range::-moz-range-thumb {
        width: var(--bs-form-range-thumb-width);
        height: var(--bs-form-range-thumb-height)
    }

    .form-range .form-range::-moz-range-track, .form-range .form-range::-webkit-slider-runnable-track {
        width: 100%;
        height: var(--bs-form-range-track-height);
        color: rgba(0,0,0,0);
        cursor: pointer;
        background-color: var(--bs-form-range-track-bg);
        border-radius: var(--bs-form-range-track-border-radius);
        border: 0
    }

.input-group {
    --bs-input-group-border-radius: var(--bs-border-radius)
}

    .input-group .form-control, .input-group .form-select {
        border-right: none
    }

        .input-group .form-control:focus, .input-group .form-select:focus {
            z-index: 2
        }

    .input-group > :not(:last-child):not(.dropdown-menu):not(.btn) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .input-group > :not(:first-child):not(.dropdown-menu):not(.btn) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group .input-group-text {
        background-color: #e9ecef;
        border: var(--bs-form-control-border-width) solid #ced4da;
        color: #495057;
        font-weight: 500;
        border-radius: var(--bs-input-group-border-radius)
    }

        .input-group .input-group-text:first-child {
            border-right: none
        }

    .input-group .form-control:not(:first-child), .input-group .form-select:not(:first-child) {
        border-left: none
    }

    .input-group .form-control:last-child, .input-group .form-select:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .input-group .btn {
        border-radius: var(--bs-border-radius)
    }

.form-label {
    color: var(--bs-body-color);
    font-weight: 600;
    margin-bottom: .5rem
}

.form-control[disabled] ~ .form-label, .form-control[readonly] ~ .form-label, .form-select[disabled] ~ .form-label, .form-select[readonly] ~ .form-label {
    color: #6c757d
}

.input-secondary {
    border-color: var(--bs-secondary-border-subtle)
}

    .input-secondary:focus {
        border-color: var(--bs-secondary);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-secondary-rgb), 0.25);
        color: var(--bs-secondary-text-emphasis)
    }

    .input-secondary::placeholder {
        color: var(--bs-secondary-color);
        opacity: .7
    }

.form-control::placeholder {
    color: #b0b8c0;
    opacity: 1;
    font-weight: 300
}

.form-control:-ms-input-placeholder {
    color: #b0b8c0;
    font-weight: 300
}

.form-control::-ms-input-placeholder {
    color: #b0b8c0;
    font-weight: 300
}

.text-muted {
    color: #8a8a8a !important;
    font-weight: 300
}

.form-text {
    color: #8a8a8a
}

.valid-feedback, .invalid-feedback {
    font-size: .875em;
    margin-top: .25rem;
    display: none
}

.valid-feedback {
    color: var(--bs-primary)
}

.invalid-feedback {
    color: var(--bs-danger)
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: var(--bs-primary)
}

    .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .invalid-feedback, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .invalid-feedback {
        display: block
    }

    .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
        --bs-form-control-focus-border-color: var(--bs-primary);
        /*--bs-form-control-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25)*/
    }

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--bs-danger)
}

    .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .valid-feedback, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .valid-feedback {
        display: block
    }

    .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
        --bs-form-control-focus-border-color: var(--bs-danger);
        /*--bs-form-control-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25)*/
    }

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-invalid ~ .invalid-feedback {
    display: block
}

.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:invalid ~ .invalid-feedback {
    display: block
}

a, button {
    color: var(--bs-link-color)
}

    a.link, button.link {
        color: var(--bs-link-color)
    }

    a.link-primary, button.link-primary {
        color: #007330;
        text-decoration: none;
        transition: color .15s ease-in-out
    }

        a.link-primary:hover, a.link-primary:focus, button.link-primary:hover, button.link-primary:focus {
            color: #008d3a
        }

        a.link-primary:active, button.link-primary:active {
            color: rgb(0,90,37.0212765957)
        }

    a.link-secondary, button.link-secondary {
        color: #987811;
        text-decoration: none;
        transition: color .15s ease-in-out
    }

        a.link-secondary:hover, a.link-secondary:focus, button.link-secondary:hover, button.link-secondary:focus {
            color: #a0a267
        }

        a.link-secondary:active, button.link-secondary:active {
            color: rgb(131.0204081633,132.7673469388,81.2326530612)
        }

:root {
    --l1-width: 56px;
    --l2-collapsed: 49px;
    --l2-expanded: 280px;
    --l3-width: 285px;
    --header-h: 60px
}

.col-dashboard {
    height: calc(100vh - 6px);
    position: sticky;
    top: 3px;
    margin: 3px 0 3px 3px;
    background-color: var(--bs-body-bg);
    z-index: 1050;
    border-right: 1px color-mix(in srgb, var(--bs-light-bg-subtle), var(--bs-primary) 20%);
    display: flex;
    border-radius: 15px 0 0 15px
}

    .col-dashboard .nav-col {
        height: 100%;
        display: flex;
        flex-direction: column;
        transition: all .3s cubic-bezier(0.4, 0, 0.2, 1)
    }

    .col-dashboard .header-zone {
        min-height: var(--header-h);
        flex-shrink: 0
    }

    .col-dashboard .header-zone-top {
        position: relative;
        z-index: 20
    }

    .col-dashboard .scroll-zone {
        flex-grow: 1;
        overflow-y: auto;
        overflow-x: hidden;
        direction: rtl;
    }

@supports (-moz-appearance: none) {
    /* Apenas firefox */
    .col-dashboard .scroll-zone {
        scrollbar-width: thin;
        scrollbar-color: #eee transparent;
    }

    .nav-l2 {
        width: 56px !important;
    }

    #sidebar.n2-expanded .nav-l2 {
        width: var(--l2-expanded) !important;
    }
}


.col-dashboard .scroll-zone > * {
    direction: ltr
}

        .col-dashboard .scroll-zone::-webkit-scrollbar {
            width: 4px
        }

        .col-dashboard .scroll-zone::-webkit-scrollbar-thumb {
            background: #eee;
            border-radius: 10px
        }

.nav-l1 {
    position: relative;
    width: var(--l1-width);
    flex-shrink: 0
}

    .nav-l1 .logo-img {
        height: 38px
    }

    .nav-l1 .nav-list {
        padding-top: 7px
    }

    .nav-l1::after {
        position: absolute;
        content: " ";
        display: block;
        height: 100%;
        width: 1px;
        top: 0;
        right: 0;
        background-color: color-mix(in srgb, var(--bs-light-bg-subtle), var(--bs-primary) 20%)
    }

.nav-l2 {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    width: var(--l2-collapsed);
    flex-shrink: 0;
    overflow-x: hidden
}

    .nav-l2 .nav-list {
        padding-top: 10px
    }

    .nav-l2::after {
        position: absolute;
        content: " ";
        display: block;
        height: 100%;
        width: 1px;
        top: 0;
        right: 0;
        background-color: color-mix(in srgb, var(--bs-light-bg-subtle), var(--bs-primary) 20%)
    }

.nav-l3 {
    font-size: 14px !important;
    font-weight: 600;
    width: 0;
    opacity: 0;
    pointer-events: none;
    flex-shrink: 0
}

    .nav-l3 .accordion-item {
        border: none
    }

    .nav-l3 .accordion-button {
        font-size: 14px !important;
        font-weight: 600;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

        .nav-l3 .accordion-button[aria-expanded=true] {
            color: var(--bs-primary) !important
        }

            .nav-l3 .accordion-button[aria-expanded=true]::after {
                background-color: var(--bs-primary) !important
            }

        .nav-l3 .accordion-button:focus, .nav-l3 .accordion-button:not(.collapsed) {
            box-shadow: none !important;
            font-weight: 900
        }

        .nav-l3 .accordion-button::after {
            background-image: none !important;
            background-color: var(--bs-link-secondary-color);
            -webkit-mask-image: url('data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27%3e%3cpath d=%27M2 5l6 6 6-6%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/svg%3e');
            mask-image: url('data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27%3e%3cpath d=%27M2 5l6 6 6-6%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/svg%3e');
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center;
            mask-position: center;
            -webkit-mask-size: .7rem;
            mask-size: .7rem;
            transition: transform .2s ease-in-out;
            width: .7rem;
            height: .7rem
        }

    .nav-l3 .nav-item-l3 {
        padding: 0 14px
    }

        .nav-l3 .nav-item-l3 .nav-link-l3 {
            color: var(--bs-link-secondary-color) !important
        }

            .nav-l3 .nav-item-l3 .nav-link-l3 span.label {
                display: block !important
            }

        .nav-l3 .nav-item-l3 .l3-link {
            display: block;
            padding: 10px 12px;
            color: var(--bs-secondary);
            text-decoration: none;
            font-size: 14px
        }

        .nav-l3 .nav-item-l3 li:first-child:not(.current) .l3-link {
            padding-top: 0
        }

.nav-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    width: 35px;
    margin: 0 auto 10px auto;
    border-radius: 8px;
    color: var(--bs-primary);
    cursor: pointer
}

    .nav-item.current {
        background-color: color-mix(in srgb, var(--bs-light-bg-subtle), var(--bs-primary) 30%)
    }

    .nav-item.active, .nav-item.active:hover {
        position: relative;
        background-color: rgba(0,0,0,0);
        height: 40px;
        width: auto;
        padding-left: 8px;
        margin-right: -5px;
        margin-bottom: 7px;
        margin-top: -2px;
        z-index: 80
    }

        .nav-item.active span, .nav-item.active:hover span {
            border-radius: 8px;
            background: var(--bs-body-bg);
            border: solid 1px color-mix(in srgb, var(--bs-light-bg-subtle), var(--bs-primary) 20%);
            padding: 4px 26px 4px 14px;
            box-shadow: rgba(0,0,0,.16) 0px 3px 6px,rgba(0,0,0,.23) 0px 3px 6px
        }

.nav-item-l2 {
    min-height: 35px;
    display: flex;
    align-items: center;
    padding: 5px;
    margin: 0 7px 10px 7px;
    border-radius: 8px;
    cursor: pointer;
    transition: all .2s,height .3s ease;
    overflow: hidden
}

    .nav-item-l2 .icon {
        margin-right: 12px
    }

    .nav-item-l2 .label {
        opacity: 0;
        white-space: normal;
        line-height: 1.2;
        width: calc(var(--l2-expanded) - 100px)
    }

@media(max-width: 991px) {
    .nav-item-l2 .label {
        width: calc(var(--l2-expanded) - 30px)
    }
}

.nav-item-l2 .label {
    flex-shrink: 0;
    padding-right: 10px;
    transition: opacity .2s;
    pointer-events: none;
    font-size: 14px
}

.nav-item-l2 .arrow-l2 {
    font-size: 18px;
    opacity: 0;
    flex-shrink: 0;
    margin-left: auto;
    transition: opacity .2s ease,transform .2s ease
}

.nav-item-l2.current,
.nav-item-l3.current {
    background: color-mix(in srgb, var(--bs-light-bg-subtle), var(--bs-primary) 15%);
    border-radius: 8px;
    color: var(--bs-primary) !important
}

    .nav-item-l2.current .icon, .nav-item-l2.current .label {
        color: var(--bs-primary)
    }

    .nav-item-l2.current.has-l3 .arrow-l2 {
        color: var(--bs-primary);
        transform: translateX(3px)
    }

.nav-item-l2.header-group {
    cursor: pointer
}

    .nav-item-l2.header-group .label {
        font-weight: 700 !important;
        font-size: 15px !important
    }

.nav-group-l2 {
    display: flex;
    flex-direction: column;
    transition: margin .3s
}

.nav-sub-list-l2 {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .4s cubic-bezier(0, 1, 0, 1),opacity .3s ease
}

    .nav-sub-list-l2 .nav-sub-item-l2 {
        padding: 8px 22px 8px 60px;
        min-height: 35px;
        display: flex;
        align-items: center;
        font-size: 14px;
        cursor: pointer;
        transition: all .2s
    }

        .nav-sub-list-l2 .nav-sub-item-l2:hover {
            color: var(--bs-primary)
        }

        .nav-sub-list-l2 .nav-sub-item-l2.active {
            color: var(--bs-primary);
            font-weight: 600
        }

        .nav-sub-list-l2 .nav-sub-item-l2 .sub-label {
            flex-grow: 1
        }

        .nav-sub-list-l2 .nav-sub-item-l2 .arrow-l2 {
            font-size: 18px
        }

#sidebar.n3-active:not(.n2-expanded) .nav-item-l2.active {
    transition: none !important;
    animation: none !important;
    position: relative;
    z-index: 1100;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,0) !important;
    height: 40px;
    width: 50;
    padding: 0 0 0 3px !important;
    margin: -2px -6px 7px auto !important;
    border: none !important
}

    #sidebar.n3-active:not(.n2-expanded) .nav-item-l2.active .icon, #sidebar.n3-active:not(.n2-expanded) .nav-item-l2.active .label, #sidebar.n3-active:not(.n2-expanded) .nav-item-l2.active .arrow-l2 {
        transition: none !important;
        animation: none !important
    }

    #sidebar.n3-active:not(.n2-expanded) .nav-item-l2.active .icon {
        display: flex;
        align-items: center;
        justify-content: left;
        height: 35px;
        min-width: 336px;
        padding-left: 8px;
        color: var(--bs-primary) !important;
        background-color: var(--bs-body-bg) !important;
        border-radius: 8px;
        border: solid 1px color-mix(in srgb, var(--bs-light-bg-subtle), var(--bs-primary) 20%) !important;
        box-shadow: rgba(0,0,0,.16) 0px 3px 6px,rgba(0,0,0,.23) 0px 3px 6px;
        margin-right: 0 !important
    }

    #sidebar.n3-active:not(.n2-expanded) .nav-item-l2.active .label, #sidebar.n3-active:not(.n2-expanded) .nav-item-l2.active .arrow-l2 {
        display: none !important
    }

#sidebar.n3-active:not(.n2-expanded) .nav-group-l2 {
    margin-bottom: 0 !important;
    transition: none !important
}

#sidebar.n2-expanded .nav-l2.nav-list {
    padding-top: 3px
}

#sidebar.n2-expanded .nav-l2 {
    width: var(--l2-expanded)
}

    #sidebar.n2-expanded .nav-l2 .label {
        opacity: 1;
        pointer-events: auto
    }

    #sidebar.n2-expanded .nav-l2 .arrow-l2 {
        opacity: 1;
        pointer-events: auto
    }

#sidebar.n2-expanded .nav-sub-list-l2 {
    max-height: 1000px;
    opacity: 1;
    transition: max-height .4s ease-in-out,opacity .4s ease
}

    #sidebar.n2-expanded .nav-sub-list-l2 .nav-sub-item-l2 {
        color: var(--bs-secondary)
    }

#sidebar.n2-expanded .title-l1-all, #sidebar.n2-expanded .search-dash-button, #sidebar.n2-expanded .search-dash-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0)
}

#sidebar.n2-expanded .nav-item-l2 {
    margin: 0 14px 10px 14px;
    padding: 7px 10px
}

    #sidebar.n2-expanded .nav-item-l2.header-group {
        margin-bottom: 0
    }

    #sidebar.n2-expanded .nav-item-l2:not(.header-group) {
        color: var(--bs-secondary)
    }

#sidebar.n3-active .nav-l3 {
    width: var(--l3-width);
    opacity: 1;
    pointer-events: auto
}

#sidebar.n3-active .nav-sub-list-l2 {
    max-height: 0;
    opacity: 0
}

#sidebar.n3-active .arrow-l2 {
    display: none !important;
    opacity: 0 !important
}

#sidebar.n3-active .title-l2-all {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0)
}

#sidebar:not(.n2-expanded) .nav-group-l2 {
    margin-bottom: 2px
}

#sidebar:not(.n2-expanded) .label {
    display: none
}

#sidebar:not(.n2-expanded) .title-l1-all, #sidebar:not(.n2-expanded) .search-dash-button, #sidebar:not(.n2-expanded) .search-dash-active {
    transition: opacity .2s ease,visibility .2s ease,transform .2s ease
}

#sidebar:not(.n2-expanded) .nav-item-l2:not(.active) {
    height: 35px !important;
    min-height: 35px !important;
    padding: 5px
}

#sidebar:not(.n3-active) .title-l2-all {
    opacity: 0;
    transform: translateX(-10px);
    transition-duration: .2s
}

#title-l1, #title-l2 {
    font-size: 14px;
    font-weight: 800;
    color: var(--bs-primary);
    padding-left: 10px;
    letter-spacing: .5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity .4s cubic-bezier(0.4, 0, 0.2, 1)
}

.title-l1-all, .search-dash-button, .search-dash-active, .title-l2-all {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-10px);
    transition: all .4s cubic-bezier(0.4, 0, 0.2, 1)
}

.search-dash-active {
    position: relative;
    opacity: 0;
    max-height: 0;
    transform: translateY(-5px);
    transition: all .4s ease-in-out;
    margin: 15px;
    margin-top: -15px;
    overflow-x: hidden
}

    .search-dash-active .search-dash-wrapper {
        margin-top: -50px;
        transition: all .4s ease-in-out
    }

    .search-dash-active.active {
        opacity: 1;
        max-height: 120px;
        transform: translateY(0);
        margin-top: 15px
    }

        .search-dash-active.active .search-dash-wrapper {
            margin-top: 0
        }

#input-dash-search {
    border-radius: 8px;
    font-size: .85rem;
    border-color: #eee
}

    #input-dash-search:focus {
        border-color: var(--bs-primary)
    }

#icon-search-toggle {
    transition: transform .3s ease
}

.search-dash-active.active ~ .search-dash-button #icon-search-toggle {
    transform: rotate(180deg)
}

#sidebar.searching-mode .nav-item, #sidebar.searching-mode .nav-item-l2, #sidebar.searching-mode .nav-sub-item-l2, #sidebar.searching-mode .accordion-item {
    opacity: .4;
    filter: grayscale(0.8);
    transition: all .3s ease
}

#sidebar.searching-mode .search-match, #sidebar.searching-mode .search-path-active {
    opacity: 1 !important;
    filter: grayscale(0) !important;
    color: var(--bs-secondary);
    font-weight: 900
}

#sidebar.searching-mode .nav-l1 .nav-item.search-path-active span {
    color: var(--bs-secondary) !important
}

#sidebar.searching-mode .nav-l1 .nav-item.search-path-active.active span {
    color: var(--bs-secondary) !important
}

#sidebar.searching-mode .nav-l1 .nav-item.search-path-active.current {
    background-color: color-mix(in srgb, var(--bs-secondary), white 70%)
}

#sidebar.searching-mode .nav-item-l2.header-group.search-path-active.active {
    background-color: var(--bs-secondary) !important
}

    #sidebar.searching-mode .nav-item-l2.header-group.search-path-active.active span.label, #sidebar.searching-mode .nav-item-l2.header-group.search-path-active.active span.icon {
        color: var(--bs-secondary) !important
    }

#sidebar.searching-mode .nav-item-l2.header-group.search-path-active span.label {
    color: var(--bs-secondary) !important;
    font-weight: 900 !important
}

#sidebar.searching-mode .search-match .icon, #sidebar.searching-mode.n3-active:not(.n2-expanded) .nav-item-l2.active .icon {
    color: var(--bs-secondary) !important
}

#mobile-menu-open, #btn-close-mobile {
    display: none
}

@media(max-width: 1200px) {
    :root {
        --l2-expanded: calc(100% - var(--l1-width));
        --l3-width: calc(100% - var(--l1-width) - var(--l2-collapsed))
    }

    #mobile-menu-open {
        display: flex;
        position: fixed;
        top: 15px;
        left: 15px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        background-color: var(--bs-tertiary-bg);
        border: 1px solid var(--bs-border-color) !important;
        font-weight: 600;
        color: var(--bs-primary);
        border: none;
        box-shadow: 0 4px 10px rgba(0,0,0,.3);
        z-index: 1100;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    .col-dashboard {
        position: fixed !important;
        top: 0 !important;
        left: -110% !important;
        height: 100vh !important;
        margin: 0 !important;
        border-radius: 0 !important;
        width: 320px !important;
        transition: left .4s cubic-bezier(0.4, 0, 0.2, 1) !important;
        z-index: 2000 !important
    }

        .col-dashboard.mobile-active {
            left: 0 !important
        }

    #btn-close-mobile {
        display: flex;
        background: none;
        border: none;
        color: #dc3545;
        cursor: pointer;
        padding: 5px;
        margin-left: 5px
    }

        #btn-close-mobile span {
            font-weight: bold;
            font-size: 28px
        }

    .header-zone-top {
        justify-content: space-between !important;
        padding-right: 10px
    }

    #toggle-l2 {
        display: none !important
    }

    body.mobile-menu-open {
        overflow: hidden !important
    }
}

body, button, input, select, textarea {
    font-family: "DM Sans",sans-serif
}

body {
    font-optical-sizing: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--bs-secondary-text);
    font-size: 14px;
    background-color: rgb(from color-mix(in srgb, var(--bs-primary), white 50%) r g b/0.4)
}

[data-bs-theme=dark] body {
    background-color: rgb(from color-mix(in srgb, var(--bs-primary), white 20%) r g b/0.1)
}

body.session-defensor {
    background-color: var(--bs-hi-defensor)
}

[data-bs-theme=dark] body.session-defensor {
    background-color: rgb(from color-mix(in srgb, var(--bs-hi-defensor), black 10%) r g b/0.2)
}

body.session-defensor .header-profile-wrapper {
    background: var(--bs-primary) url("../images/background-def.jpg") no-repeat center center;
    background-size: cover
}

body.session-servidor {
    background-color: var(--bs-hi-servidor)
}

[data-bs-theme=dark] body.session-servidor {
    background-color: rgb(from color-mix(in srgb, var(--bs-hi-servidor), black 10%) r g b/0.2)
}

body.session-servidor .header-profile-wrapper {
    background: var(--bs-primary) url("../images/background-serv.jpg") no-repeat center center;
    background-size: cover
}

body.session-residente {
    background-color: var(--bs-hi-residente)
}

[data-bs-theme=dark] body.session-residente {
    background-color: rgb(from color-mix(in srgb, var(--bs-hi-residente), black 10%) r g b/0.2)
}

body.session-residente .header-profile-wrapper {
    background: var(--bs-primary) url("../images/background-res.jpg") no-repeat center center;
    background-size: cover
}

body.session-estagiario {
    background-color: var(--bs-hi-estagiario)
}

[data-bs-theme=dark] body.session-estagiario {
    background-color: rgb(from color-mix(in srgb, var(--bs-hi-estagiario), black 10%) r g b/0.2)
}

body.session-estagiario .header-profile-wrapper {
    background: var(--bs-primary) url("../images/background-est.jpg") no-repeat center center;
    background-size: cover
}

@font-face {
    font-family: "defIconset";
    src: url("../fonts/defIconset.woff2") format("woff2"),url("../fonts/defIconset.ttf") format("truetype"),url("../fonts/defIconset.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

.def-icon {
    font-family: "defIconset" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.main-icon {
    font-size: clamp(40px,8vw,80px);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

    .main-icon.material-symbols-outlined {
        font-family: "Material Symbols Outlined";
        font-weight: normal
    }

.home-principal-header .photo-user img, .img-card-custom, .img-slide-fixo {
    object-fit: cover;
    object-position: center
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: var(--bs-primary)
}

body.loading-active {
    overflow: hidden
}

.loader-mask-index {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    background: url("../images/background-1.jpg");
    background-size: cover;
    background-position-x: 100%;
    background-position-y: center;
    opacity: 1;
    visibility: visible;
    transition: opacity .8s ease-out,visibility .8s ease-out
}

@media screen and (max-width: 719px) {
    .loader-mask-index .logo-wrapper {
        height: auto
    }
}

@media screen and (min-width: 720px) {
    .loader-mask-index .logo-wrapper .logo-def-w {
        transform: scale(0.9)
    }
}

.loader-mask-index .messager-wrapper {
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    opacity: 0;
    animation: openAndShow 1s ease-out forwards;
    animation-delay: 1s
}

.loader-mask-index .loader-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 0%;
    background-color: var(--bs-secondary);
    opacity: 0;
    transition: opacity .5s ease-in,width .1s linear
}

    .loader-mask-index .loader-progress-bar.visible {
        opacity: 1
    }

@keyframes openAndShow {
    0% {
        opacity: 0;
        max-height: 0;
        margin-top: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        max-height: 200px;
        margin-top: 2rem;
        transform: translateY(0)
    }
}

.bar-util {
    position: fixed;
    right: 0;
    padding: 1rem;
    z-index: 1050
}

    .bar-util.header-bar {
        top: 0
    }

    .bar-util.footer-bar {
        bottom: 0;
        width: 100%
    }

[data-bs-theme=dark] .bar-util.footer-bar .bar-util-wrapper {
    border: 1px solid var(--bs-border-color)
}

.bar-util.footer-bar .popup-bar-wrapper {
    bottom: calc(100% + 10px);
    top: auto
}

.bar-util.footer-bar #popUpProf.popup-bar-wrapper {
    right: 10px;
    left: 10px
}

.bar-util .bar-util-wrapper {
    position: relative;
    border-radius: 50px;
    background-color: var(--bs-body-bg)
}

    .bar-util .bar-util-wrapper .search-col .search-wrapper {
        position: relative
    }

@media screen and (min-width: 991px) {
    .bar-util .bar-util-wrapper .search-col .search-wrapper .adv-search {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2
    }
}

.bar-util .bar-util-wrapper .search-col .search-wrapper .adv-search {
    color: var(--bs-body-color)
}

@media screen and (max-width: 991px) {
    .bar-util .bar-util-wrapper .search-col .search-wrapper .adv-search .material-symbols-outlined {
        font-size: 32px
    }
}

.bar-util .bar-util-wrapper .search-col .popup-bar-wrapper .search-form {
    position: relative
}

    .bar-util .bar-util-wrapper .search-col .popup-bar-wrapper .search-form .adv-search-foot {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2;
        color: var(--bs-secondary-text)
    }

.bar-util .bar-util-wrapper .user-profile-col button {
    transform: scale(1);
    transition: transform .2s ease-in-out
}

    .bar-util .bar-util-wrapper .user-profile-col button:hover {
        transform: scale(1.08)
    }

.bar-util .bar-util-wrapper .user-profile-col .profile-photo {
    display: block;
    overflow: hidden;
    height: 42px;
    width: 42px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    font-size: 0;
    color: rgba(0,0,0,0)
}

.bar-util .popup-bar-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1050;
    background: var(--bs-body-bg);
    top: calc(100% + 20px)
}

    .bar-util .popup-bar-wrapper.wrap-auto {
        left: auto
    }

.bar-util .popup-bar-wrapper {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px) scale(0.95);
    pointer-events: none;
    transition: opacity .3s ease,transform .4s cubic-bezier(0.165, 0.84, 0.44, 1),visibility .3s
}

    .bar-util .popup-bar-wrapper.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
        pointer-events: auto
    }

    .bar-util .popup-bar-wrapper .text-smae {
        opacity: .5
    }

    .bar-util .popup-bar-wrapper input[type=date]::-webkit-calendar-picker-indicator {
        cursor: pointer;
        filter: invert(0.5) sepia(0) saturate(0) hue-rotate(0deg)
    }

    .bar-util .popup-bar-wrapper.active {
        display: block
    }

#popUpNotfy.popup-bar-wrapper {
    min-width: 425px !important;
}

.bar-util .notification-item {
    display: block;
    text-decoration: none !important;
    transition: all .2s ease-in-out;
    background-color: color-mix(in srgb, var(--bs-light-bg-subtle), var(--bs-secondary-text) 5%) !important;
    cursor: pointer
}

    .bar-util .notification-item:hover {
        transform: scale(1.02);
        background-color: var(--bs-light-bg-subtle) !important;
        box-shadow: 0 0 10px rgba(0,0,0,.205) !important
    }

        .bar-util .notification-item:hover .notification-title {
            color: #1a5c37 !important
        }

.bar-util #searchIcon {
    transition: transform .3s ease,color .3s ease;
    display: inline-block
}

.bar-util .adv-search.active #searchIcon {
    transform: rotate(90deg)
}

.btn-toggle {
    background: none;
    border: none;
    color: #666;
    cursor: pointer;
    display: flex;
    align-items: center
}

.color-inherit {
    color: inherit !important
}

@keyframes fadeInSub {
    from {
        opacity: 0;
        transform: translateY(-5px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.theme-toggle {
    background: none;
    border: none;
    padding: 0;
    inline-size: 2rem;
    block-size: 2rem;
    aspect-ratio: 1;
    border-radius: 50%;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline-offset: 5px;
    color: var(--bs-body-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s,box-shadow .3s
}

    .theme-toggle .sun-and-moon > :is(.moon,.sun,.sun-beams) {
        transform-origin: center center
    }

    .theme-toggle .sun-and-moon > :is(.moon,.sun) {
        fill: currentColor
    }

    .theme-toggle .sun-and-moon > .sun-beams {
        stroke: currentColor;
        stroke-width: 2px;
        transition: transform .5s cubic-bezier(0.5, 1.5, 0.75, 1.25),opacity .5s cubic-bezier(0.25, 0, 0.3, 1)
    }

    .theme-toggle .sun-and-moon > .sun {
        transition: transform .5s cubic-bezier(0.5, 1.25, 0.75, 1.25)
    }

    .theme-toggle .sun-and-moon .moon > circle {
        transition: transform .25s cubic-bezier(0, 0, 0, 1)
    }

.bar-util.footer-bar .theme-toggle {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 1060;
    width: 45px;
    height: 45px;
    background-color: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 4px 12px rgba(0,0,0,.15)
}

    .bar-util.footer-bar .theme-toggle svg {
        width: 24px;
        height: 24px
    }

[data-bs-theme=dark] .theme-toggle .sun-and-moon > .sun {
    transform: scale(1.75)
}

[data-bs-theme=dark] .theme-toggle .sun-and-moon > .sun-beams {
    opacity: 0;
    transform: rotateZ(-25deg)
}

[data-bs-theme=dark] .theme-toggle .sun-and-moon .moon > circle {
    transform: translateX(-7px)
}

@supports(cx: 1) {
    [data-bs-theme=dark] .theme-toggle .sun-and-moon .moon > circle {
        transform: translateX(0);
        cx: 17
    }
}

.profile-avatar-container {
    width: 100px;
    height: 100px;
    background-color: var(--bs-primary);
    border-radius: 50%;
    padding: 3px
}

    .profile-avatar-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: 2px solid #fff
    }

.profile-data-list span {
    font-size: .95rem
}

.emphasis-bg-clear {
    background-color: rgba(from color-mix(in srgb, var(--bs-light-bg-subtle), black 40%) r g b/0.1) !important
}

[data-bs-theme=dark] .emphasis-bg-clear {
    background-color: rgba(from color-mix(in srgb, var(--bs-light-bg-subtle), white 40%) r g b/0.05) !important
}

.layout-wrapper {
    display: flex;
    align-items: flex-start;
    min-height: 100vh;
    padding-bottom: var(--footer-height, 0px);
    transition: padding-bottom .2s ease
}

.col-last {
    flex: 1;
    min-width: 0;
    flex-grow: 1;
    padding: 20px;
    overflow-y: auto
}

@media(max-width: 1200px) {
    .col-dashboard, .col-dashboard.collapsed {
        width: 100%;
        min-width: 100%;
        height: auto
    }

    .col-last {
        padding: 10px
    }
}

.column-grid {
    display: grid;
    gap: 1.5rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    grid-template-columns: 1fr;
    grid-template-areas: "area1" "area2" "area3"
}

@media(min-width: 1439px) {
    .column-grid {
        grid-template-columns: 1fr 452px
    }
}

@media(max-width: 1440px)and (min-width: 1200px) {
    .column-grid {
        grid-template-columns: 1fr 452px
    }
}

@media(min-width: 1200px) {
    .column-grid {
        grid-template-rows: auto 1fr;
        grid-template-areas: "area1 area2" "area3 area2"
    }
}

.column-grid > * {
    max-width: 100%;
    min-width: 0
}

.card .card-body {
    color: var(--bs-secondary-text)
}

.item-1 {
    grid-area: area1
}

.item-2 {
    grid-area: area2;
    padding-top: var(--header-height, 0);
    transition: padding-top .2s ease
}

@media(min-width: 1200px) {
    .item-2 {
        width: 452px
    }
}

.item-3 {
    grid-area: area3
}

.custom-breadcrumb {
    padding: 0;
    background-color: rgba(0,0,0,0);
    margin-bottom: 0
}

    .custom-breadcrumb .breadcrumb-item {
        font-size: .8rem;
        font-weight: 500;
        color: var(--bs-tertiary)
    }

        .custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
            color: var(--bs-tertiary);
            content: var(--bs-breadcrumb-divider, "/")
        }

        .custom-breadcrumb .breadcrumb-item a {
            color: var(--bs-tertiary);
            text-decoration: none
        }

            .custom-breadcrumb .breadcrumb-item a:hover {
                color: var(--bs-primary);
                text-decoration: underline
            }

        .custom-breadcrumb .breadcrumb-item.active {
            color: var(--bs-primary)
        }

.custom-carousel-container {
    border-radius: 20px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

    .custom-carousel-container .carousel-control-prev, .custom-carousel-container .carousel-control-next {
        display: none
    }

    .custom-carousel-container .custom-dots {
        margin-bottom: 1.2rem;
        bottom: 0
    }

        .custom-carousel-container .custom-dots button {
            width: 8px !important;
            height: 8px !important;
            border-radius: 50% !important;
            background-color: rgba(0,0,0,0) !important;
            border: 1px solid #fff !important;
            opacity: .8;
            transition: all .3s ease;
            margin: 0 5px !important;
            padding: 0;
            box-sizing: border-box
        }

            .custom-carousel-container .custom-dots button.active {
                background-color: #fff !important;
                opacity: 1;
                border: 1px solid #fff !important
            }

.banner-wrapper {
    height: 350px;
    position: relative;
    background-color: #4a4e69
}

    .banner-wrapper::before {
        content: "";
        position: absolute;
        inset: 0;
        background-color: rgba(0,0,0,.4);
        z-index: 2
    }

.banner-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 30%);
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 30%)
}

.banner-text {
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 3rem
}

    .banner-text h2 {
        color: #fff !important;
        margin-bottom: 1rem
    }

    .banner-text p {
        margin-bottom: 1.5rem;
        font-size: 1.1rem;
        opacity: .9
    }

@media(min-width: 1440px) {
    .mobile-carousel-wrapper .carousel-indicators {
        display: none !important
    }

    .mobile-carousel-wrapper .custom-grid-layout {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        overflow: visible
    }

        .mobile-carousel-wrapper .custom-grid-layout::after, .mobile-carousel-wrapper .custom-grid-layout::before {
            display: none
        }

    .mobile-carousel-wrapper .carousel-item {
        display: block !important;
        margin-right: 0 !important;
        width: 100% !important;
        opacity: 1 !important;
        transition: none !important;
        transform: none !important
    }
}

.mobile-carousel-wrapper .custom-dots {
    bottom: -40px
}

    .mobile-carousel-wrapper .custom-dots button {
        width: 10px !important;
        height: 10px !important;
        border-radius: 50% !important;
        background-color: rgba(0,0,0,0) !important;
        border: 1px solid var(--bs-secondary) !important;
        transition: .3s
    }

        .mobile-carousel-wrapper .custom-dots button.active {
            background-color: var(--bs-secondary) !important
        }

.section-title {
    color: var(--bs-primary);
    font-weight: bold
}

.news-card {
    background: var(--bs-body-bg);
    border-radius: 24px;
    padding: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,.05);
    display: flex;
    flex-direction: column
}

    .news-card .card-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column
    }

    .news-card .card-foot {
        margin-top: auto
    }

    .news-card .card-img-container {
        position: relative;
        margin-bottom: 20px
    }

        .news-card .card-img-container img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 20px
        }

        .news-card .card-img-container .like-btn {
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: #fff;
            border: none;
            color: var(--bs-primary);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: .3s
        }

            .news-card .card-img-container .like-btn.active {
                background: var(--bs-primary);
                color: #fff
            }

    .news-card .news-title {
        color: var(--bs-secondary-text);
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1.3;
        margin: 0;
        padding-right: 10px
    }

    .news-card .text-end {
        margin-top: auto
    }

    .news-card .btn-ver-mais {
        color: var(--bs-primary);
        text-decoration: none;
        font-weight: 600;
        font-size: .9rem
    }

        .news-card .btn-ver-mais:hover {
            text-decoration: underline
        }

.date-status {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 800;
    color: color-mix(in srgb, var(--bs-secondary-text), transparent 50%) !important
}

    .date-status span {
        vertical-align: middle;
        margin-right: 5px;
        font-size: 14px !important
    }

.btn-ver-todas {
    padding: 12px 40px
}

@media(max-width: 991px) {
    .mobile-carousel-wrapper {
        margin-left: -10px;
        margin-right: -10px
    }

        .mobile-carousel-wrapper .carousel-item {
            padding-left: 10px;
            padding-right: 10px
        }

        .mobile-carousel-wrapper .news-card {
            height: 100% !important;
            display: flex;
            flex-direction: column
        }

        .mobile-carousel-wrapper .card-content {
            flex-grow: 1;
            display: flex;
            flex-direction: column
        }

        .mobile-carousel-wrapper .text-end {
            margin-top: auto
        }
}

@media(min-width: 992px) {
    .info-grid-adjustment {
        grid-template-rows: repeat(2, auto)
    }
}

.info-card {
    background: var(--bs-body-bg);
    border-radius: 20px;
    /*padding: 0;*/
    padding: 32px 28px;
    height: 100%;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-default);
    border: 1px solid rgba(0,0,0,.03);
    transition: transform .2s ease,box-shadow .2s ease
}

    .info-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--shadow-hover)
    }

    .info-card::before {
        content: "";
        position: absolute;
        left: 2px;
        top: 50%;
        transform: translateY(-50%);
        width: 180.18px;
        height: 180.18px;
        background-color: var(--bs-primary);
        opacity: .04;
        -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180.18 180.18"><path d="m144.27 40.492c0-3.5548 1.713-6.964 4.761-9.4776 3.049-2.5136 7.184-3.9257 11.495-3.9257s8.446 1.4121 11.494 3.9257c3.049 2.5136 4.761 5.9228 4.761 9.4776v98.291c0 3.555-1.712 6.964-4.761 9.478-3.048 2.513-7.183 3.926-11.494 3.926s-8.446-1.413-11.495-3.926c-3.048-2.514-4.761-5.923-4.761-9.478zm-10.837 6.4693c-22.4 8.4888-49.189 13.234-75.859 14.797v55.731c3.9365 0.1824 7.8676 0.4357 11.791 0.7595 22.248 1.8229 43.76 5.969 64.068 13.94zm-86.696 70.064v-54.784c-7.3692 0.2413-15.161 0.3842-21.761 0.4736-5.74 0.0656-11.219 1.9876-15.257 5.352-4.0378 3.3644-6.3112 7.902-6.3306 12.635v17.871c0 9.8827 9.71 17.835 21.609 17.952l5.3752 0.0715c5.4565 0.0898 10.912 0.2328 16.364 0.4289zm15.064 9.6593c3.0921 0.1906 6.1626 0.4225 9.2114 0.6965l2.7418 15.102c0.2983 1.292 0.247 2.623-0.1505 3.897s-1.1312 2.46-2.1488 3.473c-1.0177 1.013-2.294 1.828-3.738 2.388-1.444 0.559-3.02 0.849-4.6155 0.848h-5.9387c-2.1065 0-4.1672-0.506-5.9302-1.457s-3.1518-2.304-3.9965-3.895l-14.24-22.16c6.1147 0.126 12.227 0.3166 18.336 0.5719 3.5473 0.1548 7.0368 0.3336 10.469 0.5361z" fill="black"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180.18 180.18"><path d="m144.27 40.492c0-3.5548 1.713-6.964 4.761-9.4776 3.049-2.5136 7.184-3.9257 11.495-3.9257s8.446 1.4121 11.494 3.9257c3.049 2.5136 4.761 5.9228 4.761 9.4776v98.291c0 3.555-1.712 6.964-4.761 9.478-3.048 2.513-7.183 3.926-11.494 3.926s-8.446-1.413-11.495-3.926c-3.048-2.514-4.761-5.923-4.761-9.478zm-10.837 6.4693c-22.4 8.4888-49.189 13.234-75.859 14.797v55.731c3.9365 0.1824 7.8676 0.4357 11.791 0.7595 22.248 1.8229 43.76 5.969 64.068 13.94zm-86.696 70.064v-54.784c-7.3692 0.2413-15.161 0.3842-21.761 0.4736-5.74 0.0656-11.219 1.9876-15.257 5.352-4.0378 3.3644-6.3112 7.902-6.3306 12.635v17.871c0 9.8827 9.71 17.835 21.609 17.952l5.3752 0.0715c5.4565 0.0898 10.912 0.2328 16.364 0.4289zm15.064 9.6593c3.0921 0.1906 6.1626 0.4225 9.2114 0.6965l2.7418 15.102c0.2983 1.292 0.247 2.623-0.1505 3.897s-1.1312 2.46-2.1488 3.473c-1.0177 1.013-2.294 1.828-3.738 2.388-1.444 0.559-3.02 0.849-4.6155 0.848h-5.9387c-2.1065 0-4.1672-0.506-5.9302-1.457s-3.1518-2.304-3.9965-3.895l-14.24-22.16c6.1147 0.126 12.227 0.3166 18.336 0.5719 3.5473 0.1548 7.0368 0.3336 10.469 0.5361z" fill="black"/></svg>');
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-size: contain;
        -webkit-mask-size: contain;
        pointer-events: none;
        z-index: 0
    }

    .info-card .info-card-header {
        position: relative;
        z-index: 1;
        font-weight: 800;
        color: var(--bs-primary);
        font-size: .85rem;
        text-transform: uppercase;
        margin-bottom: 15px
    }

        .info-card .info-card-header span {
            position: relative;
            display: inline-block;
            padding: 15px 20px 0 14px
        }

            .info-card .info-card-header span::after {
                position: absolute;
                content: "";
                display: block;
                width: calc(100% - 20px);
                height: 1px;
                background-color: var(--bs-primary);
                margin-top: 2px;
                left: -1px
            }

    .info-card .info-card-body {
        position: relative;
        z-index: 1;
        flex-grow: 1;
        display: flex;
        align-items: center;
        padding: 0 2rem
    }

        .info-card .info-card-body .info-text {
            color: var(--bs-secondary-text);
            font-size: 1.05rem;
            font-weight: 700;
            line-height: 1.4;
            margin: 0
        }

    .info-card .info-card-footer {
        position: relative;
        z-index: 1;
        padding: 0 24px 10px
    }

        .info-card .info-card-footer .btn-abrir {
            color: var(--bs-primary);
            text-decoration: none;
            font-weight: 800;
            font-size: .95rem;
            transition: opacity .2s
        }

            .info-card .info-card-footer .btn-abrir:hover {
                text-decoration: underline;
                opacity: .8
            }

[data-bs-theme=dark] .info-card::before {
    color: hsla(0,0%,100%,.05)
}

.circ-card {
    background: var(--bs-body-bg);
    border-radius: 24px;
    height: 100%;
    min-height: 380px;
    box-shadow: var(--shadow-default);
    overflow: hidden;
    position: relative;
    transition: transform .3s ease,box-shadow .3s ease
}

    .circ-card:hover {
        transform: translateY(-8px);
        box-shadow: var(--shadow-hover)
    }

    .circ-card .card-inner {
        padding: 20px;
        height: 100%;
        display: flex;
        flex-direction: column
    }

.circ-lay1 {
    padding: 15px;
    background-color: var(--bs-body-bg);
    display: flex;
    flex-direction: column
}

    .circ-lay1 .card-inner {
        display: flex;
        padding: 10px;
        flex-direction: row;
        height: 100%;
        width: 100%;
        gap: 10px
    }

    .circ-lay1 .content-side {
        flex: 0 0 60%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }

        .circ-lay1 .content-side .top-label {
            color: #5d6d7e;
            font-size: .82rem;
            margin-bottom: 5px
        }

        .circ-lay1 .content-side .main-title {
            color: var(--bs-primary);
            font-size: 1.7rem;
            font-weight: 800;
            margin-bottom: 15px;
            line-height: 1.1
        }

        .circ-lay1 .content-side .description {
            font-size: .88rem;
            line-height: 1.4;
            margin-bottom: 20px
        }

    .circ-lay1 .visual-side {
        flex: 0 0 40%;
        background-color: #55d0c0;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -10px;
        margin-bottom: -10px
    }

        .circ-lay1 .visual-side .main-icon {
            font-size: clamp(40px,8vw,80px);
            color: #fff;
            font-variation-settings: "FILL" 1,"wght" 400;
            filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1))
        }

.circ-lay2-frame {
    padding: 15px;
    background-color: var(--bs-body-bg);
    display: flex;
    flex-direction: column
}

    .circ-lay2-frame .inner-image-box {
        position: relative;
        flex-grow: 1;
        width: 100%;
        height: 100%;
        border-radius: 18px;
        background-size: cover;
        background-position: center;
        overflow: hidden;
        display: flex;
        flex-direction: column
    }

    .circ-lay2-frame .overlay-dark {
        position: absolute;
        inset: 0;
        z-index: 1
    }

    .circ-lay2-frame .card-inner {
        position: relative;
        z-index: 2;
        padding: 20px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .circ-lay2-frame .center-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

        .circ-lay2-frame .center-content .main-title-white {
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            text-shadow: 0 2px 4px rgba(0,0,0,.3)
        }

        .circ-lay2-frame .center-content .sub-label-white {
            color: hsla(0,0%,100%,.9);
            font-size: .85rem;
            margin-top: 5px
        }

        .circ-lay2-frame .center-content .divider {
            width: 60px;
            height: 2px;
            background: #fff;
            margin: 15px auto
        }

    .circ-lay2-frame .link-acessar-white {
        color: #fff;
        text-decoration: none;
        font-weight: 600;
        font-size: .9rem;
        display: inline-flex;
        align-items: center;
        gap: 5px
    }

        .circ-lay2-frame .link-acessar-white span {
            font-size: 18px
        }

        .circ-lay2-frame .link-acessar-white:hover {
            opacity: .8
        }

.circ-lay3 .section-title-alt {
    color: var(--bs-secondary-text);
    font-weight: 800;
    margin-bottom: 0
}

.circ-lay3 .card-img-box {
    height: 180px;
    overflow: hidden
}

    .circ-lay3 .card-img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.circ-lay3 .description {
    font-size: .9rem;
    opacity: .9;
    line-height: 1.5
}

[data-bs-theme=dark] .circ-card:not(.circ-lay2) {
    background: color-mix(in srgb, var(--bs-body-bg), white 5%)
}

[data-bs-theme=dark] .circ-lay1 .content-side .top-label, [data-bs-theme=dark] .circ-lay1 .content-side .description, [data-bs-theme=dark] .circ-lay3 .section-title-alt, [data-bs-theme=dark] .circ-lay3 .description {
    color: #ecf0f1
}

.acesso-rapido-container {
    background-color: var(--bs-body-bg);
    box-shadow: var(--shadow-default)
}

    .acesso-rapido-container .section-title {
        color: var(--bs-primary);
        font-weight: 700
    }

.acesso-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px 15px
}

.acesso-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 10px
}

.acesso-item {
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all .3s ease
}

    .acesso-item .acesso-icon-box {
        width: 100%;
        max-width: 110px;
        aspect-ratio: 1/1;
        border: 1.5px solid var(--bs-secondary);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0,0,0,0);
        transition: all .3s ease;
        margin-bottom: 10px
    }

        .acesso-item .acesso-icon-box i, .acesso-item .acesso-icon-box span {
            font-size: 72px;
            color: var(--bs-secondary);
            transition: all .3s ease
        }

    .acesso-item .acesso-label {
        color: var(--bs-secondary);
        font-size: .9rem;
        font-weight: 600;
        text-align: center;
        line-height: 1.2;
        display: block;
        max-width: 120px
    }

    .acesso-item:hover .acesso-icon-box {
        background: var(--bs-secondary);
        background: linear-gradient(45deg, var(--bs-secondary) 30%, var(--bs-link-secondary-hover-color) 100%);
        box-shadow: 0 3px 6px rgba(0,0,0,.2);
        transform: translateY(-3px)
    }

        .acesso-item:hover .acesso-icon-box i, .acesso-item:hover .acesso-icon-box span {
            color: #fff
        }

    .acesso-item:hover .acesso-label {
        color: color-mix(in srgb, var(--bs-secondary), black 15%)
    }

@media(max-width: 576px) {
    .acesso-grid-3, .acesso-grid-2 {
        gap: 15px 10px
    }

    .acesso-item .acesso-icon-box {
        max-width: 92px;
        border-radius: 14px
    }

        .acesso-item .acesso-icon-box i {
            font-size: 60px
        }

    .acesso-item .acesso-label {
        font-size: .75rem
    }
}

.acesso-grid-2 .acesso-item .acesso-icon-box {
    max-width: 120px;
    border-radius: 14px
}

    .acesso-grid-2 .acesso-item .acesso-icon-box i {
        font-size: 70px
    }

.acesso-grid-2 .acesso-item .acesso-label {
    font-size: .9rem
}

[data-bs-theme=dark] .acesso-item:not(:hover):not(.active) .acesso-icon-box {
    border-color: rgba(var(--bs-secondary-rgb), 0.6)
}

    [data-bs-theme=dark] .acesso-item:not(:hover):not(.active) .acesso-icon-box i {
        color: rgba(var(--bs-secondary-rgb), 0.8)
    }

[data-bs-theme=dark] .acesso-item:not(:hover):not(.active) .acesso-label {
    color: rgba(var(--bs-secondary-rgb), 0.8)
}

.sidebar-drawers {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.custom-drawer {
    background-color: var(--bs-body-bg);
    border-radius: 20px;
    overflow: hidden;
    transition: all .3s ease;
    box-shadow: var(--shadow-default);
    border: 1px solid rgba(0,0,0,.03)
}

    .custom-drawer .drawer-header {
        padding: 22px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        user-select: none
    }

        .custom-drawer .drawer-header .drawer-icon {
            font-size: 80px;
            color: var(--bs-secondary);
            filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05))
        }

        .custom-drawer .drawer-header .drawer-title {
            margin: 0;
            color: var(--bs-primary);
            font-weight: 700;
            letter-spacing: -0.3px
        }

        .custom-drawer .drawer-header .drawer-arrow {
            transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1);
            color: var(--bs-secondary);
            font-size: 24px;
            display: none
        }

    .custom-drawer .drawer-content {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows .4s cubic-bezier(0.4, 0, 0.2, 1),opacity .3s;
        opacity: 0
    }

        .custom-drawer .drawer-content .drawer-body {
            overflow: hidden;
            padding: 0 25px 25px 25px
        }

    .custom-drawer:hover {
        box-shadow: 0 12px 35px rgba(0,0,0,.08)
    }

    .custom-drawer.active .drawer-content {
        grid-template-rows: 1fr;
        opacity: 1
    }

    .custom-drawer.active .drawer-arrow {
        transform: rotate(180deg)
    }

@media(min-width: 992px) {
    .custom-drawer.open-desktop .drawer-header {
        cursor: default
    }

    .custom-drawer.open-desktop .drawer-content {
        grid-template-rows: 1fr;
        opacity: 1
    }

    .custom-drawer.open-desktop .drawer-arrow {
        display: none !important
    }
}

.mini-access-item {
    background: var(--bs-body-bg);
    border-radius: 16px;
    padding: 15px;
    margin-bottom: 12px;
    transition: all .2s ease
}

    .mini-access-item:hover {
        transform: scale(1.02);
        box-shadow: 0 0 10px rgba(0,0,0,.1)
    }

        .mini-access-item:hover i, .mini-access-item:hover span {
            font-size: 64px;
            color: var(--bs-link-secondary-hover-color)
        }

    .mini-access-item i, .mini-access-item span {
        font-size: 64px;
        color: var(--bs-primary)
    }

    .mini-access-item h5 {
        margin: 0;
        font-weight: 700;
        color: var(--bs-secondary-text)
    }

    .mini-access-item small {
        font-size: .8rem;
        color: #777
    }

.calendar-wrapper {
    background: rgba(0,0,0,0);
    user-select: none;
    width: 100%;
    padding: 0 2rem
}

.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
    text-align: center
}

    .calendar-grid .day-name {
        font-size: .9rem;
        font-weight: 800;
        padding-bottom: 8px;
        text-transform: uppercase
    }

    .calendar-grid .day {
        aspect-ratio: 1/1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .85rem;
        font-weight: 500;
        cursor: pointer;
        border-radius: 50%;
        transition: all .2s ease
    }

        .calendar-grid .day:hover:not(.prev-month) {
            background-color: rgba(var(--bs-primary-rgb), 0.1);
            color: var(--bs-primary)
        }

            .calendar-grid .day:hover:not(.prev-month).has-event {
                position: relative
            }

                .calendar-grid .day:hover:not(.prev-month).has-event::after {
                    background-color: var(--bs-primary) !important
                }

        .calendar-grid .day.prev-month {
            color: #ccc;
            opacity: .5;
            cursor: default
        }

        .calendar-grid .day.active {
            position: relative;
            background-color: var(--bs-secondary) !important;
            color: #fff !important;
            font-weight: 700
        }

        .calendar-grid .day.has-event {
            position: relative;
            color: var(--bs-secondary);
            font-weight: 1000
        }

            .calendar-grid .day.has-event::after {
                content: "";
                position: absolute;
                bottom: 6px;
                width: 4px;
                height: 4px;
                background-color: var(--bs-secondary) !important;
                border-radius: 50%
            }

.drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .drawer-header .month-year-selector {
        margin-left: 12px;
        padding: 5px 7px;
        background-color: rgba(var(--bs-primary-rgb), 0.05);
        border-radius: 25px
    }

        .drawer-header .month-year-selector .form-select {
            background-color: rgba(0,0,0,0) !important;
            padding: .2rem 1.5rem .2rem .5rem;
            font-size: .85rem;
            color: var(--bs-primary);
            font-weight: 600;
            border: none;
            width: auto !important;
            min-width: 75px
        }

.hidden-nav {
    display: none !important
}

@media(min-width: 992px) {
    .month-year-selector-mobile {
        display: none !important
    }

    .drawer-header {
        justify-content: start !important
    }

        .drawer-header .drawer-arrow {
            display: none !important
        }
}

[data-bs-theme=dark] .calendar-grid .day {
    color: #bbb
}

    [data-bs-theme=dark] .calendar-grid .day.prev-month {
        color: #444
    }

    [data-bs-theme=dark] .calendar-grid .day:hover:not(.prev-month) {
        background-color: hsla(0,0%,100%,.1);
        color: #fff
    }

#drawer-frequencia, #drawer-diario {
    background-color: rgba(var(--bs-body-bg-rgb), 0.15) !important;
    border: 1px solid rgba(var(--bs-body-bg-rgb), 0.3);
    box-shadow: inset 0 1px 2px hsla(0,0%,100%,.9),var(--shadow-default);
    position: relative;
    transition: all .3s ease
}

    #drawer-frequencia .drawer-header .drawer-title, #drawer-diario .drawer-header .drawer-title {
        letter-spacing: -0.2px
    }

    #drawer-frequencia:hover, #drawer-diario:hover {
        background-color: rgba(var(--bs-body-bg-rgb), 0.25) !important;
        transform: translateY(-2px);
        box-shadow: inset 0 1px 2px hsla(0,0%,100%,.9),var(--shadow-hover)
    }

[data-bs-theme=dark] #drawer-frequencia, [data-bs-theme=dark] #drawer-diario {
    background-color: rgba(var(--bs-body-bg-rgb), 0.2) !important;
    border-color: rgba(var(--bs-body-bg-rgb), 0.4);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1),0 8px 25px rgba(0,0,0,.2)
}

    [data-bs-theme=dark] #drawer-frequencia .drawer-text, [data-bs-theme=dark] #drawer-diario .drawer-text {
        color: #eee;
        opacity: .9
    }

@media(max-width: 991px) {
    .banner-image {
        width: 100%;
        opacity: .4;
        mask-image: none;
        -webkit-mask-image: none
    }

    .banner-text {
        text-align: center;
        width: 100%;
        padding: 2rem
    }

    .circ-lay1 {
        min-height: 320px
    }

        .circ-lay1 .content-side {
            flex: 0 0 65%
        }

        .circ-lay1 .visual-side {
            flex: 0 0 35%
        }

    .custom-drawer .drawer-header {
        padding: 12px 10px
    }

        .custom-drawer .drawer-header .drawer-arrow {
            display: block !important
        }

    .custom-drawer .drawer-icon {
        font-size: 58px !important
    }

    .custom-drawer .btn-ver-todas {
        padding: 6px 16px !important
    }

    #desktop-selectors {
        display: none !important
    }

    .drawer-header .drawer-arrow {
        display: block !important;
        cursor: pointer
    }

    .calendar-wrapper {
        padding: 0 1rem
    }

    .month-year-selector-mobile {
        padding: 5px 7px;
        background-color: rgba(var(--bs-primary-rgb), 0.05);
        border-radius: 25px;
        margin-right: auto !important;
        margin-left: auto !important;
        width: fit-content
    }

        .month-year-selector-mobile .form-select {
            background-color: rgba(0,0,0,0) !important;
            padding: .2rem 1.5rem .2rem .5rem;
            font-size: .85rem;
            color: var(--bs-primary);
            font-weight: 600;
            border: none;
            width: auto !important;
            min-width: 75px
        }

    .mini-access-item {
        padding: 0;
        margin-bottom: 1rem
    }

        .mini-access-item i, .mini-access-item span {
            font-size: 52px
        }
}

#eventModal .modal-content {
    background-color: color-mix(in srgb, var(--bs-light-bg-subtle), var(--bs-primary) 8%) !important;
    border-radius: var(--bs-border-radius)
}

#eventModal .carousel-indicators {
    position: relative;
    margin-top: 2rem
}

    #eventModal .carousel-indicators button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: var(--bs-primary);
        margin: 0 5px
    }

#eventModal .carousel-item {
    padding: 0 10px
}

#eventModal .event-details p {
    display: flex;
    align-items: center;
    color: var(--bs-primary);
    font-size: .9rem;
    margin-bottom: 8px
}

    #eventModal .event-details p span {
        margin-right: 8px;
        font-size: 18px
    }

    #eventModal .event-details p button:hover {
        text-decoration: underline !important;
        color: var(--bs-link-primary-hover-color)
    }

#eventModal.modal {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease
}

    #eventModal.modal.show {
        opacity: 1;
        visibility: visible
    }

#eventModal .modal-dialog {
    position: fixed !important;
    margin: 0 !important;
    width: 400px;
    transition: transform .4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform: translateX(100vw)
}

    #eventModal .modal-dialog .btn-close {
        color: var(--bs-link-secondary-color) !important;
        font-size: 8px;
        padding: 4px;
        border: 2px solid var(--bs-link-secondary-color);
        border-radius: 3px
    }

#eventModal.show .modal-dialog {
    transform: translateX(0)
}

#eventModal:not(.show) .modal-dialog {
    transform: translateX(100vw)
}

@media(max-width: 991.98px) {
    #eventModal.modal {
        display: flex !important;
        align-items: center;
        justify-content: center
    }

    #eventModal .modal-dialog {
        position: relative !important;
        transform: none !important;
        width: 90% !important;
        margin: 0 !important
    }
}

.modal-backdrop.show {
    opacity: .2 !important
}

body.profile .item-2 {
    padding-top: unset !important
}

.header-profile-wrapper {
    position: relative;
    width: 100%;
    min-height: 300px;
    padding-bottom: 20px;
    background-color: var(--bs-primary);
    border-radius: 20px;
    color: #fff
}

@media(max-width: 991px) {
    .header-profile-wrapper {
        min-height: 145px;
        width: 100vw;
        border-radius: 0;
        margin: -14px -14px 0
    }
}

.header-profile-wrapper .breadcrumb-item {
    font-size: .8rem;
    font-weight: 500;
    color: #fff
}

    .header-profile-wrapper .breadcrumb-item + .breadcrumb-item::before {
        color: #fff;
        content: var(--bs-breadcrumb-divider, "/")
    }

    .header-profile-wrapper .breadcrumb-item a {
        color: #fff;
        text-decoration: none
    }

        .header-profile-wrapper .breadcrumb-item a:hover {
            color: #fff;
            text-decoration: underline
        }

    .header-profile-wrapper .breadcrumb-item.active {
        color: #fff
    }

.profile-title {
    position: relative
}

    .profile-title::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: -14px;
        left: 0;
        background: radial-gradient(circle at 50% 50%, var(--bs-secondary-text) 0%, transparent 100%);
        opacity: .2
    }

.icon-title {
    font-size: 32px;
    padding: 8px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

@media(max-width: 991px) {
    .icon-title {
        font-size: 48px;
        padding: 12px !important;
        line-height: 1
    }
}

.profile-topbar {
    position: relative;
    background-color: color-mix(in srgb, var(--bs-body-bg), transparent 20%) !important;
    backdrop-filter: blur(7px);
    margin-top: -70px
}

@media(max-width: 991px) {
    .profile-topbar {
        margin-top: -35px
    }
}

.profile-topbar .custom-breadcrumb {
    padding: 0;
    background-color: rgba(0,0,0,0);
    margin-bottom: 0
}

.profile-topbar .profile-identity .profile-photo {
    max-width: 102px !important;
    max-height: 102px !important;
    overflow: hidden !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px
}

@media(max-width: 991px) {
    .profile-topbar .profile-identity .profile-photo {
        width: 46px !important;
        height: 46px !important;
        border-radius: 8px
    }
}

.profile-topbar .profile-identity .profile-photo .img-fluid {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block
}

.profile-topbar .profile-identity .profile-info .name-profile {
    color: var(--bs-secondary-text);
    margin-bottom: 3px
}

@media(max-width: 991px) {
    .profile-topbar .profile-identity .profile-info .name-profile {
        font-size: 16px
    }
}

.profile-topbar .profile-identity .profile-info small {
    font-size: 80%
}

.profile-topbar .profile-actions .btn {
    font-weight: 900;
    text-decoration: none !important;
    padding: 8px 30px;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media(min-width: 992px) {
    .profile-topbar .profile-actions .btn {
        flex-direction: row
    }
}

@media(max-width: 991px) {
    .profile-topbar .profile-actions .btn {
        min-width: calc(25% - 6px);
        white-space: unset;
        margin-top: 20px;
        border-radius: 14px
    }
}

@media(max-width: 1440px) {
    .profile-topbar .profile-actions .btn {
        padding: 8px 15px
    }
}

.profile-topbar .profile-actions .btn .material-symbols-outlined, .profile-topbar .profile-actions .btn .def-icon {
    font-size: 1.25rem;
    vertical-align: middle;
    line-height: 1;
    margin-right: 0
}

@media(min-width: 992px) {
    .profile-topbar .profile-actions .btn .material-symbols-outlined, .profile-topbar .profile-actions .btn .def-icon {
        margin-right: 8px
    }
}

@media(max-width: 991px) {
    .profile-topbar .profile-actions .btn .material-symbols-outlined, .profile-topbar .profile-actions .btn .def-icon {
        font-size: 3.8rem
    }
}

@media(max-width: 480px) {
    .profile-topbar .profile-actions .btn .material-symbols-outlined, .profile-topbar .profile-actions .btn .def-icon {
        margin-right: 0 !important
    }
}

.profile-topbar .profile-actions .btn:hover:not(.active) {
    color: var(--bs-secondary) !important
}

.profile-topbar .profile-actions .btn.active {
    background-color: var(--bs-link-secondary-hover-color);
    color: #fff
}

@media(max-width: 991px) {
    .profile-topbar .profile-actions .btn .label {
        font-size: .7rem;
        line-height: 140%
    }
}

@media(max-width: 480px) {
    .profile-topbar .profile-actions .btn .label {
        display: none
    }
}

.profile-card .card-header .notes-card-icon-hd {
    display: inline-block;
    border-radius: 50%;
    font-size: 60px;
    color: var(--bs-primary);
    background-color: var(--bs-body-bg);
    box-shadow: rgba(17,12,46,.15) 0px 48px 100px 0px;
    width: 80px;
    height: 80px
}

.profile-card .card-body .info-text {
    text-align: center;
    color: var(--bs-secondary-text);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0
}

.profile-card .card-body .iconlabel .def-icon {
    padding: 10px;
    border-radius: 50%;
    background-color: color-mix(in srgb, var(--bs-secondary-text), transparent 96%) !important;
    margin-left: 10px
}

.tab-content {
    width: 100%;
    overflow: hidden
}

    .tab-content > .tab-pane {
        display: none
    }

        .tab-content > .tab-pane.active {
            display: grid
        }

.profile-tab-content {
    width: 100%;
    min-width: 0;
    box-sizing: border-box
}

.tab-pane.fade {
    opacity: 0;
    display: none;
    transition: opacity .15s linear
}

    .tab-pane.fade.show {
        opacity: 1;
        display: auto
    }

.carrer-content .card {
    min-width: 250px
}

@media(max-width: 991px) {
    .carrer-content .card {
        min-width: 100%
    }
}

.contrast-space {
    position: relative;
    display: block;
    min-width: 25%;
    min-height: 250px
}

@media(max-width: 991px) {
    .contrast-space {
        min-width: 100%;
        min-height: 180px;
        margin-top: 30px
    }
}

.contrast-space::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(from color-mix(in srgb, var(--bs-primary), rgb(100, 255, 95) 90%) r g b/0.15);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.427 40.427'%3E%3Cpath d='m33.394 10.595-16.71 16.106-6.209-5.98 2.065-1.989 4.145 3.991 14.646-14.103zM18.75 31.496c-6.459 0-11.717-5.063-11.717-11.282 0-6.22 5.258-11.282 11.717-11.282 2.299 0 4.452.649 6.268 1.763l2.123-2.045c-2.387-1.593-5.272-2.539-8.391-2.539-8.085 0-14.646 6.318-14.646 14.103 0 7.785 6.561 14.103 14.646 14.103 2.534 0 4.921-.62 7-1.721l-2.196-2.115c-1.465.649-3.091 1.016-4.804 1.016zm10.252-7.052h-4.393v2.821h4.393v4.231h2.929v-4.231h4.393v-2.821h-4.393v-4.231h-2.929z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    pointer-events: none
}

.absence-card .contrast-space::before { /*AQUI*/
    background-color: rgb(from color-mix(in srgb, var(--bs-body-bg), black 90%) r g b/0.05);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5a.5.5 0 0 1 .5.5v3.793l2.354 2.353a.5.5 0 0 1-.708.708l-2.5-2.5A.5.5 0 0 1 7.5 8V4a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m0-1A7 7 0 1 1 8 1a7 7 0 0 1 0 14'/%3E%3C/svg%3E");
}

.contrast-space::before {
    width: 100% !important;
}

.rights-card {
    background-color: rgb(from color-mix(in srgb, var(--bs-body-bg), rgb(100, 255, 95) 20%) r g b)
}

    .rights-card .contrast-space::before {
        background-color: color-mix(in srgb, var(--bs-body-bg), white 15%);
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.427 40.427'%3E%3Cpath d='M18.694 6.038c.839-.837 2.201-.837 3.039 0l4.925 4.922V8.185c0-.592.48-1.073 1.074-1.073h2.148c.594 0 1.074.481 1.074 1.073v7.068l5.055 5.052c.419.419.419 1.099 0 1.518-.42.419-1.099.419-1.518 0L20.214 7.378 9.474 18.111v13.508c0 .594.48 1.074 1.074 1.074h8.592c.594 0 1.074.48 1.074 1.073 0 .594-.48 1.074-1.074 1.074h-8.592c-1.779 0-3.222-1.441-3.222-3.221V19.26l-1.389 1.388c-.419.419-1.099.419-1.518 0-.42-.419-.42-1.099 0-1.518z'/%3E%3C/svg%3E")
    }

.report-card .contrast-space::before {
    background-color: rgb(from color-mix(in srgb, var(--bs-body-bg), black 90%) r g b/0.05);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.427 40.427'%3E%3Cpath d='M11.224 2.05c-2.483 0-4.495 2.033-4.495 4.54v27.246c0 2.507 2.012 4.54 4.495 4.54h17.98c2.483 0 4.495-2.033 4.495-4.54V12.266L23.633 2.05h-12.41zm0 2.27h12.361v4.541c0 1.881 1.509 3.405 3.371 3.405h4.496v21.57c0 1.254-1.007 2.27-2.248 2.27h-17.98c-1.241 0-2.248-1.016-2.248-2.27V6.59c0-1.254 1.007-2.27 2.248-2.27zm14.609 13.623c-.288 0-.575.111-.795.333l-5.948 6.008-2.576-2.603c-.439-.443-1.151-.443-1.59 0-.438.443-.438 1.162 0 1.606l3.372 3.405c.21.213.497.333.794.333.298 0 .585-.12.795-.333l6.742-6.812c.439-.443.439-1.162 0-1.605-.219-.222-.506-.333-.794-.333z'/%3E%3C/svg%3E")
}

.badge-info {
    padding: 3px 16px;
    display: inline-block;
    min-width: 60px;
    text-align: center;
    color: #fff;
    background-color: color-mix(in srgb, var(--bs-secondary-text), transparent 80%) !important;
    border-radius: 8px
}

.edit-icon-prof:hover, .view-icon-prof:hover {
    color: var(--bs-secondary) !important
}

table, .table, .table > :not(caption) > * > * {
    background: rgba(0,0,0,0)
}

.table-profile-info {
    max-height: 400px;
    overflow-y: auto;
    scrollbar-width: auto;
    scrollbar-color: var(--bs-primary) #e2e8f0
}

    .table-profile-info thead tr th {
        padding: 1.2rem 1rem;
        color: color-mix(in srgb, var(--bs-primary), black 40%) !important;
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: var(--bs-body-bg)
    }

    .table-profile-info.rights-table thead tr th {
        background-color: rgb(from color-mix(in srgb, var(--bs-body-bg), rgb(100, 255, 95) 20%) r g b)
    }

    .table-profile-info.rights-table tr {
        border-bottom: #fff solid 2px
    }

    .table-profile-info tbody tr td {
        padding: 1.2rem 1rem;
        font-weight: 800;
        color: var(--bs-secondary-text)
    }

        .table-profile-info tbody tr td .status {
            color: color-mix(in srgb, var(--bs-secondary-text), transparent 40%)
        }

    .table-profile-info tbody tr[data-status=deferido] td .status, .table-profile-info tbody tr[data-status=enviado] td .status {
        color: var(--bs-success)
    }

    .table-profile-info tbody tr[data-status=deferido] td .badge-info, .table-profile-info tbody tr[data-status=enviado] td .badge-info {
        background-color: var(--bs-success) !important
    }

    .table-profile-info .table-striped-text tbody tr td:nth-child(odd) {
        color: color-mix(in srgb, var(--bs-secondary-text), transparent 40%) !important
    }

    /*ESTILO SITUAÇÃO AFASTAMENTO*/

    .table-profile-info tbody tr[data-status="deferido"] td .status,
    .table-profile-info tbody tr[data-status="enviado"] td .status,
    .table-profile-info tbody tr[data-status="entregue"] td .status {
        color: var(--bs-success);
    }

    .table-profile-info tbody tr[data-status="deferido"] td .badge-info,
    .table-profile-info tbody tr[data-status="enviado"] td .badge-info,
    .table-profile-info tbody tr[data-status="entregue"] td .badge-info {
        background-color: var(--bs-success) !important;
    }

    .table-profile-info tbody tr[data-status="fruicao"] td .status {
        color: #53868b;
    }

    .table-profile-info tbody tr[data-status="fruicao"] td .badge-info {
        background-color: #53868b !important;
    }

    .table-profile-info tbody tr[data-status="renuncia"] td .status {
        color: #00008b;
    }

[data-bs-theme="dark"]
.table-profile-info
tbody
tr[data-status="renuncia"]
td
.status {
    color: rgb(from color-mix(in srgb, #00008b, white 30%) r g b);
}

.table-profile-info tbody tr[data-status="renuncia"] td .badge-info {
    background-color: #00008b !important;
}

[data-bs-theme="dark"]
.table-profile-info
tbody
tr[data-status="renuncia"]
td
.badge-info {
    background-color: rgb( from color-mix(in srgb, #00008b, white 30%) r g b ) !important;
}

.table-profile-info tbody tr[data-status="cancelamento"] td .status {
    color: #ff8c00;
}

.table-profile-info tbody tr[data-status="cancelamento"] td .badge-info {
    background-color: #ff8c00 !important;
}

.table-profile-info tbody tr[data-status="pendente"] td .status {
    color: #d5a11d;
}

.table-profile-info tbody tr[data-status="pendente"] td .badge-info {
    background-color: #d5a11d !important;
}

.table-profile-info tbody tr[data-status="recusado"] td .status,
.table-profile-info tbody tr[data-status="indeferido"] td .status {
    color: #b20000;
}

[data-bs-theme="dark"]
.table-profile-info
tbody
tr[data-status="recusado"]
td
.status,
[data-bs-theme="dark"]
.table-profile-info
tbody
tr[data-status="indeferido"]
td
.status {
    color: rgb(from color-mix(in srgb, #b20000, white 30%) r g b);
}

.table-profile-info tbody tr[data-status="recusado"] td .badge-info,
.table-profile-info tbody tr[data-status="indeferido"] td .badge-info {
    background-color: #b20000 !important;
}

[data-bs-theme="dark"]
.table-profile-info
tbody
tr[data-status="recusado"]
td
.badge-info,
[data-bs-theme="dark"]
.table-profile-info
tbody
tr[data-status="indeferido"]
td
.badge-info {
    background-color: rgb( from color-mix(in srgb, #b20000, white 30%) r g b ) !important;
}

.table-profile-info tbody tr[data-status="permuta"] td .status {
    color: #A3AED0;
}

.table-profile-info tbody tr[data-status="permuta"] td .badge-info {
    background-color: #A3AED0 !important;
}

.table-profile-info tbody tr[data-status="transferencia"] td .status,
.table-profile-info tbody tr[data-status="transferencia"] td .status {
    color: #209CDA !important;
}

.table-profile-info tbody tr[data-status="transferencia"] td .badge-info,
.table-profile-info tbody tr[data-status="transferencia"] td .badge-info {
    background-color: #209CDA !important;
}

.table-profile-info tbody tr[data-status="suspensao"] td .status {
    color: #804000;
}

.table-profile-info tbody tr[data-status="suspensao"] td .badge-info {
    background-color: #804000 !important;
}

.table-profile-info tbody tr[data-status="retorno-licenca"] td .status {
    color: #5D7256;
}

.table-profile-info tbody tr[data-status="retorno-licenca"] td .badge-info {
    background-color: #5D7256 !important;
}

.table-profile-info tbody tr[data-status="averbado"] td .status {
    color: #5D7256;
}

.table-profile-info tbody tr[data-status="averbado"] td .badge-info {
    background-color: #5D7256 !important;
}

.table-profile-info tbody tr[data-status="renuncia-antecipada"] td .status {
    color: #CCDA03;
}

.table-profile-info tbody tr[data-status="renuncia-antecipada"] td .badge-info {
    background-color: #CCDA03 !important;
}

.table-profile-info tbody tr[data-status="indenizado"] td .status {
    color: #209CDA;
}

.table-profile-info tbody tr[data-status="indenizado"] td .badge-info {
    background-color: #209CDA !important;
}

.table-profile-info tbody tr[data-status="indenizado-ativos"] td .status {
    color: #2039DA;
}

.table-profile-info tbody tr[data-status="indenizado-ativos"] td .badge-info {
    background-color: #2039DA !important;
}

.table-profile-info tbody tr[data-status="venda-de-ferias-na-origem"] td .status {
    color: #7A20DA;
}

.table-profile-info tbody tr[data-status="venda-de-ferias-na-origem"] td .badge-info {
    background-color: #7A20DA !important;
}

.table-profile-info tbody tr[data-status="renuncia-integral"] td .status {
    color: #F2A58E;
}

.table-profile-info tbody tr[data-status="renuncia-integral"] td .badge-info {
    background-color: #F2A58E !important;
}

.table-profile-info tbody tr[data-status="renuncia-integral-antec"] td .status {
    color: #AFAFAF;
}

.table-profile-info tbody tr[data-status="renuncia-integral-antec"] td .badge-info {
    background-color: #AFAFAF !important;
}

.table-profile-info tbody tr[data-status="nao-informado"] td .status {
    color: #322B19;
}

.table-profile-info tbody tr[data-status="nao-informado"] td .badge-info {
    background-color: #322B19 !important;
}



/*FIM ESTILO SITUAÇÃO AFASTAMENTO*/



.mobile-table {
    max-height: 400px;
    overflow-y: auto;
    font-weight: 800;
    scrollbar-width: auto;
    scrollbar-color: var(--bs-primary) #e2e8f0
}

    .mobile-table .table-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px
    }

    .mobile-table .header-name {
        color: color-mix(in srgb, var(--bs-primary), var(--bs-body-bg) 60%) !important
    }

    .mobile-table .table-striped-text .line-table:nth-child(odd) .col-value, .mobile-table .table-striped-text .line-table:last-child .col-value {
        color: color-mix(in srgb, var(--bs-secondary-text), transparent 40%) !important
    }

    .mobile-table .status-deferido .line-table .badge-info {
        background-color: var(--bs-success) !important
    }

    .mobile-table .status-deferido .line-table .status {
        color: var(--bs-success) !important
    }

.report-grid-inner .table-grid {
    font-weight: 800;
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 20px
}

@media(min-width: 992px) {
    .report-grid-inner .table-grid {
        grid-template-columns: 200px 1fr 1fr;
        gap: 10px
    }
}

.report-grid-inner .table-grid .label {
    color: color-mix(in srgb, var(--bs-secondary-text), transparent 40%) !important
}

.report-grid-inner .table-grid[data-status=enviado] .badge-info {
    background-color: var(--bs-success) !important
}

.status-enviado .badge-info {
    background-color: var(--bs-success) !important
}

.triple-banner-wrapper {
    display: grid;
    height: 350px;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "top middle bottom";
    gap: 20px;
    position: relative;
    overflow: hidden
}

.banner-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    filter: blur(20px) brightness(0.6);
    transform: scale(1.2);
    z-index: 0
}

.area-image {
    grid-area: middle;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

    .area-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center
    }

.area-text-top, .area-image, .area-text-bottom {
    position: relative;
    z-index: 1;
    color: #fff
}

    .area-text-top h2, .area-text-top h4, .area-image h2, .area-image h4, .area-text-bottom h2, .area-text-bottom h4 {
        color: #fff !important;
        margin-top: 1rem;
        margin-bottom: 1rem
    }

@media(max-width: 991px) {
    .triple-banner-wrapper {
        height: 800px;
        grid-template-columns: 1fr;
        grid-template-areas: "top" "middle" "bottom"
    }

    .area-image {
        min-height: 150px;
        position: relative;
        z-index: 1
    }

    .area-text-bottom {
        padding-bottom: 4rem !important
    }

    .area-text-top, .area-image, .area-text-bottom {
        text-align: center
    }
}
/*# sourceMappingURL=main.css.map */