body {
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #f4f6f9;
}
.layout {
    display: flex;
    height: 100vh;

}
html {
    zoom: 90%;
}
.content {
    font-family: inherit; /* Inherits from body */
    font-size: 14px;
    color: #333;
    padding: 20px;
    line-height: 1.6;
}
.sortable-link {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.sortable-link:hover {
    color: white;
    text-decoration: underline;
}
.badge-danger {
    background-color: #e74c3c;
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
}
.badge-success {
    background-color: #28a745;
    color: white;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 13px;
}
.asset-summary {
    background: #f9f9f9;
    border: 2px dashed var(--primary-color);
    padding: 15px;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.asset-summary ul {
    list-style-type: disc;
    margin-left: 20px;
    font-size: 14px;
    color: #333;
}
/*.dashboard-grid {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));*/
/*    gap: 15px;*/
/*    margin-top: 10px;*/
/*}*/
/*.stat-card {*/
/*    background: #ecf0f1;*/
/*    border-left: 5px solid var(--primary-color);*/
/*    padding: 10px 15px;*/
/*    border-radius: 6px;*/
/*    text-align: center;*/
/*}*/
.calendar-page {
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

.calendar-page h2 {
    text-align: center;
    font-size: 24px;
    color: var(--primary-color);
    margin-bottom: 20px;
}

#calendar {
    background: #fdfdfd;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 15px;
}
.fc-event {
    border-radius: 4px !important;
    font-size: 12px;
    padding: 2px 6px !important;
}
@media (max-width: 768px) {
    .calendar-page {
        padding: 10px;
    }
    #calendar {
        padding: 5px;
    }
}
.asset-header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.asset-header-top h2 {
    margin: 0;
    font-size: 24px;
    color: var(--primary-color);
}

.asset-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.asset-top-display {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.asset-photos {
    flex: 2;
}

.photo-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.asset-photo {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #ccc;
}

.qr-code-box {
    flex: 1;
    max-width: 250px;
    background: #f9f9f9;
    padding: 12px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.qr-container svg {
    max-width: 180px;
    height: auto;
    margin: 0 auto;
    display: block;
}


.section {
    margin-bottom: 30px;
}

.section h3 {
    font-size: 18px;
    color: var(--primary-color);
    border-bottom: 2px solid #eee;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

.two-col {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.two-col p {
    flex: 1 1 45%;
    margin: 5px 0;
    font-size: 14px;
}

.btn-doc {
    font-size: 13px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fafafa;
    text-decoration: none;
}
.asset-header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    gap: 15px;
}

.heading-title h2 {
    margin: 0;
    font-size: 24px;
    color: var(--primary-color);
}

.asset-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.asset-header-top-three {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2rem;
    padding: 1.5rem;
}

.heading-title {
    flex: 1;
}

.qr-code-box {
    flex: 1;
    max-width: 220px;
    text-align: center;
    background: #f9f9f9;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.qr-container svg {
    max-width: 150px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.asset-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    flex-wrap: wrap;
    flex: 1;
}
.select2-container .select2-selection--single {
    height: 38px;
    padding: 6px 10px;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    background-color: white;
    font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333;
    line-height: 1.8;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 10px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color);
    color: #fff;
}

/* Selected dropdown item */
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: lightgray; /* light blue bg for selected */
    color: #1e3a8a; /* dark blue text */
}
h1, h2 {
    color: var(--primary-color);
    font-family: 'Segoe UI', sans-serif;
    margin-bottom: 15px;
}

h1 {
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--primary-color);
    margin-top: 0;
}
h1, h2, h3, h4 {
    font-family: inherit;
    color: var(--primary-color);
    margin-bottom: 15px;
}

/*h2 {*/
/*    font-size: 22px;*/
/*    font-weight: 600;*/
/*    padding: 10px 15px;*/
/*    margin-top: 20px;*/
/*    background: #f0f4f8;*/
/*    border-left: 6px solid var(--primary-color);*/
/*    border-radius: 4px;*/
/*    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);*/
/*}*/

#global-loader .loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#global-loader .spinner {
    border: 6px solid #f3f3f3;
    border-top: 6px solid var(--primary-color);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

#global-loader p {
    color: white;
    margin-top: 12px;
    font-weight: bold;
    font-size: 14px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.with-spacing {
    margin-right: 2rem;
    margin-bottom: 1rem;
}

/*.form-column-1 {*/
/*    flex: 90%;*/
/*    padding: 0.5rem;*/
/*    box-sizing: border-box;*/
/*}*/

/*.form-row-start {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    margin: -0.5rem;*/
/*    width: 100%;*/
/*}*/

/*.form-column-2 {*/
/*    flex: 40%;*/
/*    padding: 0.5rem;*/
/*    box-sizing: border-box;*/
/*}*/

/*.form-column-3 {*/
/*    flex: 30%;*/
/*    padding: 0.5rem;*/
/*    box-sizing: border-box;*/
/*}*/

.form-row-start {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    margin-bottom: 1rem;
}

.form-column-3 {
    flex: 1 1 calc(33.333% - 10px);
}

.form-column-2 {
    flex: 1 1 calc(50% - 10px);
}

.form-column-1 {
    flex: 1 1 100%;
}

.badge {
    display: inline-block;
    padding: 0.35em 0.6em;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.35rem;
}

.badge-success         { background-color: #28a745; }
.badge-warning         { background-color: #ffc107; color: #212529; }
.badge-danger          { background-color: #dc3545; }
.badge-secondary       { background-color: #6c757d; }
.badge-info            { background-color: #17a2b8; }
.badge-muted           { background-color: #adb5bd; color: #212529; }
.badge-dark            { background-color: #343a40; }
.badge-primary         { background-color: #007bff; }
.badge-black           { background-color: #000000; }
.badge-purple          { background-color: #6f42c1; }

:root {
    --primary-color: #3788d8;
}

.sidebar {
    width: 220px;
    background: var(--primary-color);
    color: white;
    padding: 20px 16px;
    height: calc(100vh - 60px);
    position: sticky;
    top: 60px;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
}

.sidebar h2 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #d1eaff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 4px;
}

.nav-link {
    display: block;
    color: white;
    background: rgba(255, 255, 255, 0.08);
    margin: 6px 0;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 15px;
    text-decoration: none;
    transition: background 0.3s ease;
}

.nav-link:hover {
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
}

.nav-link.active {
    background-color: #ffffff;
    color: white;
    font-weight: bold;
    /*border-left: 4px solid var(--primary-color);*/

    /*background-color: #ffffff20;*/
    /*font-weight: bold;*/
    /*border-left: 4px solid #ffcc00; !* Bright yellow/gold accent *!*/
    /*color: white;*/
    /*box-shadow: inset 4px 0 0 #ffcc00;*/
}

.sidebar-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 20px;
    padding-top: 12px;
    font-size: 13px;
    color: #cfddee;
    text-align: center;
}



.notification-dropdown {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 350px;
    max-height: 400px;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    z-index: 1002;
    padding: 16px;
    animation: fadeIn 0.3s ease-in-out;
}
.notification-dropdown.show {
    display: block;
}
.notification-item {
    background: #f1f5f9;
    border-left: 4px solid var(--primary-color);
    border-radius: 6px;
    padding: 8px 10px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.4;
    color: #333;
}
.notification-item strong {
    color: var(--primary-color);
    font-weight: 600;
}
.notification-item small {
    font-size: 12px;
    color: #555;
    margin-top: 4px;
}

.notification-badge {
    background: crimson;
    color: white;
    font-size: 9px;
    padding: 2px 6px;
    border-radius: 9999px;
    position: absolute;
    top: -6px;
    right: -10px;
    font-weight: 600;
    min-width: 18px;
    text-align: center;
}

.notification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.mark-read-link, .mark-all-link {
    display: inline-block;
    padding: 4px 8px;
    background-color: #f0f4f8;
    color: #333;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.2s ease;
    cursor: pointer;
}

.mark-read-link:hover {
    background-color: #d0d0d0;
    color: #000;
}


.notification-icon.shake {
    animation: shake 0.5s ease-in-out;
}
.notification-icon {
    font-size: 20px;
    cursor: pointer;
    color: white;
    position: relative;
}
@keyframes shake {
    0% { transform: rotate(0); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(-5deg); }
    75% { transform: rotate(5deg); }
    100% { transform: rotate(0); }
}
@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 1; transform: translateY(0); }
}


#notifications .toast-notification {
    background: #f1f5f9;
    border: 1px solid #cbd5e0;
    border-left: 4px solid var(--primary-color);
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 1.4;
    color: #333;
    min-width: 280px;
    max-width: 320px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    animation: slideInRight 0.3s ease-out;
}

#notifications .toast-notification strong {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}



#notifications .toast-notification strong {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}


.profile-panel {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    padding: 16px;
    z-index: 1001;
    width: 280px;
    animation: fadeIn 0.2s ease-in-out;
}

.profile-panel.show {
    display: block;
}
.profile-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.profile-panel strong {
    display: block;
    margin-bottom: 8px;
    color: var(--primary-color);
}


.notification-dropdown.show {
    display: block;
}


.profile-panel hr {
    margin: 10px 0;
    border: none;
    border-top: 1px solid #ccc;
}

.profile-panel .dropdown-item {
    padding: 8px 12px;
    border-radius: 4px;
    display: block;
    margin-bottom: 6px;
    background: #f9f9f9;
    color: #333;
}

.profile-panel .dropdown-item:hover {
    background: #e9ecef;
    color: var(--primary-color);
    font-weight: bold;
}
.view-link {
    display: inline-block;
    background-color: var(--primary-color);
    color: #ffffff !important;
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 5px;
    text-decoration: none !important;
    font-weight: 500;
    transition: background-color 0.3s ease;
    margin-top: 5px;
}

.view-link:hover {
    background-color: #1a252f;
    color: #ffffff !important;
}

.avatar-wrapper {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 12px;
}

.avatar-form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.avatar-input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    top: 0;
    left: 0;
}

.profile-avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 2px solid #ccc;
    border-radius: 50%;
}
.profile-info small {
    font-size: 12px;
    color: #666;
}

.profile-info strong {
    font-size: 14px;
    color: var(--primary-color);
    display: block;
}


.top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--primary-color);
    color: white;
    padding: 10px 20px;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.top-header .left {
    display: flex;
    align-items: center;
}

.top-header .logo {
    max-height: 50px;
    height: auto;
    width: auto;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    padding: 4px 6px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.top-header .brand-name {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.user-section {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
}
.notification-wrapper {
    position: relative;
}

.user-name {
    cursor: pointer;
    margin-right: 10px;
}

.avatar {
    height: 36px;
    width: 36px;
    border-radius: 50%;
}
.dropdown-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;

    flex-direction: column;
    min-width: 160px;
    z-index: 999;
}

.dropdown-menu.show {
    display: none;
}

.layout {
    display: flex;
    height: calc(100vh - 60px);
}
.dropdown-item {

    display: block;
    padding: 10px;
    font-size: 13px;
    color: var(--primary-color);
    text-decoration: none;
    border-radius: 4px;
}

.dropdown-item:hover {
    display: block;
    background: #f1f1f1;
    color: #000;
    background-color: #f0f4f8;
}
.logout-form {
    margin: 0;
}
.logout-btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--primary-color);
    font-weight: 500;
}
.dropdown-item {
    display: block;
    padding: 10px;
    color: var(--primary-color);
    text-decoration: none;
}

.dropdown-item:hover {
    background: #eee;
}
.notice { background: #dff0d8; color: #3c763d; }
.alert  { background: #f2dede; color: #a94442; }

@media (max-width: 768px) {
    .layout {
        flex-direction: column;
    }
    .sidebar {
        width: 100%;
        position: relative;
        height: auto;
    }
}
.menu-toggle {
    display: none;
    font-size: 24px;
    background: none;
    border: none;
    color: white;
    margin-right: 15px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .sidebar {
        position: fixed;
        left: -250px;
        top: 60px;
        height: calc(100% - 60px);
        width: 220px;
        background: #2c3e50;
        overflow-y: auto;
        transition: left 0.3s ease;
        z-index: 1000;
    }

    .sidebar.active {
        left: 0;
    }

    .content {
        flex: 1;
        padding: 30px;
        background: white;
        overflow-y: auto;
        min-height: calc(100vh - 60px);
        border-left: 1px solid #e0e0e0;
        border-top: 1px solid #f0f0f0;
        border-radius: 0 10px 0 0;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .menu-toggle {
        display: inline-block;
    }
}




.toggle-icon {
    font-weight: bold;
}
.sidebar-section {
    margin-bottom: 16px;
    border: 1px solid #3c4d5a;
    border-radius: 6px;
    overflow: hidden;
    background: #2c3e50;
}

.sidebar-section-header {
    padding: 12px 16px;
    background: #1a252f;
    color: white;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    align-items: center;
    margin-left: 5px;
    border-radius: 0 6px 6px 0;
    box-shadow: -10px 0 0 white; /* creates the left white space visually */
}


.sidebar-section-header:hover {
    background: #1a252f;
}

.sidebar-section-body {
    display: none;
}


.sidebar-section-body .nav-link {
    padding: 10px 16px;
    display: block;
    color: white;
    text-decoration: none;
}
.sidebar-section.open .sidebar-section-body {
    display: block;
}



.sidebar-section.open .chevron {
    transform: rotate(180deg);
}

.sidebar-section-body .nav-link:hover,
.sidebar-section-body .nav-link.active {
    background: grey;
    color: white;
}

.chevron {
    transition: transform 0.3s ease;
}

.chevron.rotate {
    transform: rotate(0deg); /* Up */
}

.collapsed .chevron.rotate {
    transform: rotate(180deg); /* Down */
}

.nav-link.active {
    background-color: grey;
    font-weight: bold;
    /*border-left: 3px solid #fff;*/
}


.form-group {
    margin-bottom: 15px;
}
.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.btn {
    background: var(--primary-color);
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.btn:hover {
    background: #1a252f;
}
.btn-sm {
    padding: 6px 12px;
    font-size: 14px;
    margin-right: 4px;
}
.btn-sm.delete {
    background-color: #c0392b;
}
.btn-sm.delete:hover {
    background-color: #a93226;
}
body {
    font-family: Arial, sans-serif;
    margin: 0;
    background: #f4f4f4;
}

.layout {
    display: flex;
    height: 100vh;
}

/*.sidebar {*/
/*    width: 220px;*/
/*    background: var(--primary-color);*/
/*    color: white;*/
/*    padding: 20px;*/
/*    box-shadow: 2px 0 5px rgba(0,0,0,0.1);*/
/*}*/

/*.sidebar a {*/
/*    display: block;*/
/*    color: white;*/
/*    text-decoration: none;*/
/*    margin-bottom: 15px;*/
/*    font-weight: bold;*/
/*}*/

.content {
    flex: 1;
    padding: 30px;
    background: #fff;
    overflow-y: auto;
}

h2 {
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.btn {
    background: var(--primary-color);
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.btn:hover {
    background: #1a252f;
}

.styled-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 20px;
}

.styled-table th, .styled-table td {
    padding: 12px 15px;
    border: 1px solid #ddd;
    text-align: left;
}

.styled-table thead {
    background-color: var(--primary-color);
    color: #ffffff;
    border-radius: 6px;
}

.styled-table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.styled-table tbody tr:hover {
    background-color: #f1f1f1;
}

.action-link {
    color: var(--primary-color);
    text-decoration: none;
    margin-right: 10px;
    font-weight: bold;
}

.action-link.danger {
    color: #c0392b;
}
.alert-errors {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--primary-color);
    color: white;
    padding: 10px 20px;
    height: 60px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.top-header .left {
    display: flex;
    align-items: center;
}

.top-header .logo {
    height: 35px;
    margin-right: 10px;
}

.top-header .brand-name {
    font-size: 20px;
    font-weight: bold;
}

.top-header .right {
    display: flex;
    align-items: center;
}

.top-header .user-name {
    margin-right: 10px;
    font-size: 14px;
}

.top-header .avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid white;
}
.btn.danger {
    background: none;
    border: none;
    color: #c0392b;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
}
.inline-form {
    display: inline;
}

.delete-button {
    background: none;
    border: none;
    color: #c0392b;
    font-size: 18px;
    cursor: pointer;
    padding: 0 5px;
    transition: color 0.2s ease;
}

.delete-button:hover {
    color: #e74c3c;
}
.alert {
    background-color: #f8d7da;
    color: #721c24;
    padding: 12px 20px;
    margin-bottom: 20px;
    border: 1px solid #f5c6cb;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.notice {
    background-color: #d4edda;
    color: #155724;
    padding: 12px 20px;
    margin-bottom: 20px;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
}
.action-buttons {
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.maintenance-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

.maintenance-table th, .maintenance-table td {
    padding: 12px;
    border: 1px solid #ddd;
    text-align: left;
}

.maintenance-table th {
    background-color: var(--primary-color);
    color: white;
}

.completed-row {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.complete-btn {
    background-color: var(--primary-color);
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    border: none;
    font-size: 14px;
}

.complete-btn:hover {
    background-color: #1a252f;
}

.back-btn {
    margin-top: 20px;
    text-align: right;
}
.select2-container--default .select2-selection--single {
    border: 1px solid var(--primary-color);
    height: 36px;
    padding: 4px 10px;
    border-radius: 4px;
    background: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
    color: var(--primary-color);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
    right: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--primary-color);
    border-radius: 3px;
    padding: 4px 6px;
}

.select2-dropdown {
    border: 1px solid var(--primary-color);
    border-radius: 4px;
}
.select2-container--open .select2-dropdown {
    left: 26px;
}

.form-control.select2 {
    font-size: 20px;
}

.select2-search__field {
    font-size: 20px;
    padding: 4px 8px;
}
.btn {
    background-color: var(--primary-color);
    color: white;
    padding: 8px 16px;
    border-radius: 4px;
    border: none;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.btn:hover {
    background-color: #1a252f;
}
.history-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-radius: 6px;
    overflow: hidden;
}

.history-table th {
    background-color: var(--primary-color);
    color: #fff;
    padding: 12px;
    text-align: left;
}

.history-table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.history-table tr:last-child td {
    border-bottom: none;
}

.btn {
    background-color: var(--primary-color);
    color: white;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
}

.btn:hover {
    background-color: #1a252f;
}
.table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    overflow: hidden;
    margin-top: 20px;
}

.table th,
.table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
}

.table th {
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.table td {
    color: #333;
}

.table tbody tr:hover {
    background-color: #f9f9f9;
}

.btn {
    background-color: var(--primary-color);
    color: white;
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    transition: background-color 0.3s ease;
}

.btn:hover {
    background-color: #1a252f;
}

h2 {
    margin-top: 0;
    font-size: 22px;
    color: var(--primary-color);
}

.btn-sm {
    background-color: var(--primary-color);
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    margin-right: 5px;
    text-decoration: none;
    font-size: 13px;
}

.btn-sm:hover {
    /*background-color: #1a252f;*/
}
.table-actions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
    gap: 8px;
}

.btn-sm {
    background-color: var(--primary-color);
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
}

.btn-sm:hover {
    /*background-color: #1a252f;*/
}
.top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--primary-color);
    color: white;
    padding: 10px 20px;
}



.top-header .left .brand-name {
    font-size: 20px;
    font-weight: bold;
}

.top-header .right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-header .right .user-name {
    margin-right: 10px;
    font-size: 14px;
}

.top-header .right .avatar {
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

.btn-sm {
    background: #1abc9c;
    color: white;
    border: none;
    padding: 6px 10px;
    border-radius: 4px;
    text-decoration: none;
}

.btn-sm.logout {
    background: #e74c3c;
}
.table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.table th, .table td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.table th {
    background-color: var(--primary-color);
    color: white;
}

.btn, .btn-sm {
    background-color: var(--primary-color);
    color: white;
    padding: 6px 10px;
    border-radius: 4px;
    text-decoration: none;
    margin-right: 5px;
}

.btn-sm.delete {
    background-color: #c0392b;
}
.right {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.user-dropdown {
    position: relative;
    cursor: pointer;
}

.user-name {
    font-weight: bold;
    color: white;
}

.dropdown-menu {
    position: absolute;
    top: 30px;
    right: 0;
    background: white;
    color: var(--primary-color);
    border: 1px solid #ccc;
    border-radius: 4px;
    display: none;
    min-width: 160px;
    z-index: 10;
}

.user-dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-item {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: var(--primary-color);
    font-size: 14px;
}

.dropdown-item:hover {
    background-color: #f0f0f0;
}

.logout-btn {
    background: none;
    border: none;
    text-align: left;
    width: 100%;
    padding: 10px 15px;
    color: #c0392b;
    cursor: pointer;
}

.logout-btn:hover {
    background: #fbeaea;
}

.avatar {
    height: 32px;
    width: 32px;
    border-radius: 50%;
}
.dropdown-menu {
    position: absolute;
    top: 30px;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: none;
    min-width: 160px;
    z-index: 10;
}

.dropdown-menu.show {
    display: block;
}
.user-section {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-name {
    background: none;
    border: none;
    color: white;
    font-weight: bold;
    cursor: pointer;
}





/* Target only sortable column headers inside your table */
.table th a
{
    color: white;
}
/*.table th a:visited {*/
/*    color: var(--primary-color) !important;*/
/*    text-decoration: none;*/
/*    font-weight: bold;*/
/*}*/

.table th a:hover {
    color: white !important;
    text-decoration: underline;
}

.pagination {
    display: flex;
    justify-content: center;
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
}

.pagination a, .pagination span {
    display: inline-block;
    padding: 8px 12px;
    margin: 0 4px;
    text-decoration: none;
    color: var(--primary-color);
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #f9f9f9;
    font-weight: bold;
}

.pagination a:hover {
    background: #1abc9c;
    color: white;
    border-color: #1abc9c;
}

.pagination .current {
    background: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}

.pagination .disabled {
    color: #aaa;
    background: #eee;
    border-color: #ddd;
}

/*.sidebar h2 {*/
/*    color: white;*/
/*    font-size: 18px;*/
/*    margin-bottom: 20px;*/
/*    padding-top: 10px;*/
/*}*/
.qr-code-box {
    text-align: center;
    background: #ffffff;
    border: 2px solid var(--primary-color);
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    width: 200px;
}

.qr-code-box h3 {
    margin-bottom: 10px;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: bold;
}

.qr-container svg {
    /*width: 160px;*/
    height: 160px;
    margin: auto;
}
.dashboard-alerts {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px;
}
.alert-box {
    padding: 12px 15px;
    border-radius: 5px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.alert-box.warning { background: #fff8e1; color: #8a6d3b; border-left: 5px solid #f0ad4e; }
.alert-box.danger  { background: #f2dede; color: #a94442; border-left: 5px solid #d9534f; }
.alert-box.info    { background: #d9edf7; color: #31708f; border-left: 5px solid #5bc0de; }

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="date"],
textarea,
select {
    border: 1px solid var(--primary-color);
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s, box-shadow 0.3s;
    background-color: #fff;
    color: #333;
    outline: none;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: 1px solid var(--primary-color);
    box-shadow: 0 0 5px 2px rgba(44, 62, 80, 0.4); /* stronger, more visible */
    outline: none;
}



.notice {
    background: #dff0d8;
    color: #3c763d;
    padding: 10px;
    border-radius: 5px;
}
.alert {
    background: #f2dede;
    color: #a94442;
    padding: 10px;
    border-radius: 5px;
}
/* asset_id_css.css */

/* Style the main Select2 container */
.select2-container .select2-selection--single {
    height: 45px !important;
    padding: 8px 12px;
    font-size: 15px;
    display: flex;
    align-items: center;
    border: 1px solid var(--primary-color);
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    transition: all 0.2s ease-in-out;
}

/* Text inside the selected item */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #111827; /* Tailwind text-gray-900 */
    line-height: 1.8;
}

/* Arrow styling */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: 10px;
}

/* Focus outline */
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus-visible,
.select2-container--default .select2-selection--single:active {
    border-color: var(--primary-color);
    outline: none;
    box-shadow: 0 0 0 2px rgba(55, 136, 216, 0.25); /* soft blue shadow */
}

/* Dropdown highlight on hover */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color);
    color: #ffffff;
}

/* Selected item background in dropdown */
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #dbeafe;  /* Tailwind blue-100 */
    color: #1e3a8a;             /* Tailwind blue-900 */
}

/* Dropdown search box */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    padding: 6px;
    font-size: 14px;
}

/* Optional: Adjust width responsiveness */
.select2-container {
    min-width: 250px;
    width: 100% !important;
}
.select2-container .select2-selection--single {
    height: 45px !important;
    padding: 8px 12px;
    font-size: 15px;
    display: flex;
    align-items: center;
}
:root {
    --primary-color: #2c3e50;
}

.dashboard-title {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: bold;
    color: var(--primary-color);
    text-align: left;
}

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-bottom: 40px;
}

.stat-card {
    padding: 10px;
    border-radius: 8px;
    color: white;
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
    transition: transform 0.2s ease;
}

.stat-card:hover {
    transform: translateY(-5px);
}

.stat-card h3 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 600;
}

.stat-card p {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

/* Fixed colorful backgrounds */
.stat-card:nth-child(1) { background-color: #1abc9c; }   /* Teal */
.stat-card:nth-child(2) { background-color: #e74c3c; }   /* Red */
.stat-card:nth-child(3) { background-color: #f39c12; }   /* Orange */
.stat-card:nth-child(4) { background-color: #3498db; }   /* Blue */
.stat-card:nth-child(5) { background-color: #9b59b6; }   /* Purple */
.stat-card:nth-child(6) { background-color: #2ecc71; }   /* Green */
.stat-card:nth-child(7) { background-color: #e67e22; }   /* Pumpkin */
.stat-card:nth-child(8) { background-color: #34495e; }   /* Dark Gray */
.stat-card:nth-child(9) { background-color: #16a085; }   /* Dark Teal */

.btn-sm_db {
    margin-top: 10px;
    padding: 4px 10px;
    font-size: 12px;
    background: white;
    color: var(--primary-color);
    border: none;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}

.btn-sm:hover {
    /*background: #f1f1f1;*/
    /*color: var(--primary-color);*/
}

.dashboard-alerts {
    margin-bottom: 30px;
}

.alert-box {
    padding: 15px 20px;
    margin-bottom: 15px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
}

.alert-box.warning {
    background-color: #fff8e1;
    color: #f39c12;
    /*border-left: 5px solid #f39c12;*/
}

.alert-box.danger {
    background-color: #fdecea;
    color: #e74c3c;
    border-left: 5px solid #e74c3c;
}

.alert-box.info {
    background-color: #e8f4fd;
    color: #3498db;
    border-left: 5px solid #3498db;
}

.charts-section {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 40px;
}

.chart-container {
    flex: 1;
    min-width: 400px;
    background: white;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.chart-container h3 {
    text-align: center;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.dashboard-charts {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}

.chart-card {
    background: white;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    width: 100%;
    max-width: 400px;
    flex-grow: 1;
}

.chart-card h4 {
    margin-bottom: 15px;
    font-weight: bold;
    color: var(--primary-color);
    font-size: 16px;
    text-align: center;
}

.chart-card canvas {
    width: 100% !important;
    height: auto !important;
}
.fc-icon,.fc-unselectable{-moz-user-select:none;-ms-user-select:none}.fc .fc-button,.fc-icon{text-transform:none;font-weight:400}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc .fc-button:not(:disabled),.fc a[data-navlink],.fc-event.fc-event-draggable,.fc-event[href]{cursor:pointer}.fc-unselectable{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fc{display:flex;flex-direction:column;font-size:1em}.fc .fc-button,.fc-icon{display:inline-block;text-align:center}.fc,.fc *,.fc :after,.fc :before{box-sizing:border-box}.fc table{border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{vertical-align:top;padding:0}.fc .fc-button,.fc .fc-button .fc-icon,.fc .fc-button-group,.fc .fc-timegrid-slot-label{vertical-align:middle}.fc a[data-navlink]:hover{text-decoration:underline}.fc .fc-button:hover,.fc .fc-list-event-title a,a.fc-event,a.fc-event:hover{text-decoration:none}.fc-direction-ltr{direction:ltr;text-align:left}.fc-direction-rtl{direction:rtl;text-align:right}.fc-theme-standard td,.fc-theme-standard th{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc-liquid-hack td,.fc-liquid-hack th{position:relative}@font-face{font-family:fcicons;src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');font-weight:400;font-style:normal}.fc-icon{width:1em;height:1em;-webkit-user-select:none;user-select:none;font-family:fcicons!important;speak:none;font-style:normal;font-variant:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fc-icon-chevron-left:before{content:"\e900"}.fc-icon-chevron-right:before{content:"\e901"}.fc-icon-chevrons-left:before{content:"\e902"}.fc-icon-chevrons-right:before{content:"\e903"}.fc-icon-minus-square:before{content:"\e904"}.fc-icon-plus-square:before{content:"\e905"}.fc-icon-x:before{content:"\e906"}.fc .fc-button{overflow:visible;text-transform:none;margin:0;font-family:inherit}.fc .fc-button::-moz-focus-inner{padding:0;border-style:none}.fc .fc-button{-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.4em .65em;font-size:1em;line-height:1.5;border-radius:.25em}.fc .fc-button:focus{outline:0;box-shadow:0 0 0 .2rem rgba(44,62,80,.25)}.fc .fc-button-primary:focus,.fc .fc-button-primary:not(:disabled).fc-button-active:focus,.fc .fc-button-primary:not(:disabled):active:focus{box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc .fc-button:disabled{opacity:.65}.fc .fc-button-primary{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#2C3E50;background-color:var(--fc-button-bg-color,#2C3E50);border-color:#2C3E50;border-color:var(--fc-button-border-color,#2C3E50)}.fc .fc-button-primary:hover{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#1e2b37;background-color:var(--fc-button-hover-bg-color,#1e2b37);border-color:#1a252f;border-color:var(--fc-button-hover-border-color,#1a252f)}.fc .fc-button-primary:disabled{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#2C3E50;background-color:var(--fc-button-bg-color,#2C3E50);border-color:#2C3E50;border-color:var(--fc-button-border-color,#2C3E50)}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{color:#fff;color:var(--fc-button-text-color,#fff);background-color:#1a252f;background-color:var(--fc-button-active-bg-color,#1a252f);border-color:#151e27;border-color:var(--fc-button-active-border-color,#151e27)}.fc .fc-button .fc-icon{font-size:1.5em}.fc .fc-button-group{position:relative;display:inline-flex}.fc .fc-button-group>.fc-button{position:relative;flex:1 1 auto}.fc .fc-button-group>.fc-button.fc-button-active,.fc .fc-button-group>.fc-button:active,.fc .fc-button-group>.fc-button:focus,.fc .fc-button-group>.fc-button:hover{z-index:1}.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.fc-direction-rtl .fc-button-group>.fc-button:not(:first-child){margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-direction-rtl .fc-button-group>.fc-button:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.fc .fc-toolbar{display:flex;justify-content:space-between;align-items:center}.fc .fc-toolbar.fc-header-toolbar{margin-bottom:1.5em}.fc .fc-toolbar.fc-footer-toolbar{margin-top:1.5em}.fc .fc-toolbar-title{font-size:1.75em;margin:0}.fc-direction-ltr .fc-toolbar>*>:not(:first-child){margin-left:.75em}.fc-direction-rtl .fc-toolbar>*>:not(:first-child){margin-right:.75em}.fc-direction-rtl .fc-toolbar-ltr{flex-direction:row-reverse}.fc .fc-scroller{-webkit-overflow-scrolling:touch;position:relative}.fc .fc-scroller-liquid{height:100%}.fc .fc-scroller-liquid-absolute{position:absolute;top:0;right:0;left:0;bottom:0}.fc .fc-scroller-harness{position:relative;overflow:hidden;direction:ltr}.fc .fc-scroller-harness-liquid{height:100%}.fc-direction-rtl .fc-scroller-harness>.fc-scroller{direction:rtl}.fc-theme-standard .fc-scrollgrid{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc .fc-scrollgrid,.fc .fc-scrollgrid-section-footer>*,.fc .fc-scrollgrid-section-header>*{border-bottom-width:0}.fc .fc-scrollgrid,.fc .fc-scrollgrid table{width:100%;table-layout:fixed}.fc .fc-scrollgrid table{border-top-style:hidden;border-left-style:hidden;border-right-style:hidden}.fc .fc-scrollgrid{border-collapse:separate;border-right-width:0}.fc .fc-scrollgrid-liquid{height:100%}.fc .fc-scrollgrid-section,.fc .fc-scrollgrid-section table,.fc .fc-scrollgrid-section>td{height:1px}.fc .fc-scrollgrid-section-liquid>td{height:100%}.fc .fc-scrollgrid-section>*{border-top-width:0;border-left-width:0}.fc .fc-scrollgrid-section-body table,.fc .fc-scrollgrid-section-footer table{border-bottom-style:hidden}.fc .fc-scrollgrid-section-sticky>*{background:var(--fc-page-bg-color,#fff);position:sticky;z-index:3}.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>*{top:0}.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky>*{bottom:0}.fc .fc-scrollgrid-sticky-shim{height:1px;margin-bottom:-1px}.fc-sticky{position:sticky}.fc .fc-view-harness{flex-grow:1;position:relative}.fc .fc-bg-event,.fc .fc-highlight,.fc .fc-non-business,.fc .fc-view-harness-active>.fc-view{position:absolute;top:0;left:0;right:0;bottom:0}.fc .fc-col-header-cell-cushion{display:inline-block;padding:2px 4px}.fc .fc-non-business{background:rgba(215,215,215,.3);background:var(--fc-non-business-color,rgba(215,215,215,.3))}.fc .fc-bg-event{background:var(--fc-bg-event-color,#8fdf82);opacity:.3;opacity:var(--fc-bg-event-opacity,.3)}.fc .fc-bg-event .fc-event-title{margin:.5em;font-size:.85em;font-size:var(--fc-small-font-size,.85em);font-style:italic}.fc .fc-highlight{background:rgba(188,232,241,.3);background:var(--fc-highlight-color,rgba(188,232,241,.3))}.fc .fc-cell-shaded,.fc .fc-day-disabled{background:rgba(208,208,208,.3);background:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}.fc-event .fc-event-main{position:relative;z-index:2}.fc-event-dragging:not(.fc-event-selected){opacity:.75}.fc-event-dragging.fc-event-selected{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-event .fc-event-resizer{display:none;position:absolute;z-index:4}.fc-event-selected .fc-event-resizer,.fc-event:hover .fc-event-resizer,.fc-h-event,.fc-v-event{display:block}.fc-event-selected .fc-event-resizer{border-radius:4px;border-radius:calc(var(--fc-event-resizer-dot-total-width,8px)/ 2);border-width:1px;border-width:var(--fc-event-resizer-dot-border-width,1px);width:8px;width:var(--fc-event-resizer-dot-total-width,8px);height:8px;height:var(--fc-event-resizer-dot-total-width,8px);border-style:solid;border-color:inherit;background:var(--fc-page-bg-color,#fff)}.fc-event-selected .fc-event-resizer:before{content:'';position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px}.fc-event-selected,.fc-event:focus{box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event-selected:before,.fc-event:focus:before{content:"";position:absolute;z-index:3;top:0;left:0;right:0;bottom:0}.fc-event-selected:after,.fc-event:focus:after{content:"";background:rgba(0,0,0,.25);background:var(--fc-event-selected-overlay-color,rgba(0,0,0,.25));position:absolute;z-index:1;top:-1px;left:-1px;right:-1px;bottom:-1px}.fc-h-event{border:1px solid #3788d8;border:1px solid var(--fc-event-border-color,#3788d8);background-color:#3788d8;background-color:var(--fc-event-bg-color,#3788d8)}.fc-h-event .fc-event-main{color:#fff;color:var(--fc-event-text-color,#fff)}.fc-h-event .fc-event-main-frame{display:flex}.fc-h-event .fc-event-time{max-width:100%;overflow:hidden}.fc-h-event .fc-event-title-container{flex-grow:1;flex-shrink:1;min-width:0}.fc-h-event .fc-event-title{display:inline-block;vertical-align:top;left:0;right:0;max-width:100%;overflow:hidden}.fc-h-event.fc-event-selected:before{top:-10px;bottom:-10px}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end){border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start){border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}.fc-h-event:not(.fc-event-selected) .fc-event-resizer{top:0;bottom:0;width:8px;width:var(--fc-event-resizer-thickness,8px)}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end{cursor:w-resize;left:-4px;left:calc(-.5 * var(--fc-event-resizer-thickness,8px))}.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start{cursor:e-resize;right:-4px;right:calc(-.5 * var(--fc-event-resizer-thickness,8px))}.fc-h-event.fc-event-selected .fc-event-resizer{top:50%;margin-top:-4px;margin-top:calc(-.5 * var(--fc-event-resizer-dot-total-width,8px))}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end{left:-4px;left:calc(-.5 * var(--fc-event-resizer-dot-total-width,8px))}.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start{right:-4px;right:calc(-.5 * var(--fc-event-resizer-dot-total-width,8px))}.fc .fc-popover{position:absolute;z-index:9999;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc .fc-popover-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:3px 4px}.fc .fc-popover-title{margin:0 2px}.fc .fc-popover-close{cursor:pointer;opacity:.65;font-size:1.1em}.fc-theme-standard .fc-popover{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd);background:var(--fc-page-bg-color,#fff)}.fc-theme-standard .fc-popover-header{background:rgba(208,208,208,.3);background:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}:root{--fc-daygrid-event-dot-width:8px;--fc-list-event-dot-width:10px;--fc-list-event-hover-bg-color:#f5f5f5}.fc-daygrid-day-events:after,.fc-daygrid-day-events:before,.fc-daygrid-day-frame:after,.fc-daygrid-day-frame:before,.fc-daygrid-event-harness:after,.fc-daygrid-event-harness:before{content:"";clear:both;display:table}.fc .fc-daygrid-body{position:relative;z-index:1}.fc .fc-daygrid-day.fc-day-today{background-color:rgba(255,220,40,.15);background-color:var(--fc-today-bg-color,rgba(255,220,40,.15))}.fc .fc-daygrid-day-frame{position:relative;min-height:100%}.fc .fc-daygrid-day-top{display:flex;flex-direction:row-reverse}.fc .fc-day-other .fc-daygrid-day-top{opacity:.3}.fc .fc-daygrid-day-number{position:relative;z-index:4;padding:4px}.fc .fc-daygrid-day-events{margin-top:1px}.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{position:absolute;left:0;right:0}.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{position:relative;min-height:2em}.fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-bottom:1em}.fc .fc-daygrid-event-harness{position:relative}.fc .fc-daygrid-event-harness-abs{position:absolute;top:0;left:0;right:0}.fc .fc-daygrid-bg-harness{position:absolute;top:0;bottom:0}.fc .fc-daygrid-day-bg .fc-non-business{z-index:1}.fc .fc-daygrid-day-bg .fc-bg-event{z-index:2}.fc .fc-daygrid-day-bg .fc-highlight{z-index:3}.fc .fc-daygrid-event{z-index:6;margin-top:1px}.fc .fc-daygrid-event.fc-event-mirror{z-index:7}.fc .fc-daygrid-day-bottom{font-size:.85em;padding:2px 3px 0}.fc .fc-daygrid-day-bottom:before{content:"";clear:both;display:table}.fc .fc-daygrid-more-link{position:relative;z-index:4;cursor:pointer}.fc .fc-daygrid-week-number{position:absolute;z-index:5;top:0;padding:2px;min-width:1.5em;text-align:center;background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3));color:grey;color:var(--fc-neutral-text-color,grey)}.fc .fc-more-popover .fc-popover-body{min-width:220px;padding:10px}.fc-direction-ltr .fc-daygrid-event.fc-event-start,.fc-direction-rtl .fc-daygrid-event.fc-event-end{margin-left:2px}.fc-direction-ltr .fc-daygrid-event.fc-event-end,.fc-direction-rtl .fc-daygrid-event.fc-event-start{margin-right:2px}.fc-direction-ltr .fc-daygrid-week-number{left:0;border-radius:0 0 3px}.fc-direction-rtl .fc-daygrid-week-number{right:0;border-radius:0 0 0 3px}.fc-liquid-hack .fc-daygrid-day-frame{position:static}.fc-daygrid-event{position:relative;white-space:nowrap;border-radius:3px;font-size:.85em;font-size:var(--fc-small-font-size,.85em)}.fc-daygrid-block-event .fc-event-time{font-weight:700}.fc-daygrid-block-event .fc-event-time,.fc-daygrid-block-event .fc-event-title{padding:1px}.fc-daygrid-dot-event{display:flex;align-items:center;padding:2px 0}.fc-daygrid-dot-event .fc-event-title{flex-grow:1;flex-shrink:1;min-width:0;overflow:hidden;font-weight:700}.fc-daygrid-dot-event.fc-event-mirror,.fc-daygrid-dot-event:hover{background:rgba(0,0,0,.1)}.fc-daygrid-dot-event.fc-event-selected:before{top:-10px;bottom:-10px}.fc-daygrid-event-dot{margin:0 4px;box-sizing:content-box;width:0;height:0;border:4px solid #3788d8;border:calc(var(--fc-daygrid-event-dot-width,8px)/ 2) solid var(--fc-event-border-color,#3788d8);border-radius:4px;border-radius:calc(var(--fc-daygrid-event-dot-width,8px)/ 2)}.fc-direction-ltr .fc-daygrid-event .fc-event-time{margin-right:3px}.fc-direction-rtl .fc-daygrid-event .fc-event-time{margin-left:3px}.fc-v-event{border:1px solid #3788d8;border:1px solid var(--fc-event-border-color,#3788d8);background-color:#3788d8;background-color:var(--fc-event-bg-color,#3788d8)}.fc-v-event .fc-event-main{color:#fff;color:var(--fc-event-text-color,#fff);height:100%}.fc-v-event .fc-event-main-frame{height:100%;display:flex;flex-direction:column}.fc-v-event .fc-event-time{flex-grow:0;flex-shrink:0;max-height:100%;overflow:hidden}.fc-v-event .fc-event-title-container{flex-grow:1;flex-shrink:1;min-height:0}.fc-v-event .fc-event-title{top:0;bottom:0;max-height:100%;overflow:hidden}.fc-v-event:not(.fc-event-start){border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.fc-v-event:not(.fc-event-end){border-bottom-width:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-v-event.fc-event-selected:before{left:-10px;right:-10px}.fc-v-event .fc-event-resizer-start{cursor:n-resize}.fc-v-event .fc-event-resizer-end{cursor:s-resize}.fc-v-event:not(.fc-event-selected) .fc-event-resizer{height:8px;height:var(--fc-event-resizer-thickness,8px);left:0;right:0}.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start{top:-4px;top:calc(var(--fc-event-resizer-thickness,8px)/ -2)}.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end{bottom:-4px;bottom:calc(var(--fc-event-resizer-thickness,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer{left:50%;margin-left:-4px;margin-left:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer-start{top:-4px;top:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc-v-event.fc-event-selected .fc-event-resizer-end{bottom:-4px;bottom:calc(var(--fc-event-resizer-dot-total-width,8px)/ -2)}.fc .fc-timegrid .fc-daygrid-body{z-index:2}.fc .fc-timegrid-axis-chunk>table,.fc .fc-timegrid-body,.fc .fc-timegrid-slots{position:relative;z-index:1}.fc .fc-timegrid-divider{padding:0 0 2px}.fc .fc-timegrid-body{min-height:100%}.fc .fc-timegrid-axis-chunk{position:relative}.fc .fc-timegrid-slot{height:1.5em;border-bottom:0}.fc .fc-timegrid-slot:empty:before{content:'\00a0'}.fc .fc-timegrid-slot-minor{border-top-style:dotted}.fc .fc-timegrid-slot-label-cushion{display:inline-block;white-space:nowrap}.fc .fc-timegrid-axis-cushion,.fc .fc-timegrid-slot-label-cushion{padding:0 4px}.fc .fc-timegrid-axis-frame-liquid{height:100%}.fc .fc-timegrid-axis-frame{overflow:hidden;display:flex;align-items:center;justify-content:flex-end}.fc .fc-timegrid-axis-cushion{max-width:60px;flex-shrink:0}.fc-direction-ltr .fc-timegrid-slot-label-frame{text-align:right}.fc-direction-rtl .fc-timegrid-slot-label-frame{text-align:left}.fc-liquid-hack .fc-timegrid-axis-frame-liquid{height:auto;position:absolute;top:0;right:0;bottom:0;left:0}.fc .fc-timegrid-col.fc-day-today{background-color:rgba(255,220,40,.15);background-color:var(--fc-today-bg-color,rgba(255,220,40,.15))}.fc .fc-timegrid-col-frame{min-height:100%;position:relative}.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame{height:auto;position:absolute;top:0;right:0;bottom:0;left:0}.fc-media-screen .fc-timegrid-cols{position:absolute;top:0;left:0;right:0;bottom:0}.fc-media-screen .fc-timegrid-cols>table{height:100%}.fc-media-screen .fc-timegrid-col-bg,.fc-media-screen .fc-timegrid-col-events,.fc-media-screen .fc-timegrid-now-indicator-container{position:absolute;top:0;left:0;right:0}.fc .fc-timegrid-col-bg{z-index:2}.fc .fc-timegrid-col-bg .fc-non-business{z-index:1}.fc .fc-timegrid-col-bg .fc-bg-event{z-index:2}.fc .fc-timegrid-col-bg .fc-highlight,.fc .fc-timegrid-col-events{z-index:3}.fc .fc-timegrid-bg-harness{position:absolute;left:0;right:0}.fc .fc-timegrid-now-indicator-container{bottom:0;overflow:hidden}.fc-direction-ltr .fc-timegrid-col-events{margin:0 2.5% 0 2px}.fc-direction-rtl .fc-timegrid-col-events{margin:0 2px 0 2.5%}.fc-timegrid-event-harness{position:absolute}.fc-timegrid-event-harness>.fc-timegrid-event{position:absolute;top:0;bottom:0;left:0;right:0}.fc-timegrid-event-harness-inset .fc-timegrid-event,.fc-timegrid-event.fc-event-mirror,.fc-timegrid-more-link{box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px var(--fc-page-bg-color,#fff)}.fc-timegrid-event,.fc-timegrid-more-link{font-size:.85em;font-size:var(--fc-small-font-size,.85em);border-radius:3px}.fc-timegrid-event{margin-bottom:1px}.fc-timegrid-event .fc-event-main{padding:1px 1px 0}.fc-timegrid-event .fc-event-time{white-space:nowrap;font-size:.85em;font-size:var(--fc-small-font-size,.85em);margin-bottom:1px}.fc-timegrid-event-short .fc-event-main-frame{flex-direction:row;overflow:hidden}.fc-timegrid-event-short .fc-event-time:after{content:'\00a0-\00a0'}.fc-timegrid-event-short .fc-event-title{font-size:.85em;font-size:var(--fc-small-font-size,.85em)}.fc-timegrid-more-link{position:absolute;z-index:9999;color:inherit;color:var(--fc-more-link-text-color,inherit);background:var(--fc-more-link-bg-color,#d0d0d0);cursor:pointer;margin-bottom:1px}.fc-timegrid-more-link-inner{padding:3px 2px;top:0}.fc-direction-ltr .fc-timegrid-more-link{right:0}.fc-direction-rtl .fc-timegrid-more-link{left:0}.fc .fc-timegrid-now-indicator-line{position:absolute;z-index:4;left:0;right:0;border-style:solid;border-color:red;border-color:var(--fc-now-indicator-color,red);border-width:1px 0 0}.fc .fc-timegrid-now-indicator-arrow{position:absolute;z-index:4;margin-top:-5px;border-style:solid;border-color:red;border-color:var(--fc-now-indicator-color,red)}.fc-direction-ltr .fc-timegrid-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-direction-rtl .fc-timegrid-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}.fc-theme-standard .fc-list{border:1px solid #ddd;border:1px solid var(--fc-border-color,#ddd)}.fc .fc-list-empty{background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3));height:100%;display:flex;justify-content:center;align-items:center}.fc .fc-list-empty-cushion{margin:5em 0}.fc .fc-list-table{width:100%;border-style:hidden}.fc .fc-list-table tr>*{border-left:0;border-right:0}.fc .fc-list-sticky .fc-list-day>*{position:sticky;top:0;background:var(--fc-page-bg-color,#fff)}.fc .fc-list-table thead{position:absolute;left:-10000px}.fc .fc-list-table tbody>tr:first-child th{border-top:0}.fc .fc-list-table th{padding:0}.fc .fc-list-day-cushion,.fc .fc-list-table td{padding:8px 14px}.fc .fc-list-day-cushion:after{content:"";clear:both;display:table}.fc-theme-standard .fc-list-day-cushion{background-color:rgba(208,208,208,.3);background-color:var(--fc-neutral-bg-color,rgba(208,208,208,.3))}.fc-direction-ltr .fc-list-day-text,.fc-direction-rtl .fc-list-day-side-text{float:left}.fc-direction-ltr .fc-list-day-side-text,.fc-direction-rtl .fc-list-day-text{float:right}.fc-direction-ltr .fc-list-table .fc-list-event-graphic{padding-right:0}.fc-direction-rtl .fc-list-table .fc-list-event-graphic{padding-left:0}.fc .fc-list-event.fc-event-forced-url{cursor:pointer}.fc .fc-list-event:hover td{background-color:#f5f5f5;background-color:var(--fc-list-event-hover-bg-color,#f5f5f5)}.fc .fc-list-event-graphic,.fc .fc-list-event-time{white-space:nowrap;width:1px}.fc .fc-list-event-dot{display:inline-block;box-sizing:content-box;width:0;height:0;border:5px solid #3788d8;border:calc(var(--fc-list-event-dot-width,10px)/ 2) solid var(--fc-event-border-color,#3788d8);border-radius:5px;border-radius:calc(var(--fc-list-event-dot-width,10px)/ 2)}.fc .fc-list-event-title a{color:inherit}.fc .fc-list-event.fc-event-forced-url:hover a{text-decoration:underline}.fc-theme-bootstrap a:not([href]){color:inherit}.fc-theme-bootstrap5 a:not([href]){color:inherit;text-decoration:inherit}.fc-theme-bootstrap5 .fc-list,.fc-theme-bootstrap5 .fc-scrollgrid,.fc-theme-bootstrap5 td,.fc-theme-bootstrap5 th{border:1px solid var(--bs-gray-400)}.fc-theme-bootstrap5 .fc-scrollgrid{border-right-width:0;border-bottom-width:0}.fc-theme-bootstrap5-shaded{background-color:var(--bs-gray-200)}
.select2-container{
    box-sizing:border-box;
    display:inline-block;
    margin:0;
    position:relative;
    vertical-align:middle
}
.select2-container .select2-selection--single{
    box-sizing:border-box;
    cursor:pointer;
    display:block;
    height:28px;
    user-select:none;
    -webkit-user-select:none
}
.select2-container .select2-selection--single .select2-selection__rendered{
    display:block;
    padding-left:8px;
    padding-right:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.select2-container .select2-selection--single .select2-selection__clear{
    background-color:transparent;
    border:none;
    font-size:1em
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{
    padding-right:8px;
    padding-left:20px
}
.select2-container .select2-selection--multiple{
    box-sizing:border-box;
    cursor:pointer;
    display:block;
    min-height:32px;
    user-select:none;
    -webkit-user-select:none
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
    display:inline;
    list-style:none;
    padding:0
}
.select2-container .select2-selection--multiple .select2-selection__clear{
    background-color:transparent;
    border:none;
    font-size:1em
}
.select2-container .select2-search--inline .select2-search__field{
    box-sizing:border-box;
    border:none;
    font-size:100%;
    margin-top:5px;
    margin-left:5px;
    padding:0;
    max-width:100%;
    resize:none;
    height:18px;
    vertical-align:bottom;
    font-family:sans-serif;
    overflow:hidden;
    word-break:keep-all
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{
    -webkit-appearance:none
}
.select2-dropdown{
    background-color:white;
    border:1px solid #aaa;
    border-radius:4px;
    box-sizing:border-box;
    display:block;
    position:absolute;
    left:-100000px;
    width:100%;
    z-index:1051
}
.select2-results{
    display:block
}
.select2-results__options{
    list-style:none;
    margin:0;
    padding:0
}
.select2-results__option{
    padding:6px;
    user-select:none;
    -webkit-user-select:none
}
.select2-results__option--selectable{
    cursor:pointer
}
.select2-container--open .select2-dropdown{
    left:27px
}
.select2-container--open .select2-dropdown--above{
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.select2-container--open .select2-dropdown--below{
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.select2-search--dropdown{
    display:block;
    padding:4px
}
.select2-search--dropdown .select2-search__field{
    padding:4px;
    width:100%;
    box-sizing:border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{
    -webkit-appearance:none
}
.select2-search--dropdown.select2-search--hide{
    display:none
}
.select2-close-mask{
    border:0;
    margin:0;
    padding:0;
    display:block;
    position:fixed;
    left:0;
    top:0;
    min-height:100%;
    min-width:100%;
    height:auto;
    width:auto;
    opacity:0;
    z-index:99;
    background-color:#fff;
    filter:alpha(opacity=0)
}
.select2-hidden-accessible{
    border:0 !important;
    clip:rect(0 0 0 0) !important;
    -webkit-clip-path:inset(50%) !important;
    clip-path:inset(50%) !important;
    height:1px !important;
    overflow:hidden !important;
    padding:0 !important;
    position:absolute !important;
    width:1px !important;
    white-space:nowrap !important
}
.select2-container--default .select2-selection--single{
    background-color:#fff;
    border:1px solid #aaa;
    border-radius:4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#444;
    line-height:28px
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    cursor:pointer;
    float:right;
    font-weight:bold;
    height:26px;
    margin-right:20px;
    padding-right:0px
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color:#999
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:26px;
    position:absolute;
    top:1px;
    right:1px;
    width:20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#888 transparent transparent transparent;
    border-style:solid;
    border-width:5px 4px 0 4px;
    height:0;
    left:50%;
    margin-left:-4px;
    margin-top:-2px;
    position:absolute;
    top:50%;
    width:0
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{
    float:left
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{
    left:1px;
    right:auto
}
.select2-container--default.select2-container--disabled .select2-selection--single{
    background-color:#eee;
    cursor:default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{
    display:none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #888 transparent;
    border-width:0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple{
    background-color:white;
    border:1px solid #aaa;
    border-radius:4px;
    cursor:text;
    padding-bottom:5px;
    padding-right:5px;
    position:relative
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable{
    padding-right:25px
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{
    cursor:pointer;
    font-weight:bold;
    height:20px;
    margin-right:10px;
    margin-top:5px;
    position:absolute;
    right:0;
    padding:1px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color:#e4e4e4;
    border:1px solid #aaa;
    border-radius:4px;
    box-sizing:border-box;
    display:inline-block;
    margin-left:5px;
    margin-top:5px;
    padding:0;
    padding-left:20px;
    position:relative;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:bottom;
    white-space:nowrap
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{
    cursor:default;
    padding-left:2px;
    padding-right:5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    background-color:transparent;
    border:none;
    border-right:1px solid #aaa;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    color:#999;
    cursor:pointer;
    font-size:1em;
    font-weight:bold;
    padding:0 4px;
    position:absolute;
    left:0;
    top:0
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{
    background-color:#f1f1f1;
    color:#333;
    outline:none
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
    margin-left:5px;
    margin-right:auto
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{
    padding-left:5px;
    padding-right:2px
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
    border-left:1px solid #aaa;
    border-right:none;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{
    float:left;
    margin-left:10px;
    margin-right:auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border:solid black 1px;
    outline:0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple{
    background-color:#eee;
    cursor:default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove{
    display:none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{
    border-top-left-radius:0;
    border-top-right-radius:0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border:1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field{
    background:transparent;
    border:none;
    outline:0;
    box-shadow:none;
    -webkit-appearance:textfield
}
.select2-container--default .select2-results>.select2-results__options{
    max-height:200px;
    overflow-y:auto
}
.select2-container--default .select2-results__option .select2-results__option{
    padding-left:1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group{
    padding-left:0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-1em;
    padding-left:2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-2em;
    padding-left:3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-3em;
    padding-left:4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-4em;
    padding-left:5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
    margin-left:-5em;
    padding-left:6em
}
.select2-container--default .select2-results__option--group{
    padding:0
}
.select2-container--default .select2-results__option--disabled{
    color:#999
}
.select2-container--default .select2-results__option--selected{
    background-color:#ddd
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color:#5897fb;
    color:white
}
.select2-container--default .select2-results__group{
    cursor:default;
    display:block;
    padding:6px
}
.select2-container--classic .select2-selection--single{
    background-color:#f7f7f7;
    border:1px solid #aaa;
    border-radius:4px;
    outline:0;
    background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic .select2-selection--single:focus{
    border:1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered{
    color:#444;
    line-height:28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear{
    cursor:pointer;
    float:right;
    font-weight:bold;
    height:26px;
    margin-right:20px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder{
    color:#999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow{
    background-color:#ddd;
    border:none;
    border-left:1px solid #aaa;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    height:26px;
    position:absolute;
    top:1px;
    right:1px;
    width:20px;
    background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b{
    border-color:#888 transparent transparent transparent;
    border-style:solid;
    border-width:5px 4px 0 4px;
    height:0;
    left:50%;
    margin-left:-4px;
    margin-top:-2px;
    position:absolute;
    top:50%;
    width:0
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{
    float:left
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{
    border:none;
    border-right:1px solid #aaa;
    border-radius:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    left:1px;
    right:auto
}
.select2-container--classic.select2-container--open .select2-selection--single{
    border:1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{
    background:transparent;
    border:none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #888 transparent;
    border-width:0 4px 5px 4px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0;
    background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.select2-container--classic .select2-selection--multiple{
    background-color:white;
    border:1px solid #aaa;
    border-radius:4px;
    cursor:text;
    outline:0;
    padding-bottom:5px;
    padding-right:5px
}
.select2-container--classic .select2-selection--multiple:focus{
    border:1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear{
    display:none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice{
    background-color:#e4e4e4;
    border:1px solid #aaa;
    border-radius:4px;
    display:inline-block;
    margin-left:5px;
    margin-top:5px;
    padding:0
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{
    cursor:default;
    padding-left:2px;
    padding-right:5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{
    background-color:transparent;
    border:none;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    color:#888;
    cursor:pointer;
    font-size:1em;
    font-weight:bold;
    padding:0 4px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{
    color:#555;
    outline:none
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
    margin-left:5px;
    margin-right:auto
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{
    padding-left:5px;
    padding-right:2px
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.select2-container--classic.select2-container--open .select2-selection--multiple{
    border:1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{
    border-bottom:none;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.select2-container--classic .select2-search--dropdown .select2-search__field{
    border:1px solid #aaa;
    outline:0
}
.select2-container--classic .select2-search--inline .select2-search__field{
    outline:0;
    box-shadow:none
}
.select2-container--classic .select2-dropdown{
    background-color:#fff;
    border:1px solid transparent
}
.select2-container--classic .select2-dropdown--above{
    border-bottom:none
}
.select2-container--classic .select2-dropdown--below{
    border-top:none
}
.select2-container--classic .select2-results>.select2-results__options{
    max-height:200px;
    overflow-y:auto
}
.select2-container--classic .select2-results__option--group{
    padding:0
}
.select2-container--classic .select2-results__option--disabled{
    color:grey
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{
    background-color:#3875d7;
    color:#fff
}
.select2-container--classic .select2-results__group{
    cursor:default;
    display:block;
    padding:6px
}
.select2-container--classic.select2-container--open .select2-dropdown{
    border-color:#5897fb
}
.filter-form {
    margin-bottom: 20px;
    background: #f9f9f9;
    padding: 15px;
    border-radius: 6px;
    border-left: 4px solid var(--primary-color);
}

.form-row {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.form-group {
    flex: 1;
    min-width: 180px;
}

.form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.form-group .form-control {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.btn {
    background: var(--primary-color);
    color: white;
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.btn:hover {
    background: #1a252f;
}

.table {
    width: 100%;
    border-collapse: collapse;
    background: white;
}

.table th, .table td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.table th {
    background: var(--primary-color);
    color: white;
}
.filter-slide {
    display: none;           /* Initially hidden */
    position: fixed;
    top: 0;
    right: 0;
    width: 350px;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    z-index: 1000;
    overflow-y: auto;
}

/* When open, show it */
.filter-slide.open {
    display: block;
}


.filter-slide-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.filter-form-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.btn-sm.danger {
    background-color: #e74c3c;
    color: #fff;
    border: none;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
}
/*












*/
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */