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-right: 70px !important;
    padding-top: 12px;
}
.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: 4% 50% !important;
}
.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 .siwtchLabelTextHeaderRTL{
    margin-right: 8px;
    margin-left: 8px;
}
.rtl .iconTextlanguageRTL{
    padding-left: 0px;
    padding-right: 6px;
}
.rtl .imgSectionRTL{
    margin: 0px 10px 0px 0px;
}
.rtl .restaurant select {
    background-position: 3% 50% !important;
}
.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{
    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 .paddingReduseLeftRTL{
    padding-left: 15px;
    padding-right: 7px;
}
.rtl .paddingReduseRightRTL{
    padding-right: 15px;
    padding-left: 7px;
}
.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;
}
/*******Responsive******/
@media (max-width:1199px) and (min-width:1024px) {
    .rtl .plateZoomRTL{
        left: 0%;
        right: 22px;
    }
    .rtl .arrowPositionRestaurantRTL {
        left: 40%;
        right: auto;
    }
    }
@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 .paddingReduseRightRTL {
        padding-right: 15px;
        padding-left: 15px;
    }
    .rtl .paddingReduseLeftRTL {
        padding-left: 15px;
        padding-right: 15px;
    }
    .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;
    }
    .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 .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 .sideMenu .button {
        margin-left: 0;
        margin-right: 20px;
    }
    .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;
    }
  }
  /*******Responsive******/