.path-cancel-event .navbar .navbar-header .region-navigation a.logo img,
.path-cancel-event-confirm .navbar .navbar-header .region-navigation a.logo img {
    margin-top: 4px;
    height: auto !important;
}

body.user-logged-in.path-cancel-event #navbar .navbar-header,
body.user-logged-in.path-cancel-event-confirm #navbar .navbar-header {
    float: left !important;
}

.path-cancel-event .navbar .row > .col-xs-12 {
  display: flex;
  justify-content: space-between;
}

.path-cancel-event .main-container {
    padding-top: 0 !important;
}

 
body.user-logged-in.path-cancel-event #navbar .navbar-header a.logo,
body.user-logged-in.path-cancel-event-confirm #navbar .navbar-header a.logo {
    width: auto !important;
    max-width: unset;
    float: left !important;
    margin: 0;
}

.top-section #navbar .col-xs-12 #right_header #block-customlanguageswitcher {
    padding: 0 !important;
}

.path-cancel-event .region.region-navigation,
.path-cancel-event-confirm .region.region-navigation {
    justify-content: space-between;
}

.wrapper #navbar {
    position: relative !important;
    padding-top: 18px;
    padding-bottom: 18px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent !important;
}

.region-content .page-header {
    margin: 40px 0 0px;
}

.top-section {
    z-index: 999;
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.dry-appintment .tabs-left {
    border-bottom: none;
}

.dry-appintment .tabs-left>li {
    float: none;
    margin: 0px;
    border-bottom: solid 1px #dadada;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dry-appintment .tabs-left>li:last-child {
    border-bottom: none;
}

.dry-appintment .tabs-left>li.active>a,
.dry-appintment .tabs-left>li.active>a:hover,
.dry-appintment .tabs-left>li.active>a:focus {
    /* border-bottom-color: #ddd;
	border-right-color: transparent; */
    border: 0;
    border-radius: 0px;
    font-size: 32px;
    font-weight: 100;
    color: #333;
}

#user_details_confirm {
    margin-bottom: 50px;
}

#store_location_content,
#store_service_content,
#datetime-selected-info,
#beauty_advisor_info,
#user-details-uids {
    position: relative;
    margin-bottom: 29px;
}

#store_location_content span,
#store_service_content span,
#datetime-selected-info span,
#beauty_advisor_info span,
#user-details-uids span {
    position: absolute;
    top: -20px;
    left: 18px;
    font-size: 16px;
    color: #555555;
    margin-top: 5px;
}

@media (max-width: 767px) {


    #store_location_content span,
    #store_service_content span,
    #datetime-selected-info span,
    #beauty_advisor_info span,
    #user-details-uids span {
        left: 0;
        margin-left: 3px;
        max-width: 73%;
        font-size: 13px;
        display: inline-block;
        height: 38px;
        overflow: hidden;
    }
}

.select-date-time-wrapper {
    padding-bottom: 10px;
}

.dry-appintment .arrowhideicon {
    display: none;
}

.dry-appintment .nav-tabs {
    counter-reset: my-sec-counter;
    /* height: 100vh; */
}

.appointment-book h1, .path-appointment-detail .page-header{
    display: none;
}

.appointment-heading {
    background-color: #242424;
}

.appointment-heading h1 {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    padding-top: 18px;
    padding-bottom: 18px;
}

.dry-appintment .left-vtabs {
    padding-top: 12px;
    padding-right: 48px;
    position: relative;
}

.dry-appintment {
    color: #333;
}

.dry-appintment .right-vtabs {
    padding-left: 48px;
    padding-top: 48px;
    border-left: solid 1px #e5e5e5;
    min-height: calc(100vh - 136px);
    position: relative;
}

.global-confirm-btn {
    display: none;
    background-color: #79b928;
    width: 240px;
    text-align: center;
    padding: 14.8px;
    float: right;
    border: none;
    font-size: 18px;
    color: #fff;
}

.dry-appintment .right-vtabs .imgarea {
    display: none;
}

.dry-appintment .panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: transparent;
}

.dry-appintment p {
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    margin: 0;
    padding: 0;
    margin-bottom: 19px;
}

.right-tab-section {
    /* background-image: url(../images/rightsideimg2.png); */
    background-repeat: no-repeat;
    background-size: 50% auto;
    background-position: right 85px;
}

body.path-services.right-tab-section {
    background: #fff;
}

.dry-appintment ul.nav.nav-tabs.tabs-left li a.active {
    color: #333;
    padding: 17px 15px;
    font-size: 32px;
}

.dry-appintment ul.nav.nav-tabs.tabs-left li a .nav-txt-item {
    font-size: 28px;
}

.dry-appintment .nav-tabs>li {
    position: relative;
    padding-left: 50px;
}

.workshop-search-filters {
    top: 130px;
    z-index: 99;
}

.just-confirm-wrapper h1 span img {
    width: 40px;
    margin-right: 12px;
}

.just-confirm-wrapper h1 {
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #dcdcdc;
    margin-bottom: 47px;
    padding-bottom: 47px;
    text-align: center;
    justify-self: center;
}

.cancel-appointment p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    line-height: 28px;
}

.cancel-appointment p ~ p {
    padding-top: 30px;
}
.confirmation p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    line-height: 28px;
    text-align: center;
}

.confirmation .email-confirmed {
    margin: 0;
    padding: 0;
    padding-top: 8px;
    padding-bottom: 32px;
}

.add-to-calender a {
    display: flex;
    width: 100%;
}

.add-to-calender {
    display: flex;
    justify-content: center;
}

.inline {
    display: inline-block;
    width: 100%;
}

.add-to-calender {
  display: flex;
  gap: 19px;
  margin-top: 32px;
}

.add-to-calender a {
}

.google-icon img,
.apple-icon img {
    width: 25px;
    margin: 7px;
}

.appointment-text {
    font-size: 14px;
    color: #333333;
    padding-left: 10px;
}

.appointment-link a {
    font-size: 16px;
    text-align: center;
}

.add-to-calender {
    display: flex;
    justify-content: center;
}
.just-confirm-wrapper .rectangle {
    width: 100%;
    height: auto;
    border: solid 1px #dcdcdc;
    display: flex;
    align-items: center;
}

.just-confirm-wrapper h1 span {
    font-size: 32px;
}

.divider {
    margin: 40px auto;
    width: 547px;
    border: solid 1px #dcdcdc;
}

.appointment-link a {
    color: black;
    font-size: 16px;
}

.appointment-link {
    margin-top: 15px;
    text-align: center;
}

.just-confirm-wrapper {
    width: 650px;
    margin: 0 auto;
    margin-top: 34px;
}


.just-confirm-wrapper.confirmation {
    max-width: 450px;
}
.cancel-confirmation p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    line-height: 28px;
}

.dry-appintment ul.nav.nav-tabs.tabs-left li a .numbericon {
    position: absolute;
    left: -50px;
    width: 40px;
    top: 19px;
}

.dry-appintment ul.nav.nav-tabs.tabs-left li .arrowicon {
    position: absolute;
    top: 28px;
    right: 0;
    width: 25px;
}

.dry-appintment .nav-tabs>li.active::after {
    border: solid 1px #000;
}

.dry-appintment .nav-tabs>li>a {
    padding: 0px;
    font-size: 32px;
    font-weight: 100;
    color: #949494;
    text-transform: none !important;
}

