.activate-span {
    color: darkgreen;
}

.deactivate-span {
    color: darkred;
}

.info-span {
    color: blue;
}
.warning-span {
    color: orange;
}


#kt_calendar_app_employee .fc-timegrid-slot {
    height: 50px !important;
    border-bottom: 0 !important;
}

#kt_calendar_app_appointment .fc-timegrid-slot {
    height: 50px !important;
    border-bottom: 0 !important;
}

.card-title {
    display: flex;
    flex-wrap: wrap;
}

.card-title .d-flex {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

.card-title .form-select {
    width: 100% !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 100%;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .card-title .d-flex {
        flex: 1;
        max-width: none;
        margin-bottom: 0;
        margin-right: 1rem;
    }
    .card-title .d-flex:last-child {
        margin-right: 0;
    }
}
@media (max-width: 500px) {
    .fc-daygrid-event-dot {
        display: none;
    }
    th.fc-col-header-cell.fc-day{
        padding-left: 0 !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
}

#kt_daterangepicker_4 {
    width: 200px;
}
.select2-selection__rendered {
    margin-right: 15px;
}