/* Full Calendar Styling */
:root {
    /* common */
    --fc-small-font-size: .85em;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
    --fc-neutral-text-color: #808080;
    --fc-border-color: #ddd;
    --fc-button-text-color: #787878;
    --fc-button-bg-color: #00;
    --fc-button-border-color: #c6c6c6;
    --fc-button-hover-bg-color: #f0f0f0;
    --fc-button-hover-border-color: #c6c6c6;
    --fc-button-active-bg-color: rgba(155, 12, 23, 0.15);
    --fc-button-active-border-color: #c6c6c6;
    --fc-event-bg-color: #3788d8;
    --fc-event-border-color: #3788d8;
    --fc-event-text-color: #fff;
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: rgba(215, 215, 215, 0.3);
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(43, 43, 43, 0.15);
    --fc-today-bg-color: rgba(155, 12, 23, 0.08);
    --fc-now-indicator-color: red;
    /* daygrid */
    --fc-daygrid-event-dot-width: 8px;
    /* list */
    --fc-list-event-dot-width: 20px;
    --fc-list-event-hover-bg-color: #f5f5f5;
}

.fc {
    font-family: "Bahnschrift", Arial, serif !important;
    height: 100%;
}

.fc .fc-view-harness {
    /*overflow-y: auto;
    overflow-x: hidden;*/
    height: 100%;
}

.dark-mode .fc .fc-cell-shaded,
.dark-mode .fc .fc-day-disabled {
    background: #151515;
}

.dark-mode .fc .fc-cell-shaded,
.dark-mode .fc .fc-day-disabled {
    background: #151515;
}

.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #c8c8c8 !important;
}

.dark-mode .fc-theme-standard .fc-scrollgrid {
    border-color: #737373 !important;
}

.fc-theme-standard td,
.fc-theme-standard th {
    border: 1px solid #c8c8c8 !important;
}

.dark-mode .fc-theme-standard td,
.dark-mode .fc-theme-standard th {
    border-color: #737373 !important;
}

/*.fc .fc-scroller {
    overflow-y: unset !important;
}*/
.fc .fc-toolbar-title {
    color: var(--btek-primarytext-color) !important;
}

.dark-mode .fc .fc-toolbar-title {
    color: var(--btek-primarytext-color-dark) !important;
}

.fc .fc-scrollgrid-section {
    color: var(--btek-primarytext-color) !important;
}

    .dark-mode .fc .fc-scrollgrid-section {
        color: var(--btek-primarytext-color-dark) !important;
    }

.fc .fc-daygrid-day-number {
    color: var(--btek-primarytext-color);
}

.dark-mode .fc .fc-daygrid-day-number {
    color: var(--btek-primarytext-color-dark);
}

.fc .fc-day-today .fc-daygrid-day-number {
    color: #6bb2f2 !important;
    font-weight: bold !important;
}

.fc .fc-day-today .fc-col-header-cell-cushion {
    color: #6bb2f2 !important;
    font-weight: bold !important;
}