.dry-appintment .nav-tabs>li>a:hover {
    line-height: 1.42857143;
    border: 1px solid transparent;
}

.calender_heading {
    padding-top: 48px;
    margin-left: 10px;
}

.calender_heading h2 {
    font-size: 24px;
    text-align: left;
    color: #333333;
    font-weight: normal;
    margin: 0;
    padding: 0;
    padding-bottom: 8px;
}

.confirm-date-time-selection button {
    margin-bottom: 48px;
}

.calender_heading p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    padding-top: 8px;
    line-height: 24px;
    color: #555555;
}

.select-date-time-wrapper p {
    margin-left: 9px;
}

.help-block {
    display: block;
}

.dry-appintment .nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.header-section {
    background-color: #333;
    color: #fff;
}

.header-section .dryappintnav {
    height: 64px;
    padding-top: 22px;
}

.header-section .dryappintnav .confirm {
    width: 240px;
    float: right;
}

.header-section .dryappintnav .confirm a {
    background-color: #ebebeb;
    margin-top: -22px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    font-size: 20px;
    letter-spacing: 2px;
    text-decoration: none;
}

.right-vtabs .panel-title label {
    display: block;
    cursor: pointer;
    font-weight: normal;
    color: #333333;
    padding: 5px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0px;
}

.confirmation .appointment-link {
    margin-top: 24px;
    text-align: center;
    margin-bottom: 24px;
}

.cancel-appointment .confiramtion-paragraph {
    text-align: center;
    display: flex;
    justify-content: center;
}
.cancel-appointment .confiramtion-paragraph .add-to-calender{
    display: flex;
    flex-direction: column;
}

.cancel-confirmation .appointment_cnf {
    display: flex;
    padding-bottom: 16px;
    margin-bottom: 30px;
    align-items: center;
    justify-content: center;
}

.cancel-confirmation p{
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    padding-bottom: 30px;
    line-height: normal;
}

.cancel-confirmation .edit-cancel-btn{
    width: 100%;
    background: #C4398D;
    color: #fff;
    border-radius: 6px;
    text-transform: capitalize;
    margin-top: 60px;
}
.cancel-confirmation .edit-cancel-btn:hover{
    text-decoration: none;
}
.just-confirm-wrapper.cancel-confirmation h1 span{
    font-size: 24px;
    color: #333333;
}

.just-confirm-wrapper.cancel-confirmation h1 span.confirmation-icon{
    width: 32px;
    height: 32px;
    border: 2px solid #B92828;
    border-radius: 100px;
    margin-right: 12px;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
html[lang="ar"] .just-confirm-wrapper.cancel-confirmation h1 span.confirmation-icon{
    margin-left: 12px;
    margin-right: 0;
}

.just-confirm-wrapper.cancel-confirmation h1 span img{
    width: auto;
    margin-right: 0;
}

.right-vtabs .panel-title label input {
    opacity: 0;
}

.right-vtabs .radiobtn {
    position: absolute;
    background: white;
    width: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    border-radius: 50%;
    border: solid 1px #919191;
    padding: 13px;
    margin-left: 10px;
}

.right-vtabs .left-beau-in .radiobtn {
    margin-left: 0;
    bottom: auto;
    left: -10px;
}

.right-vtabs .panel.panel-default.active {
    border: solid 2px #333;
}

.right-vtabs .panel.panel-default.active .header-section .dryappintnav .confirm {
    background-color: red;
}

.right-vtabs .panel.active .radiobtn {
    border: solid 2px #333;
}

.right-vtabs .panel.active .radiobtn::after {
    opacity: 1;
}

.right-vtabs .radiobtn::after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #333;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    border-radius: 50%;
}

.right-vtabs .panel-title label input[type='radio']:checked~.radiobtn::after {
    opacity: 1;
}

.right-vtabs .panel-default>.panel-heading {
    color: #333;
    border: solid 1px #fbfbfb;
    background-color: #fbfbfb;
}

.right-vtabs .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #fbfbfb;
    background-color: #fbfbfb;
}

.right-vtabs .appointment_description {
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    padding-top: 12px;
}

h1.appointment_cnf {
    display: block;
}

.confirmation .confiramtion-paragraph {
    margin: auto;
    justify-content: center;
}

body .edit-cancel-btn,
body .edit-btn {
    width: 327px;
    height: 56px;
    background-color: #ebebeb;
    margin-top: 31px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.edit-btn {
    margin-top: 18px;
}

.confirmation-edit-or-cancel {
    margin: 32px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #E02020;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.50);
    color: #fff;
    padding: 17px 28px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.right-vtabs .panel-heading {
    padding: 0;
}

.right-vtabs .panel-heading label {
    padding: 18px 18px;
    width: 100%;
    margin: 0;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}

.right-vtabs .panel.panel-default {
    margin-bottom: 8px;
}

.right-vtabs .panel-heading {
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.right-vtabs .panel-group .panel {
    border-radius: 0px;
}

.right-vtabs .storelocation {
    font-size: 14px;
    color: #333;
}

.right-vtabs .storelocation span {
    display: block;
}

.right-vtabs .googlemap {
    margin-top: 16px;
}

.right-vtabs .confirmbtn,
.right-vtabs .beauty_advisor_confirmbtn {
    margin-top: 16px;
    width: 100%;
}

.right-vtabs .panel-collapse {
    margin-top: 0;
    overflow: hidden;
}

.appointment_submit {
    display: none;
}

.appointment_submit button {
    width: 100%;
    padding: 19.5px;
    font-size: 18px;
    background: #79b928;
    border: none;
    margin-top: 30px;
    margin-bottom: 30px;
}

.panel-title input {
    display: none;
}

.panel-title span {
    position: relative;
    right: -32px;
    display: block;
    width: calc(100% - 40px);
}

.right-vtabs .confirmbtn a,
.right-vtabs .beauty_advisor_confirmbtn a {
    background-color: #79b928;
    margin-top: 16px;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    width: 100%;
    display: block;
    padding: 19.5px;
    text-align: center;
}

.right-vtabs .confirmbtn a:hover,
.right-vtabs .beauty_advisor_confirmbtn a:hover {
    text-decoration: none;
}

.dryappintnav .bookd a {
    color: #fff;
    text-decoration: none;
}

.dryappintnav .bookm a {
    display: none;
}


/* date and time */

.right-vtabs .form_heading {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 8px;
    color: #555555;
}

.right-vtabs .form_description {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 24px;
    color: #555555;
}

.right-vtabs .form-item label {
    font-size: 14px;
    font-weight: normal;
    color: #000;
}

.right-vtabs .form-item:not(.checkbox) label,
#questionnaire-element-wrapper legend span {
    font-family: "FuturaBTforDyson-Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.right-vtabs .form-item label .privacy_policy_link {
    color: #333333;
    font-weight: normal;
}

.right-vtabs .form-item input,
.right-vtabs .form-item select {
    border: solid 1px #919191;
    background-color: #ffffff;
    height: 56px;
    border-radius: 0;
    font-size: 16px;
}

.right-vtabs .form-type-checkbox input[type="checkbox"] {
    position: absolute;
    top: -17px;
    margin-top: 0;
    /* opacity: 0; */
}

.right-vtabs .user-form-checked .form-type-checkbox input[type="checkbox"]{
    top: -19px;
}

/* .right-vtabs .user-form-checked label::before {
    width: 28px;
    height: 28px;
    display: inline-block;
    content: "";
    background: url(../images/unchecked.png) no-repeat;
    opacity: 1;
    background-size: 28px;
    position: absolute;
    left: 0;
    top: 0;
} */

.right-vtabs .user-form-checked label.active::before {
    background: url(../images/checked.png) no-repeat;
    background-size: 28px;
}

.privacy_policy_link {
    color: black;
}

.right-vtabs .user-form-checked label {
    font-size: 16px;
    padding-left: 23px;
    position: relative;
    padding-top: 5px;
}

.right-vtabs input::placeholder {
    font-size: 16px;
}

#questionnaire-element-wrapper .fieldgroup {
    margin-bottom: 10px;
}

#questionnaire-element-wrapper legend {
    line-height: 1.7;
    font-size: 14px;
    font-weight: normal;
    /* padding-bottom: 8px; */
    color: #333333;
    padding-bottom: 0;
    margin-bottom: 15px;
}

