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

.rtl .mainContentRTL {
    margin-right: 280px;
    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 .modal-dialog.languageModal {
    max-width: 1024px;
}

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

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

.rtl .applogoFooterRTL {
    padding-left: 18px;
    padding-right: 0;
}

.rtl .noPaddingFooterRTL {
    padding-right: 0;
}

.rtl .iconPaddingRightRTL {
    padding-right: 15px;
}

.rtl .noIconPaddingRightRTL {
    padding-right: 0px;
}

.rtl .countryInputPhone .react-tel-input input[type=text],
.rtl .countryInputPhone .react-tel-input input[type=tel] {
    padding-left: 12px !important;
    padding-right: 70px !important;
    padding-top: 12px;
    text-align: right;
}

.rtl .countryInputPhone .react-tel-input .selected-flag .arrow {
    background-position: 3px -7px;
}

.rtl .countryInputPhone .react-tel-input .selected-flag .flag {
    left: 16px !important;
}

.rtl .countryInputPhone .react-tel-input .selected-flag {
    border-left: 1px solid #ced4da;
    border-right: inherit;
}

.rtl select {
    background-position: calc(0% + 5px) 50% !important;
    padding: 6px 12px 6px 30px;

}

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

.rtl .countryInputPhone .react-tel-input .selected-flag .arrow.up {
    background-position: 2px -8px;
}

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

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

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

.rtl .imgSectionRTL {
    margin: 0px 10px 0px 0px;
}

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

.rtl .sideNavitemRTL {
    padding-right: 12px !important;
}

.rtl .menuDropdownRTL {
    display: inherit;
}

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

.rtl .droupDownSectionRTL {
    padding-right: 10px !important;
    padding-left: 0px !important;
}

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

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

.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 .modifierAcccordion .card-header .arrowBtnDropDown {
    right: auto;
    left: 25px;
}

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

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

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

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

.rtl .closeBtnMarginRTL {
    right: auto;
    left: 0px;
}

.rtl .PreparationTimeNopaddingRTL {
    padding: 0 !important;
}

.rtl .customRatioButtonRestaurant input[type=radio]:checked:before {
    width: 25px;
    height: 25px;
}

.rtl .customRatioButtonRestaurant input[type="radio"]::before {
    width: 25px;
    height: 25px;
}

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

.rtl .removeSectionRTL {
    left: 2px;
    right: auto;
}

.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 .displayInlineMModifierRTL {
    margin-right: 19px;
    margin-left: 0;
}

.rtl .modifierAcccordion .card-header .arrowBtn {
    right: auto;
    left: 25px;
}

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

.rtl .addModifierGroupModal .close {
    right: auto;
    left: 20px;
}

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

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

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

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

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

.rtl .formControlInputCountryRTL {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

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

.rtl .rc-pagination-item {
    margin-left: 8px;
    margin-right: 0px;
    float: right;
}

.rtl .rc-pagination-prev,
.rtl .rc-pagination-next,
.rtl .rc-pagination-jump-prev,
.rtl .rc-pagination-jump-next {
    float: right;
    margin-right: 0;
    margin-left: 8px;

}

.rtl .mainContentRTL .rc-pagination-prev a:after,
.rtl .mainContentRTL .rc-pagination-next a:after {
    transform: inherit;
    margin-top: -2px;
}

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

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

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

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

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

.rtl .pageUrlInput .input-group-text {
    border-bottom-right-radius: .25rem !important;
    border-top-right-radius: .25rem !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

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

.rtl .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    left: 8px;
    right: auto;
}

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

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

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

.rtl .prevArrowRTL {
    left: -6%;
}

.rtl .nextArrowRTL {
    right: -6%;
}

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

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

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

.rtl .eatsLoginModal .close {
    padding: 6px 12px 0px 12px !important;
}

.rtl .meassageiconRTL {
    background-position: 4% 50%;
    padding: 10px 10px 10px 35px;
}

.rtl .leftArrowPasswordRTL {
    top: -10px;
    transform: rotate(180deg);
}

.rtl .headerDroup .dropdown-menu {
    right: -93px !important;
}

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

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

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

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

.rtl .pageUrlInput .input-group-text {
    direction: ltr;
}

.rtl .restaurantActiveSelect .react-tel-input .country-list .flag {
    margin-left: 6px;
    margin-top: 2px;
    margin-right: 0;
}

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

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

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

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

.rtl .arrowPositionRestaurantRTL {
    left: 41%;
    right: auto;
}

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

.rtlBtnLoader 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: 0px;
}

.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 0px 38px 38px;
    text-align: right;
}

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

