.businessLocaHead {
  margin-bottom: 30px;
}

.businessLocaHead .editbtn_ {
  padding: 11px 15px;
  gap: 4px;
}

.businessLocaHead .editbtn_ img {
  width: 16px;
}

.businessLocation .storeLocation_ {
  border-radius: 15px;
  gap: 0px;
}

.businessLocation .settingNotificationinner {
  padding: 0 0 0 20px;
}

.businessLocation .rightcontentCarrer {
  margin: 13px 0;
}

.businessHourParent {
  background: var(--Surfaces-S-Soft-Surface, #f5f6fc);
  padding: 10px;
  border-radius: 10px;
}

.businessLocation .upDownBtn {
  background-color: transparent;
}

.businessLocation .retailTxt {
  background: #f5f6fc;
  padding: 6px 9px;
  border-radius: 20px;
  display: inline-block;
}

.businessLocation .serviceTxt {
  background: #effbff;
  padding: 6px 9px;
  border-radius: 20px;
  display: inline-block;
  color: #47b0d6;
}

.addEditBusLoc .addStaffForm.staffPersonalInfo {
  padding: 30px 0 0 15px;
}

.addEditBusLoc .customInput {
  padding: 19px 19px 19px 24px;
}

.addEditBusLoc .addStaffForm .form_group {
  padding-top: 20px;
}

.addEditBusLoc .customInput.textArea {
  border-radius: 10px;
}

.addEditBusLoc .addStaffForm .apartmentInput {
  padding: 19px 19px 19px 52px;
}

.addEditBusLoc .apartmentimg {
  top: 19px;
}

.addEditBusLoc .addStaffForm .react-tel-input {
  padding: 19px 19px 19px 24px !important;
}

.addEditBusLoc .countrySelect .stsearch-box {
  padding: 19px !important;
}

.addEditBusLoc .addStaffForm .phone-numbpart {
  padding-top: 20px;
}

.addEditBusLoc .staffEmailInput .customInput {
  padding: 19px 19px 19px 52px;
}

.addEditBusLoc .staffEmailInput .createAccInputLogo {
  top: 46px;
}

.addEditBusLoc .commonSelectParent .react-select-container .react-select__control {
  padding: 14px 18px !important;
}

.addEditBusLoc .businessChekbox {
  margin-top: 15px;
  padding: 30px;
  border-radius: 20px;
  background: #f5f6fc;
}

.addEditBusLoc .businNameInput {
  background: var(--Primary-P-50-Main, #f5f6fc);
  box-shadow: -1.91px 3.78px 25.48px 0px #32507f06;
}

.addEditBusLoc .stdropdown-tool svg {
  display: none;
}

.addEditBusLoc .countrySelect .stdropdown-tools::after {
  content: "";
  background-image: url("../images/blueDownArrow.svg") !important;
  background-size: 25px !important;
  width: 20px;
  position: absolute;
  height: 20px;
  right: 19px;
  bottom: 22px;
}

.addEditBusLoc .checkBoxTxt:before {
  content: "";
  -webkit-appearance: none;
  padding: 0px;
  display: inline-block;
  position: relative !important;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 4px !important;
  top: 0 !important;
  width: 16px;
  height: 16px;
  border: 1px solid var(--Neutrals-N-400, #8d99d2);
}

.addEditBusLoc .checkBox:checked+.checkBoxTxt:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0%, -60%) rotate(45deg);
  left: 6px;
  width: 5px;
  height: 9px;
  border: solid #263682;
  border-width: 0 2px 2px 0;
}

.addEditBusLoc .checkBoxTxt {
  color: #263682;
  font-size: 18px;
  font-weight: 400;
  line-height: 15px;
}

.addEditBusLoc .businessChekbox .checkboxInputs {
  margin-bottom: 15px;
  display: block;
}

.addEditBusLoc .react-time-picker {
  width: 100%;
}

.addEditBusLoc .customPicker .react-time-picker__wrapper {
  border-radius: 50px;
  border: 1px solid #d7deff;
  padding: 11px 15px 11px 20px;
  color: #636e9f;
}

/* start update password modal css */
#createNewPassModal .modalCloseBtn {
  position: absolute;
  right: 0px;
  top: -25px;
}

