/* 1. CONFIG & ROOT */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    --primary: #222e3c;
    --primary-rgb: (34, 46, 60);
    --primary-rgba: rgba(34, 46, 60);
    --primary-rgba-1: rgba(34, 46, 60, 0.1);
    --primary-rgba-2: rgba(34, 46, 60, 0.2);
    --primary-rgba-3: rgba(34, 46, 60, 0.3);
    --primary-rgba-4: rgba(34, 46, 60, 0.4);
    --primary-rgba-5: rgba(34, 46, 60, 0.5);
    --primary-rgba-6: rgba(34, 46, 60, 0.6);
    --primary-rgba-7: rgba(34, 46, 60, 0.7);
    --primary-rgba-8: rgba(34, 46, 60, 0.8);
    --primary-rgba-9: rgba(34, 46, 60, 0.9);
    --secondary: #96C0B7;
    --secondary-rgba-1: rgba(150, 192, 183, 0.1);
    --secondary-rgba-2: rgba(150, 192, 183, 0.2);
    --sidebar-item: #e9ecef;
    --white: #FFFFFF;
    --bg-white: #FFF;
    --text-white: #FFF;
    --title: #212529;
    --purple: #9F0CEE;
    --brown: #785115;
    --orange: #ff8853;
    --yellow: #ffc600;
    --skyblue: #00aeff;
    --red: #ff586e;
    --green: #04a57c;
    --blue: #4a8be0;
    --white: #FFFFFF;
    --black: #000000;
    --pink: #ff4db8;
    --night: #341447;
    /*--blue: #3b7ddd;*/
    --indigo: #0a0a0a;
    --teal: #20c997;
    --cyan: #17a2b8;
    --black: #000;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --success: #1cbb8c;
    --info: #17a2b8;
    --warning: #fcb92c;
    --danger: #dc3545;
    --light: #f5f7fb;
    --dark: #212529;
    --primary-rgb: 59, 125, 221;
    --secondary-rgb: 108, 117, 125;
    --success-rgb: 28, 187, 140;
    --info-rgb: 23, 162, 184;
    --warning-rgb: 252, 185, 44;
    --danger-rgb: 220, 53, 69;
    --light-rgb: 245, 247, 251;
    --dark-rgb: 33, 37, 41;
    --purple-rgba-1: rgba(159, 12, 238, 0.1);
    --brown-rgba-1: rgba(120, 81, 21, 0.1);
    --darkgray-rgba-1: rgba(88, 88, 88, 0.1);
    --lightgray-rgba-1: rgba(230, 230, 230, 0.1);
    --orange-rgba-1: rgba(255, 136, 83, 0.1);
    --yellow-rgba-1: rgba(255, 198, 0, 0.1);
    --skyblue-rgba-1: rgba(0, 174, 255, 0.1);
    --red-rgba-1: rgba(255, 88, 110, 0.1);
    --green-rgba-1: rgba(4, 165, 124, 0.1);
    --blue-rgba-1: rgba(74, 139, 224, 0.1);
    --white-rgba-1: rgba(255, 255, 255, 0.1);
    --black-rgba-1: rgba(0, 0, 0, 0.1);
    --pink-rgba-1: rgba(255, 77, 184, 0.1);
    --night-rgba-1: rgba(52, 20, 71, 0.1);
    --purple-rgb: 159, 12, 238;
    --brown-rgb: 120, 81, 21;
    --darkgray-rgb: 88, 88, 88;
    --lightgray-rgb: 230, 230, 230;
    --orange-rgb: 255, 136, 83;
    --yellow-rgb: 255, 198, 0;
    --skyblue-rgb: 0, 174, 255;
    --red-rgb: 255, 88, 110;
    --green-rgb: 4, 165, 124;
    --blue-rgb: 74, 139, 224;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --pink-rgb: 255, 77, 184;
    --night-rgb: 52, 20, 71;
    --primary-text-emphasis: #183258;
    --secondary-text-emphasis: #2b2f32;
    --success-text-emphasis: #0b4b38;
    --info-text-emphasis: #09414a;
    --warning-text-emphasis: #654a12;
    --danger-text-emphasis: #58151c;
    --light-text-emphasis: #495057;
    --dark-text-emphasis: #495057;
    --primary-bg-subtle: #d8e5f8;
    --secondary-bg-subtle: #e2e3e5;
    --success-bg-subtle: #d2f1e8;
    --info-bg-subtle: #d1ecf1;
    --warning-bg-subtle: #fef1d5;
    --danger-bg-subtle: #f8d7da;
    --light-bg-subtle: #fcfcfd;
    --dark-bg-subtle: #ced4da;
    --primary-border-subtle: #b1cbf1;
    --secondary-border-subtle: #c4c8cb;
    --success-border-subtle: #a4e4d1;
    --info-border-subtle: #a2dae3;
    --warning-border-subtle: #fee3ab;
    --danger-border-subtle: #f1aeb5;
    --light-border-subtle: #e9ecef;
    --dark-border-subtle: #adb5bd;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --font-sans-serif: Poppins, sans-serif;
    --gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    --body-font-family: var(--font-sans-serif);
    --body-font-size: 0.875rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #495057;
    --body-color-rgb: 73, 80, 87;
    --body-bg: #f5f7fb;
    --body-bg-rgb: 245, 247, 251;
    --emphasis-color: #000;
    --emphasis-color-rgb: 0, 0, 0;
    --secondary-color: rgba(73, 80, 87, .75);
    --secondary-color-rgb: 73, 80, 87;
    --secondary-bg: #e9ecef;
    --secondary-bg-rgb: 233, 236, 239;
    --tertiary-color: rgba(73, 80, 87, .5);
    --tertiary-color-rgb: 73, 80, 87;
    --tertiary-bg: #f8f9fa;
    --tertiary-bg-rgb: 248, 249, 250;
    --heading-color: #000;
    --link-color: #3b7ddd;
    --link-color-rgb: 59, 125, 221;
    --link-decoration: none;
    --link-hover-color: #2f64b1;
    --link-hover-color-rgb: 47, 100, 177;
    --link-hover-decoration: underline;
    --code-color: #e83e8c;
    --highlight-bg: #fef1d5;
    --border-width: 1px;
    --border-style: solid;
    --border-color: #dee2e6;
    --border-color-translucent: rgba(0, 0, 0, .175);
    --border-radius: 0.2rem;
    --border-radius-sm: 0.1rem;
    --border-radius-lg: 0.3rem;
    --border-radius-xl: 1rem;
    --border-radius-xxl: 2rem;
    --border-radius-2xl: var(--border-radius-xxl);
    --border-radius-pill: 50rem;
    --box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, .05);
    --box-shadow-sm: 0 0.05rem 0.2rem rgba(0, 0, 0, .05);
    --box-shadow-lg: 0 0.2rem 0.2rem rgba(0, 0, 0, .05);
    --box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --focus-ring-width: 0.25rem;
    --focus-ring-opacity: 0.25;
    --focus-ring-color: rgba(59, 125, 221, .25);
    --form-valid-color: #1cbb8c;
    --form-valid-border-color: #1cbb8c;
    --form-invalid-color: #dc3545;
    --form-invalid-border-color: #dc3545;
}

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: var(--body-bg);
    color: var(--body-color);
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    margin: 0;
}