#questionnaire-element-wrapper .fieldgroup .form-type-radio {
    margin: 0 !important;
}

#questionnaire-element-wrapper .fieldgroup .form-type-radio .control-label {
    padding-left: 0px !important;
    padding-bottom: 12px;
    min-height: auto !important;
    line-height: 1;
}

#questionnaire-element-wrapper .fieldgroup .form-type-radio .control-label::before {
    content: '';
    width: 15px;
    height: 15px;
    /* border: 1px solid #919191; */
    display: inline-block;
    border-radius: 100%;
    /* position: absolute; */
    left: 0;
    top: 1px;
    z-index: 9;
}

/* #questionnaire-element-wrapper .fieldgroup .form-type-radio .control-label input[type="radio"] {
    opacity: 0;
    display: none;
} */
.js-form-type-radio input[type="radio"] {
    height: 15px;
}
#questionnaire-element-wrapper .fieldgroup .form-type-radio .control-label.active::before {
    border: solid 1px #000;
}

#questionnaire-element-wrapper .fieldgroup .form-type-radio .control-label.active::after {
    content: '';
    width: 9px;
    height: 9px;
    background-color: #000;
    display: inline-block;
    border-radius: 100%;
    top: 4px;
    left: 3PX;
    position: absolute;
}

#questionnaire-element-wrapper .fieldgroup .form-type-checkbox .control-label {
    cursor: pointer;
    padding-left: 23px;
}

/* #questionnaire-element-wrapper .fieldgroup .form-type-checkbox .control-label::before {
    width: 16px;
    height: 16px;
    display: inline-block;
    content: "";
    background-image: url(../images/unchecked.png);
    background-repeat: no-repeat;
    opacity: 1;
    background-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
} */

#questionnaire-element-wrapper .fieldgroup .form-type-checkbox .control-label.active::before {
    background-image: url(../images/checked.png);
}

#edit-user-save {
    background-color: #ebebeb;
    margin-top: 16px;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    width: 100%;
    display: block;
    padding: 19.5px;
    text-align: center;
    border: none;
}

.mheading {
    display: none;
}

#store_location_content,
#datetime-selected-info,
#beauty_advisor_info,
#user-details-uids {
    display: none;
}

#edit-user-save {
    background-color: #ebebeb;
    margin-top: 16px;
    font-size: 18px;
    font-weight: normal;
    color: #333333;
    width: 100%;
    padding: 19.5px;
    text-align: center;
    border: none;
    display: none;
}

.right-vtabs .select-wrapper::after {
    position: absolute !important;
    right: 15px !important;
}

.right-vtabs .select-wrapper::before {
    width: 54px;
    height: 54px;
    position: absolute !important;
    top: 14px !important;
}

.right-vtabs .panel-default {
    border-color: #919191;
}

.right-vtabs .panel {
    border: 1px solid #e6e6e6;
}

div.appointment-disabled a {
    pointer-events: none;
}

#block-appointmentmenu-2 ul li {
    display: none;
}

#block-appointmentmenu ul li a {
    font-size: 16px;
    font-weight: normal;
}

#block-appointmentmenu ul li a:hover {
    color: #fff;
}

.calendar-appointsection {
    margin: auto;
}

.clnraptsec {
    margin: 0 auto;
    max-width: 768px;
    padding-top: 47px;
    float: none;
}

.clnraptsec .hasDatepicker .ui-state-default,
.clnraptsec .hasDatepicker .ui-datepicker td.ui-state-disabled .ui-state-default {
    width: 90px;
}

.clnraptsec .mycal ul {
    max-width: 100%;
    width: 100%;
}

.clnraptsec .hasDatepicker .ui-datepicker .ui-datepicker-header {
    height: 48px;
}

.clnraptsec .ui-datepicker .ui-datepicker-prev,
.clnraptsec .ui-datepicker .ui-datepicker-next {
    top: 5px;
}

.clnraptsec .calender_heading p {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

form#wedding-appointment-weddingappointmenteditform {
    display: flex;
    justify-content: center;
}

.appointment-book .messages__wrapper {
    position: relative;
    top: 135px;
    display: flex;
    justify-content: center;
}
.path-frontpage .appointment-book .alert-success{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.appointment-book .messages__wrapper .alert-danger {
    z-index: 999;
    position: relative;
    width: 100%;
}

.appointment-book .messages__wrapper button.close {
    color: #000;
    opacity: 0.9;
}

.clnraptsec .calender_heading {
    padding-top: 40px;
    width: 100%;
}

.clnraptsec .calender_heading h2 {
    font-size: 22px;
    text-align: left;
}

.error-msg,
.valid_error-msg {
    color: red;
    display: none;
}

.app-pr-policy,
.app-msg-b {
    font-family: "FuturaBTforDyson-Md", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.qr-wrapper{
    border-radius: 8px;
    background: #e9e8e8;
    max-width: 450px;
    margin: 0 auto;
    margin-top: 30px;
}
.qr-wrapper .qr-heading{
    background: #000;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding: 7px 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-transform: capitalize;
}
.main-qr-section{
    /* display: flex; */
    align-items: center;
    padding: 8px;
}
.main-qr-section .qr-img{
    width: 45%;
    margin: auto;
}
.main-qr-section .qr-msg{
    width: 75%;
    padding: 16px;
    margin: auto;
    text-align: center;
}
.main-qr-section .qr-msg p{
    font-size: 14px;
    color: #333333;
    line-height: 18px;
}
/* banner covid 19 text css start */

.banner-heading {
    position: relative;
    background-color: #ffc000;
    margin: 0 -500px;
    display: none;
    top: 5px;
    z-index: 9999;
}

.banner-heading .banner-text {
    padding: 18px 149px;
    background-color: #ffc000;
    letter-spacing: 0.49px;
    font-size: 15px;
    color: #000;
    max-width: 1140px;
    margin: auto;
    position: relative;
    text-align: center;
}

.banner-text span {
    font-family: 'FuturaBTforDyson-Md', sans-serif;
}

.banner-text .cross-button {
    position: absolute;
    top: 18px;
    right: 45px;
    cursor: pointer;
}

.cross-button::before {
    content: '';
    background: url(../images/cross.svg);
    background-size: cover;
    width: 24px;
    height: 24px;
    display: block;
    cursor: pointer;
}

#store-service-wrapper legend {
    color: #282828;
    line-height: 1.08;
    letter-spacing: 0.79px;
    font-size: 24px;
    font-family: 'Styrene A', sans-serif;
    border-bottom: 0;
    text-align: center;
}

#store-service-wrapper .control-label {
    padding-left: 36px;
    color: #8b8b8b;
}