/* start invoice modal css */
#invoiceModal {
  max-width: 590px;
}

#invoiceModal .modal-content {
  padding: 30px 40px !important;
}

#invoiceModal .modal-body::-webkit-scrollbar {
  display: none;
}

.fontSize10 {
  font-size: 10px;
}

.fw300 {
  font-weight: 300;
}

#invoiceModal .invoice_InfoBox {
  padding-top: 42px;
  display: flex;
  gap: 50px;
  align-items: start;
}

#invoiceModal .jobrComBtn {
  border: 0.6px solid var(--Primary-P-600-Main, #263682);
  background-color: transparent;
  padding: 4px 8px;
  border-radius: 24px;
  font-size: 10px;
  color: #203289;
}

#invoiceModal .invoiceDetailContainer {
  padding-top: 85px;
}

#invoiceModal .date_Box {
  padding-top: 24px;
}

#invoiceModal .billBox {
  border: 0.8px solid #d7deff;
  border-radius: 22px;
  padding: 10px 19px 13px 31px;
}

#invoiceModal .invoiceDesc_Table {
  padding-top: 18px;
  padding-left: 30px;
}

#invoiceModal .invoicetotalBox {
  padding-top: 30px;
}

#invoiceModal .invoiceTotalInner {
  display: flex;
  align-items: center;
  padding-top: 10px;
  justify-content: space-between;
}

#invoiceModal .invoiceBottomBox {
  padding-top: 67px;
  padding-left: 30px;
}

.invoiceZoomBtn {
  border: 1px solid #d7deff;
  border-radius: 50%;
  padding: 10px;
  background-color: #fff;
}

#invoiceModal .zoomBtnParent {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  gap: 24px;
}

#invoiceModal .invoiceZoomBtn .plusIcon {
  font-size: 14px;
  color: #263682;
  padding: 0 !important;
}

#invoiceModal .no-salary-message {
  text-align: center;
  color: #263682;
  font-size: 16px;
  margin: 20px 0;
}

.posSaleInvoice #invoiceModal .modal-header {
  padding: 0 0 30px !important;
}

/* End invoice modal css */

/* start edit profile modal css */
#editProfileModal {
  max-width: 929px;
}

#editProfileModal .modal-content {
  padding: 30px 24px !important;
}

#editProfileModal .customform-control {
  padding: 12px 18px 12px 24px;
  box-shadow: -1.91px 3.78px 25.48px 0px #32507f06;
}

#editProfileModal .form_group {
  padding-top: 16px;
}

#editProfileModal .phone-numbpart {
  position: relative;
  padding-top: 16px;
}

#editProfileModal .cancelSaveBtn {
  margin-top: 40px;
}

#editProfileModal .editConsumerModalRight {
  padding: 19px 0 0 40px;
}

#editProfileModal .modalInput {
  padding: 12px 21px !important;
}

#editProfileModal .phnInputIcon {
  position: absolute;
  width: 20px;
  top: 56px;
  right: 19px;
}

#editProfileModal .streeMailIcon {
  position: absolute;
  left: 22px;
  top: 12px;
}

#editProfileModal .iconInput {
  padding-left: 50px !important;
}

#editProfileModal .react-tel-input {
  border: 1px solid var(--Neutrals-N-100, #d7deff) !important;
  background-color: #fff !important;
  border-radius: 50px !important;
  padding: 12px !important;
  box-shadow: -1.91px 3.78px 25.48px 0px #32507f06;
}

#editProfileModal .uploadStaffImg {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--Primary-P-100-Main, #e4e6f2);
  border: 1.88px solid var(--Surfaces-S-Foreground, #e4e6f2);
  margin: 0 auto 16px;
  position: relative;
  padding: 2px;
}

#editProfileModal .uploadStaffImg .showImg_Parent {
  width: 100%;
  height: 100%;
}

#editProfileModal .uploadStaffCameraImg {
  position: absolute;
  bottom: -2px;
  right: -9px;
  cursor: pointer;
  width: 23px;
  background: #fff;
  border-radius: 20px;
}

