.bg-login-image {
    background-image: none !important;
}
.bg-gradient-primary {
    background-color: #02A4EC;
    background-image: linear-gradient(180deg, #008ac7 10%, #4e73df 100%);
    background-size: cover;
}

.btn-primary {
    background-color: #02A4EC;
    border-color: #008ac7;
}

.icon .fas {
    line-height: 1.5;
}

.default-cursor {
    cursor: default !important;
}

#calendar-overview {
    width: max-content;
}

#calendar-overview.table-bordered thead td, #calendar-overview.table-bordered thead th {
    border-bottom-width: 1px;
}

#calendar-overview th, #calendar-overview td {
    width: 100px;
    padding: 10px;
    height: 50px;
}

#calendar-overview th {
    font-size: 0.8rem;
}

#calendar-overview td {
    color: #fff;
}

#calendar-overview .in-use:hover {
    cursor: pointer;
}

#calendar-overview .in-use {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 0;
    border-right: 0;
    background-color: #02A4EC;
}

#calendar-overview .in-use-last {
    border-right: 2px solid #000;
}

#calendar-overview .in-use-first {
    border-left: 2px solid #000;
}

#calendar-overview .is-today {
    background-color: darkgray;
    color: #fff;
}




#calendar-overview th:first-child, #calendar-overview td:first-child
{
    position:sticky;
    left:0;
    background-color: #fff;
}

.calendar-container {
    overflow-x: scroll; margin-bottom: 15px; padding-bottom: 15px;
    padding-left: 0;
    cursor: grab;
}

#calendar-overview .has-booking-start {
    background-color: #00750d !important;
    color: #fff;
    font-size: 0.8rem;
    font-style: italic;
}

#calendar-overview .has-booking-end {
    background-color: #860000 !important;
    color: #fff;
    font-size: 0.8rem;
    font-style: italic;
}

.status-indicator {
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    font-size: 0.8rem;
}

.block-draggable.ui-sortable-helper {
    opacity: 0.6;
}

.overflow-scroll {
    overflow-y: scroll;
}
.mt-6 {
    margin-top: 4rem !important;
}

.mt-7 {
    margin-top: 5rem !important;
}

.mb-6 {
    margin-bottom: 4rem !important;
}

.mb-7 {
    margin-bottom: 5rem !important;
}