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

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

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

.rtl .floatLeftRTL {
  float: left;
}

.rtl .floatRightRTL {
  float: right;
}

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

.rtl .storeLinkRTL span:first-child {
  margin-right: 0;
  margin-left: 5px;
}

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

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

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

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

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

.rtl .noPaddingRTL {
  padding: 0;
}

.rtl .reverseRTL .columnOneRTL {
  grid-column: 2;
  padding-right: 35px;
}

.rtl .reverseRTL .columnTwoRTL {
  grid-column: 1;
  grid-row: 1;
  text-align: right;
}

.rtl .storeButtonRTL {
  left: unset;
  right: calc(((100% - 40px) / 2) + 40px);
}

.rtl .storeButtonRTL .storeArrowRTL {
  transform: rotate(180deg);
  box-shadow: 0px -3px 9px #0000001c;
  margin-right: 15px;
}

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

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

.rtl .react-tel-input .country-list .country {
  text-align: right;
}

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

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

.rtl .sideInnerPaddingRTL {
  padding: 6px 8px 6px 0 !important;
}

.rtl .sideInnerPaddingRTL span:first-child {
  padding-left: 0 !important;
  padding-right: 20px !important;
}

.rtl .mainContentRTL label {
  text-align: right;
  display: block;
}

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

.rtl .borderBottomRTL {
  margin-bottom: 23px;
}


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

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

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

.rtl .noRadiusLeft .form-control {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-left: 0 !important;
}

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

.rtl .addonBorder .input-group-text {
  border-radius: 0 6px 6px 0 !important;
}

.rtl .noRadiusLeft .input-group-text {
  border-right: 1px solid #ced4da !important;
  border-radius: 4px 0 0 4px !important;
}

.rtl .noRadiusLeftRTL .form-control {
  border-radius: 4px 0 0 4px !important;
}

.rtl .noRadiusRightRTL .form-control {
  border-radius: 0 4px 4px 0 !important;
}

/* .rtl .orderAccordionAdmin{
    float: left;
} */
.rtl .orderAccordion .card-body {
  padding: 0 24px 0 0 !important;
}

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

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

/* .rtl .orderAccordion .card-header button {
    text-align: -webkit-left;
} */


.rtl .promoAddonRTL .input-group-text {
  border-radius: 6px 0 0 6px !important;
}

.rtl .pwdBtnRTL {
  margin-top: 20px;
}

