@import "tailwind/_base.css";
@import "tailwind/_components.css";
@import "tailwind/_utilities.css";

@import "_checkbox-radio-switch.css";
@import "_progress.css";
/* @import "_scrollbars.css"; */
@import "_table.css";
/* resources/css/custom-scrollbar.css */
/* Custom scrollbar styles */
/* ::-webkit-scrollbar {
    width: 8px;
} */





/* Style scrollbar track */


/* Hide scrollbar by default */
::-webkit-scrollbar {
    width: 6px;
    transition: all;
    transition-duration: 800ms;
    position: absolute;

}

/* Show scrollbar when container is hovered */
::-webkit-scrollbar-thumb {
    background-color: #d3d3d3;
    border-radius: 2px;
    position: absolute;
}

::-webkit-scrollbar:hover {
    width: 6px; /* Set width of the scrollbar */
    display: block;
    background-color: white;
    border-radius: 4px;
    position: absolute;

}

.backdrop-blur-3xl {
    backdrop-filter: blur(40px); /* Standard syntax */
    -webkit-backdrop-filter: blur(30px); /* Chrome-specific prefix */
}
html {
    @apply h-full;
    position: relative;
}
body {
    @apply h-screen;
}
div#__next {
    @apply h-full;
}
main {
    @apply h-full;
}

#nprogress .bar{
    height: 3px !important;
}

#nprogress .spinner{
    top: 35px !important;
}

#nprogress .spinner-icon{
    width: 22px !important;
    height: 22px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}




table{
    border: 1px solid #f1f1f1;
    border-radius: 12px;
    padding: 8px;
}
table thead tr th,
table tbody tr td{
    padding: 8px 10px;
}

.tooltip {
    @apply visible z-50 fixed left-10 -mt-7 rounded shadow-lg p-1 bg-gray-900 text-white px-2 z-50;

}

.has-tooltip:hover .tooltip {
    @apply visible z-50;
    display: block;
}
.has-tooltip:hover{
    overflow: visible;
}
*{
    font-family: 'Poppins', sans-serif;
    /* font-family: 'Rubik', sans-serif; */
    /* font-family: 'DM Sans', sans-serif; */
}
.custom-filter-container label{
    font-size: 0.9rem !important;
}
.custom-filter-container .border-2.py-2{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.custom-filter-container input{
    font-size: 0.9rem !important;
}
.custom-filter-container .select-none{
    font-size: 0.9rem !important;
}
.custom-filter-container .mb-2{
    margin-bottom: 2px !important;
}

.table_column{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (min-width: 800px) {
    .table_column{
        max-width: 200px;
    }

}
.table_column *{
    max-width: 200px;
}
@media (max-width: 600px) {
    .table_column{
        max-width: none;
    }
}