@layer components {
    .calendar {
        @apply w-full mt-[49px] text-center;
    }

    .calendar-table, .fc .fc-scrollgrid table {
        @apply !w-full border-collapse;
    }

    .calendar-table td, .fc-theme-standard td, .fc-theme-standard th {
        @apply h-auto w-[calc(100%/7)] border border-solid border-custom-grey-200 bg-custom-grey-25;
    }

    /* .current-month {
        background-color: #f0f0f0;
    } */

    .highlight-cell-event {
        @apply !bg-custom-purple-100;
    }

    .highlight-cell-absent {
        @apply !bg-custom-yellow-100;
    }

    .highlight-cell-leave {
        @apply !bg-custom-red-100;
    }

    .fc-theme-standard .fc-scrollgrid {
        @apply !border-custom-grey-200;
    }
    .daterangepicker .ranges li.active,
    .daterangepicker .ranges li:hover,
    .daterangepicker td.active,
    .daterangepicker td.active:hover {
        @apply !bg-custom-orange-200; 
        @apply !text-custom-orange-900; 
    }


    .fc .fc-toolbar{
        @apply flex flex-col lg:flex-row justify-between gap-2 mt-0 md:mt-5;
    }

    .fc-toolbar-chunk .fc-toolbar-title{
        @apply !text-xl !font-bold !text-custom-grey-900;
    }

    .fc-today-button {
        @apply !bg-custom-orange-50 !text-custom-orange-700 !font-semibold !text-[14px] !border-none leading-5 flex items-center gap-[8px] !py-[8px] !px-[18px] !rounded-[8px] hover:!bg-custom-orange-100;
    }

    .fc-today-button:disabled {
        @apply !bg-custom-orange-25  hover:!bg-custom-orange-500 hover:!text-white;
    }

    .fc-button-group {
        @apply flex bg-custom-grey-50 rounded-[8px] w-max items-center p-[8px] overflow-x-scroll no-scrollbar;
    }

    .fc-button-group .fc-button:disabled {
        @apply !bg-custom-grey-25  hover:!bg-custom-grey-400 hover:!text-white;
    }

    .fc .fc-button-group .fc-button {
        @apply bg-transparent inline-block py-[8px] px-[12px] text-custom-grey-500 font-semibold text-sm rounded-[6px] min-w-[84px] border-none;
    }

    .fc .fc-button {
        @apply focus:!shadow-[rgba(50,_50,_105,_0.15)_0px_2px_5px_0px,_rgba(0,_0,_0,_0.05)_0px_1px_1px_0px];
    }

    .fc .fc-button-group .fc-prev-button, .fc .fc-button-group .fc-next-button {
        @apply py-[4px] px-[6px];
    }

    .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{
        @apply min-w-[94px] text-custom-grey-700 bg-base-white shadow-[rgba(50,_50,_105,_0.15)_0px_2px_5px_0px,_rgba(0,_0,_0,_0.05)_0px_1px_1px_0px] focus:!shadow-[rgba(50,_50,_105,_0.15)_0px_2px_5px_0px,_rgba(0,_0,_0,_0.05)_0px_1px_1px_0px];
    }
    .fc .fc-bg-event {
        opacity: 1 !important;
    }
    .fc .fc-daygrid-day.fc-day-today {
        background-color: transparent !important;
    }

}