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

html[lang="ar"] .dry-appintment p,
.global-confirm-btn,
.just-confirm-wrapper h1 span,
.confirmation p,
.appointment-link a {
    font-family: 'Montserrat-Regular', 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: 0px;
}

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

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

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;
}

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: 38px;
}

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

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: 65px;
}

html[lang="ar"] .clnraptsec .calender_heading h2 {
    text-align: right !important;
}


/* 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;
    }
}