*,
:after,
:before {
    box-sizing: border-box
}

@media(prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}


hr {
    border: 0;
    border-top: var(--border-width) solid;
    color: inherit;
    margin: 1rem 0;
    opacity: .25
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color);
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

.h1,
h1 {
    font-size: 1.75rem
}

.h2,
h2 {
    font-size: 1.53125rem
}

.h3,
h3 {
    font-size: 1.3125rem
}

.h4,
h4 {
    font-size: 1.09375rem
}

.h5,
.h6,
h5,
h6 {
    font-size: .875rem
}

p {
    margin-bottom: 1rem;
    margin-top: 0
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-bottom: 1rem;
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 600
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

.small,
small {
    font-size: 80%
}

.mark,
mark {
    background-color: var(--highlight-bg);
    padding: .1875em
}

sub,
sup {
    font-size: .75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(var(--link-color-rgb), 0.8);
    text-decoration: none
}

a:hover {
    --bs-link-color-rgb: var(--link-hover-color-rgb);
    text-decoration: none
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: var(--font-sans-serif);
    font-size: 1em
}

pre {
    display: block;
    font-size: 80%;
    margin-bottom: 1rem;
    margin-top: 0;
    overflow: auto
}

pre code {
    color: inherit;
    font-size: inherit;
    word-break: normal
}

code {
    word-wrap: break-word;
    color: var(--code-color);
    font-size: 80%
}

a>code {
    color: inherit
}


.rounded {
    border-radius: var(--bs-border-radius) !important
}


/* 2. PRELOADER */
div#preloader {
    overflow: hidden !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--primary);
    z-index: 99999;
}

