@charset "UTF-8";

:root,
[data-bs-theme=light] {
    --bs-purple: #6f42c1;
    --bs-purple-hover: #553098;
    --bs-carrot: #fd6e55;
    --bs-carrot-hover: #c44c38;
    --bs-corporate: #1da517;
    --bs-corporate-rgb: 29 165 23;
    --bs-corporate-hover: #0b7407;
    --bs-corporate-hover-rgb: 208, 67, 20;
    --bs-corporate-light: #f4d5ff;
    --bs-corporate-light-rgb: 255 244 213;
    --bs-text-inverse: #212529;
    --bs-text-inverse-rgb: 33, 37, 41;
    --bg-cornsilk: #fff8dc;
    --bg-cornsilk-rgb: 255, 248, 220;
}

[data-bs-theme=dark] {
    --bs-text-inverse: #dee2e6;
    --bs-text-inverse-rgb: 222, 226, 230;
    --bs-corporate: #0b7407;
    --bs-corporate-rgb: 11, 116, 7;
    --bs-corporate-hover: #075303;
    --bs-corporate-hover-rgb: 7, 83, 3;
    --bg-cornsilk: #513e00;
    --bg-cornsilk-rgb: 81, 62, 0;
}

a {
    color: rgba(var(--bs-corporate-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline;
}

a:hover {
    --bs-corporate-rgb: var(--bs-corporate-hover-rgb);
}

/* Purple Color Elements */
.badge-purple {
    background: var(--bs-purple);
}

.text-purple {
    color: var(--bs-purple);
}

a.text-purple:hover {
    color: var(--bs-purple-hover);
}

.btn-purple:hover {
    background-color: var(--bs-purple-hover);
    border-color: var(--bs-purple-hover);
}

.btn-purple {
    background-color: var(--bs-purple);
    border-color: var(--bs-purple);
}

.btn-outline-purple {
    color: var(--bs-purple);
    border-color: var(--bs-purple);
}

.btn-outline-purple:hover {
    background-color: var(--bs-purple-hover);
    border-color: var(--bs-purple-hover);
    color: var(--bs-light);
}

/* Carrot Color Elements */
.badge-carrot {
    background: var(--bs-carrot);
}

.text-carrot {
    color: var(--bs-carrot);
}

a.text-carrot:hover {
    color: var(--bs-carrot-hover);
}

.btn-carrot:hover {
    background-color: var(--bs-carrot-hover);
    border-color: var(--bs-carrot-hover);
}

.btn-carrot {
    background-color: var(--bs-carrot);
    border-color: var(--bs-carrot);
}

.btn-outline-carrot {
    color: var(--bs-carrot);
    border-color: var(--bs-carrot);
}

.btn-outline-carrot:hover {
    background-color: var(--bs-carrot-hover);
    border-color: var(--bs-carrot-hover);
    color: var(--bs-light);
}

/* Corporate Color Elements */
.bg-corporate {
    background-color: var(--bs-corporate) !important;
    background: var(--bs-corporate);
}

.text-corporate {
    color: var(--bs-corporate);
}

a.text-corporate:hover {
    color: var(--bs-corporate-hover);
}

.btn-corporate:hover {
    background-color: var(--bs-corporate-hover);
    border-color: var(--bs-corporate-hover);
}

.btn-corporate {
    --bs-btn-color: var(--bs-light);
    --bs-btn-bg: var(--bs-corporate);
    --bs-btn-border-color: var(--bs-corporate-hover);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-corporate-hover);
    --bs-btn-hover-border-color: var(--bs-corporate-hover);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-bg: var(--bs-corporate);
    --bs-btn-active-border-color: var(--bs-corporate);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-light);
    --bs-btn-disabled-bg: var(--bs-corporate);
    --bs-btn-disabled-border-color: var(--bs-corporate);
    background-color: var(--bs-corporate);
    border-color: var(--bs-corporate);
}

.btn-outline-corporate {
    --bs-btn-color: var(--bs-corporate);
    --bs-btn-border-color: var(--bs-corporate);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-bg: var(--bs-corporate-hover);
    --bs-btn-hover-border-color: var(--bs-corporate-hover);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-bg: var(--bs-corporate);
    --bs-btn-active-border-color: var(--bs-corporate);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-corporate);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-corporate);
    --bs-gradient: none;
    color: var(--bs-corporate);
    border-color: var(--bs-corporate);
}

.btn-outline-corporate:hover {
    background-color: var(--bs-corporate-hover);
    border-color: var(--bs-corporate-hover);
    color: var(--bs-light);
}

/* Other */
.bg-none {
    background-color: transparent !important;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--bs-corporate);
}

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

.bg-striped {
    background: repeating-linear-gradient(
            -45deg,
            rgba(var(--bs-dark-rgb), 0.1),
            rgba(var(--bs-dark-rgb), 0.1) 10px,
            rgba(var(--bs-dark-rgb), 1) 10px,
            rgba(var(--bs-dark-rgb), 1) 20px
    );
}

.bg-gradient-dark {
    background: linear-gradient(
            180deg,
            rgba(var(--bs-dark-rgb), 1),
            rgba(var(--bs-dark-rgb), 0)
    );
}