#editProfileModal .modalDiscardBtn {
  padding: 14px 20px;
}

/* End edit profile modal css */

/* start pos sales delivered invoice css */
.customerInvoicetable .txtDarkblue {
  color: #263682 !important;
}

.customerInvoicetable .txtAreaParent textarea {
  border: 1px solid var(--Neutrals-N-100, #d7deff);
  background: var(--Surfaces-S-Soft-Surface, #f5f6fc);
  padding: 20px;
  border-radius: 20px;
  width: 100%;
}

.customerInvoicetable .totalBoxParent {
  padding: 0 10px;
  border: 1px solid var(--Neutrals-N-100, #d7deff);
  background: var(--Surfaces-S-Soft-Surface, #f5f6fc);
  border-radius: 20px;
  width: 100%;
  /* border: none; */
}

.customerInvoicetable .Customertotal .totalDetails:last-child {
  border: none;
}

#saleinvoiceModal .bundleTypeBtn {
  background: var(--Primary-P-100-Main, #e4e6f2);
  padding: 11px 10px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 30px;
  color: #263682;
}

#saleinvoiceModal .closeButton {
  color: #263682;
  font-size: 24px;
  font-weight: 400;
}

/* start my pos pos sales table css */
.posSaleTable .statusBox {
  display: block;
  padding: 8px 5px;
  font-size: 12px;
  background: var(--Primary-P-100-Main, #e4e6f2);
  border-radius: 20px;
}

.posSaleTable .orderclock_ {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* start my pos create role view details modal css */
#RoleDetailsModal .closeButton {
  color: #263682;
  font-size: 24px;
  filter: unset;
}

#RoleDetailsModal .addEmployeeuser {
  padding: 0px 42px;
}

#createRoleModal .closeButton {
  color: #263682;
  font-size: 24px;
  filter: unset;
}

.createRoletextBox {
  border-radius: 20px;
}

/* start delete role modal css */
#DeleteRoleModal {
  max-width: 463px;
}

#DeleteRoleModal .modal-header {
  display: none;
}

/* End delete role modal css */

.paidBtn {
  background: var(--Alarm-Success-S-200, #a6f4c5);
  border-radius: 30px;
  padding: 5px 13px;
  color: #027547;
  font-size: 12px;
  font-weight: 500;
}

.unpaidBtn {
  background: var(--Alarm-Error-E-100, #fee4e2);
  border-radius: 30px;
  padding: 5px 13px;
  color: #d92d20;
  font-size: 12px;
  font-weight: 500;
}

.perDetViewBtn {
  background: var(--Surfaces-S-Foreground, #e4e6f2);
  border-radius: 30px;
  padding: 5px 13px;
  color: #263682;
  font-size: 12px;
  font-weight: 500;
}

.staffDetailtable.perDetaiTable {
  padding: 15px;
  overflow: auto;
}

.staffColorPickerParent {
  padding: 15px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 4px -8px 30px 0px #344f7514;
  border: 1px solid var(--Neutrals-N-50, #F7F9FF);
  width: fit-content;
}

.staffColorPickerParent .chrome-picker {
  box-shadow: unset !important;
}

.createRoleTableDropDown .categoryDropdownMenu.variantsDropdownMenu.dropdown-menu {
  width: 180px;
}

/* start rewards table css */
.commonTable.rewardsTable table tr td:first-child {
  border-radius: 30px 0 0 30px;
}

.commonTable.rewardsTable table tr td:last-child {
  border-radius: 0 30px 30px 0;
}

.commonTable.rewardsTable .activeBtn {
  background: var(--Complement-C-200, #90e1ff);
  border-radius: 30px;
  padding: 4px 13px;
  color: #1f6a84;
  font-size: 12px;
  font-weight: 500;
  width: fit-content;
  margin: auto !important;
  font-family: "roobert_trialregular" !important;
}

.commonTable.rewardsTable .productItemImg {
  height: 36px;
  width: 36px;
  min-width: 36px;
  border-radius: 50%;
}

.commonTable.rewardsTable table th:nth-child(2) {
  text-align: left;
}

/* start on boarding page css */
#pickPlan .modal-content {
  padding: 30px !important;
}

#pickPlan .crossIcon {
  color: #263682;
  position: absolute;
  top: 1px;
  right: -5px;
  padding: 0;
  cursor: pointer;
  transform: translate(0%, -50%);
  font-size: 22px;
}

/* start add card modal css */
#addCardDetModal {
  max-width: 870px;
}

#addCardDetModal .textDarkblue {
  color: #263682 !important;
}

#addCardDetModal .modal-content {
  padding: 30px !important;
  border-radius: 30px !important;
}