#store-service-wrapper div.js-form-item {
    margin-bottom: 28px;
}

#store-service-wrapper [type="radio"]:checked,
#store-service-wrapper [type="radio"]:not(:checked) {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-left: -45px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    opacity: 0;
}


/* #store-service-wrapper [type="radio"]:checked:before,
#store-service-wrapper [type="radio"]:not(:checked):before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 19px;
    height: 19px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
    outline: none;
} */


/* #store-service-wrapper [type="radio"]:checked:after,
#store-service-wrapper [type="radio"]:not(:checked):after {
    content: '';
    width: 9px;
    height: 9px;
    background: #000;
    position: absolute;
    top: 7px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: 0;
    transition: 0;
    outline: none;
} */

.right-vtabs .service-info-w .service-category .p-service-info {
    margin-bottom: 15px;
}

.right-vtabs .service-info-w .service-category .p-service-info a {
    font-size: 20px;
    font-weight: 600;
}

.right-vtabs .service-info-w .service-category .panel-body {
    padding: 15px 0;
}

.right-vtabs #store-service-wrapper .radiobtn {
    margin-left: 25px;
    bottom: unset;
    top: 28px;
    border-color: #ccc;
}

.right-vtabs #store-service-wrapper .service-details {
    display: inline-block;
    width: 100%;
    position: relative;
}

.right-vtabs #store-service-wrapper .service-details .service-image {
    width: 160px;
    height: 160px;
    min-width: 160px;
    float: left;
    margin-right: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 15px;
}

.right-vtabs #store-service-wrapper .service-details .service-info .service-name {
    color: #333333;
    font-size: 20px;
    line-height: 1;
    font-family: 'FuturaBTforDyson-Md', sans-serif;
    margin-bottom: 18px;
}

.right-vtabs #store-service-wrapper .service-details .service-info .service-source {
    display: flex;
    position: relative;
    margin-bottom: 18px;
    align-items: center;
    font-family: 'FuturaBTforDyson-BK', sans-serif;
}

.right-vtabs #store-service-wrapper .service-details .service-info .service-source::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTExLjk5OSA1MTEuOTk5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTEuOTk5IDUxMS45OTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNNDA5LjEyNCw2My40MjZDMzY4LjIyNCwyMi41MjUsMzEzLjg0MywwLDI1Ni4wMDEsMFMxNDMuNzc3LDIyLjUyNSwxMDIuODc3LDYzLjQyNg0KCQkJYy00MC45MDEsNDAuOTAyLTYzLjQyNiw5NS4yODItNjMuNDI2LDE1My4xMjNjMCwxMTcuMDEyLDExMC42MzgsMjE0LjMzNywxNzAuMDc3LDI2Ni42MjNjOC4yNiw3LjI2NiwxNS4zOTMsMTMuNTQxLDIxLjA3NiwxOC44NDkNCgkJCWM3LjEyLDYuNjUxLDE2LjI1OSw5Ljk3NywyNS4zOTYsOS45NzdjOS4xMzksMCwxOC4yNzYtMy4zMjYsMjUuMzk3LTkuOTc3YzUuNjgzLTUuMzA5LDEyLjgxNi0xMS41ODMsMjEuMDc2LTE4Ljg0OQ0KCQkJYzU5LjQzOS01Mi4yODcsMTcwLjA3Ny0xNDkuNjExLDE3MC4wNzctMjY2LjYyM0M0NzIuNTQ5LDE1OC43MDgsNDUwLjAyNSwxMDQuMzI4LDQwOS4xMjQsNjMuNDI2eiBNMjgyLjY2Myw0NjAuNjU0DQoJCQljLTguNDQxLDcuNDI1LTE1LjczLDEzLjgzOC0yMS43NCwxOS40NTFjLTIuNzYxLDIuNTc3LTcuMDg1LDIuNTc4LTkuODQ3LDBjLTYuMDA5LTUuNjE1LTEzLjI5OS0xMi4wMjctMjEuNzQtMTkuNDUyDQoJCQljLTU1Ljg4LTQ5LjE1NS0xNTkuODk1LTE0MC42NTQtMTU5Ljg5NS0yNDQuMTAzYzAtMTAyLjg2OCw4My42ODktMTg2LjU1NywxODYuNTU4LTE4Ni41NTcNCgkJCWMxMDIuODY4LDAsMTg2LjU1Nyw4My42ODksMTg2LjU1NywxODYuNTU3QzQ0Mi41NTcsMzE5Ljk5OSwzMzguNTQzLDQxMS40OTgsMjgyLjY2Myw0NjAuNjU0eiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMjU2LjAwMSwxMTIuOTM4Yy01Mi42MjEsMC05NS40MzEsNDIuODA5LTk1LjQzMSw5NS40M3M0Mi44MSw5NS40Myw5NS40MzEsOTUuNDNzOTUuNDMtNDIuODA5LDk1LjQzLTk1LjQzDQoJCQlTMzA4LjYyMiwxMTIuOTM4LDI1Ni4wMDEsMTEyLjkzOHogTTI1Ni4wMDEsMjczLjgwNWMtMzYuMDgzLDAtNjUuNDM5LTI5LjM1Ni02NS40MzktNjUuNDM4czI5LjM1Ni02NS40MzgsNjUuNDM5LTY1LjQzOA0KCQkJczY1LjQzOCwyOS4zNTYsNjUuNDM4LDY1LjQzOFMyOTIuMDg0LDI3My44MDUsMjU2LjAwMSwyNzMuODA1eiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
    width: 27px;
    height: 25px;
    display: inline-block;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.right-vtabs #store-service-wrapper .service-details .service-info .service-duration {
    display: flex;
    position: relative;
    align-items: center;
    font-family: 'FuturaBTforDyson-BK', sans-serif;
}

.right-vtabs #store-service-wrapper .service-details .service-info .service-duration::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM4NHB0IiB2aWV3Qm94PSIwIDAgMzg0IDM4NCIgd2lkdGg9IjM4NHB0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zNDMuNTkzNzUgMTAxLjAzOTA2MmMtNy45NTMxMjUgMy44NDc2NTctMTEuMjgxMjUgMTMuNDE3OTY5LTcuNDMzNTk0IDIxLjM2NzE4OCAxMC41MTE3MTkgMjEuNzE0ODQ0IDE1LjgzOTg0NCA0NS4xMjEwOTQgMTUuODM5ODQ0IDY5LjU5Mzc1IDAgODguMjIyNjU2LTcxLjc3NzM0NCAxNjAtMTYwIDE2MHMtMTYwLTcxLjc3NzM0NC0xNjAtMTYwIDcxLjc3NzM0NC0xNjAgMTYwLTE2MGMzNi41NTg1OTQgMCA3MC45MDIzNDQgMTEuOTM3NSA5OS4zMjgxMjUgMzQuNTE5NTMxIDYuODk0NTMxIDUuNTAzOTA3IDE2Ljk3NjU2MyA0LjM1MTU2MyAyMi40ODA0NjktMi41NjY0MDYgNS41MDM5MDYtNi45MTQwNjMgNC4zNTE1NjItMTYuOTg0Mzc1LTIuNTcwMzEzLTIyLjQ4MDQ2OS0zMy42NTIzNDMtMjYuNzQ2MDk0LTc2LTQxLjQ3MjY1Ni0xMTkuMjM4MjgxLTQxLjQ3MjY1Ni0xMDUuODYzMjgxIDAtMTkyIDg2LjEzNjcxOS0xOTIgMTkyczg2LjEzNjcxOSAxOTIgMTkyIDE5MiAxOTItODYuMTM2NzE5IDE5Mi0xOTJjMC0yOS4zMzU5MzgtNi40MDYyNS01Ny40NDkyMTktMTkuMDM5MDYyLTgzLjUyNzM0NC0zLjgzOTg0NC03Ljk2ODc1LTEzLjQ0MTQwNy0xMS4yODkwNjItMjEuMzY3MTg4LTcuNDMzNTk0em0wIDAiLz48cGF0aCBkPSJtMTkyIDY0Yy04LjgzMjAzMSAwLTE2IDcuMTY3OTY5LTE2IDE2djExMmMwIDguODMyMDMxIDcuMTY3OTY5IDE2IDE2IDE2aDgwYzguODMyMDMxIDAgMTYtNy4xNjc5NjkgMTYtMTZzLTcuMTY3OTY5LTE2LTE2LTE2aC02NHYtOTZjMC04LjgzMjAzMS03LjE2Nzk2OS0xNi0xNi0xNnptMCAwIi8+PC9zdmc+);
    width: 27px;
    height: 21px;
    display: inline-block;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.right-vtabs #store-service-wrapper .service-details .service-description {
    display: inline-block;
    width: 100%;
    margin-top: 0;
}

