<!-- This Commentary for Support -->

<div style="display: none;">
<p><a href="https://kursuskerja.org/">https://kursuskerja.org/</a></p>
</div>:root {

    --color-eschools-10: 251 252 253;
    --color-delete-10: 255 251 251;
    --color-primary-10: 251 252 253;
    --color-secondary-10: 250 251 254;

    --color-eschools-10-contrast: 15 23 42;
    --color-delete-10-contrast: 15 23 42;
    --color-primary-10-contrast: 15 23 42;
    --color-secondary-10-contrast: 15 23 42;
    --color-eschools-20: 247 249 251;
    --color-delete-20: 254 248 248;
    --color-primary-20: 247 249 252;
    --color-secondary-20: 245 247 252;

    --color-eschools-20-contrast: 15 23 42;
    --color-delete-20-contrast: 15 23 42;
    --color-primary-20-contrast: 15 23 42;
    --color-secondary-20-contrast: 15 23 42;
    --color-eschools-50: 235 241 245;
    --color-delete-50: 253 236 236;
    --color-primary-50: 234 240 247;
    --color-secondary-50: 231 234 248;

    --color-eschools-50-contrast: 15 23 42;
    --color-delete-50-contrast: 15 23 42;
    --color-primary-50-contrast: 15 23 42;
    --color-secondary-50-contrast: 15 23 42;
    --color-eschools-100: 216 226 235;
    --color-delete-100: 252 218 218;
    --color-primary-100: 213 225 238;
    --color-secondary-100: 207 214 242;

    --color-eschools-100-contrast: 15 23 42;
    --color-delete-100-contrast: 15 23 42;
    --color-primary-100-contrast: 15 23 42;
    --color-secondary-100-contrast: 15 23 42;
    --color-eschools-200: 176 198 216;
    --color-delete-200: 249 180 180;
    --color-primary-200: 171 195 222;
    --color-secondary-200: 159 172 229;

    --color-eschools-200-contrast: 15 23 42;
    --color-delete-200-contrast: 15 23 42;
    --color-primary-200-contrast: 15 23 42;
    --color-secondary-200-contrast: 15 23 42;
    --color-eschools-300: 137 169 196;
    --color-delete-300: 245 143 143;
    --color-primary-300: 129 166 205;
    --color-secondary-300: 111 131 215;

    --color-eschools-300-contrast: 15 23 42;
    --color-delete-300-contrast: 15 23 42;
    --color-primary-300-contrast: 15 23 42;
    --color-secondary-300-contrast: 15 23 42;
    --color-eschools-400: 97 141 177;
    --color-delete-400: 242 105 105;
    --color-primary-400: 87 136 189;
    --color-secondary-400: 63 89 202;

    --color-eschools-400-contrast: 15 23 42;
    --color-delete-400-contrast: 15 23 42;
    --color-primary-400-contrast: 248 250 252;
    --color-secondary-400-contrast: 248 250 252;
    --color-eschools-500: 58 112 157;
    --color-delete-500: 239 68 68;
    --color-primary-500: 45 106 172;
    --color-secondary-500: 15 48 189;

    --color-eschools-500-contrast: 248 250 252;
    --color-delete-500-contrast: 248 250 252;
    --color-primary-500-contrast: 248 250 252;
    --color-secondary-500-contrast: 248 250 252;
    --color-eschools-600: 97 141 177;
    --color-delete-600: 242 105 105;
    --color-primary-600: 36 85 138;
    --color-secondary-600: 12 38 151;
    --color-eschools-600-contrast: 15 23 42;
    --color-delete-600-contrast: 15 23 42;
    --color-primary-600-contrast: 248 250 252;
    --color-secondary-600-contrast: 248 250 252;
    --color-eschools-700: 137 169 196;
    --color-delete-700: 245 143 143;
    --color-primary-700: 27 64 103;
    --color-secondary-700: 9 29 113;
    --color-eschools-700-contrast: 15 23 42;
    --color-delete-700-contrast: 15 23 42;
    --color-primary-700-contrast: 248 250 252;
    --color-secondary-700-contrast: 248 250 252;
    --color-eschools-800: 176 198 216;
    --color-delete-800: 249 180 180;
    --color-primary-800: 18 42 69;
    --color-secondary-800: 6 19 76;
    --color-eschools-800-contrast: 15 23 42;
    --color-delete-800-contrast: 15 23 42;
    --color-primary-800-contrast: 248 250 252;
    --color-secondary-800-contrast: 248 250 252;
    --color-eschools-900: 216 226 235;
    --color-delete-900: 252 218 218;
    --color-primary-900: 9 21 34;
    --color-secondary-900: 3 10 38;
    --color-eschools-900-contrast: 15 23 42;
    --color-delete-900-contrast: 15 23 42;
    --color-primary-900-contrast: 248 250 252;
    --color-secondary-900-contrast: 248 250 252;
    --color-eschools-950: 235 241 245;
    --color-delete-950: 253 236 236;
    --color-primary-950: 5 11 17;
    --color-secondary-950: 2 5 19;
    --color-eschools-950-contrast: 15 23 42;
    --color-delete-950-contrast: 15 23 42;
    --color-primary-950-contrast: 248 250 252;
    --color-secondary-950-contrast: 248 250 252;

    --primary:#2d6aac;
    --secondary:#0f30bd;
    --eschools:#3a709d;
}
    .fc-view-harness > div.fc-dayGridMonth-view {
        border-radius: 0.25rem;
        border: 1px solid #2d6aac;
    }

    .fc .fc-scroller-harness {
        overflow: visible !important;
    }

    .fc-dayGridMonth-view > table {
        border: none !important;
    }

    .fc-dayGridMonth-view > table > thead > tr > th {
        border: none !important;
    }

    .fc-col-header-cell {
        border-color: #2d6aac !important;
        padding: 5px !important;
    }

    .fc-scrollgrid-section-body > td { border: none !important; }

    .fc-daygrid-day { border-color: #2d6aac !important; }


    .fc-event {
        display: block !important;
        border-radius: 0.25rem !important;
        border-width: 1px !important;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
        position: relative !important;
        margin-left: 0.25rem !important;
        margin-right: 0.25rem !important;
        margin-top: 0.25rem !important;
        cursor: pointer;
    }

    .fc-event-main { position: static !important; }

    .fc-event-title {
        font-weight: 700;
        font-size: 16px;
        margin: 0 !important;
        padding: 0 !important;
        line-height: initial !important; white-space: normal !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .fc-event-time {
        font-size: 0.75rem;
        font-weight: 400 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    .fc-btnFilter-button > #categoryFilter { display: block !important; }

    .fc-next-button { margin-left: 0.25em !important; }

    .fc-button {
        background: #2d6aac !important;
        color: #f8fafc !important;
    }

    .fc-button:hover {
        background: #628fc1 !important;
        color: #f8fafc !important;
    }

    .fc-listMonth-view  {
        border: none !important;
    }

    .fc-list-table {
        margin-top: -25px;
    }

    .fc-list-table tbody th {
        background-color: transparent !important;
        border: none !important;
    }

    .fc-list-day-cushion {
        background-color: #2d6aac !important;
        color: #f8fafc !important;
        border-radius: 0.25rem !important;
        margin-top:25px;
    }

    .fc-listMonth-view .fc-event .fc-list-event-time,
    .fc-listMonth-view .fc-event .fc-list-event-graphic,
    .fc-listMonth-view .fc-event .fc-list-event-title {
        border-top: 0;
        border-bottom: 0;
    }

    .fc-listMonth-view .fc-event .fc-list-event-time,
    .fc-listMonth-view .fc-event .fc-list-event-graphic {
        display: none;
    }

    .fc-listMonth-view .fc-event:hover .fc-list-event-title {
        background-color: transparent;
    }

    .\[\&_\.draggable-source--is-dragging\]\:bg-primary-20 .draggable-source--is-dragging {
        background-color: #f7f9fc !important;
    }

    .draggable-mirror {
        opacity: 0.4;
        background-color: transparent !important;
    }

    .draggable-mirror td:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-last-child(1)) {
        display: none;
    }