body.rtl {
    direction: rtl;
}

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

.rtl .floatLeftRTL {
    float: left;
}

.rtl .floatRightRTL {
    float: right;
}

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

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

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

.rtl .paddingRightRTL {
    padding-right: 0;
    padding-left: 15px;
}

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

.rtl .plateZoomRTL {
    left: -9%;
    right: auto;
}

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

.rtl .iconTextlanguageRTL {
    padding-left: 0;
    padding-right: 6px;
}

.rtl .menuDropdownRTL {
    display: inherit;
}

.rtl .downArrowRTL {
    left: 15px;
    right: auto;
}

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

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

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

.rtl .paddingLeftFormRTL {
    padding-right: 8px;
    padding-left: 0;
}

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

.rtl .timeSectionRTL {
    float: left;
}

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

.rtl .exactlyInputRTL {
    padding-right: 25px;
    padding-left: 0;
}

.rtl .checkBoxLabelRTL {
    padding-right: 8px;
    padding-left: 0;
}

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

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

.rtl .orderItemRTL {
    padding-right: 0;
    padding-left: 8px;
}

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

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


.rtl .Loader__message span {
    direction: ltr;
}

.rtl .closeColorMbRTL {
    left: 10px;
    text-align: left;
    right: auto;
}

.rtl .iconTextPaddingRTL {
    padding-left: 0;
    padding-right: 6px;
}

.rtl .autosuggest .react-autosuggest__input {
    height: 42px;
}


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

.rtl .positionMbRTL {
    padding-top: 14px;
}

.rtl .exportTextRTL {
    margin-right: 0;
    margin-left: 6px;
    margin-bottom: 0;
}

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

