/* third-party libraries CSS */

/* ApexCharts */
.apexcharts-legend-text {
    @apply text-gray-700! dark:text-gray-300!;
}

.apexcharts-text {
    @apply fill-gray-700! dark:fill-gray-400!;
}

.apexcharts-tooltip.apexcharts-theme-light {
    @apply shadow-theme-sm! gap-1 rounded-md! border-gray-200! p-3 dark:border-gray-800! dark:bg-gray-900!;
}

.apexcharts-tooltip-marker {
    @apply mr-1.5! h-1.5! w-1.5!;
}
.apexcharts-legend-text {
    @apply pl-5! text-gray-700! dark:text-gray-300!;
}
.apexcharts-tooltip-series-group {
    @apply p-0!;
}
.apexcharts-tooltip-y-group {
    @apply p-0!;
}
.apexcharts-tooltip-title {
    @apply mb-0! border-b-0! bg-transparent! p-0! text-[10px]! leading-4! text-gray-700! dark:text-white/90!;
}
.apexcharts-tooltip-text {
    @apply text-theme-xs! text-gray-700! dark:text-white/90!;
}
.apexcharts-tooltip-text-y-value {
    @apply font-medium!;
}

.apexcharts-gridline {
    @apply stroke-gray-100! dark:stroke-gray-800!;
}
#chartTwo .apexcharts-datalabels-group {
    @apply -translate-y-24!;
}
#chartTwo .apexcharts-datalabels-group .apexcharts-text {
    @apply fill-gray-800! font-semibold! dark:fill-white/90!;
}

#chartSixteen .apexcharts-legend {
    @apply p-0! pl-6!;
}

/* JVM Map */
.jvm-container {
    @apply bg-gray-50! dark:bg-gray-900!;
}
.jvm-region.jvm-element {
    @apply hover:fill-brand-500! dark:hover:fill-brand-500! fill-gray-300! dark:fill-gray-700!;
}
.jvm-marker.jvm-element {
    @apply stroke-gray-200! dark:stroke-gray-800!;
}

/* Swiper Slider */
.stocks-slider-outer .swiper-button-next:after,
.stocks-slider-outer .swiper-button-prev:after {
    @apply hidden;
}

.stocks-slider-outer .swiper-button-next,
.stocks-slider-outer .swiper-button-prev {
    @apply static! mt-0 h-8 w-9 rounded-full border border-gray-200 text-gray-700! transition hover:bg-gray-100 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-300!;
}

.stocks-slider-outer .swiper-button-next.swiper-button-disabled,
.stocks-slider-outer .swiper-button-prev.swiper-button-disabled {
    @apply bg-white opacity-100 dark:bg-gray-900;
}

.stocks-slider-outer .swiper-button-next svg,
.stocks-slider-outer .swiper-button-prev svg {
    @apply h-auto! w-auto!;
}

.swiper-button-prev svg,
.swiper-button-next svg {
    @apply h-auto! w-auto!;
}

.carouselTwo .swiper-button-next:after,
.carouselTwo .swiper-button-prev:after,
.carouselFour .swiper-button-next:after,
.carouselFour .swiper-button-prev:after {
    @apply hidden;
}
.carouselTwo .swiper-button-next.swiper-button-disabled,
.carouselTwo .swiper-button-prev.swiper-button-disabled,
.carouselFour .swiper-button-next.swiper-button-disabled,
.carouselFour .swiper-button-prev.swiper-button-disabled {
    @apply bg-white/60 opacity-100!;
}
.carouselTwo .swiper-button-next,
.carouselTwo .swiper-button-prev,
.carouselFour .swiper-button-next,
.carouselFour .swiper-button-prev {
    @apply shadow-slider-navigation h-10 w-10 rounded-full border-[0.5px] border-white/10 bg-white/90 text-gray-700! backdrop-blur-[10px];
}

.carouselTwo .swiper-button-prev,
.carouselFour .swiper-button-prev {
    @apply left-3! sm:left-4!;
}

.carouselTwo .swiper-button-next,
.carouselFour .swiper-button-next {
    @apply right-3! sm:right-4!;
}