.rtl .pageUrlInput .input-group-text {
  border-radius: 0 4px 4px 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

.rtl .addModifierRTL {
  margin-right: 5px;
}

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

.rtl .input-group>.input-group-append:not(:last-child)>.input-group-text {
  border-radius: 0 6px 6px 0 !important;
}

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

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

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

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

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

.rtl .btnTrashRTL,
.rtl .btnTrashRTL:hover,
.rtl .btnTrashRTL:focus,
.rtl .btnTrashRTL:active {
  right: unset;
  left: 10px;
}

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

.rtl .storeSideMenu ul li a {
  padding: 20px 15px 20px 0;
}

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

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

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

.rtl .loginImageRTL {
  border-radius: 0 10px 10px 0;
}

.rtl .errorMessageRTL {
  text-align: right;
  display: block;
}

.rtl .lableTextRTL {
  text-align: right;
  display: block;
}

.rtl .headerDroup .dropdown-menu {
  right: auto !important;
  left: 20px !important;
}

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

.rtl .leftArrowPwdRTL {
  margin-left: 8px;
  margin-right: 0;
  transform: rotate(180deg);
  top: -12px;
}

.rtl .labelNotiRTL {
  text-align: inherit !important;
  display: inherit !important;
}

.rtl .bookingInlineRTL:first-child {
  display: inline-block;
}

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

.rtl .ltrRTL {
  direction: ltr;
}

.rtl .subMenuRTL {
  padding-right: 15px !important;
}

.rtl .orderTextRTL {
  display: inline-block;
  padding-left: 4px;
}

.rtl .modifierItemPriceRTL {
  display: inline-block;
  padding-right: 3px;
}

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

.rtl .addonRightBorder .form-control {
  border-radius: 0 6px 6px 0 !important;
}

.rtl .addonRightBorder .input-group-text {
  border-radius: 6px 0 0 6px !important;
}

.rtl .addonLeftBorder .form-control {
  border-radius: 6px 0 0 6px !important;
}

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

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

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

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

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

.rtl .receiverRadiusRTL {
  border-radius: 0 38px 38px 38px;
  text-align: left;
}

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

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

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

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

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

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

.rtl .addOnContainer .addOnPrefixItems {
  border-radius: 0 6px 6px 0 !important;
}

.rtl .addOnContainer .addOnInputField input {
  border-radius: 6px 0 0 6px !important;
}

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

.rtl .arButtonLoader span {
  direction: ltr !important;
}

.rtl .viewChatReceiverMessageIconRtl {
  right: unset;
  left: 0px;
}

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

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

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

.rtl .commonButtonContainer {
  margin-bottom: 23px;
}

.rtl .addonRightBorder .form-control {
  border-radius: 0px 6px 6px 0px !important;
}

.rtl .addonRightBorder .input-group-text {
  border-radius: 6px 0px 0px 6px !important
}

.rtl .addonLeftBorder .form-control {
  border-radius: 6px 0px 0px 6px !important;
}

.rtl .storeProfileImg {
  margin-left: 10px !important;
}

.rtl .manualGeoSuggestListWrapper::after {
  background-position: 10px center;
}

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

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

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

.rtl .phoneNumberAddonBtnContainer input,
.rtl .phoneNumberAddonBtnContainer .phoneDialCodeBtn {
  border-radius: 0 6px 6px 0 !important;
}

.rtl .phoneNumberAddonInputContainer input {
  border-radius: 6px 0 0 6px !important;
  border-left: 1px solid #ced4da !important;
}

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

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

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

.rtl .mainContentRTL label.tooltipLabelContainer {
  display: flex;
}

.rtl .ql-toolbar.ql-snow .ql-picker-label {
  text-align: left;
}

.rtl .pageUrlRadius .pageUrlFormInput {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rtl .storePasswordInput {
  padding-right: 12px !important;
  padding-left: 42px !important;
}

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

.loaderButtonFlex span {
  direction: ltr;
}

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

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

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

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

@media (max-width: 1200px) {
  .rtl .tableBoxRtl .loaderSectionRtl {
    padding: 0px 0 0px 10px;
  }
}

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

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

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

@media (max-width: 991px) {
  .rtl .closeColorRTL {
    left: 0;
    right: auto;
    text-align: left;
    padding: 2px 0px 2px 12px;
  }

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

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

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

  .rtl .storePanelMobileMenu {
    left: unset;
    right: -100%;
  }

  .rtl .storePanelMobileMenuOpen {
    right: 0;
  }

  .rtl .storeSideMenu .button {
    left: 20px;
    right: auto;
    top: 15px;
  }
}

@media (max-width: 1023px) and (min-width: 768px) {
  .rtl .closeButtonHeaderRTL {
    left: 35px;
    right: auto;
  }

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

  .rtl .storeButtonRTL {
    left: unset;
    right: calc(((100% - 15px) / 2) + 15px);
  }
}

@media (max-width: 767px) {

  .rtl .swithPaddingMbRTL {
    padding: 20px 15px 10px;
  }

  .rtl .storeSideMenu ul li:first-child a {
    padding: 0;
  }

  .rtl .subMenuRTL {
    padding: 20px 15px !important;
  }

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

  .rtl .contentMbRTL {
    float: right;
  }

  .rtl .displayBlockMbRTL {
    display: block;
  }

  .rtl .noPaddingMbRTL {
    padding-left: 15px;
  }

  .rtl .leftArrowPwdMbRTL {
    top: 0;
  }

  .rtl .textCenteMbRTl {
    text-align: center;
  }

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

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

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

  .rtl .reverseRTL .columnOneRTL {
    grid-column: unset;
  }

  .rtl .reverseRTL .columnTwoRTL {
    grid-row: unset;
  }

  .rtl .pageUrlRadius .pageUrlFormInput {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }

  .rtl .pageUrlInput .input-group-text {
    width: 100%;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0 !important;
  }
}