:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --bs-nav-link-font-size: 16px;
    --bs-tertiary-bg: #f1f1f1;
    --bs-primary: #0078d4;
    --bs-secondary: #6c757d;
    --bs-success: #008000;
    --bs-info: #0dcaf0;
    --bs-warning: #f8a137;
    --bs-danger: #a4262c;
    --bs-light: rgba(0, 0, 0, 0.06);
    --bs-dark: #212529;
    --bs-primary-hover: #006abb;
    --bs-secondary-hover: #5c636a;
    --bs-success-hover: #006700;
    --bs-info-hover: #31d2f2;
    --bs-warning-hover: #f7951e;
    --bs-danger-hover: #8f2126;
    --bs-light-hover: #d3d4d5;
    --bs-light-hover: rgba(0, 0, 0, 0.1);
    --bs-dark-hover: #424649;
    --bs-body-font-size: 14px;
    --bs-border-radius: 2px;
    --bs-border-radius-sm: 2px;
    --bs-border-radius-lg: 2px;
    --bs-body-color: #323130;
    --bs-border-color: #cccccc;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.25);
    --bs-btn-hover-bg: #f2f2f2;
    --bs-btn-disabled-color: rgb(161, 159, 157);
    --bs-btn-disabled-bg: rgb(243, 242, 241);
    --bs-btn-disabled-border-color: rgb(243, 242, 241);
    --bs-dropdown-divider-margin-y: 0px;
    --bs-btn-dropdown-icon-dark: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlklEQVQ4T+3SMQ5BQRDG8d+7hVLrEhqJ4h1ANCqFE0g0CuVzBJ2SAygkKqfQ6pyCbLISWdYWrxNTznzzn8w3U2kZVct+PwjYY4lLxpseVhg966kHfWwwxDWBdHHEFOccIORrrDHALQo7OGGOwys4d4VxFAdI0ITmBrt0tW9nnGESAdu42ps1pT9Y4B6nf/S1BCg+6h/AA/hvEhFscWXpAAAAAElFTkSuQmCC);
    --bs-btn-dropdown-icon-light: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAdklEQVQ4je3PsQ3CYAyEUVtiAFJBB22GgAGyAEwQZoIRMge0dDQs82j+IgUJiUSZq6z77LMdsei/Qod6hNfoxgKOeGP3he0LO/y6osELm563LV4z9ZUznlijKvVp0nAv5II7HmiH+lZDIDOvqCJCZt5mbV80Tx8vLl5AprffhwAAAABJRU5ErkJggg==);
    --bs-btn-dropdown-icon: var(--bs-btn-dropdown-icon-dark);
    --bs-appname-color: #9f6d00;
    --bs-shimmer-bg: #dddddd;
    --bs-light-bg-subtle: #f4f5f7;
    --bs-primary-text-emphasis: #4a88e5;
    --bs-secondary-text-emphasis: #ed707c;
    --bs-success-text-emphasis: #63957d;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #bd9620;
    --bs-danger-text-emphasis: #e9636f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-text-emphasis: #5d9af5;
    --bs-login-bg: url('../images/bg-login.png');
}

[data-bs-theme=light] {
}

[data-bs-theme=dark] {
    --bs-tertiary-bg: #333;
    --bs-primary: #2899F5;
    --bs-secondary: #6c757d;
    --bs-success: #008000;
    --bs-info: #0dcaf0;
    --bs-warning: #f8a137;
    --bs-danger: #e44d5a;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-bg-subtle: #0F2B50;
    --bs-primary-hover: #006abb;
    --bs-secondary-hover: #6c757d;
    --bs-success-hover: #006700;
    --bs-info-hover: #0dcaf0;
    --bs-warning-hover: #f7951e;
    --bs-danger-hover: #a4262c;
    --bs-light-hover: #d3d4d5;
    --bs-light-hover: rgb(243, 242, 241);
    --bs-dark-hover: #212529;
    --bs-success-bg-subtle: #124a31;
    --bs-secondary-bg-subtle: #45484e;
    --bs-danger-bg-subtle: #461b1f;
    --bs-body-bg: #1B1A19;
    --bs-body-color: #ccc;
    --bs-border-color: rgb(243, 242, 241);
    --bs-border-color: #666;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.25);
    --bs-btn-hover-bg: rgb(37, 36, 35);
    --bs-btn-hover-bg: #2b3035;
    --bs-btn-disabled-color: rgb(121, 119, 117);
    --bs-btn-disabled-bg: rgb(37, 36, 35);
    --bs-btn-disabled-border-color: rgb(50, 49, 48);
    --bs-success-text-emphasis: #1ba91b;
    --bs-btn-dropdown-icon: var(--bs-btn-dropdown-icon-light);
    --bs-appname-color: #cd8d02;
    --bs-shimmer-bg: #2d2d2d;
    --bs-light-bg-subtle: #343a40;
    --bs-login-bg: url('../images/bg-login-dark.png');
}