.loader-container {
    overflow: hidden !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

.loader-spinner {
    overflow: hidden !important;
    width: 98px;
    height: 98px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #FFF #FFF transparent transparent;
    box-sizing: border-box;
    animation: rotation 2s linear infinite;
}

.loader-spinner::after,
.loader-spinner::before {
    overflow: hidden !important;
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent #FF3D00 #FF3D00;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotationBack 1.5s linear infinite;
    transform-origin: center center;
}

.loader-spinner::before {
    overflow: hidden !important;
    width: 82px;
    height: 82px;
    border-color: #FFF #FFF transparent transparent;
    animation: rotation 2.5s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

/* 3. SIDEBAR */
.sidebar [data-bs-toggle=collapse] {
    position: relative;
}

.sidebar {
    direction: ltr;
    max-width: 260px;
    min-width: 260px;
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 0 8px 24px rgba(229, 228, 230, 0.4);
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;

    .sidebar-content {
        background: var(--primary);
        display: flex;
        flex-direction: column;
        height: 100vh;
        transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out;

        .simplebar-wrapper {
            height: inherit;
            max-height: inherit;
            max-width: inherit;
            overflow: hidden;
            width: inherit
        }

        .simplebar-mask {
            direction: inherit;
            height: auto !important;
            overflow: hidden;
            width: auto !important;
            z-index: 0
        }

        .simplebar-mask,
        .simplebar-offset {
            bottom: 0;
            left: 0;
            margin: 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        .simplebar-offset {
            -webkit-overflow-scrolling: touch;
            box-sizing: inherit !important;
            direction: inherit !important;
            resize: none !important
        }

        .simplebar-content-wrapper {
            -ms-overflow-style: none;
            box-sizing: border-box !important;
            direction: inherit;
            display: block;
            height: 100%;
            max-height: 100%;
            max-width: 100%;
            position: relative;
            scrollbar-width: none;
            width: auto
        }

        .simplebar-content-wrapper::-webkit-scrollbar,
        .simplebar-hide-scrollbar::-webkit-scrollbar {
            display: none;
            height: 0;
            width: 0
        }

        .simplebar-content:after,
        .simplebar-content:before {
            content: " ";
            display: table
        }

        .simplebar-placeholder {
            max-height: 100%;
            max-width: 100%;
            pointer-events: none;
            width: 100%
        }

        .simplebar-height-auto-observer-wrapper {
            box-sizing: inherit !important;
            flex-basis: 0;
            flex-grow: inherit;
            flex-shrink: 0;
            float: left;
            height: 100%;
            margin: 0;
            max-height: 1px;
            max-width: 1px;
            overflow: hidden;
            padding: 0;
            pointer-events: none;
            position: relative;
            width: 100%;
            z-index: -1
        }

        .simplebar-height-auto-observer {
            box-sizing: inherit;
            display: block;
            height: 1000%;
            left: 0;
            min-height: 1px;
            min-width: 1px;
            opacity: 0;
            top: 0;
            width: 1000%;
            z-index: -1
        }

        .simplebar-height-auto-observer,
        .simplebar-track {
            overflow: hidden;
            pointer-events: none;
            position: absolute
        }

        .simplebar-track {
            bottom: 0;
            right: 0;
            z-index: 1
        }

        [data-simplebar].simplebar-dragging .simplebar-content {
            pointer-events: none;
            -moz-user-select: none;
            user-select: none;
            -webkit-user-select: none
        }

        [data-simplebar].simplebar-dragging .simplebar-track {
            pointer-events: all
        }

        .simplebar-scrollbar {
            left: 0;
            min-height: 10px;
            position: absolute;
            right: 0
        }

        .simplebar-scrollbar:before {
            background: #000;
            border-radius: 7px;
            content: "";
            left: 2px;
            opacity: 0;
            position: absolute;
            right: 2px;
            transition: opacity .2s linear
        }

        .simplebar-scrollbar.simplebar-visible:before {
            opacity: .5;
            transition: opacity 0s linear
        }

        .simplebar-track.simplebar-vertical {
            top: 0;
            width: 11px
        }

        .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
            bottom: 2px;
            top: 2px
        }

        .simplebar-track.simplebar-horizontal {
            height: 11px;
            left: 0
        }

        .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
            height: 100%;
            left: 2px;
            right: 2px
        }

        .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
            height: 7px;
            left: 0;
            min-height: 0;
            min-width: 10px;
            right: auto;
            top: 2px;
            width: auto
        }

        .simplebar-content {
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            flex: 1;

            .sidebar-brand {
                border-bottom: 1px solid #eaedf1;
                width: 270px;
                height: 55px;
                display: flex;
                align-items: center;
                justify-content: center;

                .short-brand {
                    display: none;
                }
            }

            .sidebar-nav {
                flex-grow: 1;
                list-style: none;
                margin-bottom: 0;
                padding-left: 0;

                .sidebar-header {
                    background: transparent;
                    color: var(--gray-400);
                    font-size: .80rem;
                    padding: 1.5rem 1.5rem .375rem
                }

                .sidebar-item {

                    .sidebar-link,
                    a.sidebar-link {
                        background: #222e3c;
                        border-left: 3px solid transparent;
                        color: rgba(233, 236, 239, .5);
                        cursor: pointer;
                        display: block;
                        font-weight: 400;
                        padding: .625rem 1.625rem;
                        position: relative;
                        text-decoration: none;
                        transition: background .1s ease-in-out;

                        i,
                        svg {
                            fill: rgba(233, 236, 239, .5);
                            margin-right: 0.75rem;
                        }

                        :hover {
                            color: rgba(233, 236, 239, .75);
                            fill: rgba(233, 236, 239, .75);
                        }
                    }

                    .active .sidebar-link:hover,
                    .active>.sidebar-link {
                        background: linear-gradient(90deg, rgba(59, 125, 221, .1), rgba(59, 125, 221, .088) 50%, transparent);
                        border-left-color: #3b7ddd;
                        color: var(--sidebar-item);
                        fill: var(--sidebar-item);
                    }

                    .active .sidebar-link:hover i,
                    .active .sidebar-link:hover svg,
                    .active>.sidebar-link i,
                    .active>.sidebar-link svg {
                        color: var(--sidebar-item);
                        fill: var(--sidebar-item);
                    }
                }

                .sidebar-item.active .sidebar-link:hover,
                .sidebar-item.active>.sidebar-link {
                    background: linear-gradient(90deg, rgba(59, 125, 221, .1), rgba(59, 125, 221, .088) 50%, transparent);
                    border-left-color: var(--blue);
                    color: var(--sidebar-item);
                    fill: var(--sidebar-item);
                }

                .sidebar-item.active .sidebar-link:hover i,
                .sidebar-item.active .sidebar-link:hover svg,
                .sidebar-item.active>.sidebar-link i,
                .sidebar-item.active>.sidebar-link svg {
                    color: var(--sidebar-item);
                    fill: var(--sidebar-item);
                }

                .sidebar-item.active {
                    color: var(--sidebar-item);
                    fill: var(--sidebar-item);
                }

            }

            .sidebar-footer {
                margin-top: auto;
                display: block;
                background: #2b3947;
                border-radius: .3rem;
                color: #e9ecef;
                padding: 1rem;
                transition: background .1s ease-in-out;
                width: 100%;

                .sidebar-avatar {
                    border-radius: 50%;
                    width: 2em;
                    margin-right: 3px;
                }

                >span {
                    font-size: 1.2em;
                }

                .sidebar-function {
                    font-size: 1em;
                    margin-left: 2.5em;
                    margin-top: -12px;
                    color: var(--gray-500);
                }

                .sidebar-btn {
                    margin-top: 0;
                    color: var(--white);
                    border: 1px solid var(--white);
                    background-color: var(--primary-rgba-9);
                    font-size: 0.8em;
                    padding: 0.5rem;
                    text-decoration: none;
                }

                .sidebar-btn:hover {
                    background-color: var(--white);
                    color: var(--primary);
                    text-decoration: none;
                }
            }
        }

    }

    &.collapsed {
        direction: ltr;
        max-width: 80px;
        min-width: 80px;

        .sidebar-menu,
        .sidebar-header {
            display: none;
        }

        .sidebar-brand {
            width: 80px !important;

            .extend-brand {
                display: none;
            }

            .short-brand {
                display: block !important;
            }
        }

        .simplebar-content .sidebar-footer {
            display: none;
        }

    }
}

