.userRating .heading {
    font-size: 20px;
    margin-right: 10px;
}

.userRating .fa {
    font-size: 18px;
}

.userRating .checked {
    color: orange;
}

.profile-image {
    min-width: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 50px;
}

#timeCalendar .datepicker {
    width: 100%;
}

#timeCalendar .datepicker th, #timeCalendar .datepicker th {
    font-size: 1.2rem;
}

#timeCalendar .datepicker table tr th {
    height: 40px;
    width: 40px;
}

#timeCalendar .datepicker tbody tr > td.day {
    font-weight: 500;
}

#timeCalendar .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background-color: #f5f5f5;
    color: #c8c4c4;
}

#timeCalendar .datepicker td, #timeCalendar .datepicker th {
    border-radius: 0px;
}

#timeCalendar > .active {
    background-color: #6993ff;
}

#timeCalendar > .highlighted {
    background-color: #6993ff;
}

.subheader-booking {
    position: fixed;
    width: 100%;
    z-index: 97;
    border: 0px !important;
}


@media only screen and (max-width: 769px ) {
    .subheader-margin {
        margin-top: 86px;
    }
}

@media only screen and (min-width: 770px ) {
    .subheader-margin {
        margin-top: 86px;
    }
}

.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

.text-deleted {
    text-decoration: line-through;
    color: deeppink;
}

.mapImageBorder {
    border: 3px solid #B8003C;
}

.mapImageGreenBorder {
    border: 3px solid #287026;
}

.serviceEmployeeOptionRow {
    cursor: pointer;
}

.service-details p {
    white-space: pre-line;
}

.service-details img {
    max-width: 100%;
    max-height: 80vh;
}

.topbar-mobile-on .topbar {
    z-index: 3 !important;;
}

.modal-full {
    min-width: 100vw;
    margin: 0;
}

.modal-full .modal-content {
    min-height: 100vh;
    height: auto;
    border: 0;
    border-radius: 0;
}

.modal-full .modal-dialog {
    margin: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0 auto;
}

.modal-body {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
}

.modal-open-custom {
    overflow: hidden !important;
}

.scrollable-nav-container, .scrollable-labels-container {
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    box-sizing: border-box;
}

.scrollable-nav-container:hover {
    scrollbar-color: #6433a1 transparent;
}

.scrollable-labels-container:hover {
    scrollbar-color: #a8a7aa transparent;
}

.hover-scroll, .hover-scroll-overlay-x, .hover-scroll-x {
    scrollbar-color: transparent transparent;
}

.hover-scroll-overlay-x, .hover-scroll-x, .scroll-x {
    overflow-x: scroll;
    position: relative;
}

.branch-types-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
}

.btn.btn-accent1 {
    color: #fff;
    background-color: #4A148C;
    border-color: #4A148C;
}

.btn.btn-accent2 {
    color: #fff;
    background-color: #2196F3;
    border-color: #2196F3;
}

.btn.btn-accent3 {
    color: #fff;
    background-color: #FF9800;
    border-color: #FF9800;
}

.daterangepicker {
    z-index: 1100;
}

.paid-plan-description {
    white-space: pre-line;
}

.paid-plan-description.is-collapsed {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}