body, html {
    font-size: 13px !important;
}

.m-form .m-form__actions {
    padding: 15px !important;
}

.m-portlet .m-portlet__body {
    padding: 1.6rem 1.6rem !important;
}

.m-body .m-content {
    padding: 15px 15px 45px !important;
}

.m--margin-bottom-30 {
    margin-bottom: 10px !important;
}

.m--margin-top-20 {
    margin-top: 10px !important;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell, .m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
    padding: 3px 5px !important;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {
    padding: 10px 5px !important;
}

.m-datatable.m-datatable--default > .m-datatable__pager {
    margin-top: 0 !important;
}

.show-table {
    padding: 15px !important;
    margin: 10px;
    min-width: 200px
}

.assign-table {
    background-color: #f25f24;
    border-color: #f25f24;
    color: #fff;
    padding: 15px !important;
    margin: 10px;
    min-width: 200px
}

.show-table {
    background-color: #7f20ef;
    border-color: #7f20ef;
    color: #fff;
}

.show-table:hover {
    background-color: #7f20ef;
    border-color: #7f20ef;
    color: #fff;
}

.content {
    padding: 15px 30px !important;
}

.assign-table:hover:hover {
    background-color: #f25f24;
    border-color: #f25f24;
    color: #fff;
}

.scroll-div {
    max-height: 260px;
    overflow-y: auto;
}

.m-form.m-form--group-seperator-dashed .m-form__group {
    padding-bottom: 7px;
    padding-top: 7px;
}

.h4, h4 {
    font-size: 1.3rem !important;
}

.day-list {
    margin-top: 5px;
}

.time-slot {
    margin: 0px !important;
}

.height-change {
    height: 30px;
}

.own-color {
    color: #575962;
    text-decoration: none !important;
    text-decoration-color: #575962;
}

.own-color:hover {
    color: #575962;
}

.status {
    float: right !important;
    margin-right: 10px !important;
}

.cancel {
    border: 1px solid red;
    padding: 7px 10px;
    border-radius: 15px;
    background-color: red !important;
    color: white !important;
}

.approve, .refund {
    border: 1px solid green;
    padding: 7px 10px;
    border-radius: 15px;
    background-color: green !important;
    color: white !important;
}

.arrive {
    border: 1px solid #3b99fe;
    padding: 7px 10px;
    border-radius: 15px;
    background-color: #3b99fe !important;
    color: white !important;
}

.cardPayment .input-wrap .form-control {
    border-color: #efefef;
    box-shadow: none;
}

.cardPayment .input-wrap .error {
    border-color: red !important;
}

.cardPayment .input-wrap .error + label::before {
    border: 1px solid red;
}

.back-arrow {
    position: relative;
}

#loadingDiv {
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url(/images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10000000;
    opacity: 1;

}

.back-arrow::before {
    content: '';
    position: absolute;
    left: 5%;
    top: 50%;
    width: 14px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/arrow-back-new.png);
    right: 35%;
    transform: translateY(-50%);
}

span.logoUpdates {
    width: 100px;
    display: inline-block;
    height: auto;
    padding: 5px;
    text-align: center
}

span.logoUpdates img {
    width: 90px
}

a.link.month_back {
    padding: 0 20px 0 35px
}

.month_back.back-arrow::before {
    right: inherit;
    left: 15%
}

.buttonRight.back-arrow::before {
    left: 20%;
    right: inherit;
}

.datepicker tbody tr > td.day.today {
    background-color: #3b99fe !important;
    color: #fff !important;
    position: static;
}

.datepicker table tr td, .datepicker table tr th {
    border-radius: 50% !important;
}

.datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover, .datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover {
    background: #5f256f;
    color: #fff;
}

.datepicker tbody tr > td span.month.focused, .datepicker tbody tr > td span.month:hover {
    background: #5f256f;
    color: #fff;
}

.dx-widget {
    font-family: 'Proxima Nova Th' !important;
}