.right-vtabs #store-service-wrapper .service-details .service-price {
    padding: 14px 32px 17px 20px;
    background-color: rgba(203, 231, 253, 0.43);
    margin-top: 12px;
    font-family: 'FuturaBTforDyson-Md', sans-serif;
    font-size: 16px;
    display: table;
    width: 100%;
}

.right-vtabs #store-service-wrapper .service-details.no-image .service-info .service-name {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.right-vtabs #store-service-wrapper .service-details.no-image .service-info .service-source {
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
}

.right-vtabs #store-service-wrapper .service-details.no-image .service-info .service-duration {
    float: left;
    margin-top: 2px;
}

.right-vtabs #store-service-wrapper .service-details.no-image .service-info {
    margin-top: 5px;
}

.right-vtabs #store-service-wrapper label.active .radiobtn {
    border: solid 2px #333;
}

.right-vtabs #store-service-wrapper label.active .radiobtn::after {
    opacity: 1;
}

#store-service-wrapper [type="radio"]:not(:checked):after {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
    outline: none;
}

#store-service-wrapper [type="radio"]:checked:after {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    outline: none;
}

#store-service-wrapper div.js-form-item .control-label {
    background-color: #fbfbfb;
    padding: 28px;
    color: #242424;
    line-height: 1.44;
    letter-spacing: 0.52px;
    font-size: 16px;
    width: 100%;
    padding-left: 73px;
    position: relative;
}

#store-service-wrapper div.js-form-item label {
    border: 1px solid #919191;
}

#store-service-wrapper div.js-form-item label.active {
    border: solid 2px #333;
}

#store_location_content p {
    font-size: 16px;
    color: #555555;
    padding-top: 10px;
    padding-left: 18px;
    margin: 0;
}

#store-service-wrapper label p {
    font-size: 14px;
    color: #333333;
}

.dry-appintment .right-vtabs #user_details .panel-group .panel-heading,
.dry-appintment .right-vtabs #service_selection_tab .panel-group .panel-heading {
    position: relative;
}

.dry-appintment .right-vtabs #user_details .panel-group .panel-heading,
.dry-appintment .right-vtabs #service_selection_tab .panel-group .panel-heading {
    position: relative;
    background-color: #fbfbfb;
}

.dry-appintment .right-vtabs #service_selection_tab .panel-group .service-category a span {
    content: '';
    background-image: url('data:image/png;base64,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');
    width: 23px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

.dry-appintment .right-vtabs #user_details .panel-group .panel-heading a:after {
    content: '';
    background-image: url('data:image/png;base64,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');
    width: 23px;
    height: 23px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.dry-appintment .right-vtabs #user_details .panel-group .panel-heading a {
    display: inline-block;
    width: 100%;
    position: relative;
}

.dry-appintment .right-vtabs #user_details .panel-group .panel-heading a[aria-expanded="true"]::after {
    transform: translateY(-50%) rotate(270deg)
}

.dry-appintment .right-vtabs #service_selection_tab .panel-group .service-category a span:before {
    content: '' !important;
}

.dry-appintment .right-vtabs #user_details .panel-group .panel.active .panel-heading:after,
.dry-appintment .right-vtabs #service_selection_tab .panel-group .service-category .panel.active a span {
    transform: translateY(-50%) rotate(90deg);
}

.dry-appintment .right-vtabs .appt-serv-fees {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    border-radius: 8px;
    background: #F3D7E8;
    overflow: hidden;
}

.dry-appintment .right-vtabs .appt-serv-fees .last-min-cancel {
    display: flex;
    justify-content: space-between;
}

.dry-appintment .right-vtabs .appt-serv-fees .last-min-cancel-c {
    color: #C4398D;
}

.dry-appintment .right-vtabs #user_details .panel-group .panel {
    border: 1px solid #e9e9e9 !important;
}

.dry-appintment .right-vtabs .panel-collapse .control-label {
    line-height: 1.7;
}

.dry-appintment .right-vtabs .appt-serv-fees h4 {
    margin: 0;
    background: #000;
    padding: 16px 24px;
    color: #fff;
}

.dry-appintment .right-vtabs .panel-collapse .user-form-checked .control-label {
    line-height: normal;
    padding-top: 0;
}

.dry-appintment .right-vtabs .appt-serv-fees .serv-fee-list {
    margin: 0;
    padding: 16px 24px;
}

.dry-appintment .right-vtabs a {
    text-decoration: none;
}
#store-service-wrapper .hair-ext-flag>label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
#store-service-wrapper .hair-ext-flag {
    padding-top: 20px;
}

#store-service-wrapper div.js-form-item .hair-ext-flag>label {
    font-size: 18px;
    border: none;
}
#store-service-wrapper .hair-ext-flag>label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#store-service-wrapper .hair-ext-flag>label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    border: 2px solid black;
}

/* On mouse-over, add a grey background color */

#store-service-wrapper .hair-ext-flag>label:hover input~.checkmark {
    background-color: #fff;
}


/* When the checkbox is checked, add a blue background */

#store-service-wrapper .hair-ext-flag>label input:checked~.checkmark {
    background-color: #fff;
}


/* Create the checkmark/indicator (hidden when not checked) */

#store-service-wrapper .hair-ext-flag>label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

#store-service-wrapper .hair-ext-flag {
    padding-top: 20px;
}

#store-service-wrapper div.js-form-item .hair-ext-flag>label {
    font-size: 18px;
    border: none;
}

#store-service-wrapper .hair-ext-flag>label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Show the checkmark when checked */

#store-service-wrapper .hair-ext-flag>label input:checked~.checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */

#store-service-wrapper .hair-ext-flag>label .checkmark:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 16px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.dry-appintment .tab-content>.tab-pane {
    display: none !important;
}

