:root {
    --primary-text-color: #fffffe;
    --secondary-text-color: #94a1b2;

    --back-btn-color: #92929269;
    --back-btn-color-hover: #d1d1d130;

    --close-btn-color: #c51b1b60;
    --close-btn-color-hover: #7a0c0c73;

    --primary-text-color: #e5e5ffe6;
    
    
    --main-color: #6563e7b3;
    --main-color-hover: #514fc9b3;
    --main-color-active: #3f3e9ab3;

    --primary-color: #6563e7b3;
    --primary-color-hover: #514fc9b3;
    --primary-color-active: #3f3e9ab3;

    --primary-color-solid: #6563e7;
    --primary-color-solid-hover: #514fc9;
    --primary-color-solid-active: #403e9a;

    --ok-color: #4cdb28b3;
    --ok-color-hover: #32b623b3;
    --ok-color-active: #2a7116b3;

    --danger-color: #db2828b3;
    --danger-color-hover: #b62323b3;
    --danger-color-active: #711616b3;

    --alarm-alert-color: rgba(224, 41, 41, 0.3);
    --alarm-icon-color: #ffaaaa;
    --insurance-alert-color: rgba(78, 224, 41, 0.3);
    --insurance-icon-color: #bcffaa;

    --menu-background: #0d0d0dfa;
    --submenu-background: rgba(48, 50, 57, 0.3);
    --submenu-background-selected: rgba(73, 75, 83, 0.3);

    --action-button-hover: rgba(48, 50, 57, 0.45);

    --option-background-clicked: #080808fa;

    --scrollbar-background: #0d0d0d;
    --scrollbar-color: rgba(86, 86, 86, 0.52);
    --scrollbar-color-hover: rgba(86 86 86 / 75%);

    --border-radius: 0.4em;
}

* {
    user-select: none;
}

body {
    /* display: none; */
    position: absolute;
    font-family: 'Titillium Web', sans-serif;
    background: transparent;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 3px;
    scroll-behavior: smooth;
    transition: 0.2s;
}

::-webkit-scrollbar-track {
    background-color: var(--scrollbar-background);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--scrollbar-color);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-color-hover);
}

@media screen and (min-width: 340px) {
    .management-menu {
        scale: 0.5;
        top: 2em;
    }

}

@media screen and (min-width: 720px) {
    .management-menu {
        scale: 0.8;
        top: 2em !important;
    }

}

@media screen and (min-width: 1919px) {
    .management-menu {
        scale: 1.0;
        top: 7em !important;
    }

}

@media screen and (min-width: 2560px) {
    .management-menu {
        scale: 1.0;
        top: 7em !important;
    }

}

@media screen and (min-width: 3440px) {
    .management-menu {
        scale: 1.0;
        top: 17em !important;
    }

}

.select2-container {
    z-index: 50000;
}

.showroom span.select2 {
    display: block !important;
    width: 10em !important;
    background: rgba(255, 255, 255, 0.17) !important;
    border-radius: 0.3em;
}

.showroom span.select2 > span.selection > span.select2-selection {
    background: transparent !important;
    border: none !important;
}

.showroom span.select2 > span.selection > span.select2-selection > span {
    color: white !important;
}

.select2-container > span.select2-dropdown {
    width: 160px;
    background: rgba(255, 255, 255, 0.17);
    backdrop-filter: blur(5px);
    border: none;
}

.select2-container > span.select2-dropdown > span.select2-search {
    background: transparent !important;
}

.select2-container > span.select2-dropdown > span.select2-search > input {
    background: #e5e5e552;
    border-radius: 0.3em;
    color: white;
    outline: none;
}

.select2-container > span.select2-dropdown > span.select2-results {
    color: white !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--primary-color-active) !important;
}

.select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color) !important;
}


/* .ticket .select2 {
    width: 100% !important;
}

.ticket .select2>.selection>.select2-selection {
    background: transparent;
    height: 2em;
    border: none;
    padding-block: 0.3em;
} */