.fc .fc-event {
    border-radius: 0.1rem !important;
    height: 26px !important;
    border-left-width: 4px !important;
    border-right-width: 0 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 2px !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .fc .fc-event-title {
        padding-top: 4px !important;
    }

.fc .fc-button {
    
}

    .fc .fc-button:focus {
        outline: 0 !important;
        box-shadow: 0 0 0 0 !important;
    }

    .fc .fc-prevYear-button,
    .fc .fc-prev-button,
    .fc .fc-next-button,
    .fc .fc-nextYear-button {
        border-radius: 50% !important;
        width: 44px !important;
        height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        transition: background-color 150ms cubic-bezier(.4,0,.2,1) 0ms !important;
    }

        .fc .fc-prevYear-button:not(:disabled):hover,
        .fc .fc-prev-button:not(:disabled):hover,
        .fc .fc-next-button:not(:disabled):hover,
        .fc .fc-nextYear-button:not(:disabled):hover {
            background-color: rgba(0,0,0, 0.06) !important;
        }

        .fc .fc-prevYear-button:not(:disabled):active,
        .fc .fc-prev-button:not(:disabled):active,
        .fc .fc-next-button:not(:disabled):active,
        .fc .fc-nextYear-button:not(:disabled):active {
            background-color: rgba(0,0,0, 0.06) !important;
        }

    .fc .fc-newButton-button,
    .fc .fc-wizardButton-button {
        background-color: rgba(226,226,226,1) !important;
        font-size: .875rem !important;
        font-weight: 500 !important;
        letter-spacing: 0.05em !important;
        border: 0 !important;
        padding: 12px 16px 8px 16px !important;
        color: #424242 !important;
        height: 40px !important;
        text-align: center !important;
    }

        .fc .fc-newButton-button:hover,
        .fc .fc-wizardButton-button:hover {
            background-image: linear-gradient(rgba(0, 0, 0, 0.06) 0 0) !important;
        }

        .fc .fc-newButton-button:focus,
        .fc .fc-wizardButton-button:focus {
            background-color: rgba(226,226,226,1) !important;
        }

        .fc .fc-newButton-button:active,
        .fc .fc-wizardButton-button:active {
            background-color: rgba(226,226,226,1) !important;
        }

.fc .fc-dayGridMonth-button,
.fc .fc-dayGridWeek-button,
.fc .fc-dayGridDay-button {
    color: var(--btek-primarytext-color) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    height: 36px !important;
    padding: 0.4rem 1rem !important;
    border: 0 !important;
    border-radius: 0.25rem !important;
}

.dark-mode .fc .fc-dayGridMonth-button,
.dark-mode .fc .fc-dayGridWeek-button,
.dark-mode .fc .fc-dayGridDay-button {
    color: var(--btek-primarytext-color-dark) !important;
}

.fc .fc-today-button {
    color: var(--btek-primarytext-color) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    height: 44px !important;
    padding: 0.4rem 1rem !important;
    border: 0 !important;
    border-radius: 0.25rem !important;
}

.dark-mode .fc .fc-today-button {
    color: var(--btek-primarytext-color-dark) !important;
}

        .fc .fc-dayGridMonth-button:not(:disabled):hover,
        .fc .fc-dayGridWeek-button:not(:disabled):hover,
        .fc .fc-dayGridDay-button:not(:disabled):hover,
        .fc .fc-today-button:not(:disabled):hover {
            background-color: rgba(0,0,0, 0.06) !important;
            transition: 0.2s background-color linear !important;
        }

        .fc .fc-dayGridMonth-button:not(:disabled).fc-button-active,
        .fc .fc-dayGridWeek-button:not(:disabled).fc-button-active,
        .fc .fc-dayGridDay-button:not(:disabled).fc-button-active {
            color: #fff !important;
            background-color: #424242 !important;
        }

            .dark-mode .fc .fc-dayGridMonth-button:not(:disabled).fc-button-active,
            .dark-mode .fc .fc-dayGridWeek-button:not(:disabled).fc-button-active,
            .dark-mode .fc .fc-dayGridDay-button:not(:disabled).fc-button-active {
                color: #121212 !important;
                background-color: #b2b2b2 !important;
            }

        .fc .fc-dayGridMonth-button:not(:disabled):active,
        .fc .fc-dayGridWeek-button:not(:disabled):active,
        .fc .fc-dayGridDay-button:not(:disabled):active,
        .fc .fc-today-button:not(:disabled):active {
            background-color: rgba(0,0,0, 0.06) !important;
        }

    .fc .fc-button-primary:focus {
        outline: 0 !important;
        box-shadow: 0 0 0 0 !important;
    }

.fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0 !important;
}

.fc .fc-event-title {
    font-weight: 600 !important;
}

.fc .fc-unselectable {
    cursor: grabbing !important;
}

.fc .fc-day {
    cursor: context-menu !important;
    color: var(--btek-primarytext-color);
}

.dark-mode .fc .fc-day {
    color: var(--btek-primarytext-color-dark);
}

.fc .fc-day-today {
    color: #6bb2f2 !important;
    font-weight: bolder !important;
}

.fc .fc-list-event {
    cursor: pointer !important;
}

.fc .fc-list-day-text {
    color: var(--btek-primarytext-color) !important;
}

.dark-mode.fc .fc-list-day-text {
    color: var(--btek-primarytext-color-dark) !important;
}

.fc .fc-col-header-cell-cushion {
    padding: 0 !important;
    color: var(--btek-secondarytext-color);
    font-size: 0.9rem !important;
    font-weight: 400 !important;
}

.dark-mode .fc .fc-col-header-cell-cushion {
    color: var(--btek-secondarytext-color-dark);
}

.fc .fc-daygrid-day-number {
    color: var(--btek-primarytext-color);
    font-size: 1rem !important;
}

.dark-mode .fc .fc-daygrid-day-number {
    color: var(--btek-primarytext-color-dark);
}

    .fc .fc-button {
        /*font-size: .875rem !important;
        font-weight: 500 !important;
        letter-spacing: 0.05em !important;*/
    }

    .fc .fc-event-title {
        font-size: .9rem !important;
    }



