.text-white {
    color: white !important;

    & span {
        color: white !important;
    }
}

.text-center {
    text-align: center !important;

    & input {
        text-align: center !important;
    }

    & span {
        justify-content: center !important;
    }
}

.mt-1\.5 {
    margin-top: 6px;
}

.max-w-1\/3 {
    max-width: 33%;
}

.w-1\/3 {
    width: 33%;
}

.w-1\/2 {
    width: 50%;
}

.w-2\/3 {
    width: 66%;
}

.w-full {
    width: 100%;
}

.w-fit {
    width: fit-content;
}

.h-fit {
    height: fit-content !important;
}

.h-table {
    height: 520px;
}

.text-bold {
    font-weight: 700;
}

.bg-blue-20 {
    background-color: var(--Blue-20);
}

.bg-blue-100-40 {
    background-color: var(---Blue-100-40);
}

.bg-black-20 {
    background-color: var(--Black-20);
}

.bg-black-50 {
    background-color: var(--Black-50);
}

.bg-white:not(.mud-picker) {
    background-color: white;
    border-radius: 8px;
}

div.mud-picker.bg-white:not(.mud-picker-open) {
    background-color: white !important;
    border-radius: 8px;
}

.border-black-40 {
    border-color: var(--Black-40);
}

.border-black-50 {
    border-color: var(--Black-50);
}

.border-black-70 {
    border-color: var(--Black-70);
}


.w-fit {
    width: fit-content;
}

.w-auto {
    width: auto !important;
}

.bg-black-10 {
    background-color: var(--Black-10);
}

.w-72 {
    width: 18rem;
}
.w-64 {
    width: 16rem;
}

.bg-transparent {
    background-color: transparent !important;
}

.text-normal {
    font-weight: 400 !important;
}