@media(min-width:1px)and (max-width:991.98px) {
    .sidebar {
        margin-left: -260px;

        &.collapsed {
            margin-left: 0;
            max-width: 260px;
            min-width: 260px;

            .sidebar-menu,
            .sidebar-header {
                display: block;
            }

            .sidebar-brand {
                width: 260px !important;

                .extend-brand {
                    display: block;
                }

                .short-brand {
                    display: none !important;
                }
            }

            .simplebar-content .sidebar-footer {
                display: block;
            }
        }
    }

    .app-body.collapsed .minha-nav {
        padding-left: 270px !important;
    }

    .minha-nav {
        padding-left: 20px !important;
    }

    .app-content {
        margin-left: 20px !important
    }

    .logo-osh-footer {
        width: 120px !important;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    .footer {
        padding-left: 0px !important;
    }

}

.minha-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99 !important;
    background: var(--white);
    transition: all ease 0.2s;
    height: 55px;
    margin-bottom: -74px;
    padding-right: 10px;
    padding-left: 285px;

    .sidebar-toggle {
        z-index: 1;
        transition: padding-left 0.3s ease;
        padding: 0 9px;
        text-align: center;
        font-size: 1.5rem;
        position: relative;
        right: 7px;
    }

    .navbar-collapse {
        flex-grow: unset;
    }

    .navbar-avatar {
        border-radius: 50%;
        width: 2.3em;
        margin-right: 3px;
    }

    .navbar-brand {
        color: #f8f9fa;
        display: block;
        font-size: 1.15rem;
        font-weight: 400;
        padding: .875rem 0
    }

    .navbar-brand .feather,
    .navbar-brand svg {
        color: #3b7ddd;
        height: 24px;
        margin-left: -.15rem;
        margin-right: .375rem;
        margin-top: -.375rem;
        width: 24px
    }

    .nav-flag,
    .nav-icon {
        color: #6c757d;
        display: block;
        font-size: 1.5rem;
        line-height: 1.4;
        padding: .1rem .8rem;
        transition: background .1s ease-in-out, color .1s ease-in-out
    }

    .nav-flag:after,
    .nav-icon:after {
        display: none !important
    }

    .nav-flag.active,
    .nav-flag:hover,
    .nav-icon.active,
    .nav-icon:hover {
        color: #3b7ddd
    }

    .nav-flag .feather,
    .nav-flag svg,
    .nav-icon .feather,
    .nav-icon svg {
        height: 20px;
        width: 20px
    }

    .nav-item .indicator {
        background: #3b7ddd;
        border-radius: 50%;
        box-shadow: 0 .1rem .2rem rgba(0, 0, 0, .05);
        color: #fff;
        display: block;
        font-size: .675rem;
        height: 18px;
        padding: 1px;
        position: absolute;
        right: -8px;
        text-align: center;
        top: 0;
        transition: top .1s ease-out;
        width: 18px
    }

    .nav-item:hover .indicator {
        top: -4px
    }

    .nav-item a:focus {
        outline: 0
    }

    .dropdown-menu-lg {
        min-width: 20rem;

        .dropdown-menu-header {
            border-bottom: 1px solid #dee2e6;
            font-weight: 600;
            padding: .75rem;
            text-align: center
        }

        .dropdown-menu-footer {
            display: block;
            font-size: .75rem;
            padding: .5rem;
            text-align: center
        }

        .list-group {
            --bs-list-group-color: var(--body-color);
            --bs-list-group-bg: var(--body-bg);
            --bs-list-group-border-color: var(--border-color);
            --bs-list-group-border-width: var(--border-width);
            --bs-list-group-border-radius: var(--border-radius);
            --bs-list-group-item-padding-x: 1rem;
            --bs-list-group-item-padding-y: 0.5rem;
            --bs-list-group-action-color: var(--secondary-color);
            --bs-list-group-action-hover-color: var(--emphasis-color);
            --bs-list-group-action-hover-bg: var(--tertiary-bg);
            --bs-list-group-action-active-color: var(--body-color);
            --bs-list-group-action-active-bg: var(--secondary-bg);
            --bs-list-group-disabled-color: var(--secondary-color);
            --bs-list-group-disabled-bg: var(--body-bg);
            --bs-list-group-active-color: #fff;
            --bs-list-group-active-bg: #3b7ddd;
            --bs-list-group-active-border-color: #3b7ddd;
            border-radius: var(--bs-list-group-border-radius);
            display: flex;
            flex-direction: column;
            margin-bottom: 0;
            padding-left: 0;

            :hover {
                --bs-list-group-bg: var(--primary-rgba-2);
            }
        }
    }

}