.inholdingbin {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23424242' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19.68A8.68,8.68,0,1,1,20.68,12,8.68,8.68,0,0,1,12,20.68ZM6,9.55l0,0v0ZM18.47,12a6.47,6.47,0,0,1-11,4.58L12,12h0V5.53A6.47,6.47,0,0,1,18.47,12Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 18px;
    padding-left: 22px;
}
.released {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23424242' d='M21.75,6.07H10.46A1.8,1.8,0,0,0,8.74,7.55l-1.46,8.9a1.23,1.23,0,0,0,1.24,1.48H19.8a1.8,1.8,0,0,0,1.72-1.48L23,7.55A1.22,1.22,0,0,0,21.75,6.07Zm-.51,3.4-6.43,3.82-5-3.87.27-1.66a0,0,0,0,1,0,0h0l4.92,3.84,6.41-3.8ZM1,14H6.17v1.48H1Zm1.25-2.69H6.69v1.48H2.25Zm2-2.69h3v1.48H4.25Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 18px;
    padding-left: 22px;
}
.closed {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23424242' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1ZM11,17.15,9.31,15.83,5.92,13.14l1.31-1.66,3.4,2.69,5.79-7.32,1.66,1.32Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 18px;
    padding-left: 22px;
}
.urgent {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23424242' d='M22.91,20,13,2.83a1.14,1.14,0,0,0-2,0L1.09,20a1.14,1.14,0,0,0,1,1.71H21.93A1.14,1.14,0,0,0,22.91,20ZM12,19a1.15,1.15,0,1,1,1.15-1.15A1.16,1.16,0,0,1,12,19Zm1.15-5.85a1.15,1.15,0,1,1-2.3,0v-5a1.15,1.15,0,1,1,2.3,0Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 18px;
    padding-left: 22px;
}
.customercontacted {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23424242' d='M11,10.85a1.23,1.23,0,0,1-1.23,1.23h0a1.22,1.22,0,0,1-1.22-1.23V6.57a1.4,1.4,0,0,1,1.4-1.4h4.21L18,1.35a1.18,1.18,0,0,1,1.68,0l3,3A1.18,1.18,0,0,1,22.6,6L19.93,8.66H11Zm2,2h0V13a1.25,1.25,0,0,1-1.26,1.26h-1v0l0,0H7.65A1.26,1.26,0,0,1,6.39,13h0V9.77A1.22,1.22,0,0,0,5.17,8.55h0A1.23,1.23,0,0,0,3.94,9.77v5.69L1.4,18a1.18,1.18,0,0,0,0,1.68l3,3a1.18,1.18,0,0,0,1.68,0l4.89-4.89H15.5a1,1,0,0,0,1.05-1.05V15.45h1.23a1,1,0,0,0,1-1V13.14h1.22a1,1,0,0,0,1.05-1.05V10.83H13Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat !important;
    background-position: 2px center !important;
    background-size: 18px !important;
    padding-left: 22px !important;
}

.dark-mode .inholdingbin {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23FFFFFF' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19.68A8.68,8.68,0,1,1,20.68,12,8.68,8.68,0,0,1,12,20.68ZM6,9.55l0,0v0ZM18.47,12a6.47,6.47,0,0,1-11,4.58L12,12h0V5.53A6.47,6.47,0,0,1,18.47,12Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 18px;
    padding-left: 22px;
}

.dark-mode .released {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23FFFFFF' d='M21.75,6.07H10.46A1.8,1.8,0,0,0,8.74,7.55l-1.46,8.9a1.23,1.23,0,0,0,1.24,1.48H19.8a1.8,1.8,0,0,0,1.72-1.48L23,7.55A1.22,1.22,0,0,0,21.75,6.07Zm-.51,3.4-6.43,3.82-5-3.87.27-1.66a0,0,0,0,1,0,0h0l4.92,3.84,6.41-3.8ZM1,14H6.17v1.48H1Zm1.25-2.69H6.69v1.48H2.25Zm2-2.69h3v1.48H4.25Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 18px;
    padding-left: 22px;
}

.dark-mode .closed {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23FFFFFF' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1ZM11,17.15,9.31,15.83,5.92,13.14l1.31-1.66,3.4,2.69,5.79-7.32,1.66,1.32Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 18px;
    padding-left: 22px;
}

.dark-mode .urgent {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23FFFFFF' d='M22.91,20,13,2.83a1.14,1.14,0,0,0-2,0L1.09,20a1.14,1.14,0,0,0,1,1.71H21.93A1.14,1.14,0,0,0,22.91,20ZM12,19a1.15,1.15,0,1,1,1.15-1.15A1.16,1.16,0,0,1,12,19Zm1.15-5.85a1.15,1.15,0,1,1-2.3,0v-5a1.15,1.15,0,1,1,2.3,0Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 2px center;
    background-size: 18px;
    padding-left: 22px;
}

.dark-mode .customercontacted {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23FFFFFF' d='M11,10.85a1.23,1.23,0,0,1-1.23,1.23h0a1.22,1.22,0,0,1-1.22-1.23V6.57a1.4,1.4,0,0,1,1.4-1.4h4.21L18,1.35a1.18,1.18,0,0,1,1.68,0l3,3A1.18,1.18,0,0,1,22.6,6L19.93,8.66H11Zm2,2h0V13a1.25,1.25,0,0,1-1.26,1.26h-1v0l0,0H7.65A1.26,1.26,0,0,1,6.39,13h0V9.77A1.22,1.22,0,0,0,5.17,8.55h0A1.23,1.23,0,0,0,3.94,9.77v5.69L1.4,18a1.18,1.18,0,0,0,0,1.68l3,3a1.18,1.18,0,0,0,1.68,0l4.89-4.89H15.5a1,1,0,0,0,1.05-1.05V15.45h1.23a1,1,0,0,0,1-1V13.14h1.22a1,1,0,0,0,1.05-1.05V10.83H13Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat !important;
    background-position: 2px center !important;
    background-size: 18px !important;
    padding-left: 22px !important;
}

/*Mobile*/
@media (max-width: 991.98px) {
    .fc .fc-header-toolbar {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .fc .fc-toolbar-title {
        padding: 4px;
    }
}