.menu-item .menu-link {
    padding: 0.40rem 1rem;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link {
    / color: red !important; /
    font-weight: bold;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #000;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #00306c;
    font-weight: bold;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #00306c;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border: 0px;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background-color: #ececec;
}




  .fc-license-message{
        z-index: 0!important;
    }
    #myMap {
      height: 350px;
      width: auto;
    }
    #myMap_search{
      height: 350px;
      width: auto;
      display: none;
    }
    .fc-event-time{
        display: none;
    }
    
    #stickyNoteModal {
        z-index: 10000 !important; /* Higher than kt_modal_view_event's z-index */
    }
    .fc-day-today,
    .fc-timegrid-col.fc-day-today,
    .fc-daygrid-day.fc-day-today {
        background-color: transparent !important;
    }
    .modal-backdrop-custom {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7); /* Darker overlay for the second modal */
        z-index: 1050; /* Above the first modal, below the second modal */
        display: none; /* Initially hidden */
    }
    /* Show the custom overlay */
    .modal-backdrop-custom.show {
        display: block;
    }
    /* Basic styling for the calendar */
    #calendar {
        font-family: Arial, sans-serif;
        /* border: 1px solid #ccc; */
        width: 270px;
        text-align: center;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        /* border-radius: 10px; */
        overflow: hidden;
        background-color: #fff;
    }
    #calendar-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 15px;
        background-color: #3498db;
        color: white;
        font-weight: bold;
    }
    #calendar-header button {
        background-color: transparent;
        border: none;
        color: white;
        font-size: 18px;
        cursor: pointer;
    }
    #calendar-days {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 5px;
        padding: 10px;
    }
    .day-name {
        font-weight: bold;
        color: #555;
    }
    .day {
        padding: 5px 0;
        border-radius: 20px;
        cursor: pointer;
        transition: background 0.2s ease;
    }
    .day:hover {
        background-color: #e3f2fd;
    }
    .day.empty {
        background-color: #f9f9f9;
        cursor: default;
    }
    .day.current-month {
        background-color: #fff;
    }
    .day.selected {
        background-color: #aaddff;
    }
    .day.today {
        background-color: #ffe0b2; /* Light orange for today */
        font-weight: bold;
    }
    .hover-highlight {
        padding: 6px 12px;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }
    .hover-highlight:hover {
        background-color: #f0f0f0; /* light gray */
    }
    .all-hidden {
        display: none;
    }
    .google-calendar-details {
        background-color: #f9f9f9;
        border-left: 5px solid #007BFF;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        font-family: 'Segoe UI', sans-serif;
        line-height: 1.6;
        color: #333;
        max-width: 700px;
    }
    .google-calendar-details b {
        color: #c0392b;
        display: inline-block;
        margin-top: 4px;
    }
    .google-calendar-details br + br {
        line-height: 1.5;
        content: "";
        display: block;
        margin-bottom: 10px;
    }
    .google-calendar-details::before {
        content: '';
        font-size: 18px;
        font-weight: 600;
        display: block;
        margin-bottom: 15px;
        color: #007BFF;
    }
    .google-calendar-details a {
        color: #007BFF;
        text-decoration: underline;
        word-break: break-all; /* breaks at any point if needed */
        display: inline-block;
        max-width: 100%;
    }
    .google-calendar-details small,
    .google-calendar-details .footer-note {
        display: block;
        margin-top: 20px;
        color: #888;
        font-size: 12px;
        text-align: right;
    }
    .pac-container {
        z-index: 1056 !important; /* Bootstrap modal z-index is 1055 */
        position: absolute !important;
    }
    .swal-overlay {
        z-index: 99999 !important;
    }
    .swal-popup {
        z-index: 100000 !important;
    }
    @media (min-width: 1200px) {
        .card-body.calendar-card-body {
            padding: 1rem 1.5rem; /* adjust as you want */
        }
    }
    .note-header{
        display: none;
    }
     #calendar {
    width: auto;
    zoom: 0.9;                 /* quick & simple (non-standard, widely supported) */
    -moz-transform: scale(.9); /* firefox fallback using transform */
    -moz-transform-origin: 0 0;
    }
    .swal2-container {
    z-index: 99999 !important;
}