.app-body.collapsed .minha-nav {
    padding-left: 100px;
}

.sidebar-toggle {
    cursor: pointer;
    display: flex;
    height: 26px;
    width: 26px
}

.toggler-btn,
.sidebar-toggle {
    color: var(--primary);
}

.toggler-btn,
.toggler-btn:after,
.toggler-btn:before {
    background: #495057;
    border-radius: 1px;
    content: "";
    cursor: pointer;
    display: block;
    height: 3px;
    transition: background .1s ease-in-out, color .1s ease-in-out;
    width: 24px
}

.toggler-btn {
    position: relative
}

.toggler-btn:before {
    position: absolute;
    top: -7.5px;
    width: 24px
}

.toggler-btn:after {
    bottom: -7.5px;
    position: absolute;
    width: 16px
}

/* 4. BODY & FOOTER */

.main {
    background: #f5f7fb;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-width: 0;
    overflow: hidden;
    transition: margin-left .35s ease-in-out, left .35s ease-in-out, margin-right .35s ease-in-out, right .35s ease-in-out;
    width: 100%;
}

.app-content {
    margin-bottom: 0 !important;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    overflow: hidden;
    margin-left: 280px;
}

.app-body.collapsed .app-content {
    margin-left: 100px;
}

.jumps-prevent {
    padding-top: 90px;
}

.footer {
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    padding-left: 280px;
    width: auto;
    margin-top: auto;

    .logo-osh-footer {
        width: 20%;
    }

}

.app-body.collapsed .footer {
    padding-left: 100px
}

/* 5. BUTTONS */
.btn {
    font-size: 0.85em;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2F4A69;
    --bs-btn-hover-border-color: #2F4A69;
    --bs-btn-focus-shadow-rgb: 88, 145, 226;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2F4A69;
    --bs-btn-active-border-color: #2F4A69;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary);
    --bs-btn-disabled-border-color: var(--primary);

    &.light {
        background: var(--primary-rgba-1);
        border-color: var(--primary-rgba-1);
        color: var(--primary);

        i {
            color: var(--primary)
        }

        &:hover {
            background: var(--primary);
            color: var(--white);

            i {
                color: var(--white)
            }
        }
    }
}