.reservation-box-wrap .rightside-slide-box .date-wrap .dx-calendar-body table th {
    font-size: 18px;
    font-weight: 400;
    color: #347ebb;

}

.span-font {
    font-size: 12px !important;
}

.datepicker tbody tr > td.day:hover, .datepicker thead .next:hover, .datepicker thead .prev:hover, .datepicker thead .datepicker-switch:hover {
    background-color: #5f256f !important;
    color: #fff;
}

.reservation-box-wrap .rightside-slide-box .date-wrap .dx-calendar-body .dx-calendar-cell :hover::before {
    border-radius: 50%;
    background-color: #3b99fe !important;
}

/*a:not([href]):not([tabindex]):hover {*/
/*color: #fff !important;*/
/*background-color: #45e9df !important;*/
/*text-decoration: none;*/
/*}*/

.m-brand--skin-dark {
    background: #fff !important;
}

.store-design {
    padding: 10px 15px !important;
}

.m-brand {
    width: 130px;
    padding: 0 15px;
}

@media (max-width: 480px) {

    .back-arrow::before {
        right: 50%;
    }

    .select-wrap .row {
        margin: 0 !important;
    }

    .selectBoxArrow {
        padding-right: 10px !important;
    }
}

@media (max-width: 1024px) {
    .li-padding {
        padding: 5px 0 !important;
    }

    .m-brand {
        width: 100%;
        position: relative;
        height: 70px !important;
        padding: 0 25px;
        z-index: 2;
    }

    .m-form .m-form__group {
        padding-top: 0;
    }
}

@media (max-width: 400px) {

    .back-arrow::before {
        right: 45%;
    }

}

.m-input-icon.m-input-icon--left.mainSelect {
    display: block;
    width: 100%;
    padding: 7px 10px 7px 40px;
    font-size: 1rem;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ebedf2;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    position: relative;
}

.mainSelect select.form-control.m-input {
    padding: 0;
    border: 0;
    height: 20px;
}

span.mainTopBar {
    width: 65px;
    height: 60px;
    display: inline-block;
}

span.mainTopBar div#m_header_topbar {
    top: 1px;
    right: -10px;
    width: 65px;
    height: 60px !important;
    box-shadow: none;
}

span.mainTopBar ul.m-topbar__nav.m-nav.m-nav--inline {
    margin: 0;
}

span.mainTopBar .m-nav .m-nav__item {
    padding: 5px 0;
}

@media (min-width: 1024px) {
    .desktopClass {
        position: relative;
    }

    span.mainTopBar {
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media (max-width: 991px) {

    .m-brand .m-brand__tools .m-brand__icon {
        margin-right: 10px !important;
    }

}

@media (min-width: 768px) {

    span.mainTopBar div#m_header_topbar {
        right: 0;
    }

    span.mainTopBar .m-stack.m-stack--general {
        display: inline-block
    }

}

@media (max-width: 1024px) {

    span.mainTopBar {
        width: 30px;
        height: 30px;
        top: 35%;
    }

    span.mainTopBar div#m_header_topbar {
        height: 30px !important;
    }

    .m-brand .m-brand__tools .m-brand__icon {
        margin-right: 45px;
    }

    .m-stack.m-stack--general.m-stack--ver > .m-stack__item {
        /*display: inline-block;*/
    }

}

@media (max-width: 991px) {

    span.mainTopBar {
        right: 70px;
        width: 30px;
        height: 30px;

    }

}