* {
    outline: none;
}

body {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 60px;
    left: 0px;
    right: 0px;
    bottom: 30px;
    cursor: default;
    overflow: hidden;
}

.bg-body-tertiary {
    background-color: var(--bs-tertiary-bg) !important;
}

.form-label {
    font-weight: 600;
    box-shadow: none;
    margin: 0px;
    margin-bottom: 4px;
}

    .form-label.required::after {
        color: #cd3037;
        content: '*';
        padding-left: 3px;
    }

.form-control,
.form-select {
    font-size: var(--bs-body-font-size);
    padding: 0px 8px;
    line-height: 2;
    transition: none;
}

.form-select {
    padding-right: 40px;
}

    .form-control:focus,
    .form-select:focus,
    .form-check-input:focus {
        border-color: var(--bs-border-color);
        box-shadow: none !important;
    }

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
}



.link {
    color: var(--bs-link-color) !important;
}

.input-group-text {
    font-size: var(--bs-body-font-size);
    padding: 0px 8px;
    line-height: 2;
}

.form-check {
    padding-top: 5px;
    height: 30px;
}

.form-check-input {
    height: 20px;
    width: 20px;
    margin-right: 4px;
    margin-top: 1px;
}

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

    .form-check-input[type=checkbox] {
        border-radius: var(--bs-border-radius);
    }

.form-check-label {
    line-height: 20px;
    margin-left: 4px;
}

.form-switch .form-check-input {
    width: 40px;
    --bs-border-radius: 10px;
}

.form-range {
    background: rgb(138, 136, 134);
    background-image: linear-gradient(var(--bs-body-color), var(--bs-body-color));
    background-size: 70% 100%;
    background-repeat: no-repeat;
    height: 4px;
}

    .form-range:hover {
        background-image: linear-gradient(var(--bs-primary), var(--bs-primary));
    }

    .form-range::-webkit-slider-runnable-track {
        background: transparent;
        height: 4px;
        border-radius: var(--bs-border-radius);
    }

    .form-range::-webkit-slider-thumb {
        -webkit-appearance: none; /* Override default look */
        appearance: none;
        margin-top: -6px; /* Centers thumb on the track */
        background-color: var(--bs-body-bg);
        height: 16px;
        width: 16px;
        border: 2px solid;
        border-color: rgb(138, 136, 134);
        border-radius: 10px;
    }

    .form-range:hover::-webkit-slider-thumb,
    .form-range:focus::-webkit-slider-thumb {
        box-shadow: none;
        border-color: var(--bs-primary);
        background-color: var(--bs-body-bg);
    }

.btn {
    display: inline-flex;
    line-height: 30px;
    /*font-weight: 600;*/
    --bs-btn-font-size: var(--bs-body-font-size);
    --bs-btn-padding-x: 10px;
    --bs-btn-padding-y: 0px;
    --bs-btn-border-color: #999999;
    --bs-btn-hover-border-color: #999999;
    --bs-btn-disabled-opacity: 1;
}

    .btn.disabled, .btn:disabled, fieldset:disabled .btn {
        color: var(--bs-btn-disabled-color);
        pointer-events: none;
        background-color: var(--bs-btn-disabled-bg);
        border-color: var(--bs-btn-disabled-border-color);
        opacity: var(--bs-btn-disabled-opacity);
        cursor: not-allowed;
    }

    .btn i {
        margin-right: 8px;
        line-height: inherit;
    }

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary-hover);
    --bs-btn-hover-border-color: var(--bs-primary-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
    --bs-btn-dropdown-icon: var(--bs-btn-dropdown-icon-light);
}

.btn-secondary {
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary-hover);
    --bs-btn-hover-border-color: var(--bs-secondary-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
    --bs-btn-dropdown-icon: var(--bs-btn-dropdown-icon-light);
}