.btn-outline-primary {
    --bs-btn-color: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-focus-shadow-rgb: 59, 125, 221;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary);
    --bs-btn-active-border-color: var(--primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: var(--primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary);
    --bs-gradient: none;
}


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

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--dark-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: var(--secondary-color) !important;
}

.small,
small {
    font-size: 80%;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(var(--primary-rgb), 0.20) !important;
}

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

.card {
    border: none !important;

    &.card-stats {

        .card-body {
            padding: 0.5rem;
            display: flex;
            align-items: center;

            svg {
                height: 38px !important;
                width: 38px !important;
            }

            .car-desc {
                padding-top: 10px;
            }

            .card-number {
                line-height: 1em;
                font-size: 2.5em;
                color: var(--primary);
                margin-bottom: 0;
                padding-bottom: 0;
            }

            .card-status {
                font-size: 0.8em;
                color: var(--primary);
                margin-top: 0;
            }
        }

        &.yellow {

            .card-body {
                background: rgb(var(--white-rgb));
                background: linear-gradient(90deg, rgba(var(--white-rgb), 1) 10%, rgba(var(--yellow-rgb), 0.05) 100%);

                svg {
                    fill: var(--yellow);
                }
            }
        }

        &.orange {

            .card-body {
                background: rgb(var(--white-rgb));
                background: linear-gradient(90deg, rgba(var(--white-rgb), 1) 10%, rgba(var(--orange-rgb), 0.05) 100%);

                svg {
                    fill: var(--orange);
                }
            }
        }

        &.green {

            .card-body {
                background: rgb(var(--white-rgb));
                background: linear-gradient(90deg, rgba(var(--white-rgb), 1) 10%, rgba(var(--green-rgb), 0.05) 100%);

                svg {
                    fill: var(--green);
                }
            }
        }

        &.skyblue {

            .card-body {
                background: rgb(var(--white-rgb));
                background: linear-gradient(90deg, rgba(var(--white-rgb), 1) 10%, rgba(var(--skyblue-rgb), 0.05) 100%);

                svg {
                    fill: var(--skyblue);
                }
            }
        }

        &.blue {

            .card-body {
                background: rgb(var(--white-rgb));
                background: linear-gradient(90deg, rgba(var(--white-rgb), 1) 10%, rgba(var(--blue-rgb), 0.05) 100%);

                svg {
                    fill: var(--blue);
                }
            }
        }

        &.red {

            .card-body {
                background: rgb(var(--white-rgb));
                background: linear-gradient(90deg, rgba(var(--white-rgb), 1) 10%, rgba(var(--red-rgb), 0.05) 100%);

                svg {
                    fill: var(--red);
                }
            }
        }
    }
}

#client_name4:placeholder-shown {
    font-size: 0.8em;
}

.accordion-item {
    border: none;

    .accordion-button {
        font-size: 0.9rem;
        padding: 0.7rem 1.25rem;
        color: var(--primary);
        background-color: var(--primary-rgba-1);
        margin-top: 5px;
        margin-bottom: 5px;
        border-radius: 5px;

        &:not(.collapsed) {
            &.yellow {
                font-weight: 600;
                color: var(--yellow);
                background: linear-gradient(90deg, rgba(var(--white-rgb), 1) 10%, rgba(var(--yellow-rgb), 0.1) 100%);
            }

            &.orange {
                font-weight: 600;
                color: var(--orange);
                background: linear-gradient(90deg, rgba(var(--white-rgb), 1) 10%, rgba(var(--orange-rgb), 0.1) 100%);
            }

            &.green {
                font-weight: 600;
                color: var(--green);
                background: linear-gradient(90deg, rgba(var(--white-rgb), 1) 10%, rgba(var(--green-rgb), 0.1) 100%);
            }

            &.skyblue {
                font-weight: 600;
                color: var(--skyblue);
                background: linear-gradient(90deg, rgba(var(--white-rgb), 1) 10%, rgba(var(--skyblue-rgb), 0.1) 100%);
            }

            &.blue {
                font-weight: 600;
                color: var(--blue);
                background: linear-gradient(90deg, rgba(var(--white-rgb), 1) 10%, rgba(var(--blue-rgb), 0.1) 100%);
            }

            &.red {
                font-weight: 600;
                color: var(--red);
                background: linear-gradient(90deg, rgba(var(--white-rgb), 1) 10%, rgba(var(--red-rgb), 0.1) 100%);
            }
        }

        &:focus {
            box-shadow: none;
            border-color: rgba(0, 0, 0, .125);
        }
    }
}

</style><style>
/*@charset "UTF-8";*/