@media (max-width: 767px ) {

    .m-dropdown.m-dropdown--mobile-full-width > .m-dropdown__wrapper {
        left: -300px;
        right: inherit;
    }

    .m-form .m-form__group {
        padding-top: 10px;
    }

    .fc-unthemed .fc-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .fc-right .fc-button-group {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .fc-right .fc-button-group button {
        display: block;
        margin-bottom: 10px;
    }

}

.image-icon {
    height: 20px;
    width: 20px;
}

@media (max-width: 768px) {

    .m-dropdown.m-dropdown--mobile-full-width > .m-dropdown__wrapper {
        width: 350px !important;
        left: 35px;
        right: inherit;
        top: 50px;
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
        right: inherit !important;
        left: 310px !important;
    }

}

.m-dropdown .m-dropdown__wrapper .m-dropdown__inner {
    margin-left: 20px;
}

.StripeElement {
    padding: 8px 5px;
    border: 1px solid #efefef;
    border-radius: 5px;
    margin-bottom: 20px;
}

.InputContainer .InputElement {
    color: #555;
}

span.InputContainer input::placeholder {
    font-weight: 600 !important;
    color: #666 !important;
    font-size: 16px !important;
}

label {
    color: #666;
    font-size: 16px;
}

@media (max-width: 767px) {

    .m-portlet__body.mobileAppend.append_div {
        padding: 0;
    }

    .mobileAppend .col-lg-12 {
        padding: 0;
    }

    .mobileAppend .iconContent {
        padding: 0;
    }

    .mobileAppend .iconContent div.col-sm-2, .mobileAppend .iconContent div.col-sm-3 {
        width: 33.33%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .iconContent .height-change {
        height: auto;
    }

    .mobileAppend .height-change {
        height: auto;
    }

    .mobileAppend .height-change .col-sm-2, .mobileAppend .height-change .col-sm-3 {
        width: 33.33%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .forMobileDiv {
        padding: 20px 15px !important;
    }

}

@media (max-width: 480px) {

    /*.mobileAppend .iconContent div.col-sm-2, .mobileAppend .iconContent div.col-sm-3{*/
    /*width: 50%;*/
    /*}*/
    .mobileAppend .height-change .col-sm-2, .mobileAppend .height-change .col-sm-3 {
        text-align: center;
    }

}

.reservation-title {
    font-weight: 500 !important;
    font-size: 1.5rem !important;
}

.reservation-header {
    padding: 15px 25px !important;
}

.close-reservation {
    padding: 1.9rem 1rem !important;
}

.payment_type {
    font-size: 22px;
    padding-top: 20px;
    margin: 0;
    padding-bottom: 20px;
    font-weight: 500;
}

@media (min-width: 1025px) {
    .modal-lg {
        max-width: 1000px !important;
    }
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.btn {
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-change {
    border: 1px solid #337ab7;
    color: #337ab7;

}

.button_group {
    width: 100% !important;
}

.buttonBg {
    display: inline-block !important;
    border-radius: 5px !important;
    background-color: #4a8bee !important;
    width: 49% !important;
    border: 1px solid #4a8bee !important;
    margin: 10px 2px !important;
    color: #fff !important;
}

.buttonoutline {
    display: inline-block !important;
    border-radius: 5px !important;
    color: #4a8bee !important;
    border: 1px solid #4a8bee !important;
    width: 49% !important;
    margin: 10px 2px !important;
    background-color: #fff !important;
}

.buttonoutline:hover {
    background-color: transparent !important;

}

@media (max-width: 991px) {

    .buttonBg {
        width: 45% !important;
    }

    .buttonoutline {
        width: 45% !important;
    }

}

.loading-content {
    left: 0;
    line-height: 200px;
    margin-top: -100px;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 100%;
    font-size: 25px;
    color: #3285e0;
    font-weight: 600;
    font-family: 'Proxima Nova Th' !important;
}

.left-text {
    text-align: left !important;
}

.help-text {
    font-size: 12px;
    margin: 0;
}

.full-reservations {
    color: lightgrey !important;
}

.la, .fa {
    text-rendering: optimizeLegibility !important;
}

.red-color {
    color: red;
}

/*.gm-style-iw + div {*/
/*display: none !important;*/
/*}*/

.col-padding {
    padding: 0 !important;
}

.danger-class {
    margin: 10px 30px;
}

.dialog-width {
    /*max-width: 100% !important;*/
    margin: 1.3rem !important;
}

.datatable-body {
    padding: 1rem 1rem;
}

.vehicle-style {

    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

.btn.btn-outline-primary {
    border: 1px solid #5867dd;
}

.col-lg-3 {
    padding-right: 0 !important;
}

.map-header {
    padding: 10px !important;
}

.map-close {
    padding: 1.6rem !important;
    margin: 0 !important;
}

.dot {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
}

.fc-widget-content .fc-scroller.fc-time-grid-container {
    height: auto !important;
}

div#myModal1 {
    margin: 0 auto;
    max-width: 1200px;
}

div#map {
    padding-bottom: 40% !important;
}

.remove-padding {
    padding: 0 !important;
    display: inline-block !important;
}

.fc-today {
    background: #fff !important;
}

.pignose-calendar .pignose-calendar-body {
    padding: 0 !important;
}

.pignose-calendar .pignose-calendar-unit {
    height: 2.8em !important;
}

.pignose-calendar .pignose-calendar-header {
    padding: 0 !important;
    margin-top: 0 !important;
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-month {
    margin-bottom: 0 !important;
    font-size: 100% !important;
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-date {
    padding: 10px !important;
}

.pignose-calendar .pignose-calendar-top {
    padding: 18px !important;
}

.pignose-calendar .pignose-calendar-header .pignose-calendar-week {
    height: 1.8em !important;
}

.pignose-calendar {
    margin: 0 !important;
    width: 100% !important;
}

.map-view {
    float: initial;
}

.cal-picker {
    max-width: 20% !important;
    padding: 0 !important;
    margin-top: 20px !important;
    text-align: center;
}

.pignose-calendar .pignose-calendar-header {
    font-weight: 400 !important;
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-prev {
    margin-left: 0 !important;
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav.pignose-calendar-top-next {
    margin-right: 0 !important;
}

.btn.btn-primary, .btn.btn-info {
    border-color: #602570 !important;
    background-color: #602570 !important;
}

.btn.btn-outline-primary {
    border-color: #602570 !important;
    color: #602570 !important;
}

.m-switch.m-switch--outline.m-switch--info input:checked ~ span:after {
    background-color: #602570 !important;
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
    background-color: #602570 !important;
    color: #fff !important;
}

.pignose-calendar .pignose-calendar-unit a {
    color: #602570 !important;
}

.pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sat, .pignose-calendar .pignose-calendar-header .pignose-calendar-week.pignose-calendar-week-sun {
    color: #575962 !important;
}

.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active {
    background: #602570 !important;
}

.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover {
    background: #602570 !important;
}

.btn.btn-outline-primary.active, .btn.btn-outline-primary.focus, .btn.btn-outline-primary:focus, .btn.btn-outline-primary:hover:not(:disabled) {
    background-color: #602570 !important;
}

.m-portlet.m-portlet--primary.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #602570 !important;
    border-color: #602570 !important;
}

.arrow-hover:hover {
    color: #a4a4a4 !important;
}

.m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link:hover span, .m-header-menu .m-menu__nav > .m-menu__item > .m-menu__link:hover i {
    color: #5f256f !important;
}

.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text, .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-text, .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text, .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-text {
    color: #5f256f !important;
}

.m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-icon, .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-icon, .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text, .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover > .m-menu__link .m-menu__link-text, .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-icon, .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover > .m-menu__link .m-menu__link-icon {
    color: #5f256f !important;
}

.m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:focus, .m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover, .m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size.show > .btn.dropdown-toggle {
    background-color: #5f256f !important;
    color: #fff !important;
}

.pignose-calendar-unit a:hover {
    background-color: #5f256f;
    color: #fff !important;
}

@media (max-width: 800px) {

    .cal-picker, .pignose-calendar {
        max-width: 100% !important;
    }

    .item-center {
        margin: 3px auto;
        text-align: center
    }

}

@media (min-width: 801px) {

    .item-center {
        display: flex;
        align-items: center;
    }

}

[aria-hidden="false"].tooltip {
    visibility: visible !important;
    opacity: 1 !important;

}

.fc-time-grid-event {
    border-width: 2px !important;
}

.fc-unthemed .fc-toolbar .fc-button {
    background: #5f256f !important;
}

.fc-unthemed .fc-toolbar .fc-button:hover {
    background-color: #5e256ee3 !important;
    border-color: #5e256ee3 !important;
}

.fc-button-group > .fc-button:focus, .fc-button-group > .fc-button:active, .fc-button-group > .fc-button.fc-button-active {
    background-color: #5e256ee3 !important;
    border-color: #5e256ee3 !important;
}

.event-tooltip {
    position: absolute;
    z-index: 5;
    background-color: rgb(95, 37, 111);
    color: rgb(255, 255, 255);
    padding: 10px;
    font-size: 11px;
    border-radius: 3px;
    max-width: 230px;
}

.m-form.m-form--group-seperator-dashed .m-form__group {
    border-bottom: none;
}

.calendarHeight { /*height:600px;*/
    overflow: scroll;
}

/*.tooltip .tooltip-inner{*/
/*background-color: #fff !important;*/
/*color: #000 !important;*/
/*}*/

.m-switch input:empty ~ span:after, .m-switch input:empty ~ span:before {
    width: 40px !important;
}

.m-switch input:empty ~ span:after, .m-switch input:empty ~ span:before {
    bottom: 6px !important;
}

.m-switch input:checked ~ span:after {
    margin-left: 18px !important;
}

.m-switch input:empty ~ span:after {
    height: 16px !important;
    width: 16px !important;
    line-height: 16px !important;
    top: 4px !important;
    font-size: 0.7em !important;
}

.m-datatable__body tr {
    line-height: 1.2 !important;
}

.service-edit-block .service-edit {
    cursor: pointer !important;
}

.service-edit-block .service-edit i {
    color: #5f256f !important;
}

.change-service i {
    color: #5f256f !important;
}

.alert.m-alert--outline.alert-brand {
    border-color: #5f256f !important;
    color: #5f256f !important;
    width: 85%;
    margin: 0 auto;
}

.alert.m-alert--outline.alert-brand.m-alert--icon-solid .m-alert__icon {
    background: #5f256f !important;
}

.alert.m-alert--outline.alert-brand.m-alert--icon-solid .m-alert__icon span {
    border-left-color: #5f256f !important;
}

.dropzone .dz-preview .dz-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.container-image {
    position: relative;
    width: 200px;
    display: inline-block;
    margin: 3px;
    padding: 5px;
    cursor: pointer;
    border: 1px solid #b3a9a9;
}

.container-image img {
    max-width: 100px;
    max-height: 100px;
    display: block; /* remove extra space below image */

}

.container-image:hover img {
    opacity: 0.5;
}

.images {
    float: left;
    border: 1px solid lightgrey;
    padding: 10px;
    margin: 2px;
    height: 220px;
    width: 220px;
    overflow: hidden;
    /*margin: 5px auto;*/
}

video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
    border: 1px solid lightgrey;
    object-position: center;
}

.clearfix {
    clear: both;
}

.dz-details .dz-filename {
    display: none;
}

.booking-info span {
    font-size: 13px;
}

.dz-remove {
    visibility: hidden;
}

.dz-remove::after {
    content: '';
    display: block;
}

a.dz-remove {
    visibility: hidden;
}

a.dz-remove::after {
    content: '✖';
    display: block;
    color: white;
    font-size: 16px;
    visibility: visible;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    background: red;
    line-height: 26px;
    border-radius: 50%;
}

a.dz-remove:hover {
    opacity: .8;
    text-decoration: none !important;
}

.modal-body img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.form-group.no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.booking-info b {
    font-weight: 600;
}

.booking-main-block .booking-header {
    background-color: #5F256D;
    padding: 0 0.5rem 0 2rem !important;
}

.booking-main-block .modal-btn-group {
   text-align: center;
    margin-top: 10px;
}

.booking-main-block .m-portlet__head-title h3 {
    color: #fff !important;
    font-size: 1.2rem !important;
}

.booking-main-block .col-lg-3 {
    padding-right: 15px !important
}

.booking-main-block .m-portlet {
    border: 1px solid #5f256f;
}

.booking-main-block ul.m-portlet__nav {
    width: 100%;
}

.booking-main-block .booking-info {
    padding: 10px !important;
}

.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon, .m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text {
    color: #5f256f !important;
}

@media (min-width: 1024px) {
    .booking-main-block .booking-info {
        max-height: 190px;
        height: 190px;
        overflow-y: auto;
    }
}

.booking-main-block .m-portlet .m-portlet__head .m-portlet__head-tools .m-portlet__nav .m-portlet__nav-item {
    text-align: right !important;
}

@media (max-width: 767px) {
    .upload-history-btn {
        float: none !important;
        margin-bottom: 10px;
    }
    .images {
        float: none;
        margin: 3px auto;
    }
}

/* New Changes */
@media ( max-width: 991px ) {
    div#map {
        padding-bottom: 100% !important;
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .booking-form .m-portlet .m-portlet__head {
        padding: 15px 10px;
    }

    .booking-form .m-portlet .m-portlet__head .m-portlet__head-tools, .booking-form .m-portlet .m-portlet__head .m-portlet__head-caption {
        display: table-row;
        text-align: center !important;
    }

    .booking-form .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title {
        width: 100%;
        padding-bottom: 10px;
    }

    .booking-form .input-group-text {
        white-space: inherit
    }

    .booking-form .m-form.m-form--fit .m-form__content, .m-form.m-form--fit .m-form__group, .booking-form .m-form.m-form--fit .m-form__heading {
        padding-right: 0;
        padding-left: 0;
    }

    .booking-form .m-portlet .m-portlet__body {
        padding: 15px !important;
    }

    .booking-form .m-form .add-on-wrap .m-form__group {
        flex-wrap: nowrap;
    }

}

.modal-btn-group .btn-order {
    margin-right: 5px;
    background-color: #5f256f;
    color: #fff;
}

#orderStatusModel label.m-radio, #paymentMethodModel label.m-radio{
    font-size: 13px;
    font-weight: 400;
}

#orderStatusModel hr, #paymentMethodModel hr{
    margin-top: 0;
}

#orderStatusModel .m-demo__preview, #paymentMethodModel .m-demo__preview{
    padding: 10px;
}

#orderStatusModel .m-demo, #paymentMethodModel .m-demo{
    margin-bottom: 0;
}

.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--current .m-wizard__step-number>span,
.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__progress .progress .progress-bar,
.m-wizard.m-wizard--2.m-wizard--success .m-wizard__head .m-wizard__steps .m-wizard__step.m-wizard__step--done .m-wizard__step-number>span{
    background-color: #5f256f !important;
}

.booking-form .m-form .m-form__group.row{
padding: 8px 0;
}

.fc-event-container .fc-time, .fc-event-container .fc-title{
    color: #fff !important;
}
/*@media ( max-width: 460px ){*/
/*.btn { padding: 0.45rem .5rem; font-size: .8rem; }*/
/*}*/

.switch {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 25px;
    border-radius: 20px;
    background: #dfd9ea;
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    vertical-align: middle;
    cursor: pointer;
}
.switch::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 2px;
    width: 22px;
    height: 22px;
    background: #fafafa;
    border-radius: 50%;
    transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.switch:active::before {
    box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(128,128,128,0.1);
}
input:checked + .switch {
    background: #602570;
}
input:checked + .switch::before {
    left: 27px;
    background: #fff;
}
input:checked + .switch:active::before {
    box-shadow: 0 2px 8px rgba(0,0,0,0.28), 0 0 0 20px rgba(0,150,136,0.2);
}

.note-toolbar {
    position: static !important;
}