html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    height: 100%;
}

body {
    margin-bottom: 60px;
    height: 100%;
}

/* Set fixed width for each column in the header and content */
.schedule-cell-dimension.e-schedule .e-timeline-view .e-date-header-wrap table col,
.schedule-cell-dimension.e-schedule .e-timeline-view .e-content-wrap table col {
    width: 70px;
}

/* Schedule resource panel */
.e-schedule .e-resource-left-td {
    width: 150px !important;
}

/* Schedule agenda resource panel */
.e-schedule .e-month-agenda-view .e-resource-column {
    width: 150px !important;
}

/* Hide the timescale row that displays hours */
.e-timeline-view .e-time-slots {
    display: none;
}

/* Set schedule row height */
/*.e-schedule .e-timeline-view .e-appointment {
    height: 60px;
}*/

/* Set background color for weekends */
.schedule-weekend-bg {
    background-color: #E7E7E7 !important;
}

/* Set background color for current date */
.current-date {
    background-color: #0078D4 !important;
    color: white !important;
}

/* Change text color for current day */
/*
.e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day {
    color: red;
}*/

.e-quick-popup-wrapper {
    min-width: 250px;
    max-width: unset;
    width: auto;
}

.entity-log-dialog.e-dialog {
    max-width: 700px;
}

.reservation-details-dialog.e-dialog {
    max-width: 700px;
    width: auto;
}

.customer-operations-history-dialog.e-dialog {
    max-width: 1600px;
    min-height: 300px;
}

.entity-log-grid.e-grid .e-gridheader {
    display: none;
}

/* Hide current time indicator */
#schedule .e-current-timeline {
    display: none;
}

/* Change current time indicator color */
/*.e-schedule .e-timeline-view .e-current-timeline {
    border-color: red;*/
/*width: 2px;*/ /* Adjust line thickness */
/*}*/

/* Display vertical grid lines */
.e-schedule .e-timeline-view .e-work-cells {
    border-color: #c8c6c4;
    border-style: dashed;
}

/* Display vertical grid lines for schedule header*/
.e-schedule .e-timeline-view .e-date-header-wrap table tbody td {
    border-color: #c8c6c4;
    border-style: dashed;
}

/* Display vertical grid lines for resources */
.e-schedule .e-timeline-view .e-resource-cells {
    border-color: #c8c6c4;
    border-style: dashed;
}

/* Display vertical grid lines for resource header */
.e-schedule .e-timeline-view .e-resource-left-td {
    border-color: #c8c6c4;
    border-style: dashed;
}

/* Datetimepicker range selection color */
.e-daterangepicker.e-popup .e-calendar .e-content .e-other-month.e-range-hover span,
.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span {
    background-color: #badfff;
}

.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
.e-calendar .e-content.e-month td.e-today span.e-day,
.e-calendar .e-content td.e-today span.e-day {
    border-radius: unset;
    background-color: unset;
    color: unset;
}

/* increase border width in agenda view in order to be more visible the event color */
.e-schedule .e-month-agenda-view .e-appointment {
    border-left-width: 10px;
}

/* backgroud color for selected cell in month agenda*/
.e-schedule .e-month-agenda-view .e-selected-cell {
    background-color: #C7E0F4 !important;
}

.e-device .e-dlg-content form {
    font-size: 14px;
}

fieldset {
    font-weight: 600;
    border-bottom: #d5d5d5 solid 1px;
    padding-bottom: 15px;
    margin-left: -24px;
    padding-left: 24px;
    margin-right: -24px;
    padding-right: 24px;
}

    fieldset legend {
        font-size: 16px;
        margin-bottom: 3px;
    }

    fieldset label {
        font-weight: initial;
    }

.e-dialog .e-dlg-header-content {
    border-bottom-width: 1px;
}

.e-dialog .e-footer-content {
    border-top-width: 1px;
}

.e-dialog.custom-modal-dialog {
    width: auto;
    min-width: 330px;
}

.e-dialog.e-edit-dialog {
    min-width: 330px;
    width: auto !important;
}

.e-container .e-palette .e-tile {
    width: 50px;
    height: 50px;
}

.vehicle-display-grid .e-active {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.vehicle-display-grid .e-selectionbackground {
    background-color: transparent !important;
    outline: 1px solid #0078D4;
}

.vehicle-display-dialog.e-dialog {
    max-width: 450px;
}

.vehicle-display-dialog .e-dlg-content {
    display: flex;
}