table.hoverable tr:not(thead tr):hover {
    background-color: #f0f0f0 !important;
}

.select2-container {
    z-index: 9999;
    width: fit-content;
    min-width: 200px !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
}

.img-fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text-gray, .text-grey{
    color: gray;
}

.text-gray-light{
    color: #c7c7c7;
}

.fit-content {
    width: fit-content !important;
}

.theme-primary {
    color: rgb(151, 53, 35) !important;
}


.underline-input {
    border: none !important;
    background-color: transparent;
    border-bottom: 2px solid #444 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    width: 100% !important;
}

@media(max-width: 768px) {
    .custom-pills {
        display: flex !important;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        width: 100% !important;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scrollbar-width: none;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        /* smoother scrolling on iOS */
    }
}

.custom-pills {
    display: flex;
    gap: 0.5rem !important;

    & .nav-link:not(.active):hover {
        background-color: #aeaeaf2a !important;
        color: #444;
    }
}


input[disabled],
select[disabled] {
    background-color: #e9e9e9 !important;
}