.dry-appintment .tab-content>.active {
    display: block !important;
}
.dry-appintment .right-vtabs .panel-collapse .contact-checkboxes .user-form-checked .control-label{
    font-size: 18px;
    display: flex;
    align-items: center;
    padding-left: 0;
    display: inline-block;
}
.dry-appintment .right-vtabs .panel-collapse .contact-checkboxes .user-form-checked .control-label input[type="checkbox"]{
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    border: 1px solid #000;
    position: relative;
    top: 3px;
    margin-right: 10px;
    margin-left: 0;
}
.dry-appintment .right-vtabs .panel-collapse .contact-checkboxes .user-form-checked .control-label input[type="checkbox"]:before{
    content: '';
    position: absolute;
    right: 40%;
    top: 50%;
    width: 7px;
    height: 11px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 2;
}
.dry-appintment .right-vtabs .panel-collapse .contact-checkboxes .user-form-checked .control-label input[type="checkbox"]:checked:focus{
    background-color: #2861F9;
    border: 1px solid #2861F9!important;
    outline: none;
}


/* Cancel Appointment Screen CSS*/
.just-confirm-wrapper.cancel-confirmation{
    margin-bottom: 30px;
    width: 480px;
}
.payment-details{
    border-radius: 8px;
    margin-top: 32px;
    background: #f8d1e8;
}
.payment-heading{
    background: #000;
    padding: 12px 0;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.payment-heading h3{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin: 0;
}
.inner-payment-details{
    background: #F1F1F1;
    padding: 16px;
}
.inner-payment-details .single-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
}
.inner-payment-details .single-row:first-child{
    padding-top: 0;
}
.inner-payment-details .single-row label{
    font-size: 16px;
    color: #808080;
    margin-bottom: 0;
    line-height: 18px;
}
.inner-payment-details .single-row span{
    font-size: 16px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.85);
    text-align: right;
}
.cancellation-fee{
    background: #F3D7E8;
    padding: 16px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.cancellation-fee h3{
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: bold;
    margin: 0;
}
.cancellation-fee .single-row{
    padding-top: 16px;
}
.cancellation-fee .single-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payment-details .cancellation-fee .single-row{
    padding-top: 0;
}
.cancellation-fee .single-row label{
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin-bottom: 0;
}
.cancellation-fee .single-row span{
    font-size: 16px;
    line-height: 18px;
    color: #C4398D;
}
.go-website{
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.go-website a{
    font-size: 14px;
    line-height: 23px;
    color: #000;
    display: flex;
    align-items: center;
}
.go-website a img{
    margin-right: 10px;
}


/* Hide the browser's default checkbox */

#store-service-wrapper .hair-ext-flag>label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

#store-service-wrapper .hair-ext-flag>label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    border: 2px solid black;
}


/* On mouse-over, add a grey background color */

#store-service-wrapper .hair-ext-flag>label:hover input~.checkmark {
    background-color: #fff;
}


/* When the checkbox is checked, add a blue background */

#store-service-wrapper .hair-ext-flag>label input:checked~.checkmark {
    background-color: #fff;
}


/* Create the checkmark/indicator (hidden when not checked) */

#store-service-wrapper .hair-ext-flag>label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

#store-service-wrapper .hair-ext-flag>label input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

#store-service-wrapper .hair-ext-flag>label .checkmark:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 16px;
    border: solid #000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cancel-appointment .confiramtion-paragraph .add-to-calender .edit-btn,
.cancel-appointment .confiramtion-paragraph .add-to-calender .edit-cancel-btn{
    margin-top: 0;
}

/* banner covid 19 text css start */

@media (min-width:768px) and (max-width: 1170px) {
    .banner-heading {
        margin: 0;
        display: none;
        margin: 0 -100px;
    }
    .banner-heading .banner-text {
        max-width: 750px;
    }
}

@media (min-width:320px) and (max-width: 767px) {
    .dry-appintment .right-vtabs .panel-collapse .user-form-checked .control-label {
        padding-top: 0;
    }
    .right-vtabs #store-service-wrapper .service-details .service-info {
        display: inline-block;
        width: 100%;
    }
    .dry-appintment .right-vtabs .panel-collapse .user-form-checked .control-label {
        padding-top: 0;
    }
    .banner-heading {
        top: -8px;
        display: none;
        margin: 0;
    }
    .banner-heading .banner-text {
        padding: 26px 46px;
    }
    .banner-heading .cross-button {
        right: 20px;
        top: 26px;
    }
    .banner-heading .cross-button::before {
        width: 17px;
        height: 17px;
    }
    .path-appointment .messages__wrapper .alert-danger {
        width: 90%;
    }
    .clnraptsec .hasDatepicker .ui-state-default,
    .clnraptsec .hasDatepicker .ui-datepicker td.ui-state-disabled .ui-state-default {
        width: auto;
    }
    .clnraptsec .calender_heading p {
        width: 90%;
    }
    .clnraptsec .calender_heading {
        padding-top: 32px;
    }
    .clnraptsec #mymodule_calendar_div ul li {
        margin-bottom: 4px;
        width: 20.3%;
        margin-right: 2.6%;
        margin-left: 2%;
    }
    .clnraptsec .select-date-time-wrapper p {
        line-height: 28px;
    }
    .clnraptsec .ui-datepicker table {
        margin-left: 4px;
    }
    .clnraptsec .hasDatepicker .ui-datepicker .ui-datepicker-header {
        margin-right: 4px !important;
        margin-left: 5px !important;
    }
    .left-vtabs .appointment_submit {
        display: block !important;
        padding: 0 15px;
    }
    #store_location_content span,
    #datetime-selected-info span,
    #user-details-uids span {
        left: 0px;
    }
    .right-vtabs .appointment_submit button {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 40px;
        margin: 0 auto;
        width: 92%;
    }
    .right-vtabs .form_heading {
        font-size: 20px;
    }
    .right-vtabs .form_description {
        font-size: 14px;
    }
    .right-tab-section {
        background-image: none !important;
    }
    .dry-appintment .right-vtabs {
        padding-left: 24px;
        padding-right: 22px;
    }
    .right-vtabs .rightcontent .panel-body {
        padding: 0px;
    }
    .dry-appintment .right-vtabs .imgarea {
        display: block;
        margin-right: -25px;
        margin-left: -30px;
        margin-top: 0px;
    }
    .dry-appintment ul.nav.nav-tabs.tabs-left li .arrowicon {
        right: 20px;
        width: 21px;
        top: 25px;
    }
    html[lang="fr"] .dry-appintment ul.nav.nav-tabs.tabs-left li .arrowicon {
        right: 7px;
    }
    .dry-appintment ul.nav.nav-tabs.tabs-left li a .numbericon {
        width: 32px;
    }
    .global-confirm-btn {
        width: 130px;
        margin-right: -15px;
        font-size: 16px;
        padding: 17px;
    }
    .wrapper {
        padding-bottom: 0px !important;
    }
    .dry-appintment .nav-tabs>li>a {
        font-size: 24px;
    }
    .dry-appintment ul.nav.nav-tabs.tabs-left li a.active {
        font-size: 24px;
        padding: 17px 0px;
    }
    .dry-appintment .left-vtabs::after {
        display: none;
    }
    .dry-appintment .left-vtabs {
        border-right: none;
        margin: 0;
        padding: 0;
        padding-top: inherit;
        width: 100%;
    }
    .dry-appintment ul.nav.nav-tabs.tabs-left li {
        padding-left: 72px;
        padding-right: 0px;
    }
    .dry-appintment .nav-tabs {
        height: auto;
    }
    .header-section .dryappintnav {
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .hideleftpanel {
        display: none;
    }
    .header-section .dryappintnav .confirm {
        width: 130px;
        font-size: 17px;
        margin-top: -18px;
        height: 55px;
    }
    .dry-appintment p {
        font-size: 20px;
        line-height: 24px;
        margin-left: 0;
    }
    .right-vtabs .storelocation {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .right-vtabs .confirmbtn a {
        margin-top: 14px;
    }
    .dryappintnav .bookd {
        display: none;
    }
    .dryappintnav .bookm a {
        color: #fff;
        text-decoration: none;
        display: block;
    }
    .appointment-heading .dheading {
        display: block;
        font-size: 16px;
    }
    .mheading {
        display: none;
        padding-left: 9px !important;
    }
    .mycal ul {
        width: 100% !important;
        margin-left: 0px !important;
    }
    .dry-appintment ul.nav.nav-tabs.tabs-left li a {
        padding: 17px 0px;
        font-size: 24px;
    }
    .dry-appintment ul.nav.nav-tabs.tabs-left li a span.nav-txt-item {
        color: #323232;
        font-size: 18px;
        max-width: 56%;
        display: inline-block;
        line-height: normal;
    }
    .googlemap iframe {
        margin-top: 20px;
    }
    .calender_heading h2 {
        text-align: left !important;
        font-size: 20px !important;
        font-weight: normal;
        line-height: 28px;
    }
    .calender_heading p {
        padding-top: 0;
        font-size: 14px;
        font-weight: normal;
        color: #555555;
    }
    #mymodule_calendar_div ul li:nth-child(4n) {
        margin-right: 0;
    }
    #store_location_content span,
    #datetime-selected-info span,
    .user-details div {
        left: 0;
    }
    .dry-appintment .right-vtabs {
        padding-left: 24px;
        padding-top: 32px;
        padding-right: 22px;
        border-left: none;
        min-height: calc(100% - 0px);
    }
    .right-vtabs .confirmbtn a {
        margin-top: 14px;
        padding: 15.5px;
        margin-bottom: 14px;
    }
    #block-appointmentmenu ul li a {
        display: none;
    }
    #block-appointmentmenu-2 ul li {
        display: block;
    }
    .hasDatepicker .ui-datepicker .ui-datepicker-header {
        margin-right: 7px !important;
        margin-left: 0px !important;
    }
    .just-confirm-wrapper {
        width: 100%;
        margin: 0 auto;
        margin-top: 48px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .add-to-calender,
    .edit-cancel-btn,
    .edit-btn {
        width: 100%;
    }

    .just-confirm-wrapper h1 {
        display: flex;
        margin-bottom: 31px;
        padding-bottom: 31px;
    }
    .just-confirm-wrapper .rectangle {
        margin-right: 7px;
    }
    .just-confirm-wrapper h1 span {
        font-size: 24px;
        margin-right: 12px;
        line-height: 32px;
    }
    .cancel-confirmation p,
    .confirmation p {
        line-height: 24px;
        font-size: 16px;
    }
    #store_location_content p {
        padding-left: 0;
    }
    .main-qr-section .qr-msg p{
        text-align: center;
    }
    .just-confirm-wrapper.cancel-confirmation{
        width: 100%;
        padding: 0 16px;
        margin-top: 30px;
    }
    .cancel-confirmation p{
        padding-bottom: 20px;
    }
    .payment-details{
        margin-top: 10px;
    }
    .cancel-confirmation .edit-cancel-btn{
        margin-top: 30px;
    }
    .go-website{
        margin-top: 30px;
    }
    .top-section #navbar .col-xs-12{
        display: flex;
        align-items: center;
    }
    /* .top-section #navbar .col-xs-12 #right_header{
        display: none;
    } */
}

