@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
     body {
          @apply font-Poppins text-Bcolor font-normal text-xs
     }
}
#scrollUp {
     @apply flex items-center justify-center bg-black bottom-[10px] text-white text-[20px] w-[40px] h-[40px] fixed right-[10px] text-center transition-all z-50 rounded-md hover:bg-Hcolor
}
ul li .menu-active {
     @apply before:block
}
ul li a {
     @apply hover:before:block
}
@layer utilities {
     .no-scrollbar::-webkit-scrollbar {
       display: none;
     }
     .no-scrollbar {
       -ms-overflow-style: none; 
       scrollbar-width: none; 
     }
     .inner-menu-active {
          @apply bg-Scolor shadow-[0_5px_6px_rgba(239,241,249,0.24)]
     }
     .inner-menu-active h4 {
          @apply text-white
     }
     .inner-menu-active p {
          @apply text-white
     }
     .inner-menu-active img {
          filter: invert(100%) sepia(100%) saturate(2550%) hue-rotate(5250deg) brightness(250%) contrast(100%);
     }
     .calendar .day.today {
          @apply bg-Scolor
     }
     .calendar .day.has-event:after {
          @apply bg-Scolor
     }
     .calendar .day {
          @apply hover:border-Scolor text-[12px] font-Poppins font-normal text-Tcolor
     }
     .calendar .event-container .event {
          @apply bg-Scolor
     }
     .calendar td {
          @apply text-[12px] font-Poppins font-normal text-Tcolor
     }
     .calendar header .simple-calendar-btn {
          @apply hidden
     }
     .calendar header .month {
          @apply flex font-Montserrat text-[12px] font-bold text-Tcolor
     }
     .calendar header .month .year {
          @apply font-Montserrat text-[12px] font-bold text-Tcolor border-l-2 border-Tcolor ml-1 pl-1
     }
     .calendar .event-container {
          @apply p-5 sm:p-10 pt-10
     }
     .calendar .event-container .close {
          @apply inline-block w-5 h-5 top-2 right-2
     }
     .active-menu-item {
          @apply text-Scolor
     }
     .active-menu-item .icon {
          filter: invert(70%) sepia(90%) saturate(2550%) hue-rotate(5169deg) brightness(67%) contrast(165%);
     }
     .tab-menu[aria-selected="true"] {
          @apply text-white bg-Color2 hover:text-white
     }
     .tab-menu[aria-selected="true"] .icon {
          filter: invert(100%) sepia(100%) saturate(2550%) hue-rotate(5250deg) brightness(250%) contrast(100%);
     }
     .tab-menu[aria-selected="false"] {
          @apply text-Bcolor bg-transparent hover:text-Bcolor
     }
     .task-tab-menu[aria-selected="true"] {
          @apply bg-[#EF3F5F]
     }
     .task-tab-menu[aria-selected="false"] {
          @apply bg-Scolor
     }
     .event-tab-menu[aria-selected="true"] .tab-menu-info {
          @apply bg-Scolor text-white
     }
     .event-tab-menu[aria-selected="false"] .tab-menu-info {
          @apply bg-white text-Bcolor
     }
     .primary-table tbody tr:nth-child(1n) .conpany-info {
          @apply border-[#D51C53]
     }
     .primary-table tbody tr:nth-child(2n) .conpany-info {
          @apply border-[#07A04A]
     }
     .primary-table tbody tr:nth-child(3n) .conpany-info {
          @apply border-[#F89747]
     }
     .primary-table tbody tr:nth-child(4n) .conpany-info {
          @apply border-[#0C9DA4]
     }
     .scrollbar-thin::-webkit-scrollbar {
         @apply h-[6px] w-0.5
     }
     .sub-group:hover .sub-group-items {
         @apply block
     }
 }


.apexcharts-tooltip-title {
     border: none !important
}
.apexcharts-tooltip {
     border: none !important;
}
.apexcharts-tooltip-title {
     @apply  bg-[#F1F9FE] text-[11px] font-Poppins border-b-0 text-Bcolor text-center leading-none
}
.apexcharts-tooltip {
     @apply bg-white rounded-md border-0 shadow-[0_5px_9px_rgba(0,0,0,0.03)] text-[11px] font-Poppins text-Bcolor p-0 leading-none
}
span.apexcharts-tooltip-text-y-value {
     @apply text-[11px] font-Poppins text-[#22A6AC] font-bold p-0 leading-none
}
.calendar table {
     margin: 0;
}
.calendar header .month {
     display: none;
 }
 .svg-color-theme {
     fill: #FF8200;
     stroke: #FF8200;
 }