:root {
    --red: #FF0000;
    --green: #00FF5E;

    --background-dark: #0A0E15;
    --background-dark-transparent: #00000067;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background-color: rgb(31 41 55 / 1);
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background-color: rgb(31 41 55 / .75);
}

.backdrop {
    width: 100%; height: 100%;
    background: var(--background-dark-transparent);
    position: absolute;
    top: 0; left: 0;
    z-index: 100;
    display: none;
}
.backdrop.show {
    display: block;
}
.notifications.backdrop.fadeIn {
    animation: fadeIn .2s ease-in-out forwards;
}
.notifications.backdrop.fadeOut {
    animation: fadeOut .2s ease-in-out forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.show {
    display: block;
}

.disabled {
    opacity: .7;
    pointer-events: none;
    user-select: none;
}

.text-xxs {
    font-size: .625rem;
    line-height: .85rem;
}

.-translate-y-1\/2 {
    transform: translateY(-50%);
}

.w-7-5px {
    width: 7.5px;
}

.h-7-5px {
    height: 7.5px;
}

.max-h-75-vh {
    max-height: 75vh;
}

.dropdown-body::-webkit-scrollbar {
    display: none;
}

#notification {
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}

.background-dark {
    background: var(--background-dark);
}

.w-available {
    width: -webkit-fill-available;
}

.min-h-screen-min-16 {
    min-height: calc(100vh - 4rem);
}

.focus\:shadow-none:focus {
    box-shadow: none!important;
}

/* Select */
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 44px!important;
        color: #FFF!important;
        padding-left: 35px!important; padding-right: 40px!important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered.small {
        padding-left: 20px!important;
    }

    #select2-productSelect-container {
        padding-left: 50px!important;
    }

    .select2 .select-arrow {
        width: 15px; height: 11.25px;
        position: absolute;
        top: 50%; right: 20px;
        transform: translateY(-50%);
    }
    .select2-selection__arrow {
        height: 100%!important;
    }
    /* Select content */
    .select2-container .select2-dropdown {
        background: rgb(17 24 39 / 1)!important;
        /* color: #FFFFFF66!important; */
        color: rgb(107 114 128 / 1)!important;
        margin-top: 15px;
        border: none;
        border-radius: 0.375rem;
    }

    .select2-container--open .select2-dropdown--below, .select2-container--default .select2-results>.select2-results__options {
        max-height: 150px!important;
        /* border: 1px solid rgb(55 65 81 / 1); */
        border: 1px solid #F1C400;
        border-radius: 0.375rem!important;
        overflow: hidden;
    }

    .select2-results  {
        /* background: rgb(17 24 39 / 1)!important; */
        background: #F5F5F7!important;
    }

    .select2-results__option:hover {
        font-weight: bold;
    }

    .select2-results__option {
        /* color: #FFFFFF66; */
        /* color: #F1C400; */
        /* color: #F1C400; */
        color: rgb(107 114 128 / 1);
        padding-left: 25px!important;
        min-height: 40px!important;
        display: flex;
        align-items: center;
        position: relative;
    }

    .select2-results__option::before,
    .select2-results__option--selectable::before,
    .select2-results__option--highlighted::before {
        content: "";
        width: 90%; height: 1px;
        /* background: rgb(55 65 81 / 1); */
        background: #F1C400;
        position: absolute;
        left: 50%; bottom: -1px;
        transform: translateX(-50%);
    }

    /* .select2-results__option:last-child::before {
        display: none;
    } */

    .select2-results__option--selected, .select2-results__option--highlighted {
        /* background: rgb(17 24 39 / 1)!important; */
        /* color: #FFFFFF!important; */
        background: #F5F5F7!important;
        /* color: #F1C400!important; */
        color: rgb(107 114 128 / 1)!important;
        font-weight: bold;
    }
/* End select */

/* Notification */
.progress{
    width: 100%; height: 5px;
    background: var(--transparent);
    position: absolute;
    left: 0; bottom: 0;
    border-radius: 0 0 5px 5px;
}

.progress::before{
    content: '';
    width: 100%; height: 100%;
    position: absolute;
    bottom: 0; right: 0;
}

.progress.progress-active::before{
    animation: progress 4.2s linear forwards;
}

@keyframes progress {
    100% {
        right: 100%;
    }
}

.select2-results__option::before,
.select2-results__option--selectable::before,
.select2-results__option--highlighted::before {
    height: 0;
}
.select2-results__option::before,
.select2-results__option--selectable::before,
.select2-results__option--highlighted::before {
    content: none;
}
.select2-results__option[aria-selected="true"] {
    color: #F1C400;
}