@media (min-width:768px) and (max-width: 991px) {
    .right-tab-section {
        background-image: none !important;
    }
    .clnraptsec {
        padding-left: 40px;
        padding-right: 40px;
    }
    .clnraptsec .hasDatepicker .ui-state-default,
    .clnraptsec .hasDatepicker .ui-datepicker td.ui-state-disabled .ui-state-default {
        width: auto;
    }
    .clnraptsec .mycal ul {
        max-width: 100%;
    }
    .clnraptsec #mymodule_calendar_div {
        padding-left: 0px;
    }
    .left-vtabs .appointment_submit {
        display: none !important;
    }
    /*.right-vtabs .appointment_submit {
		display: block !important;
	}*/
    #store_location_content span,
    #datetime-selected-info span,
    #user-details-uids span {
        left: 0px;
    }
    .right-vtabs .appointment_submit button {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 40px;
        margin: 0 auto;
        width: 92%;
    }
    .right-tab-section {
        background-repeat: no-repeat;
        background-size: auto;
        background-position: right 0px;
        background-image: none;
    }
    .dry-appintment .right-vtabs {
        padding-left: 45px;
        padding-top: 40px;
        padding-right: 45px;
    }
    .right-vtabs .rightcontent .panel-body {
        padding: 0px;
    }
    .dry-appintment .right-vtabs .imgarea {
        display: block;
        margin-right: -55px;
        margin-left: -55px;
        margin-top: -15px;
    }
    .dry-appintment ul.nav.nav-tabs.tabs-left li .arrowicon {
        right: 46px;
        width: 28px;
        top: 25px;
    }
    .dry-appintment ul.nav.nav-tabs.tabs-left li a .numbericon {
        width: 36px;
    }
    #block-appointmentmenu ul li a {
        font-size: 20px;
        font-weight: normal;
        margin-right: 38px;
    }
    .global-confirm-btn {
        width: 213px;
        margin-right: 28px;
    }
    .wrapper {
        padding-bottom: 0px !important;
    }
    .dry-appintment .nav-tabs>li>a {
        font-size: 28px;
    }
    .dry-appintment ul.nav.nav-tabs.tabs-left li a.active {
        font-size: 28px;
        padding: 17px 0px;
    }
    .dry-appintment .left-vtabs::after {
        display: none;
    }
    .dry-appintment .left-vtabs {
        border-right: none;
        padding-top: 0;
        padding-right: 0;
        margin-left: -25px;
        width: 105%;
    }
    .dry-appintment ul.nav.nav-tabs.tabs-left li {
        padding-left: 102px;
    }
    .dry-appintment .nav-tabs {
        height: auto;
    }
    .header-section .dryappintnav {
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .hideleftpanel {
        display: none;
    }
    .header-section .dryappintnav .confirm {
        width: 130px;
        font-size: 17px;
        margin-top: -18px;
        height: 55px;
    }
    .dry-appintment p {
        font-size: 22px;
        line-height: 28px;
        margin-left: 0px;
    }
    .select-date-time-wrapper p {
        margin-left: 15px;
    }
    .right-vtabs .storelocation {
        margin-bottom: -10px;
        margin-top: 20px;
    }
    .right-vtabs .panel-title span {
        font-size: 16px;
        color: #333333;
        line-height: 24px;
    }
    .dry-appintment .panel-group .panel-heading+.panel-collapse>.panel-body,
    .panel-group .panel-heading+.panel-collapse>.list-group {
        border-top: transparent;
        padding: 14px;
    }
    .right-vtabs .confirmbtn a {
        margin-top: 14px;
    }
    .dryappintnav .bookd {
        display: none;
    }
    .dryappintnav .bookm a {
        color: #fff;
        text-decoration: none;
        display: block;
    }
    .appointment-heading .dheading {
        display: block;
    }
    .mheading {
        display: none;
    }
    .mycal ul {
        width: 100% !important;
        margin-left: 0px !important;
    }
    .dry-appintment ul.nav.nav-tabs.tabs-left li a {
        padding: 17px 0px;
        font-size: 28px;
    }
    .googlemap iframe {
        margin-top: 20px;
    }
    .appointment-heading h1 {
        padding-left: 30px;
        font-size: 16px;
    }
    .right-vtabs .form_heading {
        font-size: 22px;
    }
    .right-vtabs .form_description {
        font-size: 14px;
    }
    #user_details_confirm {
        margin-bottom: 50px;
    }
    .calender_heading h2 {
        text-align: left !important;
        font-size: 22px !important;
        font-weight: normal;
        line-height: 28px;
    }
    .calender_heading p {
        padding-top: 0;
        font-size: 14px;
        font-weight: normal;
        color: #555555;
    }
    #mymodule_calendar_div ul li:nth-child(7n) {
        margin-right: 0;
    }
    #store_location_content span,
    #datetime-selected-info span,
    .user-details div {
        left: 0;
    }
    .dry-appintment .right-vtabs {
        padding-left: 45px;
        padding-top: 40px;
        padding-right: 45px;
        border-left: none;
        min-height: calc(100% - 0px);
    }
    .navbar .logo {
        margin-right: 0;
        padding-left: 30px !important;
    }
    .dry-appintment ul.nav.nav-tabs.tabs-left li .edit_link {
        right: 54px !important;
    }
    .hasDatepicker .ui-state-default.ui-state-active {
        padding: 5px 0px !important;
    }
    .hasDatepicker .ui-datepicker .ui-datepicker-header {
        margin-right: -50px;
        margin-left: -50px;
    }
    .dry-appintment .right-vtabs .imgarea img {
        width: 100%;
    }
    #mymodule_calendar_div ul li {
        margin-right: 7px !important;
        margin-bottom: 4px !important;
    }
    .just-confirm-wrapper {
        width: 100%;
        margin: 0 auto;
        margin-top: 48px;
        padding-left: 24px;
        padding-right: 24px;
    }
    .just-confirm-wrapper h1 {
        display: flex;
        margin-bottom: 31px;
        padding-bottom: 31px;
    }
    .just-confirm-wrapper .rectangle {
        margin-right: 7px;
    }
    .just-confirm-wrapper h1 span {
        font-size: 24px;
        margin-right: 12px;
        line-height: 32px;
    }
    .cancel-confirmation p,
    .confirmation p {
        line-height: 24px;
        font-size: 16px;
    }
}

