@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

input.multiselect-search {
    border: #98ced4 !important;
    --tw-ring-color: #69CAD4 !important;
}

.multiselect-option.is-selected.is-pointed {
    background-color: #69CAD4 !important;
}

.multiselect-option.is-selected {
    background-color: #69CAD4 !important;
}

.v3dp__elements button.selected span {
    background-color: #69CAD4 !important;
}

.v3dp__datepicker {
    --elem-selected-bg-color: #69CAD4 !important;
    --elem-hover-bg-color: #69CAD4 !important;
    border: #98ced4 !important;
    --tw-ring-color: #69CAD4 !important;
}

.v3dp__datepicker :focus {
    border: #98ced4 !important;
    --tw-ring-color: #69CAD4 !important;
    --tw-ring-opacity: 0.5 !important;
}

.v3dp__clearable {
    position: absolute !important;
    right: 10px !important;
    top: 5px !important;
    left: unset !important;
}

table tr:nth-child(even) {
    background: #eee !important;
}

table th {
    background: rgb(255, 255, 255) !important;
}


@media(max-device-width: 1444px){
    .display-desktop{
        display: none !important;
      }
    }

    
@media(min-device-width: 1443px){
    .display-mobile{
        display: none !important;
      }
    }