.carouselThree .swiper-pagination,
.carouselFour .swiper-pagination {
    @apply shadow-slider-navigation bottom-3! left-1/2! inline-flex w-auto! -translate-x-1/2 items-center gap-1.5 rounded-[40px] border-[0.5px] border-white/10 bg-white/60 px-2 py-1.5 backdrop-blur-[10px] sm:bottom-5!;
}

.carouselThree .swiper-pagination-bullet,
.carouselFour .swiper-pagination-bullet {
    @apply shadow-theme-xs m-0! h-2.5 w-2.5 bg-white opacity-100 duration-200 ease-in-out;
}

.carouselThree .swiper-pagination-bullet-active,
.carouselFour .swiper-pagination-bullet-active {
    @apply w-6.5 rounded-md;
}

/* Flatpickr */
.flatpickr-wrapper {
    @apply w-full;
}
.flatpickr-calendar {
    @apply dark:bg-gray-dark! dark:shadow-theme-xl! 2xsm:w-auto! mt-2 rounded-md! p-5! text-gray-500! dark:text-gray-300!;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    @apply stroke-brand-500;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    @apply hidden;
}
.flatpickr-current-month .cur-month,
.flatpickr-current-month input.cur-year {
    @apply h-auto! pt-0! text-lg! font-medium! text-gray-700! dark:text-white/90!;
}

.flatpickr-prev-month,
.flatpickr-next-month {
    @apply p-0!;
}

.flatpickr-weekdays {
    @apply h-auto mt-6 mb-4;
}

.flatpickr-weekday {
    @apply text-theme-sm! font-medium! text-gray-500! dark:text-gray-300!;
}