.rtl .rc-pagination-prev button,
.rtl .rc-pagination-next button {
    transform: rotate(180deg);
}

.rtl .passwordInputRTL {
    padding: 11px 12px 9px 36px;
}

.rtl .passwordIconRTL {
    left: 28px;
    top: 42px;
    right: auto;
}

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

.rtl .passwordIconStoreRTL {
    left: 18px;
    right: auto;
    top: 11px;
}

.rtl .passwordInputField {
    padding: 10px 15px 10px 40px !important;
}

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

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

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

.rtl .selectBoxPadding {
    padding: 6px 12px 6px 40px !important;
}

.rtl .suffixAddontInputBorderRadius,
.rtl .preffixAddonBorderRadius {
    border-radius: 0 4px 4px 0 !important;
}

.rtl .suffixAddonBorderRadius,
.rtl .preffixAddontInputBorderRadius {
    border-radius: 4px 0 0 4px !important;
}
 .rtl .foodChoicesMultiSelect .closeIcon{
    margin-left: 0px;
    margin-right: 5px;
}
.rtl .foodChoicesMultiSelect .icon_down_dir {
    right: auto;
    left: 3px;
}
/*******Responsive******/
@media (max-width:1199px) and (min-width:1024px) {
    .rtl .plateZoomRTL {
        left: 0%;
        right: 22px;
    }

    .rtl .arrowPositionRestaurantRTL {
        left: 40%;
        right: auto;
    }
}

@media (max-width: 991px) {
    .rtl .sideMenu .button {
        margin-left: 0;
        margin-right: 20px;
    }

    .rtl .logoutIconMobileRTL {
        left: 13px;
        right: auto;
    }

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

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

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

@media (min-width:992px) {
    .rtl .paddingReduseLeftRTL {
        padding-left: 15px;
        padding-right: 6px;
    }

    .rtl .paddingReduseRightRTL {
        padding-right: 15px;
        padding-left: 6px;
    }
}

@media (max-width:1023px) and (min-width:768px) {
    .rtl .applogoFooterRTL {
        margin-bottom: 10px;
    }

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

    .rtl .displayInlineMModifierRTL {
        margin-right: 0;
        margin-left: 0;
        text-align: left;
    }

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

    .rtl .arrowPositionRestaurantRTL {
        left: 39%;
        right: auto;
        bottom: 18%;
    }
}

@media screen and (max-width: 767px) {
    .rtl .restaurantMainContentRTL {
        margin-right: 0;
        margin-left: 0;
    }

    .rtl .restaurantSideMenu .button {
        left: 20px;
        right: auto;
        margin-left: 0;
        margin-right: 20px;
    }

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

    .rtl .NewResponsiveTable table td {
        text-align: right;
    }

    .rtl .NewResponsiveTable a {
        text-align: right;
    }

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

    .rtl .floatinhertRTL {
        float: inherit;
    }

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

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

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

    .rtl .positionMbRTL {
        position: absolute !important;
        left: -64px;
        right: auto;
    }

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

    .rtl .displayInlineMModifierRTL {
        margin-right: 0;
        margin-left: 0;
        text-align: left;
    }

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

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

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

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

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

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

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

    .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 .NewAdminResponsiveTable table td,
    .rtl .NewAdminResponsiveTable a,
    .rtl .NewAdminResponsiveTable button {
        text-align: right;
    }

    .rtl .floatRightXS {
        float: right;
    }

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

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