.btn-success {
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-bg: var(--bs-success-hover);
    --bs-btn-hover-border-color: var(--bs-success-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
    --bs-btn-dropdown-icon: var(--bs-btn-dropdown-icon-light);
}

.btn-danger {
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-bg: var(--bs-danger-hover);
    --bs-btn-hover-border-color: var(--bs-danger-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
    --bs-btn-dropdown-icon: var(--bs-btn-dropdown-icon-light);
}

.btn-warning {
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-bg: var(--bs-warning-hover);
    --bs-btn-hover-border-color: var(--bs-warning-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
}

.btn-info {
    --bs-btn-bg: var(--bs-info);
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-bg: var(--bs-info-hover);
    --bs-btn-hover-border-color: var(--bs-info-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
}

.btn-light {
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-bg: var(--bs-light-hover);
    --bs-btn-hover-border-color: var(--bs-light-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
}

.btn-dark {
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-dark-hover);
    --bs-btn-hover-border-color: var(--bs-dark-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
    --bs-btn-dropdown-icon: var(--bs-btn-dropdown-icon-light);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary-hover);
    --bs-btn-hover-border-color: var(--bs-primary-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary-hover);
    --bs-btn-hover-border-color: var(--bs-secondary-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
}

.btn-outline-success {
    --bs-btn-color: var(--bs-success);
    --bs-btn-hover-color: var(--bs-success);
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-bg: var(--bs-success-hover);
    --bs-btn-hover-border-color: var(--bs-success-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
}

.btn-outline-danger {
    --bs-btn-color: var(--bs-danger);
    --bs-btn-hover-color: var(--bs-danger);
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-bg: var(--bs-danger-hover);
    --bs-btn-hover-border-color: var(--bs-danger-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
}

.btn-outline-warning {
    --bs-btn-color: var(--bs-warning);
    --bs-btn-hover-color: var(--bs-warning);
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-bg: var(--bs-warning-hover);
    --bs-btn-hover-border-color: var(--bs-warning-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
}

.btn-outline-info {
    --bs-btn-color: var(--bs-info);
    --bs-btn-hover-color: var(--bs-info);
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-bg: var(--bs-info-hover);
    --bs-btn-hover-border-color: var(--bs-info-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
}

.btn-outline-light {
    /*--bs-btn-color: var(--bs-light);*/
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-bg: var(--bs-light-hover);
    --bs-btn-hover-border-color: var(--bs-light-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
}

.btn-outline-dark {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-dark-hover);
    --bs-btn-hover-border-color: var(--bs-dark-hover);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: inherit;
    --bs-btn-disabled-border-color: inherit;
}

.btn-command {
    /*--bs-btn-border-width: 0px;*/
    --bs-btn-border-color: transparent;
    --bs-btn-hover-bg: inherit;
    /*--bs-btn-hover-color: inherit;*/
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-bg: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-border-color: var(--bs-btn-hover-bg);
    --bs-btn-disabled-color: inherit;
    --bs-btn-disabled-bg: var(--bs-body-bg);
    --bs-btn-disabled-border-color: var(--bs-body-bg);
    /*--bs-btn-bg: transparent;*/
}

.btn-icon i {
    margin-right: 0px !important;
}

.btn-command:not(:disabled) span {
    color: var(--bs-body-color);
}

.btn-group > .btn-group:not(:first-child),
.btn-group > :not(.btn-check:first-child) + .btn {
    margin-left: 0px;
}

.btn-group > .btn:not(:last-child) {
    border-right-width: 0px;
}

.dropdown {
    display: inline-block;
}

.dropdown-toggle {
    padding-right: 32px;
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0px;
        vertical-align: 10px;
        content: "▼";
        content: "";
        border-top: none;
        border-right: none;
        border-bottom: 0;
        border-left: none;
        position: absolute;
        right: 0px;
        /*top: 50%;*/
        margin-top: 8px;
        width: 31px;
        height: 16px;
        background-image: var(--bs-btn-dropdown-icon);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 16px 16px;
    }

.dropdown-toggle-split {
    width: 32px;
    padding-right: 0px !important;
    border-left-width: 0px;
    border-right-width: var(--bs-border-width) !important;
}

    .dropdown-toggle-split::after {
        border-left: 1px solid var(--bs-btn-color);
    }

.dropdown-menu {
    --bs-dropdown-padding-y: 0px;
    --bs-dropdown-item-padding-y: 1px;
    font-size: var(--bs-body-font-size);
    --bs-dropdown-link-hover-bg: var(--bs-btn-hover-bg);
}

.dropdown-item {
    line-height: 30px;
}

.btn-more.dropdown-toggle {
    padding-right: inherit
}

    .btn-more.dropdown-toggle::after {
        width: 0px !important;
        display: none;
    }

.dropdown-divider {
    --bs-dropdown-divider-margin-y: 0px;
}

.input-group .btn-command {
    --bs-btn-border-color: var(--bs-border-color);
    --bs-btn-hover-border-color: var(--bs-border-color);
}

.nav-tabs {
    border: none;
}

    .nav-tabs .nav-item {
        border: none;
    }

        .nav-tabs .nav-item .nav-link {
            border: none;
            color: var(--bs-btn-color);
            position: relative;
            margin-bottom: 0px;
        }

            .nav-tabs .nav-item .nav-link:hover {
                background-color: var(--bs-btn-hover-bg);
            }

            .nav-tabs .nav-item .nav-link.active {
                /*color: #252423 !important;*/
                font-weight: 500;
                /*border-bottom: solid 2px #888888 !important;*/
            }

                .nav-tabs .nav-item .nav-link.active:before {
                    background-color: var(--bs-primary);
                    bottom: 0px;
                    content: "";
                    height: 2px;
                    left: var(--bs-nav-link-padding-x);
                    position: absolute;
                    right: var(--bs-nav-link-padding-x);
                    transition: left 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s, right 0.267s cubic-bezier(0.1, 0.25, 0.75, 0.9) 0s;
                }

                .nav-tabs .nav-item .nav-link.active:hover::before {
                    left: 0px;
                    right: 0px;
                }

.nav-link {
    --bs-navbar-nav-link-padding-x: 16px;
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
}

    .nav-link.dropdown-toggle {
        padding-right: 32px !important;
        cursor: default;
    }

        .nav-link.dropdown-toggle:after {
            margin-top: 4px;
        }

.modal-backdrop {
    background-color: var(--bs-body-color);
    background: var(--bs-body-color);
}

.table-hover > tbody > tr:hover > * {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-tertiary-bg);
}

.list-group-item:hover {
    background: var(--bs-tertiary-bg);
}

.list-group-item.active {
    z-index: 2;
    color: inherit;
    background-color: var(--bs-tertiary-bg);
    border-color: var(--bs-border-color);
    /*border-top-width: 0px;*/
    border-left: 3px solid var(--bs-list-group-active-border-color) !important;
    padding-left: 13px;
}

.alert {
    --bs-alert-padding-x: 12px;
    --bs-alert-padding-y: 8px;
}

.page-transition {
    position: fixed;
    top: 60px;
    bottom: 0px;
    left: 100%;
    width: 100%;
    z-index: 1000;
    background-color: var(--bs-body-bg);
    transition: 0.5s ease;
    margin: auto;
}

    .page-transition.active {
        left: 0px;
        width: 100%;
    }

    .page-transition .loader {
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        width: 175px;
        height: 80px;
        display: block;
        margin: auto;
        top: 50%;
        margin-top: -40px;
        text-align: center;
        padding-top: 55px;
        line-height: 25px;
        background-image: radial-gradient(circle 25px at 25px 25px, #4CA842 100%, transparent 0), radial-gradient(circle 50px at 50px 50px, #4CA842 100%, transparent 0), radial-gradient(circle 25px at 25px 25px, #4CA842 100%, transparent 0), linear-gradient(#4CA842 50px, transparent 0);
        background-size: 50px 50px, 100px 76px, 50px 50px, 120px 40px;
        background-position: 0px 30px, 37px 0px, 122px 30px, 25px 40px;
        background-repeat: no-repeat;
        position: relative;
        box-sizing: border-box;
    }

        .page-transition .loader::before {
            content: '';
            left: 0;
            right: 0;
            margin: auto;
            top: 15px;
            position: absolute;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            border: 5px solid transparent;
            border-color: #FFF transparent;
            box-sizing: border-box;
            animation: rotation 1s linear infinite;
        }

        .page-transition .loader::after {
            content: '';
            position: absolute;
            left: 2px;
            top: 75px;
            width: 2px;
            height: 6px;
            color: #4CA842;
            box-sizing: border-box;
            animation: raindrops 0.6s linear infinite;
        }

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

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

@keyframes raindrops {
    0% {
        box-shadow: 25px 0 #4CA842, 50px 0 #4CA842, 75px 0 #4CA842, 100px 0 #4CA842, 125px 0 #4CA842, 150px 0 #4CA842, 25px 0 #4CA842, 50px 0 #4CA842, 75px 0 #4CA842, 100px 0 #4CA842, 125px 0 #4CA842, 150px 0 #4CA842;
    }

    50% {
        box-shadow: 25px 20px #4CA842, 50px 60px rgba(255, 255, 255, 0), 75px 30px rgba(255, 255, 255, 0), 100px 70px rgba(255, 255, 255, 0), 125px 40px #4CA842, 150px 60px rgba(255, 255, 255, 0), 25px 20px #4CA842, 50px 30px #4CA842, 75px 10px #4CA842, 100px 30px #4CA842, 125px 30px rgba(255, 255, 255, 0), 150px 30px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 25px 60px rgba(255, 255, 255, 0), 50px 60px rgba(255, 255, 255, 0), 75px 50px rgba(255, 255, 255, 0), 100px 70px rgba(255, 255, 255, 0), 125px 70px rgba(255, 255, 255, 0), 150px 60px rgba(255, 255, 255, 0), 25px 80px rgba(255, 255, 255, 0), 50px 80px rgba(255, 255, 255, 0), 75px 70px rgba(255, 255, 255, 0), 100px 60px rgba(255, 255, 255, 0), 125px 30px rgba(255, 255, 255, 0), 150px 30px rgba(255, 255, 255, 0);
    }
}

.offcanvas {
    /*position: absolute;*/
}

.offcanvas-footer {
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
}

    .offcanvas-footer .btn {
        display: inline-block;
        min-width: 85px;
        margin-right: 10px;
    }


.wait_box {
    text-align: center;
    color: var(--bs-primary);
    background-color: transparent;
    cursor: wait;
    padding: 20px 40px;
    opacity: 1 !important;
    border-radius: 5px;
}

    .wait_box .spinner {
        display: block;
        position: relative;
        border: 2px solid;
        border-color: rgb(var(--palette-neutral-20,200,200,200));
        border-left-color: var(--communication-foreground,#005a9e);
        transform: translateZ(0);
        animation: rotation 1.3s infinite cubic-bezier(.53,.21,.29,.67);
        margin: auto;
        margin-bottom: 15px;
    }

    .wait_box .spinner {
        border-radius: 50%;
        width: 28px;
        height: 28px;
    }


#sideMenu {
    position: fixed;
    overflow-x: hidden;
    left: 0px;
    right: 100%;
    bottom: 0px;
    top: 60px;
    transition: 0.5s;
}


.appname {
    color: var(--bs-appname-color);
}

.field-validation-error {
    color: var(--bs-danger) !important;
}

.shimmer {
    overflow: hidden;
    position: relative;
    height: 16px;
    border-radius: 2px;
    background: var(--bs-shimmer-bg);
}

    .shimmer::before {
        content: "";
        position: absolute;
        background: linear-gradient( 90deg, var(--bs-shimmer-bg) 0%, var(--bs-tertiary-bg) 50%, var(--bs-shimmer-bg) 100% );
        height: 100%;
        width: 100%;
        z-index: 1;
        animation-duration: 2s;
        animation-timing-function: ease-in-out;
        animation-direction: normal;
        animation-iteration-count: infinite;
        animation-name: shimmer;
    }

@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.ui-autocomplete {
    z-index: 5000;
    list-style: none;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid var(--bs-border-color);
    outline: none;
    padding: 0px;
    margin: 0px;
    background-color: var(--bs-body-bg);
    /* box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 37%); */
    min-width: 180px;
    font-size: inherit;
    max-height: 250px;
    max-width: 340px;
    overflow: auto;
    margin-left: -2px;
}

    .ui-autocomplete .ui-menu-item {
        list-style: none;
        margin: 0px;
        padding: 8px 8px;
        color: var(--bs-body-color);
        font-size: inherit;
        text-decoration: none;
        cursor: default;
    }

        .ui-autocomplete .ui-menu-item:hover,
        .ui-autocomplete .ui-menu-item:has(.ui-state-hover),
        .ui-autocomplete .ui-menu-item:has(.ui-state-active) {
            background-color: var(--bs-btn-hover-bg) !important;
        }

.ui-autocomplete-loading {
    background-image: url('../images/loading.gif');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.ui-helper-hidden-accessible {
    display: none !important;
}

.text-justified {
    text-align: justify !important;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    box-shadow: none;
}