#addCardDetModal .modal-header {
  padding: 0;
}

#addCardDetModal .crossIcon {
  color: #263682;
}

/* start welcomeNewPage responsive css */

.newWelcomePage {
  max-width: 1080px;
}

.newWelcomePage .optionBoxesParent::-webkit-scrollbar {
  display: none;
}

/* start add new card modal css */
#addPayCardModal.modal-dialog {
  max-width: 500px;
  /* margin: auto; */
}

#addPayCardModal .modal-content {
  padding: 30px !important;
  border-radius: 30px !important;
}

#addPayCardModal .modal-header {
  padding: 0 0 30px;
}

#addPayCardModal .modal-body {
  padding: 0;
}

#addPayCardModal .crossIcon {
  color: #263682;
}

/* end add new card modal css */

/* start product page css */
.serviceOfferHeader .notifyBellMobile {
  display: none;
}


/* start delete card modal css */

.swal2-confirm {
  background: #fee4e2 !important;
  color: #f04438 !important;
  margin-right: 15px !important;
  border-radius: 30px !important;
  padding: 18px 20px !important;
  font-size: 18px !important;
  font-weight: 400;
  font-family: "roobert_trialregular" !important;
  width: 142px;
}

.swal2-cancel {
  background: #e4e6f2 !important;
  color: #263682 !important;
  border-radius: 30px !important;
  padding: 18px 20px !important;
  font-size: 18px !important;
  font-weight: 400;
  font-family: "roobert_trialregular" !important;
  width: 142px;
}

.swal2-title {
  font-size: 36px !important;
  font-weight: 500 !important;
  color: #f97066 !important;
  margin-bottom: 25px;
}


/* start product pages css */
.productVariantsTable.productOffDetTable table td:first-child {
  min-width: 100px;
}

.productVariantsTable.productOffDetTable table td:last-child {
  min-width: 100px;
}

.productDetailSidebar {
  height: calc(100vh - 60px);
  overflow: auto;
}

.createOfferSection .productVariantsTable .productVariant_Input {
  min-width: 150px;
}

#pickPlan .changeBtn{
  padding: 12px 15px;
}

/* start responsive css here */
@media only screen and (max-width: 1200px) {
  .ckEditorBtn {
    font-size: 12px;
    padding: 4px 8px;
    right: 5px;
  }

  .productRightContainer {
    height: auto;
    overflow: unset;
  }

  .productLeftContainer {
    height: auto;
    overflow: unset;
  }

  /* .productRightWrapper.productViewPage{
    height: 100vh;
    overflow: auto;
  }  */
  .addProductManually.editProductSec {
    height: auto;
  }
}


