.thin-scroll-bar {
    scrollbar-width: thin;
    scroll-behavior: smooth;
    scrollbar-color: #c1c1c1ba transparent;
}

button l-orbit {
    height: 100%;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
}

.date-picker-class input {
    cursor: pointer !important;
}

/* .grid-cols-1 {
    grid-template-columns: "repeat(1, minmax(0, 1fr))";
}

.grid-cols-2 {
    grid-template-columns: "repeat(2, minmax(0, 1fr))";
}

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

.grid-cols-4 {
    grid-template-columns: "repeat(4, minmax(0, 1fr))";
}

.grid-cols-5 {
    grid-template-columns: "repeat(5, minmax(0, 1fr))";
}

.grid-cols-6 {
    grid-template-columns: "repeat(6, minmax(0, 1fr))";
}

.grid-cols-7 {
    grid-template-columns: "repeat(7, minmax(0, 1fr))";
}

.grid-cols-8 {
    grid-template-columns: "repeat(8, minmax(0, 1fr))";
}

.grid-cols-9 {
    grid-template-columns: "repeat(9, minmax(0, 1fr))";
}

.grid-cols-10 {
    grid-template-columns: "repeat(10, minmax(0, 1fr))";
}

.grid-cols-11 {
    grid-template-columns: "repeat(11, minmax(0, 1fr))";
}

.grid-cols-12 {
    grid-template-columns: "repeat(12, minmax(0, 1fr))";
} */

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

@media not all and (min-width: 1024px) {
    .max-lg:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}