.flatpickr-day {
    @apply text-theme-sm! flex! items-center! font-medium! text-gray-700! dark:text-white/90! dark:hover:border-gray-300! dark:hover:bg-gray-900!;
}
.flatpickr-day.nextMonthDay,
.flatpickr-day.prevMonthDay {
    @apply text-gray-400!;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    @apply top-7! dark:fill-white! dark:text-white!;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    @apply left-7!;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    @apply right-7!;
}
span.flatpickr-weekday,
.flatpickr-months .flatpickr-month {
    @apply dark:fill-white! dark:text-white!;
}
.flatpickr-day.inRange {
    box-shadow: -5px 0 0 #f9fafb, 5px 0 0 #f9fafb !important;
    @apply dark:shadow-datepicker!;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    @apply border-gray-50! bg-gray-50! dark:border-0! dark:border-white/5! dark:bg-white/5!;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.selected,
.flatpickr-day.endRange {
    @apply text-white! dark:text-white!;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #465fff;
    @apply border-brand-500! bg-brand-500! hover:border-brand-500! hover:bg-brand-500!;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
    box-shadow: -10px 0 0 #465fff;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    @apply hover:fill-none!;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: none !important;
}

.flatpickr-calendar.static {
    @apply right-0;
}

/* FullCalendar */
.fc .fc-view-harness {
    @apply max-w-full overflow-x-auto custom-scrollbar;
}
.fc-dayGridMonth-view.fc-view.fc-daygrid {
    @apply min-w-[718px];
}
.fc .fc-scrollgrid-section > * {
    border-right-width: 0;
    border-bottom-width: 0;
}
.fc .fc-scrollgrid {
    border-left-width: 0;
}
.fc .fc-toolbar.fc-header-toolbar {
    @apply flex-col gap-4 px-6 pt-6 sm:flex-row;
}
.fc-button-group {
    @apply gap-2;
}
.fc-button-group .fc-button {
    @apply flex h-10 w-10 items-center justify-center rounded-md! border border-gray-200 bg-transparent hover:border-gray-200 hover:bg-gray-50 focus:shadow-none active:border-gray-200! active:bg-transparent! active:shadow-none! dark:border-gray-800 dark:hover:border-gray-800 dark:hover:bg-gray-900 dark:active:border-gray-800!;
}

.fc-button-group .fc-button.fc-prev-button:before {
    @apply inline-block mt-1;
    content: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0068 6L9.75684 12.25L16.0068 18.5' stroke='%23344054' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.fc-button-group .fc-button.fc-next-button:before {
    @apply inline-block mt-1;
    content: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.50684 19L15.7568 12.75L9.50684 6.5' stroke='%23344054' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.dark .fc-button-group .fc-button.fc-prev-button:before {
    content: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0068 6L9.75684 12.25L16.0068 18.5' stroke='%2398A2B3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.dark .fc-button-group .fc-button.fc-next-button:before {
    content: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.50684 19L15.7568 12.75L9.50684 6.5' stroke='%2398A2B3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.fc-button-group .fc-button .fc-icon {
    @apply hidden;
}
.fc-addEventButton-button {
    @apply bg-brand-500! hover:bg-brand-600! rounded-md! border-0! px-4! py-2.5! text-sm! font-medium! focus:shadow-none!;
}
.fc-toolbar-title {
    @apply text-lg! font-medium! text-gray-700 dark:text-white/90;
}
.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child {
    @apply rounded-md bg-gray-100 p-0.5 dark:bg-gray-900;
}
.fc-header-toolbar.fc-toolbar .fc-toolbar-chunk:last-child .fc-button {
    @apply h-auto! w-auto! rounded-md border-0! bg-transparent px-5! py-2! text-sm font-medium text-gray-500 hover:text-gray-700 focus:shadow-none! dark:text-gray-300;
}
.fc-header-toolbar.fc-toolbar
    .fc-toolbar-chunk:last-child
    .fc-button.fc-button-active {
    @apply text-gray-700 bg-white dark:bg-gray-800 dark:text-white;
}
.fc-theme-standard th {
    @apply border-x-0! border-t border-gray-200! bg-gray-50 text-left! dark:border-gray-800! dark:bg-gray-900;
}
.fc-theme-standard td,
.fc-theme-standard .fc-scrollgrid {
    @apply border-gray-200! dark:border-gray-800!;
}
.fc .fc-col-header-cell-cushion {
    @apply px-5! py-4! text-sm font-medium text-gray-400 uppercase;
}
.fc .fc-daygrid-day.fc-day-today {
    @apply bg-transparent;
}
.fc .fc-daygrid-day {
    @apply p-2;
}
.fc .fc-daygrid-day.fc-day-today .fc-scrollgrid-sync-inner {
    @apply rounded-sm bg-gray-100 dark:bg-white/[0.03];
}
.fc .fc-daygrid-day-number {
    @apply p-3! text-sm font-medium text-gray-700 dark:text-gray-300;
}
.fc .fc-daygrid-day-top {
    @apply flex-row!;
}
.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 1;
}
.fc .fc-day-other .fc-daygrid-day-top .fc-daygrid-day-number {
    @apply text-gray-400 dark:text-white/30;
}
.event-fc-color {
    @apply rounded-md py-2.5 pr-3 pl-4;
}
.event-fc-color .fc-event-title {
    @apply p-0 text-sm font-normal text-gray-700;
}
.fc-daygrid-event-dot {
    @apply w-1 h-5 ml-0 mr-3 border-none rounded-sm;
}
.fc-event {
    @apply focus:shadow-none;
}
.fc-daygrid-event.fc-event-start {
    @apply ml-3!;
}
.event-fc-color.fc-bg-success {
    @apply border-success-50 bg-success-50;
}
.event-fc-color.fc-bg-danger {
    @apply border-error-50 bg-error-50;
}
.event-fc-color.fc-bg-primary {
    @apply border-brand-50 bg-brand-50;
}
.event-fc-color.fc-bg-warning {
    @apply border-orange-50 bg-orange-50;
}
.event-fc-color.fc-bg-success .fc-daygrid-event-dot {
    @apply bg-success-500;
}
.event-fc-color.fc-bg-danger .fc-daygrid-event-dot {
    @apply bg-error-500;
}
.event-fc-color.fc-bg-primary .fc-daygrid-event-dot {
    @apply bg-brand-500;
}
.event-fc-color.fc-bg-warning .fc-daygrid-event-dot {
    @apply bg-orange-500;
}
.fc-direction-ltr .fc-timegrid-slot-label-frame {
    @apply px-3 py-1.5 text-left text-sm font-medium text-gray-500 dark:text-gray-300;
}
.fc .fc-timegrid-axis-cushion {
    @apply text-sm font-medium text-gray-500 dark:text-gray-300;
}
