.checkbox {
    background-color: white;
}

.md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.form-control.filter label.label {
    --tw-text-opacity: 1;
    color: hsl(var(--pc) / var(--tw-text-opacity));
}
.border-red {
    --tw-border-opacity: 1;
    border-color: rgb(255 0 0);
}
.border-green {
    --tw-border-opacity: 1;
    border-color: rgb(76 255 0);
}

.border-4 {
    border-width: 4px;
}

.col-span-7 {
    grid-column: span 7 / span 7;
}

.col-span-8 {
    grid-column: span 8 / span 8;
}

.table :where(thead,tfoot) :where(th,td) {
    position: static !important;
}

.input[disabled] {
    color: black;
}

.input[readonly] {
    color: black;
    border-color: rgb(248 248 248);
    background-color: rgb(248 248 248)
}
.textarea[readonly] {
    color: black;
    border-color: rgb(248 248 248);
    background-color: rgb(248 248 248)
}

.select[disabled] {
    color: black;
}

.dot {
    height: 15px;
    width: 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}


.steps .step-neutral + .step-neutral:before, .steps .step-neutral:after {
    --tw-bg-opacity: 1;
    background-color: rgb(244,235,56);
    --tw-text-opacity: 1;
}

.columnsTop6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.drawer-side {
    position: sticky;
}

.drawer-toggle:not(:checked) ~ .drawer-side {
    position: fixed;
}