[x-cloak] {
    display: none !important;
}

* {
    scrollbar-width: thin !important;
    scroll-behavior: smooth !important;
}

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

input[type=number] {
    -moz-appearance: textfield;
}


.pointer {
    cursor: pointer !important;
}

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

td, tr, th, table {
    vertical-align: middle !important;
    text-align: center;
    transition: all .2s ease-in-out !important;
}

td {
    border-top: 1px solid var(--bs-secondary) !important;
}

.toastify {
    border-radius: 8px !important;
}

.toast-success {
    background: var(--bs-success) !important;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(96, 232, 77, 0.3) !important;
}

.toast-error {
    background: var(--bs-danger) !important;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(232, 77, 77, 0.3) !important;
}

#loader {
    background: var(--bs-body-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    z-index: 9999;
    position: fixed;
}
.select2-container .select2-selection--multiple{
    min-height: 58px !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .select2-selection--multiple{
    border-radius: 8px !important;
    border: 1px solid #bec8d0 !important;
}