html[lang="ar"] body {
    font-family: 'geeza-pro', sans-serif !important;
}

html[lang="ar"] .dry-appintment p,
html[lang="ar"] .global-confirm-btn,
html[lang="ar"] .just-confirm-wrapper h1 span,
html[lang="ar"] .confirmation p,
html[lang="ar"] .appointment-link a {
    font-family: 'geeza-pro', sans-serif;
}

html[lang="ar"] .right-tab-section {
    background-position: left 85px;
}

html[lang="ar"] .wrapper #navbar .row .col-xs-12 {
    display: flex;
    justify-content: space-between;
}

html[lang="ar"] .appointment-heading .container-fluid .row .row {
    display: flex;
}

html[lang="ar"] .appointment-heading .container-fluid .row .row .col-md-4.col-xs-4 {
    display: flex;
    justify-content: flex-end;
}

html[lang="ar"] .workshop-search-filters .dry-appintment {
    display: flex;
}

html[lang="ar"] .dry-appintment .right-vtabs {
    padding-right: 48px;
    border-right: solid 1px #e5e5e5;
    border-left: 0;
    padding-left: 0;
}

html[lang="ar"] .dry-appintment .left-vtabs {
    padding-right: 0;
    padding-left: 48px;
}

html[lang="ar"] .dry-appintment ul.nav.nav-tabs.tabs-left li a .numbericon {
    right: -50px;
    left: auto;
}

html[lang="ar"] .dry-appintment ul.nav.nav-tabs.tabs-left li a {
    /* padding-right: 50px; */
    font-family: 'geeza-pro', sans-serif;
}

html[lang="ar"] .dry-appintment ul.nav.nav-tabs.tabs-left li .arrowicon {
    left: 0;
    right: auto;
    transform: rotate(-180deg);
}

html[lang="ar"] .right-vtabs #store_location_tab .panel-title{
    margin-right: 5px;
}

html[lang="ar"] .right-vtabs .radiobtn {
    left: auto;
    right: 0;
    margin-right: 13px;
}

html[lang="ar"] .right-vtabs .panel-title span {
    right: 12px;
}

html[lang="ar"] .dry-appintment ul.nav.nav-tabs.tabs-left li .edit_link {
    right: auto;
    left: 0;
}

html[lang="ar"] .tabs-left #store_location_content span,
html[lang="ar"] .tabs-left #datetime-selected-info span,
html[lang="ar"] .tabs-left #user-details-uids span {
    right: 50px;
    left: auto;
}

html[lang="ar"] .right-vtabs .ui-datepicker-calendar {
    direction: ltr;
}

html[lang="ar"] .right-vtabs .ui-datepicker-rtl .ui-datepicker-prev,
html[lang="ar"] .clnraptsec .ui-datepicker .ui-datepicker-prev {
    right: 2px;
    left: auto;
    transform: rotate(180deg);
}

html[lang="ar"] .right-vtabs .ui-datepicker-rtl .ui-datepicker-next,
html[lang="ar"] .clnraptsec .ui-datepicker .ui-datepicker-next {
    left: 2px;
    right: auto;
    transform: rotate(-180deg);
}

html[lang="ar"] .right-vtabs .hasDatepicker .ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span,
html[lang="ar"] .clnraptsec .hasDatepicker .ui-datepicker .ui-datepicker-prev span,
html[lang="ar"] .clnraptsec .hasDatepicker .ui-datepicker .ui-datepicker-next span {
    left: 19px;
    right: auto;
}

html[lang="ar"] .clnraptsec .select-date-time-wrapper p,
html[lang="ar"] .clnraptsec .calender_heading {
    margin-right: 12px;
}

html[lang="ar"] .hasDatepicker .ui-datepicker .ui-datepicker-prev span,
html[lang="ar"] .ui-datepicker .ui-datepicker-next span {
    top: 11px;
}

html[lang="ar"] .right-vtabs .select-date-time-wrapper p {
    margin-left: 0;
    margin-right: 12px;
}

html[lang="ar"] .right-vtabs .appointment_calendar .calender_heading {
    margin-right: 12px;
}

html[lang="ar"] .right-vtabs .appointment_calendar .calender_heading h2 {
    text-align: right;
    font-family: 'geeza-pro', sans-serif;
}

html[lang="ar"] .right-vtabs .mycal ul {
    margin-right: 10px;
    margin-left: 0;
    direction: ltr;
}

html[lang="ar"] .right-vtabs .form_heading {
    color: #333;
}

html[lang="ar"] .right-vtabs .form-item input[name="phone"],
html[lang="ar"] .right-vtabs .form-item input[name="email"] {
    margin-bottom: 12px;
}

html[lang="ar"] .right-vtabs .user-form-checked label::before {
    right: 0;
    left: auto;
}

html[lang="ar"] .right-vtabs .user-form-checked label {
    padding-left: 0;
    padding-right: 23px;
}

html[lang="ar"] .just-confirm-wrapper h1 span img {
    margin-right: 0;
    margin-left: 12px;
}
html[lang="ar"] .just-confirm-wrapper.cancel-confirmation h1 span img {
    margin-left: 0;
}

html[lang="ar"] .add-to-calender {
    direction: ltr;
    display: flex;
    justify-content: flex-end;
}

html[lang="ar"] .just-confirm-wrapper.cancel-appointment .confiramtion-paragraph .add-to-calender {
    flex-direction: column;
}

html[lang="ar"] .right-vtabs .form-item select[name="country_code"] {
    padding-right: 10px;
    padding-left: 65px;
}