:root {
    --dt-row-selected: 13, 110, 253;
    --dt-row-selected-text: 255, 255, 255;
    --dt-row-selected-link: 9, 10, 11;
    --dt-row-stripe: 255, 88, 110;
    --dt-row-hover: 0, 0, 0;
    --dt-column-ordering: 0, 0, 0;
    --dt-html-background: white;
}

:root.dark {
    --dt-html-background: rgb(33, 37, 41);
}

table.dataTable td.dt-control {
    text-align: center;
    cursor: pointer;
}

table.dataTable td.dt-control:before {
    display: inline-block;
    color: rgba(0, 0, 0, 0.5);
    content: "▶";
}

table.dataTable tr.dt-hasChild td.dt-control:before {
    content: "▼";
}

html.dark table.dataTable td.dt-control:before {
    color: rgba(255, 255, 255, 0.5);
}

html.dark table.dataTable tr.dt-hasChild td.dt-control:before {
    color: rgba(255, 255, 255, 0.5);
}

table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting_asc_disabled,
table.dataTable thead>tr>th.sorting_desc_disabled,
table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting_asc_disabled,
table.dataTable thead>tr>td.sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding-right: 26px;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: 0.125;
    right: 10px;
    line-height: 9px;
    font-size: 0.8em;
}

table.dataTable thead>tr>th.sorting:before,
table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:before,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>th.sorting_desc_disabled:before,
table.dataTable thead>tr>td.sorting:before,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:before,
table.dataTable thead>tr>td.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:before {
    bottom: 50%;
    content: "▲";
    content: "▲" /"";
}

table.dataTable thead>tr>th.sorting:after,
table.dataTable thead>tr>th.sorting_asc:after,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>th.sorting_asc_disabled:after,
table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting:after,
table.dataTable thead>tr>td.sorting_asc:after,
table.dataTable thead>tr>td.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc_disabled:after,
table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 50%;
    content: "▼";
    content: "▼" /"";
}

table.dataTable thead>tr>th.sorting_asc:before,
table.dataTable thead>tr>th.sorting_desc:after,
table.dataTable thead>tr>td.sorting_asc:before,
table.dataTable thead>tr>td.sorting_desc:after {
    opacity: 0.6;
}

table.dataTable thead>tr>th.sorting_desc_disabled:after,
table.dataTable thead>tr>th.sorting_asc_disabled:before,
table.dataTable thead>tr>td.sorting_desc_disabled:after,
table.dataTable thead>tr>td.sorting_asc_disabled:before {
    display: none;
}

table.dataTable thead>tr>th:active,
table.dataTable thead>tr>td:active {
    outline: none;
}

div.dataTables_scrollBody>table.dataTable>thead>tr>th:before,
div.dataTables_scrollBody>table.dataTable>thead>tr>th:after,
div.dataTables_scrollBody>table.dataTable>thead>tr>td:before,
div.dataTables_scrollBody>table.dataTable>thead>tr>td:after {
    display: none;
}

div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 2px;
    z-index: 10;
}

div.dataTables_processing>div:last-child {
    position: relative;
    width: 80px;
    height: 15px;
    margin: 1em auto;
}

div.dataTables_processing>div:last-child>div {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: rgb(13, 110, 253);
    background: rgb(var(--dt-row-selected));
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

div.dataTables_processing>div:last-child>div:nth-child(1) {
    left: 8px;
    animation: datatables-loader-1 0.6s infinite;
}

div.dataTables_processing>div:last-child>div:nth-child(2) {
    left: 8px;
    animation: datatables-loader-2 0.6s infinite;
}

div.dataTables_processing>div:last-child>div:nth-child(3) {
    left: 32px;
    animation: datatables-loader-2 0.6s infinite;
}

div.dataTables_processing>div:last-child>div:nth-child(4) {
    left: 56px;
    animation: datatables-loader-3 0.6s infinite;
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
    text-align: left;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}

/*
* Table styles
*/
table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    /*
* Header and footer styles
*/
    /*
* Body styles
*/
}

table.dataTable thead th,
table.dataTable tfoot th {
    font-weight: bold;
}

table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable>thead>tr>th:active,
table.dataTable>thead>tr>td:active {
    outline: none;
}

table.dataTable>tfoot>tr>th,
table.dataTable>tfoot>tr>td {
    padding: 10px 10px 6px 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable tbody tr {
    background-color: transparent;
}

table.dataTable tbody tr.selected>* {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);
    color: rgb(255, 255, 255);
    color: rgb(var(--dt-row-selected-text));
}

table.dataTable tbody tr.selected a {
    color: rgb(9, 10, 11);
    color: rgb(var(--dt-row-selected-link));
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px;
}