.text-shadow {
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

/* Placeholder */
::-ms-input-placeholder {
    color: var(--bs-body-bg-rgb);
}

:-ms-input-placeholder {
    color: var(--bs-body-bg-rgb);
}

::placeholder {
    color: var(--bs-body-bg-rgb);
    opacity: 1;
}

::-webkit-scrollbar-thumb {
    background: rgba(var(--bs-emphasis-color-rgb), 0.5);
    border-radius: var(--bs-border-radius);
}

::-webkit-scrollbar {
    width: var(--bs-border-radius);
    height: var(--bs-border-radius);
    background: transparent;
}

/* Toolbar Header Menu */
#system-toolbar-header .nav-link,
#system-toolbar-header .dropdown-item {
    color: var(--bs-dark-text-emphasis);
}

#system-toolbar-header .nav-link:hover,
#system-toolbar-header .dropdown-item:hover {
    color: var(--bs-light-text-emphasis);
}

#system-toolbar-header .dropdown-item:active,
#system-toolbar-header .dropdown-item.active {
    background: var(--bs-corporate);
    color: var(--bs-light);
}

#system-toolbar-header .nav-link.border:hover {
    background: var(--bs-corporate);
    border-color: var(--bs-corporate);
    color: var(--bs-light);
}

#system-toolbar-header .nav-link.border:active,
#system-toolbar-header .nav-link.border.active {
    background: var(--bs-corporate);
    border-color: var(--bs-corporate);
    color: var(--bs-light);
}

#system-toolbar-header .nav-link.active {
    background: var(--bs-corporate);
    color: var(--bs-light);
}

#system-toolbar-header .item-with-icon {
}

#system-toolbar-header .item-with-icon .item-icon {
    border-right: 1px solid rgba(var(--bs-text-inverse-rgb), 0.2);
    color: rgba(var(--bs-body-color-rgb), 0.5)
}

#system-toolbar-header .item-with-icon:hover:not(.active) .item-icon {
    color: rgba(var(--bs-corporate), 1)
}

#system-toolbar-header .item-with-icon.active .item-icon {
    color: rgba(var(--bs-text-inverse), 1)
}

.form-control:focus,
.select2-container--bootstrap-5 .select2-dropdown,
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection,
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: var(--bs-corporate) !important;
    z-index: 2056 !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: var(--bs-corporate) !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    border-color: var(--bs-corporate) !important;
    box-shadow: none !important;
}

.form-switch .form-check-input,
.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23bbb'/%3e%3c/svg%3e");
    background-image: var(--bs-form-switch-bg);
    border-color: rgba(var(--bs-dark-rgb), 0.5);
}

.form-switch .form-check-input:checked {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-color: rgba(var(--bs-dark-rgb), 0.5);
    border-color: rgba(var(--bs-dark-rgb), 0.5);
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .form-switch .form-check-input:checked {
    border-color: rgba(var(--bs-tertiary-color-rgb), 0.5);
}

@-webkit-keyframes blink {
    from {
        background-color: transparent;
    }
    50% {
        background-color: var(--bs-warning);
    }
    to {
        background-color: transparent;
    }
}

@-moz-keyframes blink {
    from {
        background-color: transparent;
    }
    50% {
        background-color: var(--bs-warning);
    }
    to {
        background-color: transparent;
    }
}

@-o-keyframes blink {
    from {
        background-color: transparent;
    }
    50% {
        background-color: var(--bs-warning);
    }
    to {
        background-color: transparent;
    }
}

@keyframes blink {
    from {
        background-color: transparent;
    }
    50% {
        background-color: var(--bs-warning);
    }
    to {
        background-color: transparent;
    }
}

@-webkit-keyframes catch-eye {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes catch-eye {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes catch-eye {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes catch-eye {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.blink {
    -webkit-animation: blink 1s 1 ease-in-out;
    -moz-animation: blink 1s 1 ease-in-out;
    -o-animation: blink 1s 1 ease-in-out;
    animation: blink 1s 1 ease-in-out;
}

.blink-2 {
    -webkit-animation: blink 1s 2 ease-in-out;
    -moz-animation: blink 1s 2 ease-in-out;
    -o-animation: blink 1s 2 ease-in-out;
    animation: blink 1s 2 ease-in-out;
}

.blink-3 {
    -webkit-animation: blink 3s 3 ease-in-out;
    -moz-animation: blink 3s 3 ease-in-out;
    -o-animation: blink 3s 3 ease-in-out;
    animation: blink 3s 3 ease-in-out;
}

.blink-infinite {
    -webkit-animation: blink 1s infinite ease-in-out;
    -moz-animation: blink 1s infinite ease-in-out;
    -o-animation: blink 1s infinite ease-in-out;
    animation: blink 1s infinite ease-in-out;
}

.catch-eye-infinite {
    -webkit-animation: catch-eye 2s infinite ease-in-out;
    -moz-animation: catch-eye 2s infinite ease-in-out;
    -o-animation: catch-eye 2s infinite ease-in-out;
    animation: catch-eye 2s infinite ease-in-out;
}

nav .nav-pills .nav-link.active,
nav .nav-pills .show > .nav-link {
    color: var(--bs-light);
    background-color: var(--bs-corporate);
}

nav .nav-pills .nav-link {
    border: 1px solid rgba(var(--bs-corporate-rgb), 0.2);
    color: var(--bs-corporate);
}

nav .nav-pills .nav-link:not(.active):hover {
    background-color: var(--bs-light);
}

.accordion-button:not(.collapsed) {
    color: var(--bs-dark-text-emphasis);
    background-color: var(--bs-dark-bg-subtle);
}