@media (min-width:992px) and (max-width: 1169px) {
    #block-appointmentmenu ul li a {
        padding-right: 0;
    }
    #navbar nav .menu.nav li {
        margin-right: 0px;
    }

  
    
}

@media (max-width: 767px){
    body.user-logged-in.path-cancel-event #navbar .navbar-header,
    body.user-logged-in.path-cancel-event-confirm #navbar .navbar-header {
        float: none !important;
    }

    .workshop-search-filters {
        top: 45px !important;
    }
}

/* Service export CSS */

.services-stats-container .service-overview-field {
    margin-bottom: 20px;
}

.services-stats-container .service-overview-field>div {
    display: flex;
    flex-direction: column;
    position: relative;
}

.services-stats-container .service-overview-field .form-item.form-type-date::after {
    content: '';
    background: url(../images/calendar.svg) center/80% no-repeat;
    display: flex;
    width: 19px;
    height: 19px;
    position: absolute;
    right: 12px;
    background-size: cover;
    bottom: 6px;
    z-index: 9;
    cursor: pointer;
}

.services-stats-container .service-overview-field .form-group input[type="date"] {
    -webkit-appearance: none;
    z-index: 10;
    background: transparent;
    position: relative;
}

.services-stats-container .service-overview-field .form-group .form-control {
    color: #272727;
    line-height: 31px;
    height: 31px;
    padding-top: 0;
    padding-bottom: 0;
}

.services-stats-container .service-overview-field .form-item-store-region.form-group .input-group .input-group-addon {
    display: none;
}

.services-stats-container .service-overview-field .form-item-store-region.form-group .form-control {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.services-stats-container .service-overview-field .select-wrapper:before {
    content: '';
}

.export-view-container .services-export-filterform .form-item>label {
    padding: 7px;
    padding-top: 0;
    line-height: normal;
    letter-spacing: 0.39px;
    color: #515151;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
}

.export-view-container .services-export-filterform button.form-submit {
    width: 100px;
    background-color: #36919c;
    text-transform: uppercase;
}

.export-view-container .export-btn {
    border: 1px solid #bfbcbc;
    padding: 10px 30px;
    text-decoration: none;
    display: block;
    text-align: center;
    margin: 5px 0;
}

.export-view-container .export-btn i {
    opacity: 0.5;
    padding-left: 15px;
}

.export-view-container .row {
    padding: 15px;
    padding-left: 0;
    padding-right: 0;
}

.export-view-container .export-filter-form {
    border-bottom: 1px solid #d6d4d4;
}

.services-stats-container .export-filter-form .edit-search-btn {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px;
}

.services-stats-container .export-filter-form .edit-search-btn button {
    display: flex;
    align-items: center;
    line-height: 1;
    height: 31px;
    justify-content: center;
    background-color: rgb(121, 185, 40);
}

body.user-logged-in.path-services .main-container {
    padding-top: 0;
}

.adyen-checkout__button {
    display: none;
}

.adyen-checkout__store-details {
    display: none;
}

.p-pay-info-h {
    display: none;
}


/* expert tab css */

.beauty-adv {
    border: solid 1px #dadada;
    background-color: #fff;
    border-radius: 4px;
    padding: 30px;
    /* below css remove when add code */
    max-width: 600px;
    margin: auto;
    margin-bottom: 15px;
}

.beauty-adv .panel-bot {
    margin-top: 20px;
}

.beauty-adv.active {
    border: solid 2px #333;
    border-radius: 4px;
}

.beauty-adv p {
    font-size: 14px;
    color: #555555;
}

.beauti-cont .panel-top {
    width: 100%;
    cursor: pointer;
    display: flex;
}

.beauti-cont .panel-top .left-beau .left-beau-in {
    position: relative;
}

.beauti-cont .panel-top .left-beau {
    flex: 0 0 70px;
    display: flex;
    justify-content: center;
    margin-right: 30px;
}

.beauti-cont .panel-top .right-baeu h4 {
    margin: 0;
    font-size: 24px;
    color: #333;
}

.beauty-adv.active .radiobtn::after {
    opacity: 1;
}

.beauty-adv .panel-bot {
    display: flex;
}

.beauty-adv .panel-bot .p-bot-left {
    flex: 0 0 70px;
    display: flex;
    justify-content: center;
    margin-right: 30px;
}

.beauty-adv .panel-bot .p-bot-left img {
    width: 70px;
    border-radius: 100%;
    height: 70px;
    border: solid 1px #dadada;
}

body .dry-appintment .left-vtabs.submitFormFired {
    display: block !important;
}

@media screen and (max-width: 767px) { 
    .path-frontpage .top-section #navbar .col-xs-12 #right_header {
        display: block !important;
    }

    .navbar-toggle {
        display: none !important;
    }
}