table.dataTable.row-border>tbody>tr>th,
table.dataTable.row-border>tbody>tr>td,
table.dataTable.display>tbody>tr>th,
table.dataTable.display>tbody>tr>td {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.row-border>tbody>tr:first-child>th,
table.dataTable.row-border>tbody>tr:first-child>td,
table.dataTable.display>tbody>tr:first-child>th,
table.dataTable.display>tbody>tr:first-child>td {
    border-top: none;
}

table.dataTable.row-border>tbody>tr.selected+tr.selected>td,
table.dataTable.display>tbody>tr.selected+tr.selected>td {
    border-top-color: #0262ef;
}

table.dataTable.cell-border>tbody>tr>th,
table.dataTable.cell-border>tbody>tr>td {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    border-right: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.cell-border>tbody>tr>th:first-child,
table.dataTable.cell-border>tbody>tr>td:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.cell-border>tbody>tr:first-child>th,
table.dataTable.cell-border>tbody>tr:first-child>td {
    border-top: none;
}

table.dataTable.stripe>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.023);
}

table.dataTable.stripe>tbody>tr.odd.selected>*,
table.dataTable.display>tbody>tr.odd.selected>* {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.923);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.923);
}

table.dataTable.hover>tbody>tr:hover>*,
table.dataTable.display>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.035);
}

table.dataTable.hover>tbody>tr.selected:hover>*,
table.dataTable.display>tbody>tr.selected:hover>* {
    box-shadow: inset 0 0 0 9999px #0d6efd !important;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important;
}

table.dataTable.order-column>tbody tr>.sorting_1,
table.dataTable.order-column>tbody tr>.sorting_2,
table.dataTable.order-column>tbody tr>.sorting_3,
table.dataTable.display>tbody tr>.sorting_1,
table.dataTable.display>tbody tr>.sorting_2,
table.dataTable.display>tbody tr>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019);
}

table.dataTable.order-column>tbody tr.selected>.sorting_1,
table.dataTable.order-column>tbody tr.selected>.sorting_2,
table.dataTable.order-column>tbody tr.selected>.sorting_3,
table.dataTable.display>tbody tr.selected>.sorting_1,
table.dataTable.display>tbody tr.selected>.sorting_2,
table.dataTable.display>tbody tr.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
}

table.dataTable.display>tbody>tr.odd>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054);
}

table.dataTable.display>tbody>tr.odd>.sorting_2,
table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.047);
}

table.dataTable.display>tbody>tr.odd>.sorting_3,
table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.039);
}

table.dataTable.display>tbody>tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.954);
}

table.dataTable.display>tbody>tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.947);
}

table.dataTable.display>tbody>tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.939);
}

table.dataTable.display>tbody>tr.even>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.019);
}

table.dataTable.display>tbody>tr.even>.sorting_2,
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.011);
}

table.dataTable.display>tbody>tr.even>.sorting_3,
table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.003);
}

table.dataTable.display>tbody>tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
}

table.dataTable.display>tbody>tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.911);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.911);
}

table.dataTable.display>tbody>tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.903);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.903);
}

table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.082);
}

table.dataTable.display tbody tr:hover>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.074);
}

table.dataTable.display tbody tr:hover>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.062);
}

table.dataTable.display tbody tr:hover.selected>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.982);
}

table.dataTable.display tbody tr:hover.selected>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.974);
}

table.dataTable.display tbody tr:hover.selected>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.962);
}

table.dataTable.no-footer {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable.compact thead th,
table.dataTable.compact thead td,
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 4px;
}

table.dataTable th,
table.dataTable td {
    box-sizing: content-box;
}

/*
* Control feature layout
*/
.dataTables_wrapper {
    position: relative;
    clear: both;
}

.dataTables_wrapper .dataTables_length {
    float: left;
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    color: inherit;
    padding: 4px;

    option {
        background-color: var(--primary-rgba-2);
        color: var(--primary);
    }

    option:hover {
        background: var(--primary-rgba-6) !important;
        color: var(--white);
    }

    option:checked {
        background: var(--primary);
        color: var(--white);
    }
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    color: inherit;
    margin-left: 3px;
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: inherit !important;
    border: 1px solid transparent;
    border-radius: 5px;
    background: rgba(var(--primary-rgb), 0.10);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: var(--white) !important;
    border: 1px solid var(--primary);
    background-color: var(--primary);
    background: var(--primary);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid var(--secondary);
    background-color: var(--secondary);
    background: var(--secondary);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: var(--primary);
    background: var(--primary) !important;
    box-shadow: inset 0 0 3px var(--primary);
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: inherit;
}

.dataTables_wrapper .dataTables_scroll {
    clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
    vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
    border-bottom: none;
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

@media screen and (max-width: 767px) {

    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}

@media screen and (max-width: 640px) {

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: var(--primary-rgba-1);
    --bs-table-active-color: var(--white);
    --bs-table-active-bg: var(--primary);
    --bs-table-hover-color: var(--white);
    --bs-table-hover-bg: var(--primary-rgba-6);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}