@media only screen and (max-width: 991px) {
  .newWelcomePage .fontSize36 {
    font-size: 24px;
  }

  .newWelcomePage .fontSize20 {
    font-size: 16px;
  }

  .newWelcomePage .commonAccordion .accordion-button {
    padding: 15px 15px;
  }

  #addCardDetModal {
    max-width: 500px;
    /* margin: 10px auto; */
}

  /* start product pages responsive css */
  .content_areas.message {
    margin-top: 0;
  }

  .ckEditorBtn {
    top: -25px;
  }

  #addProductOptions.modal-dialog {
    max-width: 700px;
  }

  .productDetailSidebar {
    height: auto;
  }

  .productDetailsLeft {
    height: auto;
    margin-bottom: 30px;
  }
}

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

  .newWelcomePage .accordionBoxParent {
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 15px;
  }

  /* start product pages responsive css */
  .content_areas.message {
    height: calc(100vh - 30px);
  }

  .productRightWrapper.productViewPage {
    margin-top: 114px;
  }

  .productRightContainer {
    padding: 0px 0px 20px;
  }

  #addProductOptions.modal-dialog {
    max-width: 560px;
  }

  .serviceOfferHeader .notifyBellMobile {
    display: block;
  }

  .serviceOfferHeader .notifyBellDesktop {
    display: none;
  }

  .serviceOfferHeader .mobileHead {
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  #pickPlan .modal-content {
    padding: 30px 20px !important;
}

  .newWelcomePage .accordionItemPara {
    font-size: 14px;
  }

  .newWelcomePage .commonBlueBtn {
    padding: 7px 20px;
    font-size: 14px;
  }

  .newWelcomePage .commonAccordion {
    margin-top: 0px;
  }

  .newWelcomePage .accordionLearMoreBtn {
    padding: 7px 9px;
    font-size: 14px;
    width: 50%;
  }

  .newWelcomePage .accordionBoxParent {
    padding: 0 10px;
  }

  .newWelcomePage .helpCenterBtn {
    position: absolute;
    background-color: transparent;
    bottom: 41px;
    right: 20px;
    padding: 5px 10px;
    font-size: 12px;
  }

  .newWelcomePage .helpCenterBtn img {
    width: 10px;
  }

  /* start card detail responsive css */
  .cardp {
    width: 95%;
  }

  #addCardDetModal .modal-content {
    padding: 30px 15px !important;
    border-radius: 30px !important;
  }

  .card_DeleteBtn {
    right: -5px;
  }

  /* start product responsive css */
  .productOfferHead_Container {
    padding: 0px;
  }

  .productRightWrapper.productViewPage .supportImgTxt {
    font-size: 10px;
  }

  .dimensionsGroupItems .fontSize14 {
    font-size: 10px;
  }

  .customInput {
    padding: 16px 24px;
    font-size: 14px;
  }

  .commonSelectParent .react-select-container .react-select__control {
    padding: 8px 18px !important;
  }

  .dimensionsGroup {
    padding: 4px 10px !important;
  }

  .dimensionsGroupItems {
    padding: 0 10px;
  }

  #addProductOptions .modalDiscardBtn {

    padding: 12px 20px;
    font-size: 14px;
    width: 90px;
  }

  #addProductOptions .pricingPara {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 10px; */
    margin-top: 10px;
  }

  #addProductOptions .modalOptionBox {
    padding: 15px;
  }

  #addProductOptions .modal-content {
    padding: 30px 20px 30px !important;
  }

  #addProductOptions .fontSize24 {
    font-size: 18px;
  }

  #stopOfferModal .modal-content {
    padding: 30px 30px !important;
  }

  .stopOfferModalContainer {
    padding: 20px 0 20px;
  }

  .stopOfferTxt {
    font-size: 24px;
  }

  .deleteProductModalList li {
    font-size: 16px;
  }

  .productDetailDataBox .productDetailRight_Inner {
    flex-direction: column;
    gap: 6px;
    margin-bottom: 10px;
  }

  .productDetailDataBox .productDetailRight_Inner h5.productCategoryTxt {
    font-weight: 500;
    font-size: 16px;
  }

  .productDetailDataBox .productDetailRight_Inner h5 {
    font-size: 14px;
  }

  .productDetailsWrapper .walletStats {
    padding: 20px !important;
  }

  .offerDetailBox {
    padding: 15px;
  }

  .productDetailSidebar .fontSize24 {
    font-size: 18px;
  }

  .productDetailsWrapper {
    padding: 20px 15px;
  }


  /* start invoice modal responsive css */
  #invoiceModal .modal-content {
    padding: 20px !important;
  }

  #invoiceModal .modal-header .fontSize24 {
    font-size: 20px;
  }

  .datePicker_Parent .example-custom-input {
    padding: 12px 18px;
  }

  .createOfferRight {
    padding: 10px 15px;
  }

  .createOffBox .fontSize16 {
    font-size: 14px;
  }

  .createOffBox .fontSize24 {
    font-size: 20px;
  }

  .createOffBox .productPreview_Detailtxt {
    font-size: 14px;
  }
}