body.rtl {
    direction: rtl;
    overflow-x: hidden;
    overflow-y: auto;
}

.rtl .textRightRTL {
    text-align: right;
}

.rtl .textLeftRTL {
    text-align: left;
}

.rtl .floatRightRTL {
    float: right;
}

/* =================================================== */


.rtl .storeMainContentRTL {
    margin-right: var(--store-sideMenu-width);
    margin-left: 0px;
}

.rtl .store select,
.rtl .storeFormControlSelectRtl {
    background-position: calc(0% + 6px) 50%;
    padding: 9px 18px 9px 40px;
}

.rtl .backBtnRTL {
    margin-left: 0;
    margin-right: 15px;
}

.rtl .formMenuLeftRTL {
    margin: 0px 8px 0px 0px;
}

.rtl .switchLabelTextRTL {
    margin-right: 8px;
    margin-left: 0;
}

.rtl .itemBGImgBorderRTL {
    margin-right: 0;
    margin-left: 18px;
}

.rtl .editIconRTL {
    margin-right: 0px;
    margin-left: 3px;
}

.rtl .mainContentRTL {
    margin-right: var(--siteAdmin-sideBar-width);
    margin-left: 0;
}

.rtl .formControlSelectRtl {
    background-position: calc(0% + 6px) 50%;
    padding: 9px 18px 9px 40px;
}

.rtl .addonBorder .input-group-text {
    border-radius: 0 var(--radius-1) var(--radius-1) 0 !important;
}

.rtl .input-group .input-group-append+.form-control {
    border-radius: var(--radius-1) 0 0 var(--radius-1) !important;
}

.rtl .close {
    float: left;
}

.rtl .whiteDropdown select {
    padding: 6px 10px 6px 30px;
    background-position: 3% 4px !important;
}

.rtl .noRadiusLeft .form-control,
.rtl .noRadiusLeft .countrySectionRTL {
    border-radius: 0 var(--radius-1) var(--radius-1) 0 !important;
}

.rtl .noRadiusLeft .formControlInputCountryRTL {
    border-radius: var(--radius-1) 0 0 var(--radius-1) !important;
    border-left: 1px solid var(--primary-border) !important;
}

.rtl .userStatusBadgeRTL {
    margin-right: 10px;
}

.rtl .noRadiusLeft .input-group-text {
    border-right: 1px solid var(--primary-border) !important;
    border-radius: var(--radius) 0 0 var(--radius) !important;
}

.rtl .pageUrlInput .input-group-text {
    border-radius: 0 var(--radius) var(--radius) 0 !important;
}

.rtl .pageUrlRadiusRTL .pageUrlFormInput {
    border-radius: var(--radius-1) 0 0 var(--radius-1) !important;
}

.rtl .taxBorderAppendRTL .input-group-append .input-group-text {
    border-radius: var(--radius-1) 0 0 var(--radius-1) !important;
}

.rtl .btnTrashRTL,
.rtl .btnTrashRTL:hover {
    right: auto;
    left: 10px;
}

.rtl .arrowBoxRTL {
    left: 12px;
    right: auto;
}

.rtl .redux-toastr .top-right {
    left: 0;
    right: auto !important;
}

.rtl .modifierContentRTL {
    padding-right: 5px;
    padding-left: 0;
}

.rtl .displayInlineBlockRTL {
    display: inline-block;
}

.rtl .orderAccordion .card {
    padding: 8px 16px 0 0px;
}

.rtl .orderAccordion .card-body {
    padding: 0px 28px 0px 0 !important;
}

.rtl .orderAccordion.adminEarning .card {
    padding: 8px 16px 0 0;
}

.rtl .orderAccordion.adminEarning .card-body {
    padding: 0px 26px 0px 0 !important
}

.rtl .addonRightBorder .form-control {
    border-radius: 0px var(--radius-1) var(--radius-1) 0px !important;
}

.rtl .addonRightBorder .input-group-text {
    border-radius: var(--radius-1) 0px 0px var(--radius-1) !important
}

.rtl .addonLeftBorder .form-control {
    border-radius: var(--radius-1) 0px 0px var(--radius-1) !important;
}

.rtl .disPlayInlineRTL {
    display: inline-block;
}

.rtl .pageUrlRadius .input-group>.form-control:not(:first-child) {
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
}

.rtl .driverBatchIconRTL {
    right: auto;
    left: 20px;
}


.rtl .textAlignRightRTL {
    text-align: right !important;
}

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

.rtl .forgetPasswordInputRtl {
    padding: 10px 10px 10px 35px !important;
    background-position: calc(0% + 10px) 50% !important;
}


.rtl .phoneInputBorderRadius {
    border-radius: var(--radius-1) 0 0 var(--radius-1) !important;
}

