.fi-fo-date-time-picker-display-text-input {
    cursor: pointer;
}

.fi-pagination-records-per-page-select select {
    cursor: pointer;
}

.fi-pagination-records-per-page-select select > option {
    cursor: pointer;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    cursor: pointer;
}

.toggle_field .fi-fo-field-wrp-label {
    pointer-events: none;
}

.apexcharts-canvas, .apexcharts-svg {
    overflow: visible !important;
}

.fi-wi-widget.filament-apex-charts-widget {
    overflow: visible !important;
}

.choices__item {
    cursor: pointer !important;
}

.apexcharts-legend {
    max-width: 90% !important;
}

.custom-clickable-marker-chart  .apexcharts-marker {
    pointer-events: all !important;
    cursor: pointer !important;
}

.apexcharts-legend-series:has(.show_hide_chart_legend) {
    opacity: 1 !important;
}

.apexcharts-toolbar .apexcharts-zoom-icon {
    display: none;
}

/* Light mode (default) */

/*Start  for  custom link*/
.custom-clickable-link div, .custom-clickable-link span, .custom-clickable-link {
    color: #2c00a5 !important;
    word-break: break-all !important;
    display: inline !important;
}

.custom-clickable-link div:hover, .custom-clickable-link span:hover, .custom-clickable-link:hover {
    text-decoration: underline;
}

.dark .custom-clickable-link div, .dark .custom-clickable-link span, .dark .custom-clickable-link {
    color: #85aaf9 !important;
    word-break: break-all !important;
    display: inline !important;
}

/*End for  custom link*/
.choices {
    cursor: pointer !important;
}

.custom-text-wrap {
    word-break: break-all !important;
}

.apexcharts-pie-series {
    cursor: pointer !important;
}

/* Css Start for Cmapaign Resource Page : Making Table Actions and First 2 columns Sticky */

/* Actions column header */

/* Actions column header */
.campaign-resource-table .fi-ta-actions-header-cell {
    position: sticky;
    left: 0;
    z-index: 50;
    min-width: 155px;
    background-color: #f9fafb; /* light */
}

.dark .campaign-resource-table .fi-ta-actions-header-cell {
    background-color: #242427; /* Tailwind's gray-800 */
}

/* Actions column cell */
.campaign-resource-table .fi-ta-actions-cell {
    position: sticky;
    left: 0;
    z-index: 50;
    min-width: 155px;
    background-color: white;
}

.dark .campaign-resource-table .fi-ta-actions-cell {
    background-color: #111827; /* Tailwind's gray-900 */
}

/* Header cells for ID and Name */
.filament-tables-campaign-header-id, .filament-tables-campaign-header-name {
    background-color: #f9fafb !important;
}

.dark .filament-tables-campaign-header-id, .dark .filament-tables-campaign-header-name {
    background-color: #242427 !important;
}

/* Sticky ID header & cell */
.filament-tables-campaign-header-id, .filament-tables-campaign-cell-id {
    position: sticky;
    left: 155px;
    z-index: 30;
    min-width: 100px;
    white-space: nowrap;
    background-color: white;
}

.dark .filament-tables-campaign-cell-id {
    background-color: #111827;
}

/* Sticky Name header & cell */
.filament-tables-campaign-header-name, .filament-tables-campaign-cell-name {
    position: sticky;
    left: 255px;
    z-index: 20;
    min-width: 250px;
    white-space: nowrap;
    background-color: white;
}

.dark .filament-tables-campaign-cell-name {
    background-color: #111827;
}

/* Background striping */
tr:nth-child(even) .sticky_col, tr:nth-child(even) .fi-ta-actions-cell {
    background-color: #f9fafb;
}

tr:nth-child(odd) .sticky_col, tr:nth-child(odd) .fi-ta-actions-cell {
    background-color: white;
}

.dark tr:nth-child(even) .sticky_col, .dark tr:nth-child(even) .fi-ta-actions-cell {
    background-color: #242427;
}

.dark tr:nth-child(odd) .sticky_col, .dark tr:nth-child(odd) .fi-ta-actions-cell {
    background-color: #18181B;
}

/* Css End for Cmapaign Resource Page : Making Table Actions and First 2 columns Sticky */

/* Start Dark Mode Styling for Date Range Picker */

.daterangepicker td.in-range:is(.dark *) {

    /*    background-color: #f9f9f9 !important;*/
}

.daterangepicker:is(.dark *), .daterangepicker .calendar-table:is(.dark *) {
    background-color: #18181b !important;
    border-color: #2e2e30 !important;
}

.daterangepicker td.off:is(.dark *), .daterangepicker td.off.in-range:is(.dark *), .daterangepicker td.start-date.active.off:is(.dark *), .daterangepicker td.end-date.active.off:is(.dark *) {
    background-color: #000 !important;
}

.daterangepicker td.end-date.active, .daterangepicker td.start-date.active, .daterangepicker td.start-date.active:is(.dark *), .daterangepicker td.start-date.active, .daterangepicker li:hover {
    background-color: #F59E0B !important;
}

.daterangepicker .applyBtn {
    background-color: #F59E0B !important;
    color: #fff !important;
}

.daterangepicker .drp-buttons .btn {
    border-radius: .5rem !important;
}

/* End Dark Mode Styling for Date Range Picker */
[type=checkbox] {
    cursor: pointer !important;
}

.fi-ta-empty-state {
    min-height: calc(50vh);
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
}

.fi-fo-field-wrp-hint {
    cursor: pointer;
}