.rtl .formControlInputCountryCodeRTL {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rtl .formControlInputCountryRTL {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-left: 1px solid var(--primary-border) !important;
    border-right: 0 !important;
}

.rtl .orderItemRTL {
    display: inline-block;
    padding-left: 5px;
}

.rtl .choicsContentRTL {
    padding-right: 5px;
    padding-left: 0;
    direction: ltr;
}

.rtl .dv-star-rating-star {
    float: left !important;
}


.rtl .pageUrlFormInput {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rtl .orderArrowRTL {
    padding-left: 5px;
}

.rtl .itemOrderRTL {
    padding-left: 8px;
    padding-right: 0;
}

.rtl .itemBottomPrint {
    vertical-align: middle;
}

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

.rtl .redux-toastr .top-right {
    left: 0;
    right: auto;
    direction: ltr;
}


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

.rtl .leftArrowPasswordRTL {
    transform: rotate(180deg);
}

.rtl .viewTextRTL {
    margin-left: 5px;
}

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

.rtl .ql-editor:not(.frontend) {
    text-align: right;
}

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

.rtl .modifierSelect select {
    padding: 2px 8px 2px 28px;
}

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

.rtl .arrow_box {
    left: 20px;
    top: 4px;
    right: auto;
}

.rtlBtnLoader span,
.loaderButtonFlex span {
    direction: ltr;
}

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

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

.rtl .timerCloseModalRTL {
    right: auto !important;
    left: -23px;
    top: -21px !important;
}

.rtl .toneCloseRTL {
    padding-left: 0;
    padding-right: 23px;
}

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

.rtl .chatIconRTL img {
    right: auto;
    left: 14px;
}

.rtl .driverBatchIconRTL {
    right: auto;
    left: -38px;
}

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

.rtl .batchIconDriverRTL {
    left: -42px;
    right: auto;
}

.rtl .receiverRadius {
    border-radius: 0 38px 38px 38px;
}

.rtl .senderRadius {
    border-radius: 38px 0 38px 38px;
    text-align: right;
}

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

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

.rtl .toneTextRTL {
    padding-right: 0 !important;
    padding-left: 15px;
}

.rtl .imageUploadTooltipContainer {
    text-align: center !important;
}

.rtl .btnTrashRtl {
    left: -20px;
    right: unset !important;
}

.rtl .menuGridRtl {
    padding: 17px 15px 17px 60px;
}

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

.rtl .afterLoginDropdownContainer .dropdown-menu {
    right: unset !important;
    left: 0 !important;
    padding: 0px;
}

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

.rtl .headerBgRTL {
    margin: 0 280px 0 0;
}

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

.rtl .rtlLoader .Loader__background .Loader__message span {
    direction: ltr;
}

.rtl .rtlLoader .Loader__background span {
    direction: ltr;
}

.rtl .sideMenuInnerTabIcon {
    transform: rotate(180deg);
}


.rtl .afterLoginDropdownContainer .dropdown-toggle::after {
    margin: 0px 6px -2px 0px;
}

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

.rtl .sideMenuSectionTitle svg:first-child {
    transform: unset;
}

.rtl .sideMenuSectionTitle svg:last-child,
.rtl .innerSideMenuIconContainer {
    transform: rotate(180deg);
}

.rtl .innerSideMenuIconContainer {
    top: 7px;
}

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

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

.rtl .commonModalPopup .close,
.rtl .loginModal .close {
    left: 6px !important;
    right: unset !important;
}

.rtl .restaurantMainContentRTL {
    margin-left: 0;
    margin-right: var(--restaurant-sideMenu-width);
}

.rtl .afterLoginDropdownContainer .dropdown-toggle.btn-primary {
    padding: 6px 8px 6px 12px !important;
}

.rtl .earningsCardRtl {
    padding: 20px 20px 20px 56px;
    border-right: 3px solid var(--theme-primary);
    border-left: 1px solid var(--primary-border);
}

.rtl .earningsCardRtl .earnImg {
    right: unset;
    left: 10px;
}

.rtl .incrementDecrementWrapper button:first-child {
    border-right: 0;
    border-left: 1px solid var(--primary-border);
}

.rtl .incrementDecrementWrapper button:last-child {
    border-left: 0;
    border-right: 1px solid var(--primary-border);
}

.rtl .preparationCardClosButtonRtl {
    right: unset !important;
    left: -12px !important;
}

.rtl .manageMenuButtonContainer {
    margin-left: 0;
    margin-right: auto;
}

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

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

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

.rtl .dateFilterSelectContainerRtl {
    padding: 9px 18px 9px 40px;
    background-position: calc(0% + 12px) 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;
}

/*******Responsive******/

@media (max-width:1199px) {


    .rtl .mainContentWrapperRtl {
        margin-right: 0;
        margin-left: 0;
    }

    .rtl .adminHeaderContainerRtl {
        left: 0;
        right: 0;
    }

    .rtl .restaurantMainContentRTL {
        margin-right: 0;
    }
}

@media (max-width:1199px) and (min-width:1024px) {
    .rtl .plateZoomRTL {
        left: 0%;
        right: 22px;
    }
}

@media (max-width: 991px) {
    .rtl .logoutIconMobileRTL {
        left: 13px;
        right: auto;
    }

    .rtl .closeColorRTL {
        left: 0;
        right: auto;
        text-align: left;
        padding: 2px 0 2px 12px;
    }

    .rtl .closeButtonRtl {
        right: auto;
        left: 35px;
    }

    .rtl .storeSideMenu .button {
        left: 20px;
        right: unset;
    }

    .rtl .menuOpen {
        right: 0;
        left: auto;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {

    .rtl .plateZoomRTL {
        left: 0%;
        right: 22px;
    }
}

@media screen and (max-width: 767px) {

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

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

    .rtl .floatinhertRTL {
        float: inherit;
    }

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

    .rtl .exactlyInputRTL {
        padding-right: 0;
        padding-left: 0;
    }

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

    .rtl .tableBoxRTL {
        padding: 0 0 0 10px;
    }

    .rtl .textAlignInhertLeftRTL {
        text-align: inherit;
    }

    .rtl .paddingRightRTL {
        padding-right: 0;
        padding-left: 0;
    }


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

    .rtl .plateZoomRTL {
        left: 0%;
        right: 22px;
    }

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

    .rtl .timerCloseModalRTL {
        left: -16px !important;
    }

    .rtl .timerButtonRTL {
        margin-right: 0;
        margin-left: 0;
    }

    .rtl .btnMarginRightRTL {
        margin-left: 0;
        margin-right: 0;
    }

    .rtl .floatRightXS {
        float: right;
    }

    .rtl .gobackBtnRtl {
        margin-left: 0;
        margin-right: 0;
        margin-top: 12px;
    }

    .rtl .tableHeaderFlex .headerButtonEnd {
        margin-left: 0 !important;
        margin-right: auto;
    }

    .rtl .dashboardDateFilterButtonWrapperRtl {
        border-left: 0;
    }
}


/*******  Responsive  ******/