.rtl .customGeoSuggestInputListContainer::after {
    background-position: center right 98%;
}

/* =======================Responsive start============================== */

/* AdminPanel new */
.rtl .sideMenuWrapperRtl {
    left: unset;
    right: 0;
}

.rtl .adminHeaderContainerRtl {
    right: var(--siteAdmin-sideBar-width);
    left: 0;
}

.rtl .sideMenuListActiveBorderRTL::after {
    right: 0;
    left: unset;
    border-radius: var(--radius-1) 0 0 var(--radius-1);
}

.rtl .leftGroupCaptionIconRTL,
.rtl .sideMenuListAccordionCollapseListIconRtl {
    transform: scale(-1);
}

.rtl .rightGroupCaptionIconRTL {
    transform: none;
}

.rtl .documentRemoveBtnContainerRtl {
    left: -10px;
    right: unset;
}

.rtl .btnTrashRtl {
    left: 4px;
    right: unset;
}

.rtl .forgotPasswordLinkIcon {
    transform: rotate(180deg);
    top: 0px;
}

.rtl .headerMenuDropdownBtn,
.rtl .headerMenuDropdownBtn:hover,
.rtl .headerMenuDropdownBtn:active,
.rtl .headerMenuDropdownBtn:active:hover,
.rtl .headerMenuDropdownBtn:active:focus {
    padding: 6px 8px 6px 12px !important;
}

.rtl .headerMenuItemBtn svg,
.rtl .homeBannerBtnArrowRtl svg {
    transform: rotate(180deg);
}

.rtl .store .storeSmallSelectInputRTL {
    padding: 6px 12px 6px 36px;
}

.rtl .storeDashboardCardWrapperRtl {
    padding-right: 0;
    padding-left: 30px;
}

.rtl .earnImgRtl {
    right: unset;
    left: 6px;
}

.rtl .earnSectionRtl {
    border-left: 1px solid var(--primary-border);
    border-right: 3px solid var(--primary-bg);
}

.rtl .preparationTimeDecrementBtnRtl {
    border-radius: 0 var(--radius-1) var(--radius-1) 0;
}

.rtl .preparationTimeIncrementBtnRtl {
    border-radius: var(--radius-1) 0 0 var(--radius-1);
}

.rtl .headerImageWrapperRtl img {
    object-position: right;
}

.rtl .manageMenuAddItemCardHeadRtl {
    padding: 18px 18px 18px 54px;
}

.rtl .manageMenuAddItemToggleBtnRtl {
    right: unset;
    left: 18px;
}

.rtl .badgeRtl {
    right: unset;
    left: -12px;
}

.rtl .modifierGrpAddItemRemoveBtnBoxRtl {
    right: unset;
    left: -8px;
}

.rtl .commonModalHeader .close,
.rtl .commonModalHeader .close:hover,
.rtl .commonModalHeader .close:focus,
.rtl .loginModal .close,
.rtl .loginModal .close:hover,
.rtl .loginModal .close:focus {
    right: unset;
    left: 6px;
}

.rtl .loginModalBannerImgRtl {
    border-radius: 0 var(--radius-3) var(--radius-3) 0;
}

.rtl .dateFilterSelectContainerRtl {
    padding: 9px 18px 9px 40px;
    background-position: calc(0% + 8px) 50%;
}

.rtl .dashboardDateFilterPickerAndButtonWrapperRtl {
    right: unset;
    left: 0;
}

.rtl .dashboardDateFilterButtonWrapperRtl {
    border-right: 0;
    border-left: 1px solid var(--primary-border);
}

.rtl .imageRotate {
    transform: rotate(180deg)
}

.rtl .chartDotTextRtl::before {
    left: unset;
    right: 0;
}


@media (max-width:1199px) {
    .rtl .mainContentRTL {
        margin-right: 0;
        margin-left: 0;
    }

    .rtl .adminHeaderContainerRtl {
        right: 0;
    }

    .rtl .storeMainContentRTL {
        margin-right: 0;
        margin-left: 0px;
    }
}

@media screen and (max-width:767px) {
    .rtl .pageUrlInput .input-group-text {
        border-radius: var(--radius) var(--radius) 0 0 !important;
    }

    .rtl .pageUrlRadiusRTL .pageUrlFormInput {
        border-radius: 0 0 var(--radius-1) var(--radius-1) !important;
    }

    .rtl .badgeRtl {
        right: unset;
        left: 0;
    }

    .rtl .pageUrlRadius .input-group>.form-control:not(:first-child) {
        border-top-left-radius: 0 !important;
    }
       .rtl .dashboardDateFilterButtonWrapperRtl {
        border-left: 0;
    }
}

/* =======================Responsive end================================ */