@import url("../vendor/fonts/Nunito-Sans/stylesheet.css");
@import url("../vendor/fonts/Bookman-Old-Style/stylesheet.css");
@import url("../tailwind/node_modules/remixicon/fonts/remixicon.css");
@import url('../tailwind/flowbite.css');

:root {}

body {
    /* font-family: 'Nunito Sans', sans-serif; */
    font-family: 'Bookman Old Style', sans-serif;
}

ul {
    padding-left: 0 !important;
}

/* Remove number input spinners in all major browsers */
input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]::-moz-number-spin-box {
    display: none;
    /* Older Firefox versions */
}


/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}



body {
    --sb-track-color: #b5b5b5;
    --sb-thumb-color: #565656;
    --sb-size: 11px;
}

body::-webkit-scrollbar {
    width: var(--sb-size)
}

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

body::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 3px;
    border: 1px solid #232E33;
}

@supports not selector(::-webkit-scrollbar) {
    body {
        scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
    }
}

/* Reusable custom scrollbar */
.custom-scrollbar {
    --sb-track-color: #b5b5b5;
    --sb-thumb-color: #565656;
    --sb-size: 11px;

    scrollbar-width: thin;
    /* Firefox fallback */
    scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
}

/* Chrome, Edge, Safari */
.custom-scrollbar::-webkit-scrollbar {
    width: var(--sb-size);
    height: var(--sb-size);
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 3px;
    border: 1px solid #232E33;
}



.dt-empty {
    text-align: center;
}


[data-input-dropdown-menu] {
    max-height: 0;
    overflow: hidden;
}

[data-input-dropdown-menu].open {
    max-height: 200px;
}

[data-input-dropdown-option-item]:hover {
    background-color: #404040;
    color: #fff;
}

[data-input-dropdown-option-item].highlighted {
    background-color: #404040;
}

/* ====================================== DONT TOUCH THIS CODE ====================================== */
[data-dropdown-button] .ri-arrow-down-s-line {
    display: none;
}

[data-dropdown-button] {
    padding-right: 40px;
}

[data-dropdown-button] [data-dropdown-text] {
    pointer-events: none;
    overflow: hidden;
    text-wrap: nowrap;
}

[data-dropdown-button]::before {
    content: '\EA4E';
    font-family: "remixicon";
    font-size: 20px;
    color: #6b7280;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

[data-dropdown-button] i[data-dropdown-clear] {
    position: absolute;
    right: 21px;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
}

/* =================================================================== */

[multi-select-custom-dropdown] [multi-select-custom-dropdown-button] i.ri-arrow-down-s-line {
    display: none;
}

[multi-select-custom-dropdown] [multi-select-custom-dropdown-button] {
    padding-right: 40px;
}

[multi-select-custom-dropdown] [multi-select-custom-dropdown-button] [multi-select-custom-dropdown-label] {
    pointer-events: none;
    overflow: hidden;
    text-wrap: nowrap;
}

[multi-select-custom-dropdown] [multi-select-custom-dropdown-button]::before {
    content: '\EA4E';
    font-family: "remixicon";
    font-size: 20px;
    color: #6b7280;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

[multi-select-custom-dropdown] [multi-select-custom-dropdown-button] i[multi-select-custom-dropdown-remove-selection] {
    position: absolute;
    right: 21px;
    top: 50%;
    z-index: 5;
    transform: translateY(-50%);
}

/* ====================================== DONT TOUCH THIS CODE ====================================== */

.form-input {
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 17%);
}