html[lang="ar"] .clnraptsec .calender_heading h2 {
    text-align: right !important;
}
html[lang="ar"] .dry-appintment .right-vtabs #service_selection_tab .panel-group .service-category a span{
    left: 14px;
    right: auto;
    transform: translateY(-50%) rotate(180deg);
}
html[lang="ar"] #store-service-wrapper div.js-form-item .control-label{
    padding-left: 28px;
    padding-right: 73px;
}
html[lang="ar"] .right-vtabs #store-service-wrapper .service-details.no-image .service-info .service-source{
    float: right;
    margin-right: 0;
}
html[lang="ar"] .right-vtabs #store-service-wrapper .service-details.no-image .service-info .service-duration{
    float: right;
    margin-left: 30px;
}
html[lang="ar"] #store-service-wrapper div.js-form-item .hair-ext-flag>label{
    padding-left: 0;
    padding-right: 35px;
}
html[lang="ar"] #store-service-wrapper .hair-ext-flag>label .checkmark{
    right: 0;
}
html[lang="ar"] .right-vtabs #store-service-wrapper .service-details .service-image{
    float: right;
    margin-right: 0;
    margin-left: 15px;
}
html[lang="ar"] #store_location_content span,html[lang="ar"] #store_service_content span, html[lang="ar"] #datetime-selected-info span,html[lang="ar"] #beauty_advisor_info span, html[lang="ar"] #user-details-uids span{
    left: auto;
    right: 18px;
}
html[lang="ar"] .dry-appintment ul.nav.nav-tabs.tabs-left li{
    padding-left: 0;
    padding-right: 50px;
}
html[lang="ar"] .beauti-cont .panel-top .left-beau{
    margin-right: 0;
    margin-left: 30px;
}
html[lang="ar"] .beauty-adv .panel-bot .p-bot-left{
    margin-right: 0;
    margin-left: 30px;
}
html[lang="ar"] .right-vtabs .left-beau-in .radiobtn{
    left: -10px;
    right: auto;
    margin-right: 0;
}
html[lang="ar"] .dry-appintment .right-vtabs #user_details .panel-group .panel-heading a:after{
    right: auto;
    left: 0;
}
html[lang="ar"] #questionnaire-element-wrapper .fieldgroup .form-type-radio .control-label::before{
    left: auto;
    right: 0;
}
html[lang="ar"] #questionnaire-element-wrapper .fieldgroup .form-type-radio .control-label{
    padding-left: 0;
    padding-right: 20px;
}
html[lang="ar"] .right-vtabs #user_details .form-item input{
    padding-left: 25px;
    background-position: left 16px center;
}
html[lang="ar"] .right-vtabs #user_details .form-item select{
    padding-left: 3em;
    padding-right: 10px;
}
html[lang="ar"] .right-vtabs .select-wrapper::after{
    left: 15px !important;
    right: auto !important;
}
html[lang="ar"] .right-vtabs .user-form-checked .form-type-checkbox input[type="checkbox"]{
    margin-left: 0;
    margin-right: -20px;
    top: 7px;
    height: auto;
}
html[lang="ar"] .dry-appintment .right-vtabs .panel-collapse .contact-checkboxes .user-form-checked .control-label{
    padding-right: 0;
}
html[lang="ar"] .dry-appintment .right-vtabs .panel-collapse .contact-checkboxes .user-form-checked .control-label input[type="checkbox"]{
    margin-right: 0;
    margin-left: 10px;
    padding-right: 0;
}
html[lang="ar"] .right-vtabs #user_details .contact-checkboxes .form-item input{
    padding-left: 0;
}
html[lang="ar"] #questionnaire-element-wrapper .fieldgroup .form-type-radio .control-label.active::after{
    left: auto;
    right: 3px;
}
html[lang="ar"] #questionnaire-element-wrapper .form-type-managed-file .col-sm-10{
    float: right;
}
html[lang="ar"] .right-vtabs .contact-checkboxes .user-form-checked label{
    padding-right: 0;
}







/* mobile 320 to 767 css start */

@media (max-width:767px) {
    html[lang="ar"] .navbar-toggle {
        left: auto;
        right: 24px;
    }
    html[lang="ar"] .dry-appintment .right-vtabs {
        padding: 0 24px;
        padding-top: 30px;
    }
    html[lang="ar"] .wedding-appointment-weddingappointmenteditform {
        padding: 0 24px;
        padding-top: 30px;
    }
    html[lang="ar"] .wedding-appointment-weddingappointmenteditform .appointment_calendar.clnraptsec {
        padding-top: 0;
    }
    html[lang="ar"] .workshop-search-filters .dry-appintment {
        display: inherit;
    }
    html[lang="ar"] .dry-appintment .left-vtabs {
        padding: 0 24px;
    }
    html[lang="ar"] .right-vtabs .appointment_calendar .calender_heading h2 {
        text-align: right !important;
    }
}


/* mobile 320 to 767 css end */


/* ipad css start */

@media (min-width:768px) and (max-width:1024px) {
    html[lang="ar"] .dry-appintment .right-vtabs {
        padding-left: 45px;
        padding-right: 45px;
    }
    html[lang="ar"] .workshop-search-filters .dry-appintment {
        display: inherit;
    }
    html[lang="ar"] .dry-appintment .left-vtabs {
        padding-left: 45px;
        padding-right: 45px;
    }
    html[lang="ar"] .right-vtabs .appointment_calendar .calender_heading h2 {
        text-align: right !important;
    }
}