/*------- Start Common class -------*/
html {
  scroll-behavior: smooth;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
  background: #f5f6fc !important;
  line-height: normal !important;
  overflow-x: hidden;
  font-family: "roobert_trialregular" !important;
}

.hide {
  display: none;
}

.root_outer {
  position: relative;
  min-height: 100vh;
  padding-bottom: 58px;
  position: relative;
}

/* .content_areas {
    height: calc(100vh - 123px);
    overflow-y: auto;
    margin-top: 68px;
    overflow-x: hidden;
} */
.languageselect_ {
  display: flex;
  align-items: center;
  justify-content: right;
  position: absolute;
  right: 24px;
  top: 77px;
}

.content_areas {
  height: calc(100vh - 92px);
  overflow-y: auto;
  margin-top: 60px;
  overflow-x: hidden;
}

.content_areas::-webkit-scrollbar {
  display: none;
}

.dashboard {
  padding-bottom: 0;
}

ul {
  padding: 0 !important;
  margin: 0;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none !important;
  cursor: pointer;
}

hr {
  background: #e7e8ea !important;
  opacity: 1;
}

:focus-visible {
  outline: none;
}

.dropdown-toggle::after {
  display: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
  -webkit-text-fill-color: #263682;
}

.customform-control {
  background: #fff;
  border-radius: 50px;
  width: 100%;
  font-style: normal;
  resize: none;
  padding: 18px 18px 18px 24px;
  font-size: 18px;
  line-height: normal;
  color: #263682;
  border: 1px solid #d7defe;
}

.countCash textarea {
  height: 56px;
}

.customform-control::placeholder {
  font-size: 14px;
  color: #626262;
}

.crossIcon {
  color: #626262;
  cursor: pointer;
  font-size: 22px;
}
.crossIconNew {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  cursor: pointer;
}

/* .table-responsive{
    max-width: 100%;
    overflow-x: scroll !important;
} */
/* Start CustomRadio Button */
/* .customRadio:checked,
.customRadio:not(:checked) {
  position: absolute;
  left: -9999px;
}

.customRadio:checked + label,
.customRadio:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

.customRadio:checked + label:before,
.customRadio:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #d8d8d8;
  border-radius: 100%;
  background: #f5f6f7;
}

.customRadio:checked + label:before {
  border: 1px solid #275aff;
}

.customRadio:checked + label:after,
.customRadio:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #275aff;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.customRadio:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.customRadio:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
} */

/* End CustomRadio Button */

/* Start Custom Checkbox */
.checkBoxTxt {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #3c444f;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  appearance: none;
  font-weight: 500;
}

.checkBox {
  appearance: none;
  display: none;
}

.checkBoxTxt span {
  display: inline-block;
  text-align: start;
}

.checkBoxTxt:before {
  content: "";
  -webkit-appearance: none;

  padding: 10px;
  display: inline-block;
  position: relative !important;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 12px;
  border-radius: 4px !important;
  top: 0 !important;
}

.checkBoxTxt [type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  display: none;
}

.custombtnradioo_ input[type="radio"] + label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  width: 25px;
  background: transparent;
  border: 2px solid #fff;
  transition: all 0.5s ease;
  border: 1px solid #cccccc;
  border-radius: 2px;
}

.custombtnradioo_ input[type="radio"] {
  position: absolute;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  -o-opacity: 0;
}

.custombtnradioo_ input[type="radio"] + label {
  position: relative;
  float: left;
  width: 25px;
  height: 25px;
  margin: 0 8px 8px 0;
  text-indent: -9999px;
}

.custombtnradioo_ input[type="radio"]:checked + label:after {
  font-family: "FontAwesome";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  content: "\f00c";
  font-size: 20px;
  color: #fff;
  z-index: 99;
  text-indent: 0;
  margin: 0;
  background: #275aff;
  width: 25px;
  height: 25px;
  border-radius: 3px;
  text-align: center;
  font-size: 17px;
  line-height: 25px;
}

/* .checkBoxTxt [type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    padding-left: 0px !important;
} */

.checkBox:checked + .checkBoxTxt:before {
  background-color: #3c444f;
  box-shadow: none;
}

.checkBox:checked + .delivery-status.checkBoxTxt:before {
  background-color: #32d583;
  box-shadow: none;
}

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

.monshead14 {
  color: #2f3552;
  font-size: 14px;
  margin: 0 0 7px;
  font-family: "roobert_trialmedium";
}

.monshead12 {
  color: #3c444d;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}

/* End Custom Checkbox */
/*------- Start CommonModal -------*/
.modal-backdrop {
  position: relative;
}

.modal {
  background: rgb(20 23 26 / 40%);
}

.common_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modalHeader_ {
  width: 100%;
}

.modal-header {
  position: relative;
  border-bottom: none !important;
}

/* End CommonModal  */
/* Start CustomLoader Css */
.centeredLoader {
  background: #0079d78c;
  z-index: 99999999;
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  width: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(1px);
}

.loader {
  height: 25px;
  width: 1px;
  position: absolute;
  animation: rotate 3.5s linear infinite;
}

.loader .dot {
  top: 51px;
  height: 12px;
  width: 12px;
  background: #ffffff;
  border-radius: 50%;
  position: relative;
}

@keyframes rotate {
  30% {
    transform: rotate(220deg);
  }

  40% {
    transform: rotate(450deg);
    opacity: 1;
  }

  75% {
    transform: rotate(720deg);
    opacity: 1;
  }

  76% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: rotate(0deg);
  }
}

.loader:nth-child(1) {
  animation-delay: 0.15s;
}

.loader:nth-child(2) {
  animation-delay: 0.3s;
}

.loader:nth-child(3) {
  animation-delay: 0.45s;
}

.loader:nth-child(4) {
  animation-delay: 0.6s;
}

.loader:nth-child(5) {
  animation-delay: 0.75s;
}

.loader:nth-child(6) {
  animation-delay: 0.9s;
}

/* End CustomLoader Css */
.rightArrow {
  font-size: 24px;
  vertical-align: middle;
  cursor: pointer;
}

.remove_cart {
  padding: 10px 16px;
  background: #e1e3e4;
  border-radius: 5px;
  color: #14171a;
  width: 100%;
  max-width: 180px;
  transition: all 0.5s;
}

.update_cart {
  padding: 10px 16px;
  background: #1fb3ff;
  border-radius: 5px;
  text-align: center;
  color: #ffffff !important;
  width: 100%;
  max-width: 180px;
}

.customSpc {
  margin-top: 30px !important;
  border: none !important;
  justify-content: center;
}

.brandLogo img {
  width: 100%;
  max-width: 112px;
  margin: 17px 0;
}

.labelTxt {
  font-size: 16px;
  color: #3c444d;
  font-weight: 400;
  display: inline-block;
  text-align: start;
  width: 100%;
  margin: 0;
}

.textAreaSize {
  max-height: 48px;
}

.brandLogos {
  width: 120px;
  height: 26.48px;
  object-fit: contain;
}

.shippingIcon {
  width: 40px;
  height: auto;
  object-fit: contain;
}

/* Custom Select wrapper */
/* Arrow */
.select {
  cursor: pointer;
  background-image: url(../images/searchDown.svg) !important;
  background-position: 99% 51%;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  font-size: 16px;
  font-weight: 500;
  appearance: none;
}

/* Scrollbar-Css */
.scrollbar {
  background-color: #fff;
  width: 16px;
  height: 10%;
}

.scrollbar-track {
  background-color: #fff;
}

.scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 5px solid #fff;
}

::-webkit-scrollbar {
  background-color: #fff;
  width: 16px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  background-color: #eaecf0;
  border-radius: 16px;
  border: 5px solid #fff;
}

::-moz-scrollbar {
  background-color: #fff;
  width: 16px;
  height: auto;
}

::-moz-scrollbar-track {
  background-color: #fff;
}

::-moz-scrollbar-thumb {
  background-color: #eaecf0;
  border-radius: 16px;
  border: 5px solid #fff;
}

/* End Scrollbar Css */
button:focus,
button:focus-visible,
.form-select:focus,
.form-select:focus-visible,
.form-control:focus,
.form-control:focus-visible {
  box-shadow: none !important;
  outline: none;
}

.icon_ {
  font-size: 26px;
  color: #626262b0;
}

.mainBoldHeading {
  font-size: 64px;
  font-weight: 700;
  color: #000000;
}

.innerHeading {
  font-family: "Maison Mono";
  font-weight: 700;
  color: #3c444d;
  font-size: 24px;
  margin: 0;
}

.innerHeadingSky {
  font-size: 24px;
  font-family: "Maison Mono";
  font-weight: 500;
  color: #1fb3ff;
  margin: 0;
}

.innerHeadingSky_ {
  font-size: 24px;
  font-family: "Maison Mono";
  font-weight: 500;
  color: #6c63f0;
  margin: 0;
}

.inactiveHeading_ {
  font-size: 24px;
  font-family: "Maison Mono";
  font-weight: 500;
  color: #fb466c;
  margin: 0;
}

.innerSubtext {
  margin: 0;
  font-size: 16px;
  color: #14171a;
  font-weight: 700;
}

.innerSubhead {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  color: #3c444d;
  margin: 0;
}

.innerSubheadNormal {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #3c444d;
  margin: 0;
}

/* .subheading_ {
  font-family: "Maison Mono";
  font-size: 24px;
  font-weight: 600;
  color: #14171a;
  margin: 0;
} */

.subheading2_ {
  font-family: "Maison Mono";
  font-size: 24px;
  font-weight: 500;
  color: #14171a;
  margin: 0;
}

.headingBold {
  font-weight: 700;
  font-size: 54px;
  color: #000000;
  margin: 0;
}

.headingBoldOuter {
  font-weight: 700;
  font-size: 54px;
  color: #275aff;
  margin: 0;
}

.form-control {
  background: #f5f6f7;
  line-height: 2.5 !important;
  padding: 18px 20px;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  font-style: normal;
  margin: 0 auto;
  color: #14171a !important;
}

.form-control {
  width: 100%;
  border: 1px solid #d8d8d8;
}

.submitBtn {
  background: #275aff;
  border: none;
  color: #fff !important;
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}

.subtext_ {
  font-size: 14px;
  color: #14171a;
  font-weight: 500;
  margin: 0;
}

.subtextSmall_ {
  font-size: 12px;
  color: #14171a;
  font-weight: 400;
  margin: 0;
}

.subtextDark_ {
  font-size: 14px;
  color: #14171a;
  font-weight: 600;
  margin: 0;
}

.primary_btn {
  display: inline-block;
  border: 1px solid #275aff;
  background: #275aff;
  color: #fff !important;
  border-radius: 5px;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 600;
  width: 100%;
  /* min-width: 280px; */
  text-align: center;
  /* margin: 0 auto; */
  line-height: normal;
}

.primaryBtn {
  background: #263682;
  border: 1px solid #263682;
  color: #fff;
  border-radius: 49px;
  padding: 10px 28px;
  display: block;
  margin: 0;
  cursor: pointer;
}

.primaryBtnOuter {
  background: #fff;
  border: 1px solid #275aff;
  padding: 16px 28px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #275aff !important;
  cursor: pointer;
}

.secoundaryBtn {
  background: #a7a7a7;
  border: 1px solid #a7a7a7;
  border-radius: 7px;
  padding: 12px 30px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
}

.secoundaryBtnOuter {
  background: #275aff;
  border: 1px solid #275aff;
  border-radius: 6px;
  padding: 4px 16px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.staticBtn {
  background: #275aff;
  padding: 16px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  border: 1px solid #275aff;
  transition: all 0.3s;
  border-radius: 3px;
  display: inline-block;
  width: 100%;
}

.staticDarkBtn {
  background: #626262;
  padding: 12px 24px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  border: 1px solid #f5f6f7;
  transition: all 0.3s;
  border-radius: 5px;
  display: inline-block;
  /* width: 100%; */
}

.staticOtherkBtn {
  background: #efefef;
  padding: 16px;
  color: #3c444d;
  font-weight: 500;
  text-align: center;
  border: 1px solid #3c444d;
  transition: all 0.3s;
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
  /* width: 100%; */
}

.innerbtns {
  font-size: 12px;
  font-weight: 500;
  color: #a7a7a7;
  border: 1px solid #a7a7a7;
  padding: 3px 18px;
  border-radius: 3px;
  margin-right: 10px;
  transition: all 0.3s;
}

.innerbtns.active {
  background: #275aff;
  color: #fff;
  border: 1px solid #275aff;
}

.btWarning {
  background: #ffcc00;
  border: 1px solid #ffcc00;
  color: #14171a;
  border-radius: 5px;
  padding: 12px 24px;
  display: block;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}

.saveBtn {
  background: #275aff;
  border: 1px solid #275aff;
  color: #fff;
  font-size: 14px;
  margin: 0;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 5px;
  font-weight: 700;
}

.discardBtn {
  background: transparent;
  border: 1px solid #3c444d;
  color: #3c444d;
  font-size: 14px;
  margin: 0;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 5px;
  font-weight: 700;
}

.importBtn {
  background: #e5f0ff;
  padding: 12px 24px;
  border-radius: 5px;
  font-size: 16px;
  color: #275aff;
  font-weight: bold;
}

.modal-content {
  padding: 30px !important;
  border: none !important;
}

.modal-body {
  padding: 0 !important;
}

.custoSpc {
  padding: 12px 12px;
}

.bundleBtn {
  background: #1fb3ff;
  color: #fff !important;
  padding: 7px 16px;
  border-radius: 3px;
  font-size: 14px;
}

.updatePriceBtn {
  font-size: 14px;
  background: #275aff;
  color: #fff !important;
  border-radius: 3px;
  padding: 5px 12px;
  border: none;
}

.form-group {
  position: relative;
}

.footerBtns {
  position: absolute;
  display: inline-flex;
  align-items: center;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
}

.heading_ {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  margin: 0;
  padding: 10px 0px;
}

.subHeading {
  font-size: 20px;
  color: #14171a;
  font-weight: 400;
}

.subheading2 {
  font-size: 30px;
  color: #14171a;
  font-weight: 600;
}

.topSpace {
  margin-top: 30px;
}

.linkTxt {
  color: #275aff !important;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.highlightSmall {
  font-size: 11px;
  color: #275aff;
  font-weight: 600;
  margin: 0;
}

.titleTxt {
  font-size: 20px;
  font-weight: 600;
  color: #14171a;
}

.outStockBtn {
  background: #d33300;
  border: 1px solid #d33300;
  border-radius: 3px;
  padding: 4px 12px;
  font-size: 14px;
  color: #fff;
}

.availableTxt {
  color: #1fb3ff;
  font-family: "Maison Mono";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
}

.backBtn_ {
  background: #f5f6f7;
  font-size: 16px;
  font-weight: 600;
  border-radius: 3px;
  padding: 6px 12px;
  color: #3c444d;
  border: none;
  display: inline-flex;
  align-items: center;
}

.viewAll {
  border-radius: 3px;
  font-size: 14px;
  color: #a7a7a7 !important;
  padding: 7px 14px;
  display: inline-block;
  border: 1px solid #cfcfcf;
  background: transparent;
  margin-top: auto;
  width: auto;
}

.textInner {
  color: #c6d1dc;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.textInnerDark {
  color: #14171a;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.textinner_ {
  font-weight: 400;
  font-size: 14px;
  color: #3c444d;
  margin: 0;
}

.textInnerHead {
  font-weight: 500;
  font-size: 16px;
  color: #263682;
  font-family: "roobert_trialmedium";
}

.textInnerHead2 {
  color: #7e8ac1;
  font-size: 14px;
  margin: 0;
}

.bottomNotes {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.caretIcon {
  font-size: 15px;
  margin-left: auto;
  transition: all 0.3s;
  color: #626262;
}

.userImg {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.userImgMid {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 50%;
}

.custImg {
  width: 16px;
  height: 16px;
  object-fit: cover;
}

.customSpce {
  padding-right: 8px !important;
}

.chartsOuter {
  background: #ffffff;
  padding: 18px;
  border-radius: 20px;
  box-shadow: -1.91px 3.78px 25.48px 0px #32507f06,
    -4.95px 9.82px 80px 0px #32507f0a;
  margin: 15px 0px 0;
}
.graphImg {
  width: 100%;
  height: 100%;
}

.dropdown-item.active,
.dropdown-item:active {
  background: #f5f6fc !important;
}

.userInnerImg {
  height: 36px;
  width: 36px;
  min-width: 36px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.innerBtn_ {
  background: #275aff;
  color: #fff !important;
  padding: 6px 12px !important;
  display: inline-block;
  border-radius: 3px;
  font-size: 12px;
}

.secondryInner_ {
  background: #fcba30;
  color: #3c444d !important;
  padding: 6px !important;
  display: inline-block;
  border-radius: 3px;
  font-size: 12px;
}

.secondryInnergreen_ {
  background: #50bb87;
  color: #ffffff !important;
  padding: 6px !important;
  display: inline-block;
  border-radius: 3px;
  font-size: 12px;
}

.inActiveBtn_ {
  background: #3c444d;
  color: #fff !important;
  padding: 16px 24px !important;
  display: inline-block;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
}

.disableBtn_ {
  background: #fb466c;
  color: #fff !important;
  padding: 6px !important;
  display: inline-block;
  border-radius: 3px;
  font-size: 12px;
}

.rdt_TableHeadRow {
  color: #14171a;
  font-weight: 600;
  font-size: 14px;
}

.rdt_TableBody {
  font-family: "Montserrat", sans-serif !important;
}

/* .MbeHM {
    background-color: rgb(245 246 247) !important;
} */
.modalsaveBtn_ {
  color: #fff;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  border-radius: 5px;
  background: #275aff;
  padding: 12px;
  width: 100%;
}

.modalcloseBtn_ {
  color: #3c444d;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  border-radius: 5px;
  background: #f5f6f7;
  padding: 13px;
  width: 100%;
  margin-right: 14px;
}

/* Custom Dropdown Start */

.customDropdown {
  display: inline-block;
}

.customDropdownMenus {
  background: #fff !important;
  border: none !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
  width: 100% !important;
  min-width: auto !important;
  left: 0 !important;
  right: auto !important;
  top: 6px !important;
  padding: 6px 1px !important;
}

.customDropdownLinks {
  font-size: 12px;
  /* white-space: pre-wrap; */
  color: #14171a !important;
  font-weight: 500;
  transition: all 0.3s;
}

/* Custom Dropdown End */
/* Start Custom Table Css */
.hbotQl {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3c444d;
  font-weight: 700;
  font-family: "Maison Mono";
  font-size: 14px;
  font-family: "Maison Mono";
}

.eVPPvF {
  justify-content: center;
}

.eVPPvF:nth-child(2) {
  justify-content: start;
}

.rdt_TableCol {
  justify-content: center;
}

.rdt_TableCol:nth-child(2) {
  justify-content: start;
}

.dtqzBx div {
  overflow: visible !important;
}

/* End Custom Table Css */
.footerSec {
  display: inline-block;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: start;
}

.horizontalForms {
  position: relative;
}

.autocomplete-dropdown-container {
  background: #efeeee;
  /* padding: 10px; */
  border-radius: 5px;
  font-weight: 500;
  position: absolute;
  z-index: 999;
  width: 100%;
  height: auto;
  margin-top: 4px;
}

.autocomplete-dropdown-container div {
  background: none !important;
  padding: 10px !important;
}

.inputGroup {
  position: relative;
}

.directionArrow {
  cursor: pointer;
  color: #14171a;
}

.disable {
  opacity: 0.4;
}

.ps-30 {
  padding-left: 30px;
}

.pe-30 {
  padding-right: 30px;
}

.outerArea {
  padding: 15px 20px;
  background: #f5f6fc;
  border-radius: 20px;
  margin-bottom: 40px;
}

.rdt_TableCol_Sortable {
  justify-content: center !important;
}

.rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable {
  justify-content: Start !important;
}

.rdt_TableCell {
  text-align: center;
}

.rdt_TableCell:first-child,
.rdt_TableCell:nth-child(2) {
  text-align: start;
}

.pendingBtn_ {
  background: #3c444d;
  color: #fcba30;
  font-size: 16px;
  border-radius: 5px;
  margin: 0;
  cursor: pointer;
}

.draftsBtn_ {
  background: #f5f6f7;
  color: #3c444d;
  font-size: 16px;
  border-radius: 5px;
  margin: 0;
  cursor: pointer;
}

.actionImg {
  height: 22px;
  width: 22px;
  object-fit: contain;
  cursor: pointer;
}

.headerHeading_ {
  padding-left: 23px;
  font-size: 24px;
  font-weight: 500;
  color: #263682;
  font-family: "roobert_trialmedium";
}

.reviewBtn_ {
  border-radius: 5px;
  background: #3c444d;
  padding: 12px 16px;
  color: #fff !important;
  font-weight: 600;
}

/*------- End Common class -------*/
/*------- Start Header Css -------*/
.search_group {
  display: flex;
  align-items: center !important;
}

.mainHeader {
  padding: 17px 26px 17px 21px;
  font-family: "Montserrat", sans-serif !important;
  background: transparent;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  position: fixed;
  top: 6px;
  z-index: 3;
  width: calc(100% - 240px);
  right: auto;
  left: 240px;
}

.searchIcon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  cursor: pointer;
}
.search_group_parent {
  border-bottom: 1px solid #f5f6fc;
}

.search_group .form-control {
  background: transparent;
  border: none;
  font-size: 14px;
  color: #a7a7a7;
  padding: 0 10px;
}

.rightNav {
  margin: 0;
  display: flex;
  justify-content: end;
  align-items: center;
}

.rightNavItems {
  display: inline-block;
  margin-right: 15px;
}

.takepaymnt_btn {
  padding: 14px 24px;
}

.adminDropdown {
  background: #e4e6f2;
  border-radius: 30px;
  padding: 10px 12px;
}

#dropdownAdminButton {
  font-size: 14px;
  color: #3c444d;
  display: flex;
  align-items: center;
}

.userProfile {
  margin-left: 3px;
}

.dropdownAdminMenus {
  background: #fff !important;
  border: none !important;
  box-shadow: 0 0px 7px rgb(0 0 0 / 12%);
  width: 100%;
  min-width: auto !important;
  /* left: 0 !important; */
  right: auto !important;
  top: 15px !important;
  padding: 10px 0 !important;
  transition: opacity 0.5s ease-in 0.3s;
}

.dropdownAdminMenus .dropdown-item {
  padding: 5px 20px;
}

.dropdown-link {
  font-size: 14px;
  color: #14171a !important;
  font-weight: 400;
  display: block;
}

.userImg {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}

.nameUser {
  text-transform: capitalize;
  width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #263682;
}

.icons_ {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
}
.addNew_ {
  background: #263682;
  padding: 11px 15px;
  border-radius: 30px;
  color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.addNewTxt {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding-right: 4px;
}

.icons_plus {
  width: 20px;
  margin-left: 6px;
}

/*------- End Header Css -------*/
/*------- Start Sidebar Css -------*/
#myNav {
  bottom: 0;
  float: none;
  left: 0;
  position: fixed;
  top: 15px;
  text-align: center;
  width: 100%;
  max-width: 240px;
  background: #fff;
  border-radius: 30px;
  left: 15px;
  bottom: 15px;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
}
.sidebarProfileParent {
  padding: 12px 6px 40px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.sidebarProfileImg {
  border: 2px solid var(--Primary-P-100-Main, #e4e6f2);
  height: 45px;
  width: 45px;
  min-height: 45px;
  border-radius: 50%;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sidebarStaticMenus {
  margin: 1rem 0 4rem;
  max-height: calc(100vh - 183px);
  overflow: auto;
}

.search_group {
  background: #fff;
  padding: 2px 12px;
  border-radius: 30px;
  border: 1px solid #e4e6f2;
}
.search_group .form-control {
  color: #263682 !important;
}
.search_group .form-control::placeholder {
  color: #636e9f !important;
}
.sidebarStaticMenus::-webkit-scrollbar {
  display: none;
}

.sidbarfixedMenus {
  margin-top: auto;
  padding: 10px 0;
}
.sidbarfixedMenus li {
  list-style: none;
}
.sidbarfixedMenus .sidebarItems {
  border: none;
}

.sidebarItems {
  /* margin-bottom: 12px; */
  position: relative;
  transition: all 0.5s;
  text-align: start;
  border-left: 0;
  border-right: 0;
  /* padding: 13px 0px; */
  /* margin: 0px 12px; */
  border-radius: 20px;
}

.sidebarLinks.show {
  font-weight: bold !important;
  color: #275aff;
}

.sidebarLinks.show .caretIcon {
  transform: rotate(90deg);
}

.sidebarLinks {
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #3c444d;
  transition: all 0.3s;
  font-family: "Maison Mono";
  padding: 10px 15px;
  transition: all 0.3s;
  /* border-left: 3px solid transparent; */
}

.sidebarLinks img {
  margin-right: 18px;
  width: 24px;
  height: 24px;
  object-fit: contain;
  object-position: center;
}

.sidebarItems.active .hoverImg {
  display: block;
}

.sidebarDropMenus {
  position: relative !important;
  transform: none !important;
  border: none !important;
  transition: all 0.3s;
  background: #fafbfd !important;
}
.dropdown-menu.sidebarDropMenus.show {
  background-color: #f5f6fc;
  border-radius: 0 0 20px 20px;
}
.sidebarInnerItems .sidebarInnerLink {
  padding: 11px 15px !important;
  color: #8d99d2;
  font-size: 14px;
  font-weight: 400;
  font-family: "roobert_trialregular";
  display: flex;
  align-items: center;
}
.sidebarInnerItems .sidebarInnerLink:hover {
  color: #263682 !important;
  text-decoration: underline !important;
  text-underline-offset: 5px;
}

.sidebarInnerLink svg {
  margin-right: 18px;
  width: 24px;
}

.sidebarInnerLink.active {
  background: transparent !important;
  color: #263682 !important;
  font-weight: 500;
  font-family: "roobert_trialmedium";
  text-decoration: underline !important;
  text-underline-offset: 5px;
}

.sidebarInnerLink.active .svg {
  height: 7px;
}

.sidebarInnerLink.active .circledot {
  fill: #263682;
}
/******************/
.menusTxt {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--Neutrals-N-400, #8d99d2);
}
.dropdown .active {
  color: var(--Primary-P-600-Main, #263682);
}
.dropdown.active {
  background: var(--Surfaces-S-Soft-Surface, #f5f6fc);
}
.sidebarItems .menusTxt {
  color: #8d99d2 !important;
  font-family: "roobert_trialregular";
}
.sidebarItems.active .menusTxt {
  color: #263682 !important;
  font-family: "roobert_trialmedium";
}
.sideArrowImg {
  margin: 0px !important;
  padding: 0px !important;
}
.LogoutOption {
  font-size: 16px;
  font-weight: 500;
  color: #263682;
}

/*------- End Sidebar Css -------*/
/*=============== Start RightWrapper Css ===============*/
.wrapper {
  background: #f5f6fc;
}
.rightdashboard_ {
  width: calc(100% - 248px);
  margin-left: 248px;
  padding: 15px 11px;
}

.rightWrapper {
  background: #f5f6fc;
  border-radius: 15px;
}

.headcontentNav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.headArrow {
  background: #fff;
  padding: 9px 13px;
  font-size: 12px;
  border-radius: 5px;
  margin-right: 6px;
}

/* Start UserRoles Css */
.tableDropdownMenus {
  background: #fff;
  border: none !important;
  box-shadow: 4px 4px 8px rgb(0 0 0 / 10%);
  cursor: pointer;
  border-radius: 10px;
}

.tableDropdownMenus li {
  cursor: pointer;
  display: block;
  cursor: pointer;
  font-size: 12px;
  color: #263682 !important;
}
.tableDropdownMenus.menus_ li {
  cursor: pointer;
  display: block;
  cursor: pointer;
  font-size: 16px;
  color: #263682 !important;
}

/* End UserRoles Css */
/* Start BankCardList Css */
.cardListContainer {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 15px;
}

/* End BankCardList Css */
/* Start Plans Css */
.backContainer {
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  /* height: calc(100vh - 180px); */
}

.plansItems {
  border: 2px dashed #dfdfdf !important;
  padding: 15px;
  border-radius: 10px !important;
  margin-bottom: 15px;
}

.plansItems.active {
  background: #f5f6f7;
}

.borderCircle {
  background: #f5f6f7;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px dashed #d8d8d8;
  overflow: hidden;
  cursor: pointer;
}

.filled {
  border: 1px dashed #275aff !important;
  background: #e5f0ff !important;
}

.filled .borderCircle::after {
  position: absolute;
  left: 7px;
  content: "";
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  border-radius: 2px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.filled .borderCircle {
  background: #275aff;
  border: 1px solid #275aff;
}

.pickPlanContainer {
  background: #3c444d;
  color: #fff;
  padding: 15px 30px;
  border-radius: 10px;
  position: absolute;
  top: 67px;
  z-index: 99;
  right: 11px;
  width: calc(100% - 262px);
}

.pickPlanDes {
  font-size: 14px;
  line-height: 20px;
}
.editEmailrVerify_ {
  display: inline-block;
  width: 100%;
  padding: 50px 10px 20px;
  justify-content: space-between;
}

.modalHeading_New {
  color: #14171a;
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  cursor: pointer;
}

.pickBtn {
  font-size: 14px;
  background: #1af9ff;
  color: #275aff;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 8px;
}

.backContainer {
  border-radius: 10px !important;
}

.accordion-button:focus,
.accordion-button:not(.collapsed) {
  background: none !important;
  box-shadow: none !important;
}

.scalePlans .accordion-body,
.scalePlans .accordion-button {
  padding: 0;
  background: none !important;
}

.plansContainer .accordion-body {
  margin-left: 35px;
}

.plansItems .accordion-button::after {
  display: none;
}

.plansItems .accordion-button {
  align-items: flex-start;
}

.moreExport .accordion-button img {
  width: 24px;
  height: 24px;
  object-fit: scale-down;
}

/* End Plans Css */
/* Start PlansModal Css */
#pickPlan .modal-header {
  justify-content: center;
  padding-top: 0;
  border: 0;
}

#pickPlan .heading_ {
  color: #275aff;
}

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

.plansBtns {
  background: #f5f6f7;
  font-size: 12px;
  padding: 9px 18px;
  margin-right: 20px;
  border-radius: 3px;
  transition: all 0.3s;
}

.plansBtns.active {
  background: #275aff;
  color: #fff;
}

.planAmount {
  font-size: 24px;
  color: #3c444d;
  margin-bottom: -6px;
  font-family: "Maison Mono";
}

.plansDetailsContainer {
  padding: 30px 30px 0;
  box-shadow: 0px 5px 16px rgb(0 0 0 / 5%);
  border-radius: 10px;
}

.appIncludedInputs {
  margin-bottom: 15px;
}

.getStarted {
  padding: 12px 24px;
  width: 100%;
  border-radius: 5px;
  background: #1fb3ff;
  color: #fff;
  font-size: 14px;
}

.otherItems {
  margin-bottom: 16px;
}

.otherItems img {
  margin-right: 10px;
}

.standardPlan .innerHeadingSky {
  color: #275aff;
}

.standardPlan .getStarted {
  background: #275aff;
}

.premiumPlan .innerHeadingSky {
  color: #3c444d;
}

.premiumPlan .getStarted {
  background: #3c444d;
}

/* End PlansModal Css */
/* Start DocumentCollection Css */
.form_horizontalGroup {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}

.birth {
  background-image: url(../images/calendar.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 10% 38%;
  height: 100%;
  cursor: pointer;
}

.checkboxInputs {
  margin-right: 30px;
}

.staticBtn:hover {
  background: #275aff;
  color: #fff;
  transition: 1s;
}

.checkboxGroup {
  display: flex;
}

/* End DocumentCollection Css */
/* Start RequestKYC Css */
.fa-sync-alt {
  color: #14171a;
  font-weight: 600;
}

/* End RequestKYC Css */
/* Start ID Verification Css */
.uploadedArea {
  border: 2px dashed #d8d8d8;
  border-radius: 10px;
  padding: 60px 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.upload-cnt {
  font-size: 16px;
  font-weight: 600;
  color: #14171a;
}

.dropzone {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  height: 100%;
}

.uploadedImg {
  width: 170px;
  height: auto;
  object-fit: contain;
}

/* End ID Verification Css */
/* Start AddBankAccount Css */

.updatedSuccessfully {
  text-align: center;
  margin-top: 40px !important;
}

.checkmark-circle {
  background: #1fb2ff;
  display: inline-block;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  /* text-align: center; */
  position: relative;
}

.checkmarkCircleIcon {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0%, -60%) rotate(45deg);
  left: 25px;
  width: 20px;
  height: 40px;
  border: solid #fff;
  border-width: 0px 5px 5px 0;
}

.addBankAccount .backContainer {
  border-radius: 10px !important;
  display: flex;
  flex-direction: column;
  /* height: ca;
    height: calc(100vh - 180px); */
}

.accountDetails {
  background: #fff;
  box-shadow: 0 0 10px 0px rgb(0 0 0 / 20%);
  padding: 22px;
  border-radius: 10px;
  position: relative;
}

.businesstypeBtn_ {
  top: 12px;
  right: 8px;
  position: absolute !important;
}

/* End AddBankAccount Css */
/* Start BusinessRegistration Css */
select:invalid {
  color: grey !important;
  /* font-style: italic; */
  font-size: 14px !important;
  color: #626262 !important;
  font-weight: 400;
}

.findProductForm select:valid {
  font-weight: bold;
}

/* End BusinessRegistration Css */
/* Start Payments Css */
.paymentTypeIcon {
  width: 60px;
  height: 48px;
  object-fit: contain;
}

.paymentContainer {
  background: #fff;
  padding: 20px !important;
}

.paymentArea {
  border: 1px solid #d8d8d8;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 24px;
}

/* Start ToggleSwitch Css */
.form-switch {
  padding-left: 0 !important;
}

.form-switch input[type="checkbox"] {
  position: relative;
  width: 48px;
  height: 27px;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  border-radius: 2rem;
  cursor: pointer;
  border: 2px solid #626262;
}

.form-switch input[type="checkbox"]::before {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  left: -3px;
  transition: 0.5s;
  border: 2px solid #626262;
}

.form-switch input[type="checkbox"]:checked::before {
  transform: translate(100%, -50%);
  background: #fff;
  border: none;
  border: 2px solid #fff;
}

.form-switch input[type="checkbox"]:checked {
  background: #275aff;
  border: 2px solid #275aff;
}

/* End ToggleSwitch Css */
.paymentPoints {
  padding-inline-start: 20px !important;
}

.paymentPoints li {
  list-style: disc !important;
  font-size: 14px;
}

.paymentPoints li::marker {
  color: #14171a8c;
  font-size: 10px;
}

.paymentTypeMenus {
  margin: 16px 0;
  background: #f5f6f7;
  padding: 10px 20px !important;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  display: flex;
  overflow: auto;
  width: 100%;
  max-width: 811px;
  flex-wrap: nowrap;
}

.paymentTypeItems {
  margin-right: 8px;
}

.paymentTypeItems img {
  width: 78px;
  height: 52px;
  object-fit: contain;
}

/* End Payments Css */
/* Start SetupAddress Css */
.businessDetails {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 10px 20px;
  margin-bottom: 15px;
}

.IconPin {
  border: 1px solid #d8d8d8;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  height: 40px;
  width: 40px;
  justify-content: center;
}

.businessDetails .form-switch input[type="checkbox"] {
  width: 24px;
  height: 13px;
}

.businessDetails .form-switch input[type="checkbox"]::before {
  width: 10px;
  height: 10px;
  top: 50%;
  left: -1px;
}

.addAddress .form_horizontal {
  height: calc(100vh - 180px);
  overflow-y: auto;
  overflow-x: hidden;
}

.addAddress .form_horizontal::-webkit-scrollbar {
  display: none;
}

/* End SetupAddress Css */
/* Start PickAddress Css */
.deliveryTypeContain {
  display: flex;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 20px 10px;
  cursor: pointer;
  transition: all 0.3s;
}

.deliveryTypeContain.active {
  background: #f4f9ff;
  border: 1px solid #1fb3ff;
}

.paymentTypeIcon.activeImg {
  display: none;
}

.deliveryTypeContain.active .paymentTypeIcon {
  display: none;
}

.deliveryTypeContain.active .paymentTypeIcon.activeImg {
  display: block !important;
}

.fieldGroup {
  position: relative;
}

.fieldGroup .primaryBtn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0%, -50%);
}

/* End PickAddress Css */
/* Start DeliveryAddress Css */
.locationForm_ .form-group .deatilsHead {
  font-size: 16px;
  color: #3c444d;
}

.orderPickup__ {
  border-radius: 10px;
  border: 1px solid #f5f6f7;
  padding: 16px;
}

#SetUpAddress .modal-header {
  padding: 0 0 26px;
}

#DeliveryModal .modal-header {
  padding: 0 0 26px;
}

#DeliveryModal .modal-content {
  background: #f5f6f7;
}

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

.rangeouter_ {
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  background: #fff;
  display: flex;
  width: 100%;
  padding: 27px !important;
  align-items: center;
}

.leftlocateicon_ .locateiconn_ {
  width: 36px;
}

.leftlocateicon_ {
  width: 90px;
}

.rangeRight_ {
  display: inline-block;
  width: 100%;
  padding: 6px 0 10px;
}

.rangeRight_ .commonsmallgeryHead_ {
  text-transform: initial;
  font-size: 14px;
}

.rangeRight_ .title {
  font-size: 16px;
  font-weight: 700;
}

.deliveryAddress .deatilsHead {
  font-family: "Montserrat";
}

#DeliveryModal .deatilsHead {
  font-family: "Montserrat";
}

.formdelivery_ {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  height: calc(50vh - 60px);
  overflow-y: scroll;
}

#DeliveryModal .modal-body {
  overflow-y: initial !important;
  overflow: initial;
}

.monsitallic {
  color: #626262;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

.checkdefault_ {
  border-radius: 10px;
  background: #f5f6f7;
  padding: 16px;
}

/* End DeliveryAddress Css */
/* Start DropOff Css */
.userProfileContainer {
  border: 1px solid #275aff;
  border-radius: 5px;
  padding: 11px 20px;
  max-width: 624px;
  cursor: pointer;
}

.addDriver {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.addDriver .linkTxt {
  font-weight: 600;
}

#addDriverModal .modal-body {
  text-align: center;
}

#addDriverModal .modal-content {
  padding: 8rem 70px !important;
}

/* End DropOff Css */
/* Start DropOff-Location Css */
.businessChekbox .checkboxInputs {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.checkBox:checked + .checkBoxTxt:before {
  background-color: #d7deff;
  box-shadow: none;
}

.checkBoxTxt:before {
  border: 1px solid #d8d8d8;
}

.checkBox:checked + .checkBoxTxt:before {
  border: 1px solid #4659b5;
}

/* End DropOff-Location Css */
/* Start FindProductModal Css */
#findProduct .modal-content {
  padding: 30px 0 !important;
}

#findProduct .modal-header {
  padding: 24px;
}

.findProductModal {
  padding: 0 60px 15px;
  margin-top: 0;
}

/* End FindProductModal Css */
/*--------- Start WalletPage Css ---------*/
/* Start WalletPage Css */
.centeredLoader {
  display: none;
}

.prop_span {
  display: block;
  font-size: 12px;
  color: #8e8a8a;
}

.arrow_icon i {
  color: #b3b1b1;
}

.transection_datatable .rdt_TableHeadRow {
  background-color: #fff;
  border-top: none;
}

.withdraw_btn img {
  width: 18px;
  margin-left: 5px;
}

.withdraw_btn {
  background: #ffffff;
  border: 1px solid #275aff;
  border-radius: 5px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #275aff;
  padding: 10px 20px;
  display: inline-block;
  margin-top: 5px;
}

.notificationBoard {
  background: #fff;
  padding: 30px 12px 30px 12px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 248px);
  justify-content: center;
}

.datanotify {
  background: #fff;
  border-radius: 5px;
  margin-top: 14px;
  padding: 10px;
  max-height: 244px;
  display: flex;
  align-items: center;
  height: 100%;
}

.no-datashown {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.no-datashown p {
  color: #bebebe;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 0;
}

.icons_bell {
  filter: brightness(0.9);
}

.notificationDetails {
  margin: 0;
  margin-top: 12px;
}

.notificationItems {
  padding: 10px;
  border-bottom: 1px solid #efefef;
}

.notificationBoard .mainboldHead {
  font-family: "Maison Mono";
}

.notificationTxt {
  font-size: 14px;
  color: #14171a;
  font-weight: 500;
}

.hightlightSmall {
  font-size: 15px;
  color: #275aff;
  font-weight: 600;
}

.notificationBoard .viewAll {
  width: 100%;
  max-width: 30%;
}

.showed .hightlightSmall {
  color: #14171a !important;
  font-weight: 500;
}

.availableBlnc {
  background: #f5f6f7;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 30px;
  display: inline-block;
  width: 100%;
}

/* End Wallet Css */
/*--------- End WalletPage Css ---------*/
/*=========Start ProductPage =========*/
/*----- Start ProductsLayout Css -----*/
.productTopStickyHeader_ {
  /* background: #fff; */
  background: #f5f6fc !important;
  padding: 23px 45px;
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  right: auto;
  /* left: 240px; */
}

.productTopStickyHeader_ .staticOtherkBtn,
.productTopStickyHeader_ .primaryBtnOuter {
  padding: 6px 12px;
}

/* .productSidebar #myNav {
    top: 60px;
} */

/* #myNav {
  overflow: auto;
} */

#myNav::-webkit-scrollbar {
  display: none;
}
#myNav .sidebarMenus {
  height: calc(100vh - 250px);
  overflow: auto;
  margin-bottom: 0;
}

.sidebarMenus .accordion-button.collapsed {
  background-color: #fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
.sidebarMenus .accordion-header .accordion-button.collapsed {
  color: #8d99d2 !important;
}
.sidebarMenus .accordion-button {
  background: #e4e6f2 !important;
  color: #263682 !important;
  border-radius: 20px 20px 0 0 !important;
  padding: 20px 18px;
}
.sidebarMenus .accordion-button:not(.collapsed)::after {
  background-image: url("../images/blueDownArrow.svg") !important;
  transform: rotate(0deg) !important;
  transition: all 0.5s;
}

.sidebarMenus .accordion-button.collapsed::after {
  background-image: url("../images/sideArrow.svg") !important;
}
.accordion-collapse.collapse.show {
  background-color: #f5f6fc;
}
.accordionInnerMenus {
  list-style: none !important;
}
.accordion-body {
  padding-top: unset !important;
  padding-bottom: unset !important;
}

.productSidebar .accordion-item {
  border: 0;
}

/*--- Start InnerAccordionMenus Css ---*/
.accordionInnerMenus {
  margin: 0 !important;
  padding: 0px !important;
  text-align: start;
}

.accordionInnerItems {
  padding: 11px 0;
}

.accordionInnerItems:last-child {
  margin-bottom: 0px;
}

.accordionInnerLinks {
  color: #8d99d2 !important;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.accordionInnerLinks:hover {
  color: #263682 !important;
}

.accordionInnerLinks.active {
  color: #263682 !important;
}

.brandFilter .searchWrapper {
  background: transparent;
  font-size: 12px;
  border: none;
  padding: 0px 5px !important;
}

#search_input {
  margin: 0;
}

.multiSelectContainerArea {
  position: relative;
}

.multiSelectContainerArea .searchBarIcon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translate(0%, -50%);
}

.multiSelectContainerArea ul {
  border: 1px solid #ebebeb !important;
  border-radius: 4px;
  display: block;
  margin: 0;
  max-height: 250px;
  overflow-y: auto;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  margin: 6px !important;
}

.multiSelectContainer li:hover {
  background: #f5f6f7 !important;
  color: #3c444d !important;
}

.multiSelectContainer li {
  margin-bottom: 7px;
  padding: 6px;
  cursor: pointer !important;
  display: flex;
  align-items: center;
}

.optionContainer img {
  height: 42px;
  width: 42px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 6px;
}

.multiSelectContainerArea .search-wrapper .chip {
  display: none;
}

/*--- End InnerAccordionMenus Css ---*/
/* Start ProductRightWrapper Css */
.smokeContainer {
  display: flex;
  align-items: center;
  border: 2px solid #efefef;
  padding: 6px 13px;
  border-radius: 7px;
  text-align: left;
  cursor: pointer;
}

.productActive {
  border-color: #275aff;
}

.smokeDetails {
  display: flex;
  align-items: center;
}

.smokeDetails .resultProductImg {
  width: 80px !important;
  height: 80px;
  object-fit: cover;
}

.moveDetails {
  height: 72px;
  margin-left: auto;
  display: flex;
  align-items: center;
  padding: 9px;
  border-radius: 5px;
}

/* End ProductRightWrapper Css */
/* Start AddProductPage Css */
.addProductContainer {
  /* padding: 30px; */
  border-radius: 10px;
  background: #fff;
}

.addUploadProduct {
  width: 100%;
}

.inputfile-box {
  text-align: center;
  background: #f5f6fc;
  border-radius: 10px;
  cursor: pointer;
  height: 130px;
  min-height: 130px;
  min-width: 305px;
  /* width: 170px; */
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  border: 2px dashed #b6c2ff;
  border-radius: 10px;
}

.inputfile-box label {
  cursor: pointer;
}

.file-button .beforeUpload {
  width: 100%;
  max-width: 36px;
  margin-bottom: 20px;
  position: relative;
}

.file-button-txt {
  display: inline-block;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #494f5a;
}

.file-button i {
  font-size: 30px;
  padding: 22px;
}

.file-button .linkTxt {
  font-size: 12px;
}

.fillUploadedFrames {
  border-radius: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 130px;
  min-height: 130px;
  overflow: hidden;
  background: #f7f9ff;
  cursor: pointer;
  position: relative;
  min-width: 120px;
  width: 20%;
  /* max-width: 120px; */
}

.fillUploadedFrames.imgUploaded {
  border: 0;
}

.fillUploadedFrames .uploadedImage {
  width: 100%;
  height: 100%;
  object-fit: fill;
  filter: brightness(0.8);
}

.fillUploadedFrames.imgUploaded .subtextSmall_ {
  color: #fff !important;
}

.fillUploadedFrames .subtextSmall_ {
  position: absolute;
  bottom: 10px;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 100%;
}

.selectionArea {
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  max-height: 200px;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
  transform: scale(1);
}

.selectionArea.active {
  border: 2px solid #f4800b;
  transform: scale(0.9);
}

.selectionImg {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 50%;
}

.removeSelect {
  background: red;
  display: block;
  height: 26px;
  width: 28px;
  position: absolute;
  top: 0;
  z-index: 1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0px;
  cursor: pointer;
}

.removeSelectVariant {
  background: red;
  display: block;
  height: 26px;
  width: 28px;
  z-index: 1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0px;
  cursor: pointer;
}

.discountTab {
  width: max-content;
  display: flex;
  position: absolute;
  top: 18px;
  right: 18px;
}
.discountTabList {
  background: var(--Primary-P-100-Main, #e4e6f2);
  border-radius: 30px 0 0 30px;
  width: 30px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #263682;
  font-size: 12px;
  font-weight: 500;
}
.discountTabListTwo {
  border-radius: 0 30px 30px 0;
}
.discountTabList.active {
  background-color: #263682;
  color: #fff;
}
.productStockBox {
  border: 1px solid var(--Neutrals-N-100, #d7deff);
  padding: 15px;
  border-radius: 15px;
  margin-top: 20px;
}
.productStockBox_Inner {
  display: flex;
  align-items: center;
  gap: 96px;
}
.productOptionInner {
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: 20px;
}
.productOptionInner .fa-bars {
  color: #263682;
  font-size: 18px;
}
.productOption_InnerBox {
  border: 1px solid var(--Neutrals-N-100, #d7deff);
  padding: 18px;
  border-radius: 50px;
  width: 100%;
}
.variationsParent.productAvailabilityChild .form-group label:before {
  border: 1px solid #8d99d2;
}
.variations_GroupParent .commonSelect {
  padding: 11px 45px 11px 18px;
  font-size: 16px;
  background-position: calc(100% - 15px) calc(1em - 8px),
    calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 16px 31px, 5px 5px, 2.5em 2.5em;
}
.productVariantsTable {
  margin-top: 24px;
}
.productVariantsTable table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
}
.productVariantsTable table th {
  font-size: 12px;
  font-weight: 500;
  color: #7e8ac1;
  font-family: "roobert_trialmedium";
  padding: 8px 15px;
}
.productVariantsTable table th:nth-child(2) {
  min-width: 120px;
  max-width: 250px;
}

.productVariantsTable table td {
  font-size: 12px;
  font-weight: 500;
  color: #263682;
  font-family: "roobert_trialmedium";
  border: 1px solid #e4e6f2;
  border-left: unset;
  border-right: unset;
  padding: 8px 15px;
}
.productVariantsTable table td:first-child {
  border-left: 1px solid #e4e6f2;
  border-radius: 15px 0 0 15px;
}
.productVariantsTable table td:last-child {
  border-right: 1px solid #e4e6f2;
  border-radius: 0 15px 15px 0;
}
.productVariant_Input {
  background: var(--Primary-P-50-Main, #f5f6fc);
  border: 1px solid #e4e6f2;
  border-radius: 6px;
  padding: 8px;
  font-size: 12px;
  font-weight: 400;
  color: #263682;
  text-align: center;
}
.variationsParent.productAvailabilityChild
  .form-group
  input:checked
  + label:after {
  top: 5px;
}
.manageStockBtn {
  font-size: 16px;
  font-weight: 400;
  color: #263682;
  background: var(--Primary-P-100-Main, #e4e6f2);
  border: none;
  padding: 12px 16px;
  border-radius: 30px;
  display: flex;
  align-items: center;
}
/* End AddProductPage Css */

/* Start ProductDetailsInfo */
.productDetailsContainer {
  /* background: #fff; */
  padding: 40px 0 0;
  /* border-radius: 10px; */
  /* border: 1px solid #d8d8d8; */
}

.infoIcon {
  width: 12px;
  max-width: 12px;
  height: 12px;
  object-fit: contain;
  object-position: center;
}

.customInput {
  padding: 19px 24px;
  background: none;
  border: 1px solid #d7deff;
  border-radius: 50px;
  width: 100%;
  font-size: 18px;
  color: #263682;
  box-shadow: -4.95px 9.82px 80px 0px #32507f0a;
  font-weight: 400;
  font-family: "roobert_trialregular";
}
.customTextarea {
  border-radius: 15px;
}
.customInput::placeholder {
  /* font-size: 18px; */
  color: #636e9f;
}

.productCategoryArea {
  background: #efefef;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  padding: 15px;
}

/* End ProductDetailsInfo  */
/* Start CkEditor Css */
#cke_editor2 {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  overflow: hidden;
}

/* End CkEditor Css */
/* Start AddOptions Css */
.addOptions {
  width: 100%;
  padding: 24px;
  border-radius: 10px;
  background: transparent;
  border: 1px solid #d8d8d8;
  color: #275aff;
  font-weight: bold;
  font-size: 14px;
}

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

#addOptions .modal-header {
  padding: 0;
  border: 0;
  margin-bottom: 30px;
}

.addOptionsBtn {
  background: #14171a;
  color: #1af9ff;
  padding: 8px 12px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  font-size: 24px;
}

.optionContainers {
  background: #3c444d;
  padding: 15px;
  border-radius: 0 10px 10px 10px;
}

.optionSelectArea {
  display: flex;
  width: 100%;
  border-radius: 5px;
  /* overflow: hidden; */
  background-color: #fff;
  width: 100%;
  padding: 1px;
}

.optionSelectArea .subtextDark_ {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  background: #f5f6f7;
  /* white-space: nowrap; */
  width: 100%;
  max-width: 35%;
}

.selectInputs {
  position: relative;
  width: 100%;
  padding: 10px;
  border-left: 1px solid #d8d8d8;
}

.selectInputs input {
  width: 100%;
  border: none;
}

.multiselectArea {
  width: 100%;
  border-left: 1px solid #d8d8d8;
}

.multiselectArea .searchWrapper {
  background: #fff;
  border-radius: 0;
}

.multiselectArea #search_input {
  font-size: 14px;
}

.multiselectArea .chip {
  align-items: center;
  background: none;
  border-radius: 11px;
  color: #14171a;
  display: inline-flex;
  font-size: 14px;
  line-height: normal;
  margin: 0;
  padding: 0;
  font-weight: 600;
  margin-right: 10px;
}

.multiselectArea .chip .closeIcon {
  filter: brightness(0.2);
}

.multiselectArea .optionListContainer {
  margin-top: 8px;
}

.addBtn {
  background: transparent;
  color: #9da1a6;
  font-weight: 700;
  font-size: 14px;
  border: 1px solid #9da1a6;
  padding: 12px 23px;
  display: inline-block;
  border-radius: 5px;
}

.variantBtnsGroup {
  background: #3c444d;
  /* padding: 0 5px; */
  border-radius: 5px 5px 0 0 !important;
  overflow: hidden;
}

.variantBtns {
  background: #3c444d;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  font-family: "Maison Mono";
  margin: 0;
  padding: 13px 64px !important;
  border-right: 1px solid #fff;
}

.variantBtnsGroup .addOptionsBtn {
  border-radius: 0;
}

.customTableHead {
  color: #3c444d;
  font-size: 14px;
  font-family: "Maison Mono";
  font-weight: 700;
}

.customBody {
  vertical-align: initial !important;
}

.customTable tr {
  border-bottom: 1px solid #d8d8d8;
}

.customTableHead,
.customTableData {
  text-align: center;
}

.borderContainer {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  display: inline-block;
  padding: 10px !important;
}

.borderContainer input {
  max-width: 100px;
  border: none;
}
.colorPickerParent {
  border-radius: 20px;
  min-height: 87px;
  padding: 12px 18px;
}
.showcolorBox {
  background: var(--Primary-P-100-Main, #e4e6f2);
  padding: 5px 11px 5px 4px;
  border-radius: 30px;
  display: flex;
  gap: 10px;
  align-items: center;
  width: max-content;
}
.selectedColor {
  border-radius: 50%;
  background-color: black;
  height: 24px;
  width: 24px;
}
.pressEnterTxt {
  color: #7e8ac1;
  font-size: 14px;
  font-weight: 400;
}
/* End AddOptions Css */
/* Start Varients Css */
.variantBtn {
  display: flex;
  align-items: center;
}

.variantItems:first-child {
  border-radius: 8px 0 0 8px;
  width: 100%;
  max-width: 24%;
}

.variantItems:last-child {
  border-radius: 0 8px 8px 0;
}

.variantTables {
  border-collapse: separate;
  border-spacing: 0 7px;
}

.variantTables tbody {
  vertical-align: initial !important;
}

.variantItems {
  border: 1px solid #d8d8d8;
  border-right: none;
  padding: 3px;
}

.variantItems:last-child {
  border-right: 1px solid #d8d8d8;
}

.variantItems .crossIcon {
  font-size: 17px;
}

.galleryCircle {
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  cursor: pointer;
}

.galleryCircle img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  cursor: pointer;
}

.file-input__input {
  opacity: 0;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

/* End Varients Css */
/* Start JobrB2B Tab Css */
.priceContainerArea {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 20px 14px;
  cursor: pointer;
  transition: all 0.3s;
  height: 100%;
}

.priceContainerArea.active {
  border: 1px solid #275aff;
  background: #f4f9ff;
}

/* End JobrB2B Tab Css */
/* Start ProductAvailability Css */
.productToggleMenus {
  margin: 0;
}

.productToggleItems {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.productToggleItems:last-child {
  margin-bottom: 0;
}

.productToggleItems .form-switch input[type="checkbox"] {
  width: 36px;
  height: 20px;
}

.productToggleItems .form-switch input[type="checkbox"]::before {
  width: 20px;
  height: 20px;
}

.productToggleItems .form-switch input[type="checkbox"]:checked::before {
  left: -6px;
}

/* End ProductAvailability Css */
/* Start AddAttributes Css */
/* #addAttributesModal .modal-content {
    padding: 30px 0 !important;
}

#addAttributesModal .modal-header {
    padding: 13px 30px !important;
} */

.addAttributesModal {
  padding: 30px 30px 0px 30px;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 255px);
  overflow: auto;
}

.labelBtn {
  border-radius: 5px 0 0 5px;
  padding: 0 10px;
  text-align: start;
}

.addAttributesModal .inputLable {
  border-radius: 0 5px 5px 0;
}

.addAttributesModal .primaryBtnOuter {
  padding: 16px 28px !important;
}

.viewIcon {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 2;
  display: block;
}

.attributesListItems {
  border-bottom: 1px solid #f5f6f7;
  padding: 10px 0;
  display: flex;
}

/* End AddAttributes Css */
/* Start ShippingPickup Css */
.dimensionsGroup {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 13px 0px !important;
  align-items: center;
  background: none;
  border: 1px solid #d7deff;
  border-radius: 50px;
  width: 100%;
  font-size: 18px;
  color: #636e9f;
  box-shadow: -4.95px 9.82px 80px 0px #32507f0a;
}

.dimensionsGroupItems {
  border-right: 1px solid #d8d8d8;
  padding: 0 19px;
}

.dimensionsGroupItems:last-child {
  border: none;
}

.dimensionsGroupItems .form-control {
  background: none;
  line-height: 0 !important;
  padding: 0;
  border: 0;
}

/* End ShippingPickup Css */
/*----- End ProductsLayout Css -----*/
/*--------- Start MyProducts Css ---------*/
.columsGrid .rdt_TableBody {
  display: grid;
  grid-template-columns: 4fr 4fr 4fr 4fr;
  grid-gap: 0px;
}

.brandListmain_ .rdt_Table .rdt_TableRow {
  background: transparent;
  border-bottom: none;
}

.brandListmain_ .columsGrid .rdt_TableBody {
  grid-template-columns: 4fr 4fr 4fr 4fr;
}

.brandListmain_ .rdt_Table {
  background: transparent;
}

.brandListmain_ .rdt_TableHeadRow {
  border-bottom: none;
  min-height: auto;
}

/* .productList .topHeader_ {
    margin-bottom: 51px;
} */
.categoryListview.brandNewlist_ {
  margin-top: 39px;
}

.productListTab {
  text-align: right;
  /* padding: 11px 0;
    border-bottom: 1px solid #D8D8D8; */
}

.productListTab .plansBtns.active {
  background: #275aff;
  color: #fff;
  padding: 6px;
}

.productListTab .plansBtns {
  margin-right: 0;
  padding: 6px;
}

.productList .plansBtns {
  padding: 6px;
  margin-right: 6px;
}

.productListTab .plansBtns.active .hideImage {
  display: none;
}

.productListTab .plansBtns.active .showImage {
  display: block;
}

.productListTab .plansBtns .showImage {
  display: none;
}

.productListTab .plansBtns .hideImage {
  display: block;
}

.productViewCard {
  padding: 18px;
  background: #ffffff;
  box-shadow: 0px 8px 16px rgb(0 0 0 / 5%);
  border-radius: 10px;
  text-align: center;
}

.productViewHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5px 0;
}

.productHeading {
  font-weight: 600;
  margin-bottom: 0;
  line-height: 28px;
  font-size: 18px;
}

.productViewHead img {
  cursor: pointer;
}

.productCategory {
  margin-bottom: 0;
}

.productCategory li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
}

.productDetialsHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #d8d8d8;
}

.productDetialsHead .termseditBtn {
  padding: 6px 15px;
}

/* #myProductDetails .modal-content {
    padding: 30px !important;
} */

.productBrand {
  background: #efefef;
  border-radius: 10px;
  padding: 10px 15px;
  margin: 19px 0 30px;
}

.productBrand .textInnerHead {
  margin-bottom: 10px;
}

.productBrand .textInnerHead:last-child {
  margin-bottom: 0px;
}

.productDetialsView .mainlightHead {
  font-weight: 400;
}

.productSelling ul {
  margin-left: 15px;
}

.storeHeading {
  color: #275aff;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}

.productSellingList li {
  margin: 10px 0;
}

.sellingTable th {
  padding: 5px 25px;
}

.sellingTable td {
  padding: 5px 25px;
  font-size: 14px;
  color: #14171a;
}

.optionInner {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.optionInner .optionList {
  display: inline-block;
  width: 100%;
  padding: 10px;
  border-right: 1px solid #d8d8d8;
  line-height: 24px;
}

.optionInner .optionList:last-child {
  border-right: 0px;
}

.optionImg {
  display: flex;
  align-items: center;
}

.optionInner .optionList:first-child .textinner_ {
  font-weight: 600;
}

.productDetialsRight .innerStore {
  font-size: 12px;
  margin-left: 15px;
  margin-top: 5px;
}

.productDetialsRight .mainlightHead {
  font-weight: 400;
}

.productDetialsRight .textInnerHead2 {
  font-weight: 600;
}

.productAttibute .productHeading {
  font-weight: 400;
  font-size: 13px;
  line-height: 0;
}

.productAttibute .mainlightHead {
  font-weight: 500;
  font-size: 12px;
  color: #000000;
}

.productImage {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 30px;
}

.varientsInner .checkBoxTxt {
  font-size: 14px;
  font-weight: 400;
}

.varientBtn .primaryBtn {
  font-weight: 400;
  font-size: 13px;
  padding: 6px 12px;
}

.varients .optionList:last-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.optionList .optionAction {
  display: flex;
  align-items: center;
}

.optionList .optionAction img {
  cursor: pointer;
}

.listAreaContainer {
  margin-top: 15px;
}

.backArrowImg_ {
  cursor: pointer;
  color: #263682;
}

.productOption td {
  vertical-align: middle;
}

/*Start My Product Css*/
.plusIcon_ {
  background: #fff;
  border-radius: 4px;
  color: #275aff;
  text-align: center;
  display: inline-block;
  padding: 3px 3px 3px;
  font-size: 11px;
  font-weight: 800;
  line-height: 0;
  margin-right: 4px;
}

.weekDropdown {
  display: inline-block;
  text-transform: capitalize;
}

.weekDropdownMenus {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 20px 30px #0000001a;
  border-radius: 10px !important;
  font-size: 12px !important;
  min-width: 101px !important;
  width: 100%;
  border: none !important;
  padding: 8px 0 !important;
}

.cateSelectd {
  font-size: 12px;
  border: 1px solid #d8d8d8;
  border-radius: 7px;
  background: transparent;
  color: #14171a;
  font-weight: 400;
  padding: 6px 8px;
}

.cateSelectd img {
  margin: 0 0 0 11px;
}

.myOrdersmain .verificationTotal .percentageRating {
  padding: 8px;
}

.myOrdersmain .verificationTotal .percentageContainer {
  padding: 15px;
  flex-direction: row;
  gap: 20px;
  max-height: none;
  /* background-color: #f5f6f7; */
  display: flex;
  flex-direction: column;
}
.myOrdersmain .verificationTotal .percentageContainer img {
  width: 40px;
}
.percentageContainer {
  cursor: pointer;
  border-radius: 10px;
  padding: 15px;
  border-radius: 16px;
  background: var(--Surfaces-S-Soft-Surface, #f5f6fc);
}
.myOrdersmain .verificationTotal .percentageContainer .homeBoxesValues {
  padding-top: 0;
}
.homeBoxesValues {
  padding-top: 26px;
}

.percentageValues .mainHeadingsub_ {
  font-weight: 500;
}

.percentageRating {
  display: block;
  padding: 8px;
  border-radius: 5px;
  margin-right: 5px;
}

.booking_ {
  width: 10px;
  height: 10px;
  background: #275aff;
  display: inline-block;
  border-radius: 10px;
  margin-right: 5px;
}

.Cancelled_ {
  width: 10px;
  height: 10px;
  background: #d33300;
  display: inline-block;
  border-radius: 10px;
  margin-right: 5px;
}

.percentageRate {
  font-size: 12px;
  margin: 3px 0;
  color: #50bb87;
  font-weight: 700;
  text-align: center;
}

.minusPercentageRate {
  font-size: 12px;
  margin: 3px 0;
  color: #d33300;
  font-weight: 700;
  text-align: center;
}

.sharMapImg {
  width: 25px;
  height: 25px;
}

.appointGap {
  gap: 12px;
}

.percentageBg {
  background: #fbf1f1 !important;
}

.productDetailsItems {
  margin-bottom: 20px;
  padding: 10px 15px;
  background: #ffffff;
  box-shadow: 0px 8px 16px rgb(0 0 0 / 5%);
  border-radius: 10px;
  display: inline-block;
  width: 100%;
}

.productDetails {
  font-family: "Maison Mono";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #14171a;
  margin: 0 0 8px;
}

.countryInnerderail {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  border-bottom: 1px solid #dbd4d4;
  padding-bottom: 10px;
}

.countryCount {
  margin-right: 9px;
}

.countryCount span {
  font-size: 15px;
  color: #275aff;
  font-family: "Montserrat";
  font-weight: 700;
}

.scheduleFlex {
  display: flex;
  align-items: center;
  /* gap: 6px; */
  justify-content: space-between;
  margin-top: 15px;
}

p.scheduleTime {
  width: 66%;
}

.graphImage {
  width: 100%;
}

.serialNo {
  margin-right: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #14171a;
}

.countryContent .mainlightHead {
  font-weight: 400;
  margin: 0;
}

.rightcount_ {
  margin-left: auto;
}

.mapbg {
  display: block;
  padding: 8px;
  background: #f1fbf6;
  border-radius: 5px;
}

.mainHeadingsub_ {
  font-family: "Maison Mono";
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: #14171a;
  margin: 0;
}

/*End My Product Css*/
/*Start Product List*/
.lightsubHead i {
  font-size: 16px;
}

.categoryDetailbox_ {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 15px;
  padding: 30px;
}

.listImage_ {
  display: inline-block;
  border: 1px solid #efefef;
  margin-right: 10px;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 5px;
}

.listImage_.active {
  border-color: #c7c5c5;
}

.smallproduct {
  border-radius: 5px;
}

.productImagesdetail span {
  background: #f5f6f7;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  padding: 4px 12px;
}

.productImagesdetail {
  display: inline-block;
  width: 100%;
  padding-left: 28px;
}

/*End Product List*/
/*--------- End MyProducts Css ---------*/
/*========= End Product Css =========*/
/*--------- Start Orders Css ---------*/
/*Start Orders Css*/
.tradesContainer {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 20px;
}

.tradesMain {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.tradesMain:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0px;
}

.kHLbzo {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3c444d;
  font-weight: 700;
  font-family: "Maison Mono";
  font-size: 14px;
}

.rolecheckbox_ {
  display: flex;
  align-items: center;
}

/* .iDPdqX {
    justify-content: start!important;
} */
.redRating {
  background: #fff0ec !important;
}

.redRating .percentageRate {
  color: #fb466c;
}

.processStatus {
  display: flex;
  align-items: center;
  justify-content: start;
}

.statusbox_ {
  margin: 0;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-right: 15px;
  display: flex;
  align-items: center;
}

.complete_ {
  width: 10px;
  height: 10px;
  background: #275aff;
  display: inline-block;
  border-radius: 10px;
  margin-right: 5px;
}

.cancel_ {
  width: 10px;
  height: 10px;
  background: #fb466c;
  display: inline-block;
  border-radius: 10px;
  margin-right: 5px;
}

.appointment_ {
  width: 10px;
  height: 10px;
  background: #6c63f0;
  display: inline-block;
  border-radius: 10px;
  margin-right: 5px;
}

.apointComplete {
  width: 10px;
  height: 10px;
  background: #1cd3ff;
  display: inline-block;
  border-radius: 10px;
  margin-right: 5px;
}

.orderReview_ .scheduleModalContent {
  margin: 0;
}

.orderReview_ .chartsOuter {
  height: 100%;
}

.bglightgrey_ {
  background: #f5f6f7 !important;
}

.orderReview_ .orderinvoive {
  padding-left: 35px;
}

.orderReview_ .bglightgrey_ {
  box-shadow: 0px 19px 28px -17px rgb(0 0 0 / 5%);
  padding: 0 0 20px;
}

.reviewuserinfo_ {
  display: flex;
  align-items: center;
}

.blueText_ {
  color: #275aff;
}

.serciceprice_ .fa-rectangle-xmark {
  cursor: pointer;
}

.reviewbotBtn_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*End Orders Css*/
/* Start NewOrder Page Css */
.newOrderTable .rdt_TableCol:nth-child(3) .rdt_TableCol_Sortable {
  display: flex;
  justify-content: start !important;
}

.newOrderTable .rdt_TableRow {
  position: relative;
}

.newOrderTable .rdt_TableRow .hQdRWw {
  position: absolute;
  right: 0px;
  transform: translate(0%, -50%);
  top: 50%;
  z-index: 2;
}

/* End NewOrder Page Css */
/*Start My Orders */
.allOrderTableHeaderDropdown.variantsDropdownMenu .dropdown-item {
  padding: 6px 18px;
}
.stockaAvailabilit {
  padding: 12px 10px;
  display: inline-block;
  width: 100%;
  background: #e5f0ff;
  border: 1px solid #1fb3ff;
  border-radius: 5px;
  margin: 10px;
}

.declineBtn {
  background: #dfdfdf;
  border-radius: 3px;
  padding: 8px 12px;
}

.acceptBtn_ {
  background: #275aff;
  border-radius: 3px;
  padding: 8px 10px;
  color: #fff;
  font-size: 14px;
}

.viewDetailBtn_ {
  background: #3c444d;
  border-radius: 3px;
  padding: 8px 12px;
  color: #fff !important;
}

.allText {
  color: #275aff;
  font-weight: 600;
  font-size: 16px;
  margin-left: 21px;
  display: inline-block;
}

.cKKumL:hover,
.cKKumL:focus {
  background: transparent !important;
}

#pendinginvoiceModal {
  max-width: 827px;
  width: 100%;
}

.commonPadding_ {
  display: inline-block;
  width: 100%;
  padding: 30px 30px;
}

.monsheading18 {
  color: #000;
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.invoiceHeading {
  font-size: 50px;
  color: #14171a;
  font-weight: 400;
}

.CustomerOnlinestatus_ {
  background: #ffffff;
  display: inline-block;
}

.smalllightHead_ {
  font-size: 14px;
  margin-bottom: 0;
  color: #14171a;
}

.customerInvoicetable .notes textarea {
  background: transparent;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 11px;
  width: 100%;
  height: 100%;
}

.Customertotal {
  background: #fff;
}

.invoiceBottombtn {
  display: flex;
  justify-content: center;
}

.invoiceBottombtn .declineBtn {
  padding: 12px 18px;
}

.invoiceBottombtn .acceptBtn_ {
  padding: 12px 18px;
}

/*End My Orders */
/*Start Processing Orders*/
.tarckIconn_ {
  width: 12px;
  margin-left: 8px;
}

.tableBtn__ i {
  color: #626262 !important;
}

#processingorderModal {
  max-width: 827px;
  width: 100%;
}

.carrierbox {
  background: #ffffff;
  border-radius: 7px;
  padding: 10px 20px;
  border: 1px solid #c7c6c6;
  justify-content: space-between;
  align-items: center;
  max-width: 500px;
  margin: 25px auto 0;
}

.carrierbox h5 {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.shippingContact {
  background: #ffffff;
  border-radius: 7px;
  padding: 10px 0px;
  display: flex;
  justify-content: space-between;
}

.shipcontactLeft {
  display: flex;
  align-items: center;
}

.contctInfo h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.contctnumber {
  font-size: 12px;
  font-weight: 600;
  color: #275aff;
  margin: 0;
}

.contactBtn {
  background: #f5f6f7;
  border-radius: 24px;
  display: flex;
  align-items: center;
  padding: 9px 15px;
  font-size: 14px;
}

.contactBtn i {
  margin: 0 8px 0 0;
}

.contactBtn h3 {
  font-size: 14px;
  font-weight: 700;
  color: #14171a;
  margin: 0;
}

#completeorderModal {
  max-width: 827px;
  width: 100%;
}

#cancelorderModal {
  max-width: 827px;
  width: 100%;
}

/*End Processing Orders*/
/*Start Refund Orders*/
.refundBtn.active {
  background: #ffffff;
  border: 1px solid #275aff;
  font-weight: 700;
  font-size: 14px;
  color: #275aff;
}

.refundBtn {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 9px 19px;
  font-weight: 400;
  font-size: 13px;
  color: #3c444d;
  margin-right: 10px;
}

.toporderCommon {
  background: #ffffff;
  border-radius: 10px;
  padding: 30px;
}

.invoiceForm {
  background: #f5f6f7;
  border-radius: 5px;
  padding: 15px 15px 44px;
  height: 100%;
}

.lightgreyHeading_ {
  color: #7e8ac1;
  font-size: 14px;
  margin: 0;
  font-weight: 400;
}

.selectRight {
  background: #f5f6f7;
  border-radius: 5px;
  padding: 15px;
  display: inline-block;
  text-align: center;
}

.quantityTop_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.leftLabel {
  background: #f5f6f7;
  border-radius: 5px 0px 0px 5px;
  padding: 15px 10px;
}

.rightLabel .customform-control {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 0px 5px 5px 0px;
  padding: 15px 10px;
  font-size: 15px;
}

.rightLabel .calenderIcon img {
  top: 16px;
  right: 7px;
}

.blueheadbold_ {
  color: #275aff;
  font-weight: 500;
  font-family: "Maison Mono";
  margin: 0;
}

.quantityBox_ {
  text-align: center;
  background: #e5f0ff;
  border-radius: 5px;
  padding: 15px 20px;
  height: 100%;
}

.blacksemiHead_ {
  font-weight: 500;
  font-size: 18px;
  font-family: "Maison Mono";
  color: #000000;
}

.inventoryInput {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  height: 48px;
}

.inventButton {
  display: flex;
  justify-content: center;
}

.addingNewiventory_ {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 45px 0 60px;
}

.subheadingBlack_ {
  font-weight: 400;
  font-size: 20px;
  margin: 0;
}

#addnewInventoryModal {
  width: 624px;
}

.inventButton .declineBtn {
  padding: 8px 20px;
}

.inventButton .acceptBtn_ {
  padding: 8px 20px;
}

.refundProcessing_ .topHeader_ {
  margin-bottom: 57px;
}

.refundProcessing_ {
  display: inline-block;
  width: 100%;
}

.refundProcessing_ .rightMessagebox_ {
  height: calc(100vh - 71px);
  background: #f5f6f7;
}

.refundProcessing_ .chat_inbox {
  height: calc(100vh - 71px);
  padding: 30px 19px 30px 19px;
  overflow-y: auto;
}

.refundProcessing_ .chat_inbox::-webkit-scrollbar {
  display: none;
}

.refundProcessing_ .content_areas {
  height: calc(100vh - 62px);
}

.chatDatebox_in {
  text-align: center;
  display: inline-block;
  width: 100%;
}

.chatDatebox_in .chatdeateHeading {
  background: transparent;
  border: none;
}

.buyersubHead {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}

.bluesubHead_ {
  color: #275aff;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}

.buyerInfomation_ figure {
  margin-right: 13px;
}

.buyerInfomation_ {
  display: flex;
  justify-content: flex-start;
}

.buyrpaymentDetail {
  display: flex;
  justify-content: start;
  align-items: center;
}

.buyrpaymentDetail .buyersubHead {
  display: flex;
  align-items: center;
  line-height: 0;
}

.buyerRightbox {
  display: inline-block;
  width: 100%;
}

.refundProcessing_ p.textinner_ {
  background: #ffffff;
  border-radius: 10px;
  padding: 15px;
}

.descriptionPara_bold {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #fb466c;
  margin: 0;
}

.descriptionPara_small {
  font-weight: 400;
  font-size: 11px;
  color: #fb466c;
  margin: 0;
}

.refundProcessing_ .leftmessage-box .textinner_ {
  display: flex;
  width: 100%;
  background: transparent;
  padding: 0;
}

.refundProcessing_ .leftBoxmsg_ {
  display: inline-block;
  width: 100%;
  background: #ffffff;
  border-radius: 10px;
  padding: 15px;
}

.refundProcessing_ .leftMessage {
  display: inline-block;
  width: 63%;
}

.showless_ {
  font-size: 12px;
  color: #275aff !important;
  font-weight: 400;
}

.showdetails_ .shareinfo {
  color: #626262;
  margin-left: 4px;
  font-size: 11px;
}

.pinkHead {
  font-size: 16px;
  font-weight: 700;
  color: #fb466c;
  margin: 0px;
}

.amountBoxx_ {
  display: inline-block;
  background: #fff0ec;
  border-radius: 5px;
  padding: 6px;
  text-align: center;
}

.refundProcessing_ .message_body {
  height: 619px;
}

.requestBox_ {
  display: inline-block;
  width: 100%;
}

.requestBtn_ {
  background: #ffffff;
  border-radius: 5px;
  padding: 12px 18px;
  font-weight: 400;
  font-size: 12px;
  color: #626262;
}

.requestBox_ ul {
  display: inline-block;
  width: 100%;
  text-align: right;
}

.requestBox_ ul li {
  display: inline-block;
}

.paymentamount_ {
  background: #e5f0ff;
  border-radius: 5px;
  color: #275aff;
  font-size: 12px;
  font-weight: 400;
  padding: 12px 18px;
}

#saleinvoiceModal {
  max-width: 827px;
  width: 100%;
}

.saleinvoiceModal .invoiceForm {
  background: transparent;
}

.newpurchaseInvoice .disableBtn_ {
  padding: 12px 24px !important;
  font-weight: 700;
  font-size: 14px;
}

.reportInvoice .cateSelectd {
  padding: 8px 8px;
  text-align: center;
}

.reportInvoice .acceptBtn_ {
  max-width: 140px;
  width: 100%;
}

.reportInvoice .declineBtn {
  max-width: 140px;
  width: 100%;
}

#inventoryreturnModal .modal-content {
  background: #f5f6f7;
}

#inventoryreturnModal .modal-header {
  padding: 0 0 26px;
}

#inventoryreturnModal {
  max-width: 565px;
  width: 100%;
}

.inventoryInnercontent_ {
  border-radius: 10px;
  background: #fff;
  padding: 16px;
}

.inventoryInnercontent_ .walletPurchaseTable .profileboldHead {
  margin: 0 5px 0 5px;
}

.quantBox_ {
  border-radius: 6px;
  border: 1px solid #cacaca;
  background: #fff;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 119px;
  width: 100%;
}

.quantText_ {
  color: #3c444d;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 13px;
}

.quantBox_ .quantText_ i {
  font-size: 12px;
}

/*End Refund Orders*/
/*--------- End Orders Css ---------*/
/*--------- Start Purchases Css ---------*/
/*Start My Purchases*/
.stockPurchase {
  background: #f5f6f7;
  border-radius: 10px;
  text-align: center;
  padding: 15px;
}

.modalcommon_ .modal-content {
  background: #f5f6f7;
}

.modalcommon_ .modal-header {
  padding: 0;
}

.modalcommon_ .serviceinfo_ {
  width: 100%;
}

.statusInvoice_ {
  border-radius: 10px;
  background: #f5f6f7;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}

.statusInvoice_ .inActiveBtn_ {
  padding: 8px 12px !important;
  max-width: 126px;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
}

.statusInvoice_ .bundleBtn {
  max-width: 126px;
  width: 100%;
}

.reviewbotBtn_ .pendingSecondary {
  width: 100%;
  padding: 12px 20px;
}

.transitBtn_ {
  border-radius: 3px;
  background: #005db2;
  color: #fff;
  padding: 8px 12px;
  max-width: 126px;
  width: 100%;
  font-size: 14px;
}

.headerWrap {
  padding: 24px;
  /* height: 100vh; */
}

.PurchaseReport .notes textarea {
  background: transparent !important;
}

.PurchaseReport .Customertotal {
  background: transparent !important;
  border: none !important;
}

.PurchaseReport .invoiceBottombtn {
  justify-content: end;
}

.PurchaseReport .invoiceBottombtn .declineBtn {
  max-width: 180px;
  width: 100%;
  color: #626262;
  font-weight: 700;
}

.PurchaseReport .invoiceBottombtn .acceptBtn_ {
  max-width: 180px;
  width: 100%;
  font-weight: 700;
  background: #275aff;
}

.PurchaseReport .toporderCommon {
  padding: 29px;
}

.PurchaseReport .acceptBtn_ {
  background: #275aff;
}

/*End My Purchases*/
/*--------- End Purchases Css ---------*/
/*--------- Start Inventory Css ---------*/
/*Start Inventory Css*/
.inventoryDetailsItems {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #cacaca;
  margin-bottom: 10px;
  padding: 6px 0;
}

.added_ {
  color: #d33300;
}

.discontinued_ {
  color: #fb466c;
}

.totalActive_ {
  color: #275aff;
}

.productDetailsValues {
  font-family: "Montserrat";
  font-style: normal;
  line-height: 24px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 30px;
}

.inventoryGraph {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.quantityHand_ {
  display: flex;
  justify-content: space-between;
  padding: 42px 40px;
}

/*End Inventory Css*/
/*--------- End Inventory Css ---------*/
/*--------- Start Tracking Css ---------*/
/*Start Tracking Css*/
.orderTrack .topHeader_ {
  margin-bottom: 39px;
}

/*End Tracking Css*/
/*--------- End Tracking Css ---------*/
/*--------- Start Campaigns Css ---------*/
.tableBtn__ i {
  color: #275aff;
}

.referralStats .mapbg {
  background: transparent;
  padding: 0;
}

.referralStats .percentageContainer {
  background: #fafafa;
  border-radius: 10px;
  padding: 9px 11px;
}

.voiletShare {
  color: #6c63f0;
}

.blueShare {
  color: #1fb3ff;
}

.darkblue {
  color: #275aff;
}

.refLink_ {
  width: 100%;
}

.salesBg {
  background: #e5f0ff;
  border-radius: 10px;
  padding: 21px 20px;
  height: 100%;
}

.form-switch .form-check-input {
  width: 30px !important;
  height: 16px !important;
  cursor: pointer;
}

.inventoryDetailsItems .productDetailsValues {
  font-size: 16px;
  font-weight: 400;
}

.campStates .countryInnerderail {
  justify-content: space-between;
}

.campStates .itemsTxt {
  line-height: 0;
}

.innerSelect {
  cursor: pointer;
}

.innerDropdownMenus {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 10px !important;
  font-size: 12px !important;
  width: 100%;
  border: none !important;
  padding: 8px 0 !important;
  top: -30px !important;
  left: auto !important;
  right: 10px !important;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
}

.innerDropdownItems {
  margin: 0px 10px 5px 10px;
}

.innerDropdownItems:last-child {
  margin-bottom: 0;
}

.innerDropdownLinks {
  font-size: 12px;
  white-space: pre-wrap;
  display: flex;
  align-items: center;
  color: #14171a;
  font-weight: 500;
  padding: 7px;
}

.outerContainer {
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 30px 10px 10px;
  word-wrap: break-word;
}

.linkOuterArea {
  font-size: 11px;
  background: #e5f0ff;
  padding: 7px;
  border-radius: 5px;
}

.activitiesArea .percentageContainer {
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.05);
}

.contacts .tableFilters {
  background: #f5f6f7;
}

.contacts .cateDate {
  background: none;
}

.contactTable .rdt_TableHeadRow {
  background: #efefef;
}

.contacts .rdt_Pagination {
  background: #f5f6f7;
}

/* Start NewPromotionModal Css */
#newPromotionModal .modal-content {
  padding: 0 !important;
}

#newPromotionModal .modal-header {
  padding: 30px 20px 20px 30px;
}

.newPromotionModal {
  padding: 25px 30px;
}

.rightPreviewContainer {
  background: #e1e3e4;
  padding: 30px 10px;
  border-radius: 10px;
  height: 100%;
}

.msgArea {
  background: #fff;
  padding: 30px 15px;
  border-radius: 10px;
}

.plainBtn {
  background: #fff;
  width: 100%;
  padding: 10px 15px;
  border-radius: 5px;
}

/* End NewPromotionModal Css */
/* Start ConnectAccount Css */
.connectedDataArea {
  background: #fff;
  padding: 14px;
  border-radius: 5px;
}

#connectAccountModal .modal-header {
  border: 0;
}

.connectAccountModal {
  padding: 1rem 9rem;
}

.socialConnectArea {
  border: 2px dashed #d8d8d8;
  padding: 50px;
  border-radius: 10px;
}

.socialIcons {
  width: 48px;
  height: 48px;
  object-fit: contain;
}

/* End ConnectAccount Css */
/*--------- Start Campaigns Css ---------*/
/*--------- Start Catalogs Css ---------*/
/*Start Catalogs Css*/
.uploadFile_ #dropzone {
  height: 91%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uploadFile_ .file-button .linkTxt {
  font-size: 18px;
}

.storageBox_ {
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 0;
}

.storageCtalog {
  position: relative;
}

.catalogs_ .topHeader_ {
  margin-bottom: 75px;
}

.storImg {
  width: 100%;
}

.filesDocument .tablesubHead {
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 10px;
  display: flex;
}

.smallheadSub_ {
  font-size: 12px;
  color: #a7a7a7;
  margin-left: auto;
}

.uploadFolder_ .subheading_ {
  display: flex;
  justify-content: space-between;
}

.addFolder_ {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
}

.addBtns_ {
  background: #dfdfdf;
  border: 1px solid #275aff;
  border-radius: 4px;
  color: #275aff;
  font-size: 14px;
}

.declineBtn_ {
  border-radius: 5px;
  border: 1px solid #275aff;
  background: #fff;
  width: 100%;
  padding: 12px 20px;
  color: #275aff;
  font-weight: 600;
}

.documentFile_ {
  background: #ffffff;
  border-radius: 10px;
  padding: 21px 18px;
  margin-bottom: 15px;
}

.docTop_ {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.dotstore {
  margin-left: auto;
}

.greySubhead_ {
  font-size: 16px;
  font-weight: 500;
  color: #a7a7a7;
  margin: 0;
}

.docTop_ img {
  width: 28px;
}

.docTop_ .typeBtn_ {
  margin-left: auto;
}

.docTop_ .typeBtn_ .dotIconn_ {
  background: transparent;
  margin: 0;
  padding: 0;
  width: 20px;
}

.documentFile_ .chatDropDown {
  padding: 11px 0 !important;
  min-width: 123px !important;
}

.doctabfile {
  width: 22px;
}

.recentUpload_ .dotIconn_ {
  background: transparent;
}

/*End Catalogs Css*/
/*--------- End Catalogs Css ---------*/
/*--------- Start SystemConfig Css ---------*/
.systemConfig .form-switch .form-check-input {
  width: 30px !important;
  height: 16px !important;
  cursor: pointer;
}

.systemConfig .form-switch input[type="checkbox"] {
  position: relative;
  width: 48px !important;
  height: 27px !important;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  border-radius: 2rem;
  cursor: pointer;
  margin: 0 auto;
  background: #50bb87;
  border: none;
}

.lojBWB div {
  overflow: visible !important;
  width: 100% !important;
}

.rdt_TableCell {
  justify-content: center !important;
  padding: 6px 0;
  display: initial !important;
}

.systemConfig .form-switch .form-check-input:checked {
  background-size: 17px 17px !important;
}

/*--------- End SystemConfig Css ---------*/
/*=============== End RightWrapper Css ===============*/
.otp__ div:first-child {
  justify-content: flex-start;
}

.input_digits_ {
  margin-right: 10px;
}

.input_digits_:last-child {
  margin: 0;
}

.input_digits_ input {
  width: 56px !important;
  height: 56px !important;
  background: #f5f6f7;
  border: 1px solid var(--Neutrals-N-300, #9ba8e3);
  box-shadow: -4.95px 9.82px 80px 0px #32507f0a;
  border-radius: 50%;
  margin: 0 4px 0 0;
  background-color: #fff;
  font-size: 36px;
  color: #263682;
}
.input_digits_ input::placeholder {
  color: #9ba8e3 !important;
}
.otpTimerParent span {
  color: #263682 !important;
}

.pageLoader {
  height: 77vh;
}

/* .rdt_TableCol, .rdt_TableCell  { 
    min-width: 220px !important;
    max-width: 250px !important;
}
.rdt_TableCol:first-child, .rdt_TableCell:first-child
{
    min-width: 40px !important;
    max-width: 40px !important;
}
.rdt_TableCol:nth-child(2), .rdt_TableCell:nth-child(2)
{
    min-width: 330px !important;
    max-width: 330px !important;
} */
.imgFileBox {
  position: relative;
  display: inline-block;
}

.inner-spin {
  --bs-spinner-width: 3rem !important;
  --bs-spinner-height: 3rem !important;
  --bs-spinner-border-width: 0.4em !important;
  margin-left: 45% !important;
  color: #263682 !important;
}

.inner-spin-sidebar {
  --bs-spinner-width: 2rem !important;
  --bs-spinner-height: 2rem !important;
  --bs-spinner-border-width: 0.3em !important;
  color: #263682 !important;
}

.upcoming_active {
  background-color: #275aff !important;
}

.sidebarLinks.show img {
  filter: invert(28%) sepia(70%) saturate(6452%) hue-rotate(221deg)
    brightness(55%) contrast(126%);
}

.folderOpen_ .rdt_TableCell {
  justify-content: start !important;
}

/* .folderOpen_ .rdt_TableCol {
    justify-content: start !important;
}

.folderOpen_ .rdt_TableCol_Sortable {
    justify-content: start !important;
} */

.folderOpen_ .ZjPWA {
  overflow: unset;
}

/**Start Loader start**/

.loading-area {
  display: grid;
  place-items: center;
  height: 100vh;
  position: absolute;
  left: 0;
  right: 0;
  background: #ffffff;
  z-index: 9;
  top: 0;
}

.loader1 div {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  transform: scale(0);
  animation: animate 1.5s ease-in-out infinite;
  display: inline-block;
  margin: 0.5rem;
}

.loader1 div:nth-child(0) {
  animation-delay: 0s;
}

.loader1 div:nth-child(1) {
  animation-delay: 0.2s;
}

.loader1 div:nth-child(2) {
  animation-delay: 0.4s;
}

.loader1 div:nth-child(3) {
  animation-delay: 0.6s;
}

.loader1 div:nth-child(4) {
  animation-delay: 0.8s;
}

.loader1 div:nth-child(5) {
  animation-delay: 1s;
}

.loader1 div:nth-child(6) {
  animation-delay: 1.2s;
}

.loader1 div:nth-child(7) {
  animation-delay: 1.4s;
}

@keyframes animate {
  0%,
  100% {
    transform: scale(0.2);
    background-color: #275aff;
  }

  40% {
    transform: scale(0.8);
    background-color: #3a79d8;
  }

  50% {
    transform: scale(0.8);
    background-color: #4f90f1;
  }
}

.posSales .rdt_TableCol .rdt_TableCol_Sortable:nth-child(7) {
  justify-content: left !important;
}

.usercountlist_ {
  display: inline-block;
  margin-right: 69px;
  cursor: pointer;
}

.usercountlist_ .textinner_ {
  font-size: 16px;
  font-weight: 500 !important;
}

.usercountlist_ .heading_ {
  font-size: 24px;
}

.usercountlist_.active .textinner_ {
  color: #275aff;
}

.eventnameCount .countryInnerderail {
  margin-bottom: 0;
  padding: 14px 0;
}

.eventnameCount .countryInnerderail .contentheadtext_ {
  font-size: 16px;
  font-weight: 500;
}

.selectRoles .searchWrapper {
  border: none;
  padding: 0;
}

.selectRoles .searchWrapper input {
  padding: 0;
  font-size: 15px;
}

.subheaderInnerInstant {
  text-align: left;
}

.botmpaid_ {
  text-align: left;
}

.productsHeader {
  margin-bottom: 0 !important;
}

#viewdocumentModal .modal-content {
  border-radius: 0 !important;
}

.suportTicket .tableFilters {
  margin-top: 50px;
}

.suportTicket .topHeader_ {
  margin-bottom: 72px;
}

.custom-time-picker .react-time-picker__clock {
  display: none !important;
}

/* progress bar */
.comparison-progress-bar {
  display: flex;
  align-items: center;
  width: 100%;
}

.segment {
  background-color: #007bff;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.segment:nth-child(2) {
  background-color: #28a745;
}

.value {
  margin: 0 8px;
}

.swal2-popup {
  background: #fff;
  box-shadow: 0 0 10px #979696;
  border-radius: 40px;
  padding: 32px 0 54px;
}

.swal2-confirm {
  background: #275aff !important;
}

.countryFlag img {
  width: 100%;
  max-width: 80px;
  border-radius: 5px;
}

.createuserprof_ .submitBtn {
  max-width: 300px;
  width: 100%;
  padding: 18px 30px;
}

.languageModal .subtext_ {
  color: #101828;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
}

.contPara_ {
  color: #667085;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
}

.signupSelect #search_input {
  padding: 0;
}

.signupSelect .searchWrapper {
  border: none;
  padding: 0;
  font-size: 18px;
  color: #636e9f;
  line-height: 23px;
}

.signupSelect #search_input::placeholder {
  color: #636e9f !important;
}

.signupSelect .chip {
  margin-bottom: 2px !important;
  background: #275aff !important;
  margin-top: 2px;
}

.signupSelect .optionListContainer {
  left: 0 !important;
  top: 100%;
  background: white;
  box-shadow: 0 0 10px #eee;
  border-radius: 10px;
}
.signupSelect .multiSelectContainer ul {
  background: #f5f6f7 !important;
}

.signupSelect .highlightOption {
  /* background: #275aff !important; */
  background: unset;
  color: unset;
  text-transform: capitalize;
}
.accountBoxone_ .deatilsHead {
  margin: 0;
  color: #275aff;
  font-size: 25px;
}

.servicetabs_ {
  display: flex;
  justify-content: space-between;
  padding: 14px 25px;
}

.accountBoxone_ {
  background: #fff;
  box-shadow: 0 0 10px #eee;
  padding: 10px;
  max-width: 178px;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 141px;
  border-radius: 9px;
  border: 1px solid #275aff;
  cursor: pointer;
}

/* address react range css start*/
.title {
  font-family: sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  padding: 10px;
  text-align: center;
  letter-spacing: 1px;
}

.scale {
  padding: 0px 0px 0px 0px;
  position: relative;
  margin: 15px 0px;
  display: flex;
  justify-content: space-between;
}

.scale_item {
  color: rgb(57, 48, 49);
  font-family: sans-serif;
  font-weight: 300;
  font-size: 12px;
}

/* address react range css end*/

/* booking time slot css start*/
.delivery-time {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0 !important;
  border: 1px solid #d8d8d8;
  border-right: transparent;
  border-bottom: transparent;
}

.delivery-time .time_button {
  font-weight: 400;
  font-size: 13px;
  color: #3c444d;
  display: block;
  text-align: center;
  background: transparent;
  border-bottom: 1px solid #d8d8d8;
  padding: 12px 0px;
  cursor: pointer;
  transition: 0.2s all ease;
  border-right: 1px solid #d8d8d8;
}

.delivery-time .active {
  color: #fff;
  background: #275aff;
  border-color: #275aff;
  font-weight: 500;
  border-radius: 0;
}

.delivery-time .inactive {
  opacity: 0.6;
  cursor: auto;
}

.appointDatetime_ {
  display: flex;
  align-items: center;
}

.calenderMain_ {
  display: flex;
  justify-content: space-between;
}

.righttab_calender {
  display: flex;
  width: 73px;
  background: white;
  border-radius: 5px;
  text-align: center;
  padding: 15px;
  height: calc(100vh - 123px);
  flex-direction: column;
  justify-content: space-between;
}

.leftcalender_ {
  display: inline-block;
  width: calc(100% - 84px);
  margin-right: 20px;
}

.topiconuser_ {
  margin-bottom: 30px;
}

.appointuser_ {
  display: inline-block;
  width: 100%;
  margin-bottom: 21px;
  position: relative;
}

.apouser_ {
  width: 30px;
  height: 30px;
  position: relative;
  border-radius: 20%;
}

.appointNotification_ {
  font-size: 10px;
  font-weight: 700;
  background: #fff;
  width: 20px;
  height: 20px;
  border: 2px solid #3c444d;
  display: inline-block;
  border-radius: 20px;
  line-height: 18px;
  position: absolute;
  bottom: -8px;
  right: -3px;
  text-align: center;
}

.disabletext_ .texttime_ {
  opacity: 0.5;
}

.posuseimg_ {
  width: 24px;
  height: 35px;
}

.bluenotification_ {
  background: #275aff;
  border: 2px solid #275aff;
  color: #fff;
}

#BookingsettingModal {
  max-width: 600px;
  width: 100%;
}

.calenderView_ ul li {
  color: #aaaaaa;
  display: inline-block;
  position: relative;
}

.calenderView_ ul li input[type="radio"] {
  position: absolute;
  visibility: hidden;
}

.calenderView_ [type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  display: none;
}

.calenderView_ ul li label {
  display: block;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  padding: 12px 30px 0 32px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
  color: #14171a;
}

.calenderView_ ul li .check {
  display: block;
  position: absolute;
  border: 1px solid #dcd4d4;
  border-radius: 100%;
  height: 19px;
  width: 19px;
  top: 21px;
  left: 1px;
  z-index: 5;
  background: #f5f6f7;
}

.calenderView_ ul li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 11px;
  width: 11px;
  top: 3px;
  left: 3px;
  margin: auto;
}

.calenderView_ {
  margin-top: 35px;
}

.calenderView_ input[type="radio"]:checked ~ .check {
  border: 1px solid #275aff;
}

.calenderView_ input[type="radio"]:checked ~ .check::before {
  background: #275aff;
}

.monsHeading14 {
  font-size: 15px;
  color: #000;
  font-weight: 400;
  margin: 0;
}

.booksettingContent_ {
  min-height: 500px;
  overflow-y: scroll;
}

.modalbottonFooter_ {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.midcionUsers_ .appointuser_ {
  cursor: pointer;
}

/*Start Request Modal Css*/

#BookingrequestModal .modal-content,
#sms .modal-content {
  background: #f5f6f7;
  padding: 20px !important;
}
#sms .modal-content {
  background: #f5f6f7;
  padding: 40px !important;
}
#sms .modal-content .modalcloseBtn_ {
  background-color: #ffffff;
}
#sms .modal-content .modal-header {
  padding: 0;
}
.requestbgColor {
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  margin-top: 25px;
}

.bookingrequestModal_ .modalHeading_ {
  font-weight: 700;
  font-size: 20px;
}

.customerMain_ {
  margin-top: 12px;
}

.innerservice_ {
  padding: 0px 15px 15px;
}

.contentappont .smallHeading {
  font-size: 13px;
  color: #3c444d;
}

.serviceTime_ {
  background: #fff;
  border: 1px solid #f5f6f7;
  padding: 10px;
  border-radius: 6px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

#CheckInModal .serviceTime_ span {
  color: #14171a !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}

.totalvalue_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.paidbtn_ {
  background: #275aff;
  font-size: 12px;
  color: #fff;
  padding: 4px 12px;
  border-radius: 5px;
  margin-top: 7px;
}

#BookingrequestModal ::-webkit-scrollbar {
  display: none;
}

.contentappont {
  display: inline-block;
  width: 100%;
}

#MultiplebookingModal {
  max-width: 600px;
  width: 100%;
}

/*End Request Modal Css*/
/*Start Multiple booking css */

.servicecharge_ {
  background: #f5f6f7;
  padding: 15px;
  border-radius: 5px;
}

.multiplebookingModal_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.rightbookingInfo_ {
  width: calc(100% - 63px);
}

#MultiplebookingModal .modal-content {
  padding: 0 !important;
}

.leftbookingusers_ {
  display: flex;
  height: 86vh;
  background: #f5f6f7;
  position: relative;
  width: 63px;
  padding: 72px 10px 0px;
}

.closexmark {
  position: absolute;
  right: 19px;
  top: 18px;
  font-size: 19px;
  color: #626262;
}

#MultiplebookingModal .leftbookingusers_ .appointuser_ {
  padding: 11px 15px;
  margin-bottom: 10px;
}

#MultiplebookingModal .leftbookingusers_ {
  padding: 72px 0 10px;
}

#MultiplebookingModal .appointNotification_ {
  bottom: 4px;
  right: 12px;
}

#MultiplebookingModal .innerservice_ {
  padding: 0px 15px 0;
}

.activeuser__ {
  background: #fff;
}

/*End multiple css*/
#pendingModal .modal-content {
  background: #f5f6f7;
}

.invoiceUser_ {
  display: flex;
  align-items: center;
  border-radius: 10px;
  justify-content: space-between;
}

#pendingModal {
  max-width: 762px;
  width: 100%;
}

.serviceDeatils_ {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-top: 22px;
  border-radius: 8px;
  border: 1.5px solid #d7deff;
  background: #fff;
  padding: 8px 14px;
}

.serviceinfo_ {
  display: flex;
  align-items: center;
}

.servicechanges_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
}

.grandTotal_ {
  margin-top: 16px !important;
  align-items: center;
}

.monshead22 {
  color: #263682;
  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 5px;
  font-family: "roobert_trialmedium";
}

.orderBill_ .Customertotal {
  border-radius: 10px;
  background: #f5f6fc;
  border: none;
  padding: 12px 20px;
}

.orderBill_ .Customertotal .totalDetails {
  border-bottom: none;
  padding: 8px 10px 10px 11px;
}

.orderBill_ .acceptBtn_ {
  padding: 13px;
  border-radius: 5px;
  width: 100%;
}

.dashedrow {
  border-top: 2px dashed;
  margin: 13px auto 12px;
  width: 93%;
  text-align: center;
}

.bookModalDetails::-webkit-scrollbar {
  display: none;
}

#ConfirmCompleteModal {
  max-width: 538px;
  width: 100%;
}

#ConfirmCompleteModal .modal_cancel {
  margin-left: auto !important;
}

#ConfirmCompleteModal .modal-header {
  padding-top: 0;
}

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

.paidflex {
  display: flex;
  align-items: center;
}

.paidflex .paidbtn_ {
  margin-top: 0;
}

.serviceTime_ span {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #14171a !important;
}

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

/* #ConfirmCompleteModal .appointInner span {
    font-size: 13px;
    color: #14171A;
    font-weight: 500;
} */
/* booking time slot css end*/
/**Start Service Css**/

.addProductManually {
  /* background: #f5f6f7; */
}

.addserviceManually .descriptionPara_ {
  font-weight: 400;
  line-height: 16px;
}

.addserviceManually .productDetailsContainer .subheaderHeading {
  font-size: 16px;
  font-family: "Montserrat";
}

.addserviceManually .cateSelectdFilter {
  padding: 22px 27px 22px 12px;
  background: #f5f6f7 url(/downArrow.svg);
  font-size: 14px;
  font-weight: 500;
  color: #14171a;
  background-repeat: no-repeat;
  background-position: right;
  background-size: 29px 8px;
}

#StoreModal .deatilsHead {
  font-family: "Montserrat";
}

#StoreModal .modal-header {
  padding: 0 0 26px;
}

#ShippingModal .modal-content {
  border-radius: 15px;
  background: #f5f6f7;
}

.shippingtabModal_ {
  border-radius: 10px;
  background: #fff;
  padding: 16px;
  /* height: 600px;
    overflow-y: auto; */
}

#ShippingModal .modal-header {
  padding: 0 0 26px;
}

.shippingtabModal_ .itemsText {
  font-family: "Montserrat";
}

.status_button_all_purchase {
  color: white !important;
  padding: 6px !important;
  display: inline-block;
  border-radius: 3px;
  font-size: 12px;
}

.weightPlace::placeholder {
  text-align: right;
}

.buttonActive {
  background-color: #263682 !important;
}

.optionData_ {
  color: #14171a;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

.scalePlans .accordion-button::after {
  display: none;
}

.editaddressModal ::-webkit-scrollbar {
  display: none;
}

.transections .cateSelectdFilter {
  padding: 12px 20px 12px 12px;
  border: 1px solid #d8d8d8;
}

/* .transections .cateDate {
    padding: 11px 6px 12px 40px;
    width: 100%;
    max-width: 140px;
    border: 1px solid #D8D8D8;
} */
.iconcalenderImg_ {
  left: 13px;
  top: 12px;
}

.calenderDownIcon {
  top: 13px !important;
}

.productList .rdt_TableCell:last-child {
  margin-left: auto;
}

.tableItemData .listhead_ {
  max-width: 170px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.graphCheck1_ .checkBox:checked + .checkBoxTxt:before {
  background-color: #1fb3ff;
  box-shadow: none;
  border: 1px solid #1fb3ff;
}

.suportTicket .rdt_TableCell:nth-child(2) div {
  text-align: left;
}

.productViewRight .closeIcon {
  filter: brightness(0.9);
}

.Imagesequip_ {
  position: relative;
  z-index: 1;
  padding: 5px 0;
}
.removeImage {
  position: absolute;
  top: 0px;
  right: 9px;
  background: #fc2c2c;
  width: 22px;
  height: 22px;
  border-radius: 12px;
  text-align: center;
  line-height: 22px;
  color: #fafafa;
  font-size: 14px;
  z-index: 9;
}

.languageModal .footerSec {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.languageModal .exchangeBtn {
  width: 100%;
  padding: 10px 24px;
  border-radius: 5px;
}

.languageModal .closebtnModal {
  width: 100%;
  padding: 10px 24px;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid #d8d8d8;
}

.productSelling {
  width: 100%;
  padding: 10px 24px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
}

.headerLeft {
  display: flex;
  align-items: center;
}

.addAttributesModal .removeSelect {
  font-size: 13px;
  width: 17px;
  height: 17px;
  right: -7px;
}

.selectaddressuplod_ {
  max-width: 689px;
  width: 100%;
  padding: 20px 0;
}

.productSecondSub .file_upload_ {
  background: transparent;
}

.searchWrapper .closeIcon {
  filter: brightness(5);
}

.inputGroup .customform-control {
  padding-left: 29px;
  display: inline-block;
}
.countrytags_ {
  padding-left: 15px !important;
}
.dollrsign_ {
  position: absolute;
  left: 13px;
  top: 18px;
}

.tableDropdown .icon_ {
  width: 10px;
}

.percentagesign_ {
  position: absolute;
  top: 19px;
  right: 18px;
}

.addlanguagebox_ {
  display: inline-block;
  width: 100%;
  height: 55vh;
  overflow-y: auto;
}

.custom_language_ {
  height: calc(100vh - 389px);
  overflow-y: auto;
}

#addlanguageModal .modal-header {
  flex-direction: column;
}

#addlanguageModal .modalbottonFooter_ {
  margin-top: 17px;
}

#addlanguageModal .businessDetails.active {
  background: #8ca2e921;
  border-color: #275aff;
}

#addlanguageModal .businessDetails {
  cursor: pointer;
}

.countryLanguage_.activelang {
  border: 1px solid #275aff;
  background-color: #f4f9ff;
}

.languageselect_ .goog-te-gadget-simple {
  background: #fff !important;
  border: none !important;
  padding: 9px 6px;
  border-radius: 4px;
}

.catalogTable .rdt_TableCol:nth-child(3) .rdt_TableCol_Sortable {
  justify-content: Start !important;
}

.catalogTable .bflrBd {
  border: none;
}

.catalogTable .dMmEZN {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.variantItems i {
  font-size: 22px;
}

/* new */
/* 
.coupons {
  margin-left: 10px;
} */

.corpImage_ {
  max-height: 446px !important;
  object-fit: contain !important;
  text-align: center !important;
  margin: 0 auto !important;
  width: 100%;
}
.imgbdicon_ {
  background: #ffffff;
  border: 1px solid #e9eaeb;
  width: 70px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  line-height: 71px;
  font-size: 37px;
  border-radius: 10px;
  color: #626262;
}

.containfields_ .customform-control {
  width: 80%;
  margin-right: 12px;
}
.containfields_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.verified_btn {
  background: #275aff;
  padding: 13px 14px;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  border-radius: 5px;
  border: none !important;
}
.unverified_btn {
  background: #d33300;
  padding: 13px 14px;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  border-radius: 5px;
  border: none !important;
}

/* review the css---------------------------------------------------------------*/
.commanOuter {
  margin: 0 8px;
  padding: 16px;
}
.commanOuter {
  padding: 16px 4px;
}
.commanOuter {
  padding: 20px 10px;
}

.searchBar {
  position: relative;
  border-radius: 50px;
  background: #fff;
  font-size: 16px;
  font-weight: 400;
  /* padding: 10px 24px; */
}

.searchImg {
  position: absolute;
  top: 17px;
  left: 18px;
}
.scanBox {
  width: 40px;
  height: 40px;
  border-radius: 30px;
  background: #f5f6fc;
  position: absolute;
  top: 8px;
  right: 13px;
  text-align: center;
  padding: 7px;
  line-height: 23px;
}
.scanIcon {
  position: absolute;
  right: 46px;
  top: 29px;
}

.searchControl::placeholder {
  color: #636e9f;
  font-size: 16px !important;
  font-weight: 400;
}

/*ship module css start */
#ordersToReview .invoice_subhead:nth-child(2) {
  min-width: 165px;
}

#ordersToReview .invoice_subhead:nth-child(3) {
  min-width: 135px;
}

#ordersToReview .invoice_subhead:nth-child(4) {
  min-width: 225px;
}

.productDataInfo {
  min-width: 230px;
  align-items: center;
}

.invoiceDataText {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  max-width: 20ch;
}

#invoiceProduct .invoice_subhead:first-child {
  min-width: 100px;
}

#invoiceProduct .invoice_subhead:nth-child(2) {
  min-width: 140px;
}

#invoiceProduct .invoice_subhead:nth-child(3) {
  min-width: 140px;
}

#invoiceProduct .invoice_subhead:nth-child(4) {
  min-width: 50px;
}

#invoiceProduct .invoice_subhead:nth-child(5) {
  min-width: 130px;
}

#invoiceProduct .invoice_subhead:last-child {
  min-width: 60px;
}

#invoiceProduct {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
  padding: 0 1px;
}

.invoiceHeadingBox {
  position: sticky;
  top: 0;
}
.invoiceHeader {
  margin: 21px 28px 26px;
}

.commanscrollBar {
  height: 100%;
  overflow: auto;
  padding: 0 10px;
  margin-bottom: 20px;
}

.InvoiceTableBox {
  max-height: 560px;
  margin-bottom: 10px;
}
/*ship module css end*/

/*Start  Product Invoice */
/* .productInvoice {
  margin: 0 16px;
} */

.productInvoice .commanOuter {
  margin: 0;
  width: auto;
}

.InvoiceTableBox {
  max-height: 560px;
  margin-bottom: 10px;
}

.invoiceHeader {
  margin: 21px 28px 26px;
}

.InvoiceTableBox .invoiceHeading {
  color: #14171a;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 12px;
}
#invoiceProduct {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 6px;
  padding: 0 1px;
}

.invoiceHeadingBox {
  position: sticky;
  top: 0;
}

.product_invoice {
  border-radius: 12px;
  border: 1px dashed #275aff !important;
  background: #e5f0ff !important;
  cursor: pointer;
}

.product_invoice.active,
.product_invoice:hover {
  outline: 1.5px solid #d7deff;
}

.invoice_subhead:first-child {
  border-radius: 12px 0 0 12px;
}

.invoice_subhead:last-child {
  border-radius: 0 12px 12px 0;
}

.invoice_subhead {
  color: #14171a;
  font-size: 12px;
  font-weight: 400;
  padding: 4px 12px;
}

.invoice_subhead img {
  margin-right: 4px;
}
.costumerImg {
  width: 35px;
  padding: 5.986px 6.66px 5.986px 6.658px;
  border-radius: 50px;
  border: 0px solid #e4e6f2;
  background: #f5f6fc;
  height: 35px;
  object-fit: fill;
}

.inStoreBtn {
  border-radius: 20px;
  background: #f5f6fc;
  border: 1px solid #f5f6fc;
  padding: 3px 6px;
  color: #4659b5;
  font-size: 12px;
  font-family: "roobert_trialmedium";
  display: inline-block;
}

.priceBtn {
  border-radius: 20px;
  background: #d1fadf;
  mix-blend-mode: multiply;
  padding: 3px 6px;
  color: #027547;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

.onlineBtn {
  border-radius: 20px;
  background: #effbff;
  padding: 3px 6px;
  color: #47b0d6;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  font-family: "roobert_trialmedium";
}

.Custompagination {
  width: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 28px;
  margin-bottom: 10px;
}

.paginatinationBtn {
  color: #7e8ac1;
  font-size: 12px;
  font-weight: 500;
  background: transparent;
  border: none;
}

.paginatinationBtn.active {
  color: #263682;
}

.ArrowRight {
  width: 16px;
  height: 16px;
  margin-left: 5px;
  filter: brightness(9);
}

.ArrowLeft {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.paginatinationBtn.active path {
  stroke: #58c2e8;
}

.invoiceSearchBox {
  border-bottom: 1px solid #e4e6f2;
}

.selectedProductDetails {
  border-radius: 8px;
  border: 1px solid var(--primary-p-50-main, #f5f6fc);
  padding: 8px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}

.afterCheckedProduct {
  border-radius: 8px;
  border: 1px solid #d1d3d7;
  padding: 8px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  margin-top: 7px;
  align-items: center;
}

.productColor {
  display: flex;
  align-items: center;
  margin-right: -3px;
}

.boderdManualButton {
  border-radius: 30px;
  border: 1px solid #e4e6f2;
  background: transparent;
  color: #275aff;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 10px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.coloredManualButton {
  border-radius: 30px;
  border: 1px solid #263682;
  background: #f5f6fc;
  color: #263682;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 10px;
  width: 100%;
}

.productColor span {
  margin-right: -3px;
  border: 1px solid #fff;
  width: 10px;
  height: 10px;
  border-radius: 6px;
}

.Yellow {
  background-color: #f2c64d;
}

.Red {
  background-color: #e66868;
}

.Pink {
  background-color: #fab4cd;
}

.Blue {
  background-color: #47b0d6;
}

.Black {
  background-color: #14171a;
}

.White {
  background-color: #ffffff;
  border: 1px solid #14171a !important;
}

.productBoxDetails {
  max-height: 343px;
  overflow: auto;
}

.aboutProduct {
  color: #2f3552;
  font-size: 12px;
  font-weight: 400;
}

.productPriceinvoice {
  color: #000;
  font-size: 12px;
  font-weight: 400;
}

.productSize {
  color: #636e9f;
  font-size: 12px;
  font-weight: 400;
  padding-left: 4px;
}

.orderHeading {
  color: #14171a;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.orderSubHeading {
  color: #263682;
  font-size: 14px;
  font-weight: 500;
}

.OrderBox {
  padding: 12px 16px;
}

.OrderCheckoutBox {
  padding: 9px 0;
  border-bottom: 1px solid #e4e6f2;
}
.productBilling {
  border-radius: 10px;
  background: #e5f0ff;
  padding: 16px;
}

.OrderDiscountBox {
  padding-bottom: 16px;
  border-bottom: 2px dotted #7e8ac1;
}

.productBilling .flexBox {
  justify-content: space-between;
  padding: 4px 0;
}

.OrderTotal {
  padding: 14px 0 0;
}

.priceHeading {
  color: #14171a;
  font-size: 14px;
  font-weight: 600;
}

.ProductsearchBar .scanImg {
  right: 10px;
  position: absolute;
  top: 18px;
  filter: invert(27%) sepia(64%) saturate(4454%) hue-rotate(224deg)
    brightness(101%) contrast(101%);
}

.productInvoice .ProductsearchBar .searchControl {
  padding: 8px 38px;
}

.SearchinvoiceBox {
  width: 50%;
}

.invoiceButtonBox {
  width: 40%;
}

.invoiceButtonBox {
  width: 40%;
}

.ManualsearchBar {
  position: relative;
}

/*End  Product Invoice */
.noInvoiceText {
  color: #14171a;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.36px;
}
.invoiceNavbar {
  display: flex;
  width: 504px;
  padding-left: 12px;
  align-items: flex-start;
}
.invoicebill {
  filter: brightness(0.5);
}
.invoiceText {
  color: var(--Neutrals-N-600, #7e8ac1);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-right: 100px;
}
/* End Invoice */

.commanOuter {
  background: var(--surfaces-s-top, #fff);
  box-shadow: -1.90817px 3.78304px 25.48148px 0px rgb(50 80 127 / 2%),
    -4.95391px 9.82135px 80px 0px rgb(50 80 127 / 4%);
  height: calc(100vh - 160px);
  overflow: auto;
  border-radius: 20px;
  margin: 0 16px;
  padding: 21px 21px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.commanOuter::-webkit-scrollbar {
  display: none;
}

.invoiceSearchBox {
  border-bottom: 1px solid #e4e6f2;
}
.ProductsearchBar {
  position: relative;
}

.ProductsearchBar .searchControl {
  color: #636e9f;
  font-size: 16px;
  font-weight: 400;
  padding: 8px 8px 8px 52px;
  border-radius: 50px;
  border: 0px solid #e4e6f2;
  background: #f5f6fc !important;
}

.ProductsearchBar .searchControl::placeholder {
  font-size: 16px;
}

.ProductsearchBar .searchImg {
  top: 8px;
}

.detailScrollDelivery {
  height: calc(100% - 462px);
  overflow-y: scroll;
}
.detailScrollDelivery .aboutProduct {
  max-width: 16ch;
}

.selectedProductDetails {
  border-radius: 8px;
  border: 1px solid var(--primary-p-50-main, #f5f6fc);
  padding: 8px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.productDataInfo figure {
  margin-bottom: 0;
}
.productPriceinvoice {
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.incrementBtn {
  border-radius: 10px;
  border: 1px solid var(--Neutrals-N-100, #d7deff);
  display: flex;
  align-items: center;
}

.incrementBtn:hover,
.incrementBtn.active {
  box-shadow: 0px 0px 0px 4px #7f8fd90d;
}

.unitPriceControl.active {
  border-radius: 6px;
  border: 1px solid #d7deff !important;
  background: #fff;
  box-shadow: 0px 0px 0px 4px rgba(127, 143, 217, 0.05);
}

.plusMinus {
  color: #263682;
  cursor: pointer;
  padding: 5px 10px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px 0 0 10px;
}
.returnInventoryMinus {
  border-radius: 0 10px 10px 0;
}
.plusMinus:focus,
.plusMinus:hover {
  background-color: #f5f6fc;
}
.addBtnControl {
  color: #263682 !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  border-left: 1px solid #d7deff !important;
  border-right: 1px solid #d7deff !important;
  border-top: unset !important;
  border-bottom: unset !important;
  background-color: #fff !important;
  border-radius: 0 !important;
  max-width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0px 0px !important;
  appearance: none !important;
}

.addBtnControl::placeholder {
  color: #636e9f;
}

.OrderDiscountBox {
  padding-bottom: 16px;
  border-bottom: 2px dotted #7e8ac1;
}

.orderSubHeading {
  color: #14171a;
  font-size: 14px;
  font-weight: 500;
}

.BlueBtn {
  padding: 12px 12px;
  border-radius: 30px;
  background: #275aff;
  border: 1px solid #275aff;
  color: #f5f6fc;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  margin-top: 12px;
}
.refundsBox {
  display: grid;
  align-content: space-between;
  height: 100%;
}
.flexBox {
  display: flex;
  align-items: center;
}
.refundHeadRight {
  gap: 12px;
}

.refundHeadRight .ConfirmReturn {
  padding: 10px 16px;
}
.form-group {
  position: relative;
}
.checkBlue {
  display: flex;
  align-items: center;
}
/* Table */
#tableProduct {
  width: 100%;
  border-spacing: 0 14px;
  border-collapse: initial;
}

/* .recent_head {
  width: 20%;
  padding: 0px 22px;
  color: #7E8AC1;
  font-size: 12px;
  font-weight: 500;
} */
/* .recent_subhead {
  font-weight: 400;
  font-size: 12px;
  color: #263682;
  padding: 12px 14px 17px 33px;
  border-bottom: 1px solid #F5F6FC;
  border-top: 1px solid #F5F6FC;
  cursor: pointer;
 
} */
.recent_subhead:first-child {
  border-radius: 10px 0 0 10px !important;
  border-left: 1px solid #f5f6fc;
}

.recent_subhead:last-child {
  border-radius: 0 10px 10px 0px;
  border-right: 1px solid #f5f6fc;
}
/* Table */

/* Start refunds Page */
.refundsBox {
  display: grid;
  align-content: space-between;
  height: 100%;
}

.refundItems {
  color: #14171a;
  font-size: 24px;
  font-weight: 500;
  padding-bottom: 10px;
}

.refundPrice {
  color: #636e9f;
  font-size: 16px;
  font-weight: 400;
  padding: 3px 3rem 3px 0;
  align-items: center;
  display: flex;
}

.priceFilterBtn.active {
  background: #263682;
  font-size: 16px;
  padding: 5px 14px;
  border-radius: 8px 0 0 8px;
  color: #ffffff;
}

.priceFilterBtn {
  background: #e4e6f2;
  font-size: 16px;
  padding: 5px 14px;
  border-radius: 0 8px 8px 0;
  color: #263682;
}

.refundPricebox {
  border-radius: 12px;
  border: 1px solid #275aff;
  box-shadow: -2px 4px 25px 0px rgb(50 80 127 / 2%),
    -5px 10px 80px 0px rgb(50 80 127 / 4%);
  padding: 6px 8px 6px 8px;
  justify-content: space-between;
}

.refundproduct_table .recent_head {
  width: auto;
  color: #14171a;
  font-size: 12px;
  font-weight: 500;
}

.refundproduct_table .custom-checkbox {
  top: -9px;
}

.recent_head .checkmark:after {
  left: 4px;
  top: 8px;
  width: 10px;
  height: 0;
  border-width: 2px 0px 0px 0;
  -webkit-transform: rotate(180deg);
}

.tablecustomInput {
  border-radius: 6px;
  border: 1px solid #e4e6f2;
  background: #f5f6fc;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  color: #275aff;
  padding: 8px 16px;
}
.enableInput {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  padding: 8px 16px;
  border: 1px solid #275aff;
  background: #f5f6fc;
  color: #275aff !important;
}

.enableInput:focus {
  outline: none;
}

.enableInput::placeholder {
  font-size: 12px;
  font-weight: 400;
  color: #263682 !important;
}

.tablecustomInput::placeholder {
  text-align: left;
  justify-content: left;
  font-size: 12px;
  font-weight: 400;
  color: #263682;
}

.recent_subhead .productPrice {
  font-weight: 500;
  font-size: 15px;
}

.recent_subhead .paginatinationBtn {
  font-weight: 400;
}

.recent_subhead .productDot {
  background: #d7deff;
}

.tablecustomInput:focus-visible {
  outline: none;
}

.refundItemImage {
  width: 35px;
  height: 35px;
  margin-right: 10px;
}

.refundedItems {
  border-radius: 20px;
  background: #f5f6fc;
  padding: 24px;
}

.itemsRefundedBox {
  padding-bottom: 20px;
  border-bottom: 1px dotted #7e8ac1;
}

.itemsRefundedsubTotal {
  padding: 20px 0;
  border-bottom: 1px dotted #7e8ac1;
}

.itemsRefundedTotal {
  padding: 20px 0;
}

button.comfirmatiopnBtn {
  border-radius: 30px;
  background: #b4beeb;
  color: #f5f6fc;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 30px;
  border: none;
}

.Arrowtopright {
  margin-left: 6px;
}

/* End refunds Page */

.appointSub {
  color: #14171a;
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
}

.appointmenMonth {
  border-radius: 50px;
  border: 1px solid #d7deff;
  background: #fff;
  box-shadow: -2px 4px 25px 0px rgba(50, 80, 127, 0.02),
    -5px 10px 80px 0px rgba(50, 80, 127, 0.04);
  padding: 10px;
  cursor: pointer;
}

.refundPriceBtn {
  border-radius: 8px 0px 0 8px;
  padding: 3px 10px;
  border: none;
  background-color: #e4e6f2;
  color: #263682;
  font-size: 14px;
  font-weight: 500;
}
.refundPriceBtn.active {
  background-color: #275aff;
  color: #fff;
}

.percentBtn {
  border-radius: 0px 8px 8px 0px;
  padding: 3px 10px;
  border: none;
  background-color: #e4e6f2;
  color: #275aff;
  font-size: 14px;
  font-weight: 500;
}
.percentBtn.active {
  background-color: #275aff;
  color: #fff;
}
.ConfirmReturn {
  border-radius: 30px;
  border: 1px solid #275aff;
  padding: 14px 16px;
  color: #6883ffb8;
  font-size: 16px;
  font-weight: 400;
  background-color: transparent;
}

.ConfirmReturn.active {
  background-color: #275aff;
  color: #f5f6fc;
  display: flex;
  margin: 0;
  align-items: center;
}

.ShoppingReturnLite {
  margin-left: 6px;
}

.ConfirmReturn.active .ShoppingReturnLite {
  display: none;
}

.ConfirmReturn.active .showImg {
  display: block !important;
}
.refundPricebox .tablecustomInput {
  background-color: #fff;
  border: none;
  padding: 8px;
  text-align: start;
  width: 100%;
  max-width: 80px;
}
.searchImg {
  position: absolute;
  top: 15px;
  left: 18px;
}
.closeButton {
  position: absolute;
  right: 12px;
  top: 15px;
  background: transparent;
  border: none;
}
.buttonBox {
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
}
.btnBack .sliderFormBtn {
  padding: 14px 50px;
  background: transparent;
  border-radius: 7px;
  border: 1px solid #006838;
}
.buttonBox .sliderFormBtn {
  margin: 0;
}
.btnBack .sliderFormBtn a {
  color: #006838;
}
.cancelBtn {
  border-radius: 30px;
  background: #e4e6f2;
  padding: 18px 20px;
  color: #263682;
  font-size: 18px;
  border: none;
  font-weight: 400;
  max-width: 127px;
  width: 100%;
}

.BlueBtnbox {
  padding: 17px 80px;
  border-radius: 30px;
  background: #263682;
  border: 1px solid #263682;
  color: #f5f6fc;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}
.invoiceHeader .innerHeading {
  color: #14171a;
  font-size: 20px;
  font-family: "Montserrat";
  font-weight: 500;
}
.productInvoice .invoiceHeader {
  margin: 21px 0 26px;
}
.searchBar .form-control:focus {
  background: #fff !important;
  border: 1px solid #dee2e6 !important;
}
.productInvoice .innerHeading {
  font-family: "Montserrat";
  font-weight: 500;
  font-size: 19px;
  color: #14171a;
}
.refundmain_ {
  margin: 0;
}

.scanBox img {
  filter: invert(27%) sepia(64%) saturate(4454%) hue-rotate(224deg)
    brightness(101%) contrast(101%);
}
.costumerImgout .costumerImg {
  filter: invert(27%) sepia(64%) saturate(4454%) hue-rotate(224deg)
    brightness(101%) contrast(101%);
  background: transparent;
}
.boderdManualButton img {
  filter: hue-rotate(32deg);
}
.buttonBox .modalcloseBtn_ {
  background: #fff;
}
.ManualsearchBar .searchImg {
  left: auto;
  right: 14px;
  filter: invert(27%) sepia(64%) saturate(4454%) hue-rotate(224deg)
    brightness(101%) contrast(101%);
  cursor: pointer;
}
.ManualsearchBar .searchControl {
  color: #626262 !important;
}
.manualSelectedProduct .selectedProductDetails {
  border: 1px solid #b5b6bc;
  padding: 4px;
  margin-top: 10px;
}
.debitCreditBox {
  border-radius: 16px;
  border: 1.5px solid #bfeeff;
  background: #effbff;
  padding: 16px;
  color: #1f6a84;
  height: 100%;
  display: grid;
  align-content: space-between;
}
.refundCashBox {
  border-radius: 16px;
  border: 1.5px solid #d1fadf;
  background: #ecfdf3;
  padding: 16px;
  color: #1f6a84;
  height: 100%;
  display: grid;
  align-content: space-between;
}
.jobrCoinBox {
  border-radius: 16px;
  border: 1.5px solid #d7deff;
  background: #f5f6fc;
  padding: 16px;
  color: #1f6a84;
  height: 100%;
  display: grid;
  align-content: space-between;
}

.receiptCard {
  border-radius: 16px;
  border: 1.5px solid #feefc6;
  background: rgba(255, 250, 235, 0.8);
  padding: 16px;
  color: #93370d;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.36px;
  cursor: pointer;
}
.backButton .headArrow {
  box-shadow: 0 0 10px #eee;
}

.backButton {
  background: transparent;
}
.refundMethod {
  text-align: center;
  padding: 40px 0;
}
.totalRefund {
  font-size: 20px;
  font-weight: 500;
  color: #14171a;
}
.totalrefundAmount {
  font-size: 30px;
  font-weight: 600;
  color: #14171a;
}
.receiptHead_ {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 30px 0;
}
.selectedproductDetails {
  font-size: 18px;
  font-weight: 500;
}
.ReceiptOutline {
  filter: grayscale(1);
}
.mapleHeader {
  padding: 14px 24px 10px !important;
  text-align: center;
}
.mapleHeading {
  color: #3c444d;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 16px;
  margin: 0;
}
.mapleAddress {
  color: #14171a;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 4px;
}
.mapleProductDetails.confirmRightSub {
  max-height: 233px;
  overflow-y: auto;
  border-bottom: 1.5px dashed #d7deff;
}
.mapleProductDetailsBox {
  border-radius: 8px;
  border: 0px dashed #263682;
  padding: 8px 0px;
  margin-bottom: 0;
  justify-content: space-between;
  align-items: baseline;
}
.loginheading {
  color: #14171a;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.48px;
  text-align: center;
  margin-bottom: 20px;
}
.headerModal {
  position: relative;
  width: 100%;
}
.trackingSub .loginheading {
  margin: 12px 0;
  font-size: 24px;
}
.crossModal {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.profileImage {
  text-align: center;
}

.verifySelect .react-tel-input .form-control {
  background: #ffffff !important;
  border: 1px solid #cacaca !important;
  color: #14171a !important;
}
.profileImage img {
  filter: grayscale(1);
}
.crossModal img {
  filter: grayscale(1);
}
#email .modal-content {
  background: #f5f6f7;
  padding: 40px !important;
}
#email .modal-header {
  padding: 0px !important;
}
.emailReceiptSection .modalcloseBtn_ {
  background: #fff !important;
}
.verifyControl {
  color: #14171a !important;
}
#ReturnInventory .modal-header {
  padding: 0;
  text-align: center;
}
#ReturnInventory .modal-footer {
  border: none;
  padding: 0;
  justify-content: center;
}
#ReturnInventory .modal-footer {
  border: none;
  padding: 0;
  justify-content: center;
  flex-wrap: nowrap;
}
.addProductHeading {
  font-size: 24px;
  font-family: "Montserrat", sans-serif !important;
  margin: 0 0 9px !important;
  display: inline-block;
}
.inventorySubheading {
  font-family: "Montserrat", sans-serif !important;
  font-size: 18px;
}
#ReturnInventory .closeButton {
  top: -16px;
  right: -19px;
  filter: grayscale(1);
}
.closeButton {
  filter: grayscale(1);
}
#ReturnInventory .modal-content {
  padding: 40px !important;
}
.BtnIcon {
  filter: brightness(5);
}
.maplePriceBox {
  padding: 11px 24px;
  border-top: 1.5px dashed #d7deff !important;
  margin-top: auto;
}
/* .maplePriceBox .productName,
.maplePriceBox .userName {
  padding: 6px;
  margin-bottom: 8px;
} */
.productName {
  color: #14171a;
  font-size: 12px;
  font-weight: 500;
}
.selectedproductDetails {
  color: #275aff;
  font-size: 18px;
  font-weight: 500;
}

.mapleProductPrice {
  color: #14171a;
  font-size: 11px;
  font-weight: 500;
}

.mapleProductHeading {
  color: #14171a;
  font-size: 10px;
  font-weight: 600;
}

.mapleInvoiceBox .mapleProductHeading {
  padding: 8px;
  margin-bottom: 8px;
}

.mapleInvoiceBox {
  border-top: 1px dotted #d7deff;
  justify-content: space-between;
  align-items: flex-start;
  padding: 14px 24px 10px !important;
}
.mapleProductcount {
  color: #14171a;
  font-size: 10px;
  font-weight: 600;
}
.mapleSubFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}

.mapleProductDetails.mapleFlex {
  padding: 14px 24px 10px !important;
  max-height: 233px;
  overflow-y: auto;
}
.mapleInvoiceBox .mapleProductPrice {
  padding: 8px;
  margin-bottom: 8px;
}
.cancelOrderText {
  color: #14171a;
  font-size: 10px;
  font-weight: 600;
}

.ConfirmationSuccess .commanOuter {
  margin: 0;
  align-items: center;
  justify-content: center;
}
.ReturnConfirmed {
  text-align: center;
}
.backButton {
  background: #275aff;
  padding: 10px 20px;
  border-radius: 5px;
  margin-bottom: 15px;
  color: #fff;
}

.refundConfirmation .backButton {
  display: inline-block;
  width: 100%;
  max-width: 87px;
  background: transparent;
  color: #14171a;
  padding: 0;
}
.productcartBox {
  display: flex;
  align-items: center;
}
.headdiscript_ {
  display: inline-block;
  width: 100%;
}

.addCart .customTextarea {
  width: 100%;
  max-width: 140px;
  text-align: center;
  padding: 0;
}
.addCart .customTextarea {
  width: 100%;
  max-width: 140px;
  text-align: center;
  padding: 0;
  border-top: transparent;
  border-bottom: transparent;
  border-radius: 0px;
}
.removeProductBtn {
  padding: 8px;
  border-radius: 5px;
  background: transparent;
}
.addCart .addProductBtn {
  background: transparent;
  margin-top: 0;
  padding: 9px;
}
.addCart {
  border: 1px solid #eee;
  border-radius: 6px;
}
.receiptCard.active {
  background: #f79009;
  color: #fff;
  box-shadow: 0px 0px 0px 4px #fdb02226;
}
.receiptCard.active img {
  filter: brightness(24);
}
.userName {
  font-weight: 600;
  margin-top: 10px !important;
}
.refundTotalBtn {
  background: #eee;
  border-radius: 50pc;
  padding: 10px !important;
}
.returninvoiceBtn_ {
  position: absolute;
  top: 23px;
  left: 4px;
}
.ConfirmationSuccess {
  position: relative;
}
.ReturnConfirmedBox .SuccessTick {
  width: 43px;
  margin-bottom: 12px;
}
.ReturnConfirmedBox {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  background: #f5f6f7;
  padding: 65px 50px;
  border-radius: 40px;
}
.ReturnConfirmedBox .SuccessTick {
  width: 43px;
  margin-bottom: 31px;
}
.returnConfirmedHeading {
  font-size: 25px;
  font-weight: 600;
}
.userPosition {
  font-size: 17px;
  margin-top: 17px !important;
  line-height: 24px;
}
.refundCashBox.active {
  background: #12b76a;
  color: #ecfdf3;
}
.returnInvoive_ .maplePriceBox {
  width: 100%;
  justify-content: space-between;
}
.returnInvoive_ .confirmFooter {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
}
.returnInvoive_ .mapleProductDetailsBox {
  padding: 14px 24px 10px !important;
}
.listinvoice_ {
  display: flex;
  align-items: center;
}
.returnInvoive_ .confirmRightSub.confirmAddress {
  padding: 14px 24px 10px !important;
}
.shopDetails label .file-button {
  cursor: pointer;
}
.dollrsign1_ {
  position: absolute;
  left: 24px;
  top: 21px;
  font-size: 16px;
  color: #636e9f;
}

/* saved card css///////////////////////////////////////////////////////// */
.cardp {
  width: 377px;
  height: 200px;
  background-image: linear-gradient(263deg, #b4beeb, #263682);
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 2px 9px 0px #b9b9b9;
  margin-top: 20px;
  padding: 20px;
}
.cardp.active {
  border-radius: 15px;
  box-shadow: 6px 5px 8px 1px #2636829c;
}

.cardp .cash .one {
  display: flex;
  align-items: center;
  justify-content: start;
  color: #fffff0;
}
.cardp .title {
  text-align: left;
  padding: 0;
}
.cardp .cash h5 {
  margin: 0;
  font-size: 34px;
  color: #fff;
  display: flex;
  justify-content: end;
}
.cardp .visa img {
  width: 30%;
  /* position: absolute;
  right: 30px;
  top: 15px; */
}

.cardp .title .tit {
  color: #fffff0;
  /* position: absolute; */
  font-size: 20px;
  /* left: 0; */
}

/* .cardp .ccv {
  position: absolute;
  top: 135px;
  right: 60px;
} */

.cardp .ccv .cv {
  color: #fffff0;
  font-size: 15px;
  /* position: absolute;
  top: 23px; */
}

.cardp .ccv .tit {
  color: #fff;
  /* position: absolute;
  top: 6px; */
  font-size: 13px;
}

/* .cardp .exp {
  position: absolute;
  top: 100px;
  left: 10px;
} */

.cardp .exp .month {
  color: #fffff0;
  /* position: absolute;
  top: 59px; */
}

.cardp .exp .num {
  color: #fffff0;
  /* position: absolute;
  top: 59px;
  left: 16px; */
}

.cardp .exp h4 {
  color: #fff;
  margin: 0;
  top: 35px;
  font-size: 12px;
}

.copy h2 {
  font-family: system-ui;
  font-weight: bold;
  color: #e91e63;
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 20px;
}
.cardPageLoader {
  height: 50vh;
}

.cardInput_ {
  border: 1px solid #275aff;
  padding: 16px;
  border-radius: 30px;
  background: #ffffff1f;
}
.card_DeleteBtn {
  position: absolute;
  right: -10px;
  top: -14px;
  padding: 10px;
  border-radius: 50%;
  background-color: red;
  color: #fff;
  cursor: pointer;
}

/* Start New Css */

/* Common Css */
.fontSize36 {
  font-size: 36px;
}
.fontSize30 {
  font-size: 30px;
}
.fontSize24 {
  font-size: 24px;
  font-family: "roobert_trialregular" !important;
}
.fontSize20 {
  font-size: 20px;
  font-family: "roobert_trialregular" !important;
}
.fontSize18 {
  font-size: 18px;
  font-family: "roobert_trialregular" !important;
}
.fontSize16 {
  font-size: 16px;
  font-family: "roobert_trialregular" !important;
}
.fontSize14 {
  font-size: 14px;
  font-family: "roobert_trialregular" !important;
}
.fontSize12 {
  font-size: 12px;
  font-family: "roobert_trialregular" !important;
}
.fontSize10 {
  font-size: 10px;
  font-family: "roobert_trialregular" !important;
}
.fw400 {
  font-weight: 400;
  font-family: "roobert_trialregular" !important;
}
.fw500 {
  font-weight: 500;
  font-family: "roobert_trialmedium" !important;
}
.fw600 {
  font-weight: 600;
  font-family: "roobert_trialsemibold" !important;
}
.fw700 {
  font-weight: 700;
  font-family: "roobert_trialsemibold" !important;
}
.txtDarkblue {
  color: #263682;
}
.txtLightBlue {
  color: #636e9f;
}
.txtLightPurple {
  color: #b4beeb;
}
.txtBlue {
  color: #172461;
}
.txtBlack {
  color: #000;
}
.txtYellow {
  color: #c29613;
}
.txtYellow {
  color: #c29613;
}
.completeDataTxt {
  color: #e4ebf1 !important;
}

.headerTxtColor {
  color: #172461;
  font-family: "roobert_trialmedium";
}

.cursorPointer {
  cursor: pointer;
}
.commonBorderBtn {
  background-color: #fff;
  border: 1px solid #263682;
  border-radius: 30px;
  padding: 12px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #263682;
}

.commonBlueBtn {
  background: #b4beeb;
  border-radius: 30px;
  padding: 12px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #f5f6fc;
}
.commonBlueBtn.active {
  background-color: #263682;
}
/* End Common Css */
.headerDiscardBtn {
  color: #263682;
  background: #e4e6f2;
  border-radius: 30px;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 400;
}
.headerSaveBtn {
  color: #f5f6fc;
  background: #263682;
  border-radius: 30px;
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 400;
}

/* Start Product Page */
.addProductManually {
  height: 100vh;
  overflow: hidden;
}
.productRightContainer {
  height: calc(100vh - 116px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 15px;
}
.productLeftContainer {
  height: calc(100vh - 116px);
  overflow-y: auto;
  overflow-x: hidden;
}
.productRightWrapper {
  margin: 82px 30px 0;
  padding: 15px 15px;
  background-color: #ffffff;
  border-radius: 20px;
}
.product_uploadParent {
  padding-bottom: 15px;
}
.mainImage {
  font-size: 10px;
  color: #7e8ac1;
  padding-bottom: 15px;
}
.uplImg_Inner {
  font-size: 10px;
  color: #7e8ac1;
  text-align: center;
}
.addProductContainer .product_Images {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  gap: 15px;
  overflow: auto;
}
.addProductContainer .product_Images::-webkit-scrollbar {
  display: block;
  height: 16px;
}
.form_group {
  padding-top: 20px;
}
.messageTxt {
  font-size: 14px;
  color: #7e8ac1;
  padding-top: 8px;
}

.customSelect {
  appearance: none;
  position: relative;
  background-image: url("../../src/app/public/images/selectImg.svg") !important;
  background-repeat: no-repeat;
  background-position: calc(100% - 9px) calc(1em - 10.5px),
    calc(100% - 15px) calc(1em + 2px), 100% 0 !important;
  background-size: 27px 31px, 5px 5px, 2.5em 2.5em !important;
  padding: 10px 12px;
  background: none;
  border: 1px solid #d7deff;
  border-radius: 50px;
  width: 100%;
  font-size: 18px;
  color: #636e9f;
  box-shadow: -4.95px 9.82px 80px 0px #32507f0a;
}
.customSelect div {
  border: none !important;
  font-size: 18px;
  color: #636e9f;
  box-shadow: none !important;
}
.customSelect div:hover {
  border: none !important;
  box-shadow: none !important;
}
.css-13cymwt-control {
  border: none !important;
  box-shadow: none !important;
}
.customSelect span {
  display: none !important;
}
.productSelect {
  padding: 19px 24px;
}
.costPriceInput {
  padding: 12px 60px 12px 42px;
}
.usdTxt {
  right: 24px;
  left: unset;
}
.productSale_Parent {
  background: #f5f6fc;
  padding: 16px 24px;
  border-radius: 16px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
}

input[type="checkbox"] {
  position: relative;
  width: 36px;
  min-width: 36px;
  height: 20px;
  -webkit-appearance: none;
  background: #e4e6f2 !important;
  outline: none;
  border-radius: 20px;
  transition: 0.7s;
}

input:checked[type="checkbox"] {
  background: #4659b5 !important;
}

input[type="checkbox"]:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 20px;
  top: 3px;
  left: 0;
  background: #ffffff;
  transform: scale(1.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: 0.5s;
  left: 4px;
}

input:checked[type="checkbox"]:before {
  left: 17px;
}

.commonBtn {
  padding: 14px 16px;
  background: #263682;
  color: #f5f6fc;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 400;
}

.innnerParent {
  display: flex;
  align-items: center;
  gap: 15px;
}

.productAvailabilityList {
  padding-left: 32px !important;
}

.productSalePriceBox {
  border: 1px solid #d7deff;
  padding: 20px 15px;
  border-radius: 20px;
  margin-top: 20px;
}

/* Custom checkbox */

.productAvailabilityChild {
  display: flex;
  gap: 8px;
}

.productAvailabilityChild .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.productAvailabilityChild .form-group label {
  position: relative;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #263682;
}

.productAvailabilityChild .form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border-radius: 4px;
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 15px;
  border: 1px solid #8d99d2;
}

.productAvailabilityChild input[type="checkbox"]:checked + label:before {
  border: 1px solid #4659b5;
  background-color: #f7f9ff;
}

.productAvailabilityChild
  .disable_form
  input[type="checkbox"]:checked
  + label:before {
  border: 1px solid #d7deff;
  color: #d7deff;
}

.productAvailabilityChild .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 6px;
  width: 5px;
  height: 10px;
  border: solid #263682;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.chooseRoles.newRole_
  .productAvailabilityChild
  .form-group
  input:checked
  + label:after {
  top: 6px;
}
.chooseRoles.newRole_ .productAvailabilityChild .form-group label:before {
  width: 17px;
  height: 17px;
  padding: 0;
  margin-right: 8px !important;
}
.productAvailabilityChild .form-group.disable_form input:checked + label:after {
  /* border: 1px solid #D7DEFF; */
  border: solid #d7deff;
  color: #d7deff;
  border-width: 0 2px 2px 0;
}
.productAvail_Second {
  margin-top: 30px;
}

.productAvail_Second
  .productAvailabilityChild
  .form-group
  input:checked
  + label:after {
  top: 4px;
  left: 7px;
  width: 4px;
  height: 10px;
  border: solid #263682;
  border-width: 0px 2px 0px 0;
  transform: rotate(90deg);
}

/* End checkbox */

.createCoupen_container {
  border: 1px solid #d7deff;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

/* Start Ck Editor Css */
#cke_editor {
  border-radius: 15px;
  border-color: #d7deff !important;
}
.cke_inner {
  border-radius: 15px;
}
#cke_1_bottom {
  border-radius: 0 0 15px 15px;
  background-color: #fff !important;
  border-top: unset !important;
}
#cke_1_top {
  background: #f5f6fc !important;
  border-bottom: 1px solid #d7deff;
  border-radius: 15px 15px 0 0;
}
.ckEditorBtn {
  font-size: 12px;
  color: #263682;
  border-radius: 30px;
  padding: 4px 12px;
  background: #e4e6f2;
  position: absolute;
  top: 30px;
  right: 15px;
}
.productDetailsSpc {
  position: relative;
}

/* End Ck editor */

/* End Product */

/* Start Add Option Modal Css */

#addProductOptions.modal-dialog {
  max-width: 900px;
}
#addProductOptions .modal-content {
  padding: 30px 30px 60px !important;
}
#addProductOptions .modal-header {
  padding: 0 0 30px !important;
}
.modalDiscardBtn {
  background: #e4e6f2;
  color: #263682;
  border-radius: 30px;
  padding: 18px 20px;
  font-size: 18px;
  font-weight: 400;
  font-family: "roobert_trialregular" !important;
  width: 142px;
}
.modalNextBtn {
  background: #b4beeb;
  color: #f5f6fc;
  margin-left: 15px;
}
.modalNextBtn.active {
  background-color: #263682;
}
.modalOptionBox {
  border: 1px solid #d7deff;
  padding: 25px;
  border-radius: 20px;
  margin-top: 30px;
}

.modalOptionBox .form_group {
  padding-top: 15px;
}
.planTabs_ {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 30px;
  padding: 0;
  justify-content: center;
  width: max-content;
  border: 1px solid #263682;
  padding: 4px !important;
}

.planttabslist {
  background: #fff;
  padding: 10px;
  border-radius: 100px;
  list-style: none;
  font-size: 18px;
  font-weight: 400;
  color: #7e8ac1;
  text-align: center;
  cursor: pointer;
}

.planttabslist.active {
  background: #263682 !important;
  color: #fff !important;
  cursor: pointer;
}
.planttabslist.active img {
  filter: invert(98%) sepia(1%) saturate(3384%) hue-rotate(195deg)
    brightness(167%) contrast(100%);
}
.modalOptionBox input[type="text"] {
  padding: 18px 18px 18px 24px;
}
.optionModal_ToggleLogo {
  margin-right: 3px;
}
.addOptionSetBtn {
  border: 1px solid var(--Complement-C-400, #47b0d6);
  background: var(--Complement-C-50, #effbff);
  padding: 18px 20px;
  border-radius: 30px;
  margin-top: 30px;
  font-size: 18px;
  font-weight: 400;
  color: var(--Complement-C-400, #47b0d6);
}
.addOptionPlusIcon {
  color: #47b0d6;
  font-size: 18px;
  font-weight: 400;
}
/* End Add Option Modal Css */

/* Start ColorPicker Modal */
#colorPickerModal.modal-dialog {
  max-width: 240px;
}
#colorPickerModal .modal-content {
  display: flex;
  align-items: center;
  padding: 15px 0 !important;
}
.sketch-picker {
  background-color: unset !important;
  box-shadow: unset !important;
}
.colorPickerBtn {
  border: none;
  border-radius: 50%;
  background: #26368230;
  padding: 8px 13px;
}
.colorPickerSelectBtn {
  padding: 8px 10px;
  background: var(--Primary-P-600-Main, #263682);
}
.colorPickerBtn .fa-solid {
  font-size: 16px;
}
.colorPicker_CrossIcon {
  color: var(--Primary-P-600-Main, #263682);
}
.colorPicker_CheckIcon {
  color: #fff;
}

/* End Color Picker Modal */

.commonSelect {
  padding: 17px 24px;
  background: none;
  border: 1px solid #d7deff;
  border-radius: 50px;
  width: 100%;
  font-size: 18px;
  color: #263682;
  box-shadow: -4.95px 9.82px 80px 0px #32507f0a;
  appearance: none;
  position: relative;
  background-image: url("../images/selectDownArrow.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 21px) calc(1em - 2.5px),
    calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 16px 31px, 5px 5px, 2.5em 2.5em;
}

.autocompleteParent .MuiAutocomplete-root {
  border: 1px solid var(--Neutrals-N-100, #d7deff);
  border-radius: 20px;
  min-height: 87px;
  height: 100%;
  background: #fff;
}
.autocompleteParent .MuiInputBase-root {
  border-radius: 20px !important;
  background-color: #fff !important;
  padding: 12px 18px !important;
  height: 100% !important;
}
.autocompleteParent .MuiInputBase-root::before {
  border-bottom: none !important;
}
.autocompleteParent .MuiFormControl-root {
  height: 100% !important;
}
.autocompleteParent .MuiButtonBase-root.MuiChip-root {
  background: var(--Primary-P-100-Main, #e4e6f2) !important;
  padding: 18px 16px !important;
  border-radius: 30px !important;
  border: none !important;
  color: #263682 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.autocompleteParent .MuiInputBase-input {
  padding: 0 !important;
}
.autocompleteParent .MuiInputBase-root::after {
  border: none !important;
}

/* Start Create Variations Modal */

#createVariations.modal-dialog {
  max-width: 900px !important;
}
#createVariations .modal-content {
  padding: 30px !important;
  border-radius: 30px !important;
}
#createVariations .modal-header {
  padding: 0 !important;
}

.modalBackBtn {
  border: none;
  padding: 15px;
  background: var(--Primary-P-100-Main, #e4e6f2);
  border-radius: 10px;
  margin-right: 16px;
}
.createVariationBtn {
  width: unset;
}
.createVariationBox {
  border: 1px solid var(--Primary-P-50-Main, #f5f6fc);
  background: #f5f6fc80;
  padding: 18px 15px;
  border-radius: 15px;
}
.modalOptionInner {
  padding-left: 15px;
}
.dropdownOptions {
  padding-left: 29px;
}
.dropdownOptionPrice {
  padding-left: 9px;
}
.dropDown_handleBtn.active {
  transform: rotate(180deg);
}
.createVariation_SecBox {
  background-color: unset;
}
.dropDown_handleBtn {
  cursor: pointer;
  color: #263682;
}
/* End Create Variations Modal */

/* Start Delete Variations Modal */
.deleteVariationBtn {
  background: var(--Alarm-Error-E-600, #d92d20);
  margin-left: 15px;
  color: #fff;
  width: unset;
}
.actionDeleteTxt {
  font-weight: 650;
  color: var(--Alarm-Error-E-400, #f97066);
  padding: 30px 0;
}
.allItemVariationTxt {
  color: var(--Primary-P-400, #4659b5);
  font-family: "roobert_trialmedium";
}
.deleteVariation_ModalBox {
  padding: 30px;
}
.deleteVariation_innerBox {
  border: 1px solid var(--Primary-P-50-Main, #f5f6fc);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 10px;
}
.deleteVariation_innerBox h6 {
  font-size: 12px;
  font-weight: 400;
  font-family: "roobert_trialregular";
  color: var(--Neutrals-N-900, #2f3552);
}
.variantsTable_Dropdown {
  background: transparent !important;
  border: navajowhite !important;
  padding: unset !important;
  line-height: 0 !important;
}
.variantsDropdownMenu.dropdown-menu {
  border: 1px solid #f2f4f7 !important;
  border-radius: 12px !important;
  padding: unset !important;
  box-shadow: 0px 12px 16px -4px #26324914 !important;
  background-color: #fff !important;
}
.variantsDropdownMenu .dropdown-item {
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #263682 !important;
  padding: 14px 20px;
  font-family: "roobert_trialregular";
}
/* End Delete Variations Modal */

/* Start Edit Variant Modal */
#editVariantModal.modal-dialog {
  max-width: 900px !important;
}
#editVariantModal .modal-header {
  border-bottom: none !important;
  padding: unset !important;
  margin-bottom: 21px !important;
}
#editVariantModal .modal-content {
  padding: 24px !important;
  background-color: #fff !important;
}
.editVariantTab .planttabslist {
  padding: 12px 45px;
  background: #f5f6fc;
  color: #263682;
  font-size: 16px;
}
.editVariantTab {
  background: #f5f6fc;
  border: none !important;
  padding: 6px 8px !important;
  width: 100%;
  justify-content: space-between;
}
.editVariantInput {
  background: #f5f6fc;
  color: #263682;
}
.editVariantInput::placeholder {
  color: #7e8ac1;
}
.EditVariation_ModalBox {
  background-color: #fff;
  border: 1px solid #d7deff;
  padding: 20px 15px;
}
.editVariant_SecondBox {
  border: 1px solid #d7deff;
  border-radius: 15px;
}
.upcBoxParent {
  border-bottom: 1px solid #d7deff;
}
.upcBoxParent:last-child {
  border-bottom: none;
}
.upcBox {
  padding: 18px 12px;
  color: #172461;
}
.upcRightBox {
  border-left: 1px solid #e4ebf1;
}
.upcBox_Input {
  border: none;
  width: 100%;
  color: #172461;
  font-size: 18px;
  font-weight: 400;
}
.upcBox_Input::placeholder {
  color: #636e9f;
}
.weightMeasurementTxt {
  font-size: 18px;
  font-weight: 400;
  color: #636e9f;
  position: absolute;
  bottom: 19px;
  right: 30px;
}
.uptBoxSelect {
  width: 100%;
  border: none;
  background: none;
  appearance: none;
  font-size: 18px;
  font-weight: 500;
  font-family: "roobert_trialmedium";
  position: relative;
  background-image: url("../images/selectDownArrow.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 21px) calc(1em - 21.25px),
    calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 16px 31px, 5px 5px, 2.5em 2.5em;
}
.showToken_Img {
  border: 2px dashed #b6c2ff;
  background: #f5f6fc;
  height: 120px;
  margin-top: 30px;
  border-radius: 20px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.showImg_Parent {
  height: 100px;
  width: 100px;
}
.dragAndDrop_Txt {
  font-size: 16px;
  font-weight: 500;
  color: #7e8ac1;
}
.supportImgTxt {
  color: #6f7c88;
  font-size: 14px;
  font-weight: 400;
}
.editVariantModal_Footer {
  padding-top: 30px;
}
.totalStockContainer {
  background: #f5f6fc;
  border-radius: 0 0 15px 15px;
}
.totalStockContainer .upcBox_Input {
  background: #f5f6fc;
}
.attributesTab_Parent {
  padding: 30px;
  padding-top: 60px;
}

/* End Edit Variant Modal */

/* Start Add Attribute Modal */
.showAttribute_Box {
  border-radius: 0 0 15px 15px;
}
.addAttribute_Container {
  padding: 30px;
}
/* End */

/* Start Add Service Page */
.serviceSale_Parent {
  padding: 24px;
}
.serviceSale_Parent .fontSize14 {
  color: #7e8ac1;
}
.turnOnShowTxt {
  color: #7e8ac1;
  font-size: 14px;
  font-weight: 400;
}
.assignedMember_Btn {
  background-color: #fff;
  border: 1px dashed #d0d5dd;
  padding: 7px 12px;
  border-radius: 50%;
  width: max-content;
  margin-top: 10px;
}
.assignedMember_Btn .fa-plus {
  font-size: 15px;
  color: #d0d5dd;
}
/* End Add Service Page */

/* Start Add Team Member Modal */
.teamsearch {
  width: 100%;
  border: none;
  border-bottom: 1px solid #e4e6f2;
  padding: 16px 26px 16px 60px;
  font-size: 14px;
  font-weight: 400;
  color: #263682;
}
.teamsearch::placeholder {
  color: #7e8ac1 !important;
}
.teamsearch_Searchicon {
  position: absolute;
  left: 25px;
  top: 13px;
}
.assignedTeamModalBox {
  display: flex;
  align-items: center;
  gap: 15px;
}
.teamMemberImg {
  width: 34px;
  height: 34px;
}
.allteamBox_Parent {
  padding-left: 12px;
}
.teamMemberImgContainer img:first-child {
  margin-left: 0;
}
.teamMemberImgContainer {
  display: flex;
  align-items: center;
}
.teamMemberImgContainer img {
  margin-left: -10px;
  border: 2px solid #ffffff;
  border-radius: 50%;
}
.moreTeamMemberCount {
  margin-left: -10px;
  border: 2px solid #ffffff;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 10px;
  margin-left: -10px;
  background-color: #263682;
  color: #fff;
  border-radius: 50%;
}
.addTeamMemberBtn .fa-plus {
  color: #252525;
}
/* End Add Team Member Modal */

/* Start Service Variation Modal */

.serviceVariationTab .planttabslist {
  padding: 12px 30px;
}

.serviceLocationContainer .editVariant_SecondBox {
  margin-top: 30px;
}

.serviceLocationContainer .ProductCategory {
  margin-top: 30px;
  margin-bottom: 30px;
}
.serviceBookingContainer .productDetailsContainer {
  padding-top: 30px;
}
.serviceBookingContainer .productDetailsContainer .turnOnShowTxt {
  color: #636e9f;
}
.serviceBookingContainer .productDetailsContainer .productSale_Parent {
  border-radius: 40px;
}
.serviceLocationContainer .outerArea {
  margin-top: 30px;
}
.percentageContainer {
  background: #d1fadf;
}
.percentageContainer.transectionsBox {
  background: #ffeeb3;
}
.transectionsBox .textInner {
  color: #93370d !important;
}
.transectionsBox .heading_ {
  color: #93370d !important;
}
.percentageContainer .percentageValues .heading_ {
  font-size: 24px;
  font-weight: 500;
  color: #003921;
  font-family: "roobert_trialmedium";
  padding: 4px 0 0;
}
.percentageContainer .percentageValues .textInner {
  font-size: 14px;
  font-weight: 500;
  color: #003921;
  font-family: "roobert_trialmedium";
}
/* End Service Variation Modal */

/* Date Picker Css */
.date-picker-container {
  display: flex;
  flex-direction: row;
  padding: 6px 8px;
  border-width: 1px;
  border-style: solid;
  border-radius: 30px;
  border-color: #d7deff;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
}

.date-picker-container .calendar-icon,
.date-picker-container .arrow-icon {
  width: 24px;
  height: 24px;
  object-fit: cover;
}

.date-text {
  color: #263682;
  margin: 0 5px !important;
  font-size: 14px;
  font-weight: 400;
}

/* End Date Picker Css */

/* Start Select Css */
.reactSelectParent .react-select-container .react-select__control {
  gap: 6px !important;
  display: flex !important;
  padding: 2px 6px !important;
  align-self: stretch !important;
  align-items: center !important;
  border-radius: 12px !important;
  border: 1px solid #d7deff !important;
  background: #fff !important;
  box-shadow: -1.908px 3.783px 25.481px 0px rgb(50 80 127 / 2%),
    -4.954px 9.821px 80px 0px rgb(50 80 127 / 4%) !important;
  cursor: pointer;
  min-height: unset !important;
  border-radius: 30px !important;
}
.reactSelectParent .react-select-container .react-select__control:focus {
  border: 1px solid #d7deff !important;
}

.reactSelectParent .react-select-container .react-select__control:hover {
  border: 1px solid #d7deff !important;
}
.reactSelectParent .react-select__indicator-separator {
  display: none !important;
}
.reactSelectParent .react-select-container .react-select__control {
  max-width: 144px;
  width: 100%;
}
.reactSelectParent .react-select__single-value {
  color: #263682 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal !important;
}
/* End Select Css */

/* Start Home Page */
.chartDetailData {
  background: #f5f6fc;
  padding: 3px 4px;
  border-radius: 20px;
  width: max-content;
  display: flex;
  align-items: center;
}
.chartDetailData .chartDetailTxt {
  color: #4659b5;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0 !important;
  font-family: "roobert_trialmedium";
}
.chartDetailData .dot {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: #263682;
  margin-right: 4px;
}
.onlineChartDetailData {
  background: #fff7d7;
}
.onlineChartDetailData .chartDetailTxt {
  color: #dc6803;
}
.onlineChartDetailData .dot {
  background: #fdb022;
}
.newChartDetailData {
  background: #ecfdf3;
}
.newChartDetailData .chartDetailTxt {
  color: #039855;
}
.newChartDetailData .dot {
  background: #32d583;
}

.cashChartDetailData {
  background: #effbff;
}
.cashChartDetailData .chartDetailTxt {
  color: #308cad;
}
.cashChartDetailData .dot {
  background: #58c2e8;
}

.returnChartDetailData {
  background: #f5edff;
}
.returnChartDetailData .chartDetailTxt {
  color: #7233c2;
}
.returnChartDetailData .dot {
  background: #914beb;
}

.cancleChartDetailData {
  background: #fef3f2;
}
.cancleChartDetailData .chartDetailTxt {
  color: #d92d20;
}
.cancleChartDetailData .dot {
  background: #f97066;
}
.homeHeader_Subheading {
  color: #6f7c88;
  font-size: 12px;
  font-weight: 500;
  font-family: "roobert_trialmedium";
}
/* End Home Page */

/* Start Product Overview Css */
.totalProductBox {
  background: #d7deff !important;
}
.totalProductBox .textInner {
  color: #172461 !important;
}
.totalProductBox .heading_ {
  color: #172461 !important;
}
.totalCategoryBox {
  background: #d8b9ff !important;
}
.totalCategoryBox .textInner {
  color: #3b1171 !important;
}
.totalCategoryBox .heading_ {
  color: #3b1171 !important;
}
.totalSubCategoryBox {
  background: #bfeeff !important;
}
.totalSubCategoryBox .textInner {
  color: #1f6a84 !important;
}
.totalSubCategoryBox .heading_ {
  color: #1f6a84 !important;
}
.sellingProductContainer {
  background-color: #fff;
  border-radius: 15px;
  padding: 15px 15px 5px;
  height: 100%;
}
.viewAllBtn {
  border: none;
  background: #e4e6f2;
  padding: 4px 8px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #263682;
  font-family: "roobert_trialmedium";
}
.commonTable table {
  border-collapse: separate;
  border-spacing: 0 6px;
}
.commonTable table th {
  font-size: 12px;
  font-weight: 500;
  color: #7e8ac1;
  padding: 10px;
  text-align: center;
}
.commonTable table tr td {
  padding: 10px;
  border-top: 1px solid #f5f6fc;
  border-bottom: 1px solid #f5f6fc;
  text-align: center;
}
.commonTable table tr td:first-child {
  border-radius: 15px 0 0 15px;
  border-left: 1px solid #f5f6fc;
}
.commonTable table tr td:last-child {
  border-right: 1px solid #f5f6fc;
  border-radius: 0 15px 15px 0;
}
.noRecordTxt {
  border-radius: 15px !important;
}
.topSellProductHead {
  font-size: 12px;
  font-weight: 400;
  color: var(--Neutrals-N-900, #2f3552);
}
.commonTable table tr:hover td {
  border-top: 1px solid #d7deff;
  border-bottom: 1px solid #d7deff;
}

.commonTable table tr:hover td:first-child {
  border-left: 1px solid #d7deff;
}

.commonTable table tr:hover td:last-child {
  border-right: 1px solid #d7deff;
}

.sellingProductTable table {
  border-spacing: 0 10px;
}
.sellingProductTable table tr td:first-child {
  border-radius: 8px 0 0 8px;
  border-left: 1px solid #f5f6fc;
}
.sellingProductTable table tr td:last-child {
  border-right: 1px solid #f5f6fc;
  border-radius: 0 8px 8px 0;
}
.sellingProductTable .dot {
  background: #f2c64d;
  height: 10px;
  width: 10px;
}
.offerProductContainer {
  border: 1px solid #fec84b;
}
.offerProductContainer .offerProduct_Head {
  padding: 15px;
  background: #fec84b;
  border-radius: 15px 15px 0 0;
}
/* .offerProductContainer .sellingProductTable {
  padding: 0 15px 5px;
} */
.marketPrice {
  color: #c29613;
  text-decoration: line-through;
}
.discountPrice {
  color: #5d4800;
}
.offerProductContainer .sellingProductTable table tr td {
  vertical-align: top;
}
.recentlyProductContainer {
  border: 1px solid #263682;
}
.recentlyProductContainer .recentlyProduct_Head {
  padding: 15px;
  background: #263682;
  border-radius: 15px 15px 0 0;
}
/* .recentlyProductContainer .sellingProductTable {
  padding: 0 15px 8px;
} */
.recentlyProductContainer .recentlyProduct_Head h2 {
  color: #fff;
}
/* End Product Overview Css */

/* Start Service Overview Css */
.productItemImg {
  height: 34px;
  width: 34px;
  min-width: 34px;
  border-radius: 6px;
  object-fit: cover;
}
.staffImg {
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
}
.staffPositionTxt {
  color: #7e8ac1;
}
.activeProductofferItem {
  color: #58c2e8;
}
.activeProductBtn {
  border: 1px solid var(--Neutrals-N-400, #8d99d2);
  padding: 8px 15px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #263682;
  background-color: #fff;
}
.activeProductBtn.active {
  background-color: #263682 !important;
  border: none;
  color: #fff;
}
.productOfferHead_Container {
  padding: 15px;
}
/* End Service Overview Css */

/* Start Product Offer Page */

.productOfferTable table td {
  border-color: #fedf89;
}
.skyblueDot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d7deff;
}
.productOfferTable .productAvailabilityChild .form-group label:before {
  padding: 7px;
}

.productOfferTable table tr th {
  text-align: center;
}
.productOfferTable table tr td {
  border-top: 1px solid #feefc6;
  border-bottom: 1px solid #feefc6;
  text-align: center;
}
.productOfferTable table tr td:first-child {
  border-left: 1px solid #feefc6;
}
.productOfferTable table tr td:last-child {
  border-right: 1px solid #feefc6;
}
.productOfferTable table tr:hover td {
  border-top: 1px solid #fedf89;
  border-bottom: 1px solid #fedf89;
}
.productOfferTable table tr:hover td:first-child {
  border-left: 1px solid #fedf89;
}
.productOfferTable table tr:hover td:last-child {
  border-right: 1px solid #fedf89;
}
.categoryDropdownMenu.variantsDropdownMenu.dropdown-menu {
  padding: 7px 0 !important;
  width: 250px;
  border: 1px solid #d7deff !important;
  position: fixed !important;
}
.categoryDropdownMenu .productAvailabilityChild .form-group label:before {
  padding: 8px;
  margin-right: 8px;
}

.offerHeaderSelect.reactSelectParent
  .react-select-container
  .react-select__control {
  border-radius: 12px !important;
}
.offerHeaderSelect .react-select__value-container {
  padding: 2px 0 !important;
}
.offerHeaderSelect .react-select-container .react-select__control {
  max-width: 120px;
  width: 100%;
}
.paginationParent {
  display: flex;
  align-items: center;
  gap: 18px;
}
.backPageBox {
  background: #f5f6fc;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  width: 36px;
  height: 36px;
}

.nextPageBox {
  border: 1px solid #d7deff;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  width: 36px;
  height: 36px;
}
/* End Product Offer Page */

/* Start Product Details Css */
.productDetailsWrapper {
  height: 100vh;
  padding: 30px;
}
.productDetailsWrapper .walletStats {
  padding: 30px !important;
}
.offerProductImg {
  height: 154px;
  max-width: 154px;
  width: 100%;
  border-radius: 24px;
}
.productDetailSidebar {
  display: flex;
  flex-direction: column;
}
.productDetailSidebar .dot {
  background: #535e68;
  height: 6px;
  width: 6px;
}
.productDetailSidebar .staffPositionTxt {
  color: #535e68;
}
.productSidebar_Bottom {
  margin-top: auto;
}
.productSidebar_Bottom .headerDiscardBtn {
  padding: 12px 16px;
  width: 100%;
  text-align: center;
}
.productSidebar_Bottom .activeProductBtn {
  padding: 12px 16px;
  width: 100%;
  text-align: center;
  border: 1px solid #263682;
}
.productDetailsLeft {
  height: calc(100vh - 60px);
  overflow-y: auto;
}
.productDetailDataBox .productDetailRight_Inner {
  display: flex;
  padding: 10px 20px;
  border-radius: 6px;
}
.productDetailDataBox .productDetailRight_Inner:nth-child(odd) {
  background-color: #f5f6fc;
}
.productDetailDataBox .productCategoryTxt {
  min-width: 178px;
}
.productDetailDataBox .productDetailRight_Inner h5 {
  font-size: 16px;
  font-weight: 400;
  color: #172461;
  margin-bottom: 0;
}
.productDetailDataBox {
  margin-top: 28px;
}
.offerDetailBox {
  border: 1px solid #f5f6fc;
  box-shadow: -4.95px 9.82px 80px 0px #32507f0a;
  padding: 30px;
  border-radius: 15px;
  margin-top: 16px;
}

.datePicker_Parent .example-custom-input {
  width: 100%;
  padding: 18px;
  background: #fff;
  border: 1px solid #8d99d2;
  box-shadow: -4.95px 9.82px 80px 0px #32507f0a;
  font-size: 18px;
  font-weight: 400;
  border-radius: 50px;
  color: #ffffff20;
  caret-color: transparent;
  display: flex;
  color: #636e9f;
  position: relative;
  align-items: center;
}
.publishDatePicker .example-custom-input {
  border: 1px solid #f7f9ff;
}
.datePicker_Parent {
  padding-top: 16px;
}

.editPricingBox {
  border: 1px solid #f5f6fc;
}
.editPricingBox .upcBoxParent {
  border-bottom: 1px solid #f5f6fc;
}
.editPricingBox .upcRightBox {
  border-left: 1px solid #f5f6fc;
}
.commonPadding {
  padding: 30px 0;
}
.offerModalDatePicker .example-custom-input {
  border: 1px solid #8d99d2;
}

.offerModalSelect .react-select-container .react-select__control {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.offerModalSelect .react-select-container .react-select__control:focus {
  border: unset !important;
}

.offerModalSelect .react-select-container .react-select__control:hover {
  border: unset !important;
}

.offerModalSelect .react-select-container .react-select__control {
  max-width: 100%;
  width: 100%;
}
.offerModalSelect .react-select__input-container {
  margin: 0 !important;
  padding: 0 !important;
}
.offerModalSelect .react-select__single-value {
  font-size: 18px !important;
  color: #636e9f !important;
}
.inputUpcBox {
  padding: 8px;
}
.inputUpcBox .productVariant_Input {
  width: 100%;
  font-size: 18px;
  color: #636e9f;
  text-align: start;
  padding: 8px 8px 8px 20px;
}
.inputDollarSign {
  position: absolute;
  font-size: 18px;
  color: #636e9f;
  top: 8px;
  left: 8px;
}
.productVariant_Input:focus {
  background-color: #fff;
  color: #263682;
}
.productVariant_Input:focus ~ .inputDollarSign {
  color: #263682;
}
/* End Product Details Css */

/* Start Stop Offer Modal */
#stopOfferModal.modal-dialog {
  max-width: 463px;
}
#deleteModal.modal-dialog {
  max-width: 344px;
}
#deleteModal .modal-header,
#successfullyAddProduct .modal-header {
  padding: 0 !important;
}
#stopOfferModal .modal-content,
#deleteModal .modal-content,
#successfullyAddProduct .modal-content {
  padding: 60px 50px !important;
  border-radius: 40px !important;
}
#stopOfferModal .modal-header {
  padding: 0 !important;
}
.stopOfferModalContainer {
  padding: 50px 0 20px;
}
.stopOfferTxt {
  color: #f97066;
  font-size: 36px;
  font-weight: 500;
  font-family: "roobert_trialmedium";
}
.salesIncTxt {
  font-size: 24px;
  font-weight: 750;
  color: #2f3552;
  padding-top: 24px;
}
.modalStopBtn {
  background-color: #fee4e2;
  color: #f04438;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pauseOfferModalBtn {
  padding: 16px 20px;
  margin-left: 15px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #263682;
}
.modalPauseImg {
  height: 72px;
  width: 72px;
}
/* End Stop Offer Modal */

/* Start Create Offer Page */
.createOfferHeader {
  padding-bottom: 30px;
}
.createOfferCloseBtn {
  font-size: 14px;
  font-weight: 400;
  border: none;
  color: var(--Primary-P-400, #4659b5);
  background-color: transparent;
}
.createOfferCloseBtn .closeCrossIcon {
  height: 18px;
  width: 18px;
}
.createOfferRight {
  background: var(--Surfaces-S-Soft-Surface, #f5f6fc);
  padding: 30px;
  border-radius: 20px;
  height: 100%;
}
.createOfferContainer {
  height: calc(100vh - 204px);
  overflow-y: auto;
  overflow-x: hidden;
}
.createProductOfferTable table th:last-child {
  max-width: 150px !important;
  min-width: 150px !important;
  width: 150px !important;
}
.createProductOfferTable table td:last-child {
  max-width: 150px !important;
  min-width: 150px !important;
  width: 150px;
}
.createOfferSection .productVariantsTable .productVariant_Input {
  min-width: unset !important;
}
.userChatActiveTxt {
  color: #3c444d;
  font-size: 12px;
}
/* End Create Offer Page */

/* Start Stepper Css */

#RFS-Connector {
  border-color: #e4ebf1 !important;
}
#RFS-StepButton {
  width: 8px;
  height: 8px;
}
#RFS-StepButton.completed {
  background: #12b76a !important;
  box-shadow: 0px 0px 2px 8px #d1fadf;
}
#RFS-StepButton.active {
  background-color: #e4ebf1 !important;
}
#RFS-StepButton span {
  display: none !important;
}
#RFS-ConnectorContainer {
  top: calc(1em - 12.5px) !important;
}
#RFS-StepContainer:has(#RFS-StepButton.completed) #RFS-Connector {
  border-color: #12b76a !important;
}
#RFS-Label {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #263682 !important;
}
#RFS-StepContainer:has(#RFS-StepButton.completed) #RFS-Label {
  font-weight: 700 !important;
}
#RFS-StepperContainer {
  padding: 30px 0 0 !important;
}
.createOffer_DetailBox {
  border: none;
  box-shadow: none;
  margin-top: 0;
}
.searchOfferInput {
  padding: 8px 20px;
}
.createOfferBtnsParent {
  display: flex;
  align-items: center;
  justify-content: center;
}
.createOfferBtnsParent .modalDiscardBtn,
.createOfferBtnsParent .modalNextBtn {
  font-size: 18px;
  display: flex;
}
/* .createOfferBtnsParent .modalDiscardBtn img,
.createOfferBtnsParent .modalNextBtn img {
  height: 18px;
  width: 18px;
} */
.opacityBox {
  opacity: 22%;
}
.productPreviewBox {
  padding: 30px 0 24px;
}
.greyDot {
  background: #535e68;
  height: 6px;
  width: 6px;
  border-radius: 50%;
}
.greyDotLabel {
  color: #535e68;
  font-size: 12px;
  font-weight: 500;
  font-family: "roobert_trialmedium";
}
.productAvailOption_Wrapper {
  padding-left: 36px;
}
.jobrMarketBox {
  padding-top: 30px;
}
.offerPublishDetailBox {
  border: 1px solid #e4e6f2;
  box-shadow: none;
  margin-top: 30px;
}
.productPreview_Detailtxt {
  font-size: 16px;
  padding: 8px 10px;
  color: #172461;
  margin-bottom: 0;
}
.productTableLastChild #dropdown-basic {
  line-height: unset !important;
  font-size: unset !important;
  width: max-content !important;
}

.categoryDropClearTxt {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.productDropDeleteTxt {
  color: #f04438;
}
.deleteProductModalList li {
  color: #2f3552;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  list-style: disc !important;
}
ul.deleteProductModalList {
  margin-bottom: 0 !important;
  padding: 4px 0 20px 20px !important;
}

/* Start Delete Confirmation Modal */
#deleteModal .deleteModalParent .stopOfferTxt {
  font-size: 30px;
  font-weight: 400;
  padding-top: 24px;
}
#deleteModal.modal-dialog-scrollable .modal-body {
  overflow: unset !important;
}
/* End Delete Confirmation Modal */

/* Start EditLocation Modal */
#editLocationModal {
  max-width: 700px;
}
#editLocationModal .modal-content {
  padding: 30px 24px !important;
  border-radius: 30px !important;
}
#editLocationModal .modal-header {
  padding: 0 !important;
  margin-bottom: 30px;
}
.uncheckTxt {
  color: #4659b5;
}
.editSalePriceSelect .react-select-container .react-select__control {
  padding: 12px 18px 12px 32px !important;
}
.editSalePriceSelect .react-select__single-value {
  font-size: 18px !important;
}
.reactSelectDollar {
  font-size: 16px;
  color: #636e9f;
  position: absolute;
  bottom: 18px;
  left: 24px;
  font-weight: 600;
}
.reactSelectUsd {
  right: 48px;
  left: unset;
  font-weight: 400;
  color: #263682;
}
.editSaleModalBox {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  /* flex-wrap: wrap; */
  gap: 15px;
}
/* End EditLocation Modal */

/* Start Reactive Service Offer Modal */
.reActiveServiceOfferBtn.modalNextBtn.active {
  background: #58c2e8;
}

.dropdownResetTxt {
  font-size: 12px;
  font-weight: 500;
  color: #8d99d2;
  text-decoration: underline;
  font-family: "roobert_trialmedium";
  padding: 8px 18px 0;
  text-align: end;
  margin-bottom: 0 !important;
  text-underline-offset: 3px;
}

/* End Reactive Service Offer Modal */

/* Start Service Setting */
.serviceSettingWrapper {
  padding: 30px;
  border-radius: 20px;
  background-color: #ffffff;
}

.commonSelectParent .react-select-container .react-select__control {
  padding: 12px 18px !important;
}
.commonSelectParent .react-select__single-value {
  font-size: 18px !important;
}
.serviceSettingBoxes {
  border: 1px solid #d7deff;
  padding: 15px;
  border-radius: 15px;
}
.serviceSettingBoxes.active {
  background-color: #f7f9ff;
}
/* End Service Setting */

/* Start All Product  */
.productRightWrapperParent {
  padding-top: 60px;
}
.allProductHeader {
  position: fixed;
  top: 30px;
  left: 30px;
}
.headerBackBtn {
  background-color: transparent;
  color: #4659b5;
  font-size: 14px;
  font-weight: 400;
}

.allproductCount {
  color: #9ba8e3;
}
.allProduct_SearchInput {
  background: #f5f6fc;
  border: none;
  max-width: 302px;
  width: 100%;
}
.form-control:focus {
  background-color: unset !important;
}
.allProductBtn {
  border: 1px solid var(--Primary-P-600-Main, #263682);
  padding: 8px 15px;
  border-radius: 30px;
  color: #263682;
  font-size: 14px;
  font-weight: 400;
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 4px;
}
.productFilter {
  background: var(--Primary-P-50-Main, #f5f6fc);
  padding: 8px 15px;
  border-radius: 30px;
  color: #263682;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 4px;
}
.productBoxContainer {
  border: 1px solid #f5f6fc;
  background: #ffffff;
  border-radius: 12px;
}
.productImageBox {
  width: 100%;
  height: 126px;
  min-height: 126px;
  border-radius: 12px;
  background: #f4f4f4;
}
.productImageBox img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: contain;
}
.productDetailsWrapperBox {
  padding: 9px 10px;
}
.productInnerDetails {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 25px;
}
.productNameTxt {
  font-size: 12px;
  font-weight: 500;
  color: #263682;
  font-family: "roobert_trialmedium";
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.subCategoryTxtBox {
  padding: 4px 8px;
  border: 1px solid #e4ebf199;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px auto;
  width: max-content;
}
.pricingBorderBox {
  border: 1px solid #d7deff;
  padding: 15px;
  border-radius: 15px;
}

.myProductDetailSection .productDetailDataBox .productDetailRight_Inner {
  padding: 10px;
}
.productVariantsCount {
  padding-left: 10px;
}
.myProductVariantTable table tr td:first-child {
  border-left: 1px solid #d7deff;
}
.myProductVariantTable table tr td {
  border-top: 1px solid #d7deff;
  border-bottom: 1px solid #d7deff;
  vertical-align: top;
}
.myProductVariantTable table tr td:last-child {
  border-right: 1px solid #d7deff;
}
.myProduct_VariantsContainer .pricingBorderBox {
  padding: 15px 15px 5px;
}
.upcBox_Input::placeholder {
  color: #636e9f;
}

.inventoryPointBox .upcBox {
  background: #f5f6fc;
  border-radius: 20px 0 0 20px;
  padding: 20px 12px;
}
.inventoryPointBox .upcRightBox {
  border: 1px solid #d7deff;
  background-color: #fff !important;
  border-radius: 0 20px 20px 0;
  padding: 18px 12px;
}
/* End All Product */

/* All ProductList Page */
.addToShopBtn {
  font-size: 14px;
  padding: 11px 15px;
  display: flex;
  align-items: center;
}
.addToShopBtn img {
  height: 12px;
  width: 12px;
}
.allProductTable table tr:nth-child(odd) td {
  background: #f5f6fc80;
}
/* End All ProductList Page */

/* Start successfullyAddProduct Modal */
#successfullyAddProduct.modal-dialog {
  max-width: 380px;
}
#successfullyAddProduct .modal-content {
  text-align: center;
}
#successfullyAddProduct .modal-body {
  overflow-y: hidden !important;
}
.successfullyProductTxt {
  font-size: 30px;
  font-weight: 400;
  color: #4659b5;
  padding-top: 24px;
}
/* End successfullyAddProduct Modal */

/* Start Loader Css */
.loader-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.spinner {
  position: relative;
  width: 150px;
  height: 150px;
}

.circle {
  position: relative;
}

.track {
  stroke: #d7deff80;
  stroke-width: 2;
}

.progress {
  stroke: #263682;
  stroke-linecap: round;
  stroke-width: 2;
  fill: none;
  stroke-dasharray: 126;
  stroke-dashoffset: 126;
  animation: progress-animation 2s linear infinite;
}

.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader-text {
  margin-top: 24px;
  font-size: 30px;
  font-weight: 400;
  color: #263682;
  text-align: center;
}
/* Circular progress animation */
@keyframes progress-animation {
  0% {
    stroke-dashoffset: 126;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.selected_ {
  border: 1.8px solid #263682;
}
#loaderModal .modal-body {
  overflow: hidden;
}
#loaderModal .modal-content {
  background-color: transparent !important;
}
/* .modal-backdrop.show {
  opacity: 80% !important;
  background-color: #FFFFFF95 !important;
}
.modal.fade {
  background: #FFFFFF98 !important;
  backdrop-filter: blur(8px) !important;
} */
/* End Loader Css */

/* Start Product Adding option */
.previousPageBtn {
  position: absolute;
  top: 30px;
  left: 30px;
}
.addingOptionBox {
  background: #ffffff;
  border-radius: 24px;
  padding: 30px;
  max-width: 350px;
  width: 100%;
  margin-top: 15px;
  height: 95%;
}

.optionBoxesParent {
  max-height: calc(100vh - 318px);
  overflow: auto;
  overflow-x: hidden;
}

.addingOptionBox_Container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.backCloseBtn {
  right: 30px;
  left: unset;
}

/* Start New User Screen */

/* Start Accordion Css */
.accordionItemHead {
  font-size: 20px;
  font-weight: 500;
  color: #14171a;
  font-family: "roobert_trialmedium";
}
.accordionItemPara {
  font-size: 18px;
  font-weight: 400;
  color: #3c444d;
}
.accordionHeader {
  display: flex;
  align-items: center;
  gap: 15px;
}
.commonAccordion {
  margin-top: 30px;
}

.commonAccordion .accordion-button {
  border-radius: 20px 20px !important;
  padding: 15px 30px;
  border: none !important;
}

.commonAccordion .accordion-button.collapsed {
  background-color: #f5f6fc !important;
}
.commonAccordion .rem_bg .accordion-button.collapsed {
  background-color: rgb(245, 246, 252) !important;
}

.commonAccordion .accordion-item {
  border-radius: 20px !important;
  border: none !important;
  margin-top: 15px;
}
.commonAccordion .accordion-button::after {
  background-image: unset !important;
  width: unset !important;
}
.accordionLearMoreBtn {
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 5px;
  border: none;
  padding: 12px 24px;
  position: relative;
}
.accordionLearMoreBtn::after {
  content: "";
  position: absolute;
  height: 15px;
  width: 1px;
  background-color: #b4beeb;
  top: 35%;
  right: 0px;
}
.accordion-body {
  border-radius: 0 0 20px 20px !important;
  padding: 15px 30px !important;
  background-color: #fff;
  text-align: left !important;
  border-top: 1px solid #d7deff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #172461 !important;
}
.accordionItemImg {
  margin-bottom: 0 !important;
  padding: 10px;
  border-radius: 20px;
  background-color: #f5f6fc;
}
.commonAccordion .accordion-button .accordionItemImg img {
  filter: brightness(0) saturate(100%) invert(16%) sepia(30%) saturate(4694%)
    hue-rotate(220deg) brightness(95%) contrast(92%);
}
.commonAccordion .accordion-button.collapsed .accordionItemImg img {
  filter: unset;
}
.commonBlueBtn.active .lightUpRightImg {
  filter: brightness(0) saturate(100%) invert(71%) sepia(22%) saturate(1219%)
    hue-rotate(162deg) brightness(97%) contrast(88%);
}
/* End Accordion Css */

.allRightTxt {
  font-size: 12px;
  font-weight: 400;
  color: #172461;
  position: absolute;
  bottom: 25px;
  right: 0;
  left: 0;
}
.helpCenterBtn {
  position: absolute;
  background-color: transparent;
  bottom: 40px;
  right: 29px;
  padding: 12px 16px;
}
/* End New User Screen */

/* Start Add Digital Images */

.addDigitalProductfile.showToken_Img {
  height: 226px;
  border-radius: 12px;
}
.addDigitalProductfile.showToken_Img .showImg_Parent {
  height: 206px;
  width: 206px;
}
/* End Add Digital Images */

/* Start Booking Overview Css */
.checkBoxTxt:before {
  border: 1px solid #4659b580;
}
.checkGreen .checkBoxTxt:before {
  border: 1px solid #6ce9a6;
}
.checkGreen .checkBox:checked + .checkBoxTxt:before {
  border: 1px solid #6ce9a6;
}
.checkGreen .checkBox:checked + .checkBoxTxt:before {
  background: #ecfdf3;
}
.checkGreen .checkBox:checked + .checkBoxTxt:after {
  border: solid #32d583;
  border-width: 0 2px 2px 0;
}
.graphChecked_ .checkGreen .checkBoxTxt {
  color: #039855;
}
.chartHeaderBox {
  padding: 30px 0 10px 30px;
}
.tableClockParent {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.tableClockParent .timeTxt {
  font-size: 13px;
  color: #2f3552;
  font-family: "roobert_trialmedium";
  margin-bottom: 0 !important;
}
.checkInBtn {
  background: #f5f6fc;
  padding: 11px 12px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 400;
  color: #263682;
}
.tableEditBtn {
  background: #f5f6fc;
  padding: 11px 12px;
  border-radius: 50%;
}
.tableEditBtn img {
  width: 18px;
  height: 18px;
}
.recentBookingTable table th:first-child {
  min-width: 200px;
  text-align: left;
}
.recentBookingTable table th:first-child {
  min-width: 200px;
}
.recentBookingTableBox {
  padding: 15px;
}
/* End Booking Overview Css */

/* Start My Order */
.orderOverviewChartParent {
  gap: 12px;
  margin: 10px 0 5px;
}
.orderOverviewChartParent .checkBoxTxt:before {
  margin-right: 6px;
}
/* End My Order */

/* Start Order Track */

.orderTrackLeft {
  background-color: #fff;
  padding-bottom: 30px;
  border-radius: 20px;
  height: calc(100vh - 52px);
  overflow-y: auto;
}
.orderTrackHead {
  padding: 30px;
}
.orderTrackHeaderToggle {
  margin-top: 20px;
}
.orderTrackTable {
  padding: 0 20px;
}
.orderTrackTableTxt {
  font-size: 12px;
  font-weight: 500;
  color: #2f3552;
  font-family: "roobert_trialmedium";
}
.orderTrackLocation {
  background: var(--Extras-Purple-Ex-Purple-50, #f5edff);
  color: var(--Extras-Purple-Ex-Purple-400, #7233c2);
  border-radius: 20px;
  padding: 5px 7px;
  display: flex;
  align-items: center;
  gap: 5px;
  width: max-content;
}
.orderMoney {
  color: var(--Alarm-Success-S-600, #039855);
  background: var(--Alarm-Success-S-50, #ecfdf3);
}
.orderTrackingTime {
  background: var(--Complement-C-50, #effbff);
  color: var(--Complement-C-600, #308cad);
}
.fedExSaver {
  background: var(--Extras-Yellow-Ex-Yellow-50, #fff7d7);
  color: var(--Alarm-Warning-W-600, #dc6803);
}
.orderTrackTable table th {
  text-align: start;
}
.orderTrackTable table td {
  text-align: start !important;
}
.orderTrackTable td {
  vertical-align: top;
}
.orderTrackUserImg {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.orderTrackRight {
  padding: 30px 15px;
}
.orderTrackBorderLine {
  border-bottom: 1px solid #e4e6f2;
  margin: 10px 0;
}
.orderTrackRight .orderBill_ .Customertotal .totalDetails {
  padding: 2px 0;
}
.orderTrackRight .orderBill_ .Customertotal {
  padding: 16px;
}
.orderTrackRight .dashedrow {
  border-top: 1px dashed #7e8ac1;
  margin: 14px 0;
  width: 100%;
  opacity: unset !important;
}
.orderTrackRight .monshead22 {
  margin-bottom: 0;
}
.orderTrackRight .orderinvoive {
  padding: 12px;
}
.avatarLogo {
  width: 46px;
  min-width: 46px;
  height: 46px;
  border-radius: 50%;
}
.fedexContainer {
  padding: 30px 0 16px;
  border-bottom: 0.75px solid #e4e6f2;
}
/* End Order Track */

/* Start Return To Inventory Modal */
#returnToInventoryModal {
  max-width: 411px;
}
#returnToInventoryModal .modal-header {
  padding: 0;
}
#returnToInventoryModal .modal-content {
  padding: 30px 24px !important;
  border-radius: 30px !important;
}
.inventoryModalCancleImg {
  position: absolute;
  right: 0;
}
#returnToInventoryModal .returnInventoryTxt {
  padding: 16px 0 12px;
  margin-bottom: 0;
}
.returnInventoryTable table td {
  vertical-align: top;
}
#returnToInventoryModal .editVariantModal_Footer {
  padding-top: 24px;
}
/* End Return To Inventory Modal */

/* Start User Consumer */
.consumerHeaderSelect.offerHeaderSelect
  .react-select-container
  .react-select__control {
  max-width: 100%;
  width: 100%;
}
.consumerHeaderSelect .react-select__single-value {
  font-size: 16px !important;
}
.datePickerInput {
  width: 100%;
  min-width: 160px;
  padding: 6px 8px;
  border: 1px solid var(--Neutrals-N-100, #d7deff);
  background: #fff;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 400;
  color: #263682;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  max-width: 165px;
}
.consumerTable table .productAvailabilityChild .form-group label:before {
  margin-right: 0;
}
.textLeft {
  text-align: left !important;
}
.locationText {
  color: #7233c2;
}
.editProfileBtn {
  background-color: #fff;
  color: #263682;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 5px;
}
.rewardsBtn {
  border: 1px solid #f79009;
  background: #ffeeb3;
  color: #dc6803;
  padding: 6px 12px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5px;
}
.shippingbox {
  color: var(--Complement-C-600, #308cad);
  font-size: 12px;
  font-weight: 500;
  font-family: "roobert_trialmedium";
  background: #bfeeff99;
  padding: 5px 8px;
  border-radius: 20px;
  width: fit-content;
  margin: auto;
}
.completedTxtBox {
  color: #027547;
  background: #d1fadf;
}
/* End User Consumer */

/* Start Edit Consumer Modal */
#editConsumerModal.modal-dialog {
  max-width: 930px;
}
#editConsumerModal .modal-content {
  background: #ffffff;
  padding: 30px 24px !important;
}
.consumerImg {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin: auto;
}
#editConsumerModal .form_group {
  padding-top: 16px;
}
#editConsumerModal .modalDiscardBtn {
  padding: 12px 16px;
}
.modalInput {
  padding: 15px 18px !important;
}
.phoneNumberInput .react-tel-input {
  padding: 12px 18px !important;
}
.editConsumerModalLeft {
  padding-right: 40px;
}
.editConsumerModalRight {
  padding-left: 40px;
  border-left: 1px solid #d7deff;
}
/* End Edit Consumer Modal */

/* Start Booking Check In Modal */
#checkInModal.modal-dialog {
  max-width: 440px;
}
#checkInModal .modal-content {
  border-radius: 30px !important;
  padding: 30px !important;
}
.checkInCustomerDetail {
  border: 1px solid #d7deff;
  border-radius: 16px;
  padding: 16px 18px 20px;
  margin: 24px 0;
}
.unpaidTxt {
  padding: 8px 12px;
  border-radius: 30px;
  background-color: #fff;
}
.checkInServiceRequest {
  padding: 4px 6px;
  background: var(--Complement-C-300-Main, #58c2e8);
  font-size: 12px;
  font-weight: 500;
  font-family: "roobert_trialmedium";
  border-radius: 20px;
  color: #fff;
  width: fit-content;
  margin-bottom: 0;
}
.checkInServiceParent {
  border-bottom: 1px dashed #7e8ac1;
}
/* End Booking Check In Modal */

/* Start Successfully Checked In Modal */
#successfullyCheckedIn.modal-dialog {
  max-width: 460px;
}
#successfullyCheckedIn .modal-content {
  padding: 60px 50px !important;
  border-radius: 40px !important;
}
#successfullyCheckedIn .checkedInTxt {
  padding: 50px 0 24px;
}
/* End Successfully Checked In Modal */

/* Start RescheduleModal Modal */
#rescheduleModal.modal-dialog {
  max-width: 700px;
}
#rescheduleModal .modal-content {
  padding: 30px !important;
  border-radius: 30px !important;
}
#rescheduleModal .modal-header {
  padding: 0 !important;
}
.appointmentCustomer {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}
/* Start Slider */
.slider-container {
  margin-top: 30px;
}
.sliderBox {
  border: 1px solid #d7deff;
  background: #ffffff;
  border-radius: 30px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 6px;
}

.sliderBox.active {
  background: #d1fadf;
}
.sliderImg {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 30px;
}
.newScheduleTimeImg {
  height: 100%;
  width: 100%;
}
li.slick-active .custom-dot {
  background: #4659b5 !important;
  transform: scale(1.2);
  height: 12px !important;
  transition: transform 0.3s ease;
  width: 20px !important;
  border: 3px solid #e4e6f2 !important;
  border-radius: 30px !important;
}
.slider-container .slick-dots {
  position: unset !important;
}
/* End Slider */

.scrollContainer {
  display: flex;
  align-items: center;
  white-space: wrap;
  justify-content: center;
  overflow-x: auto;
  gap: 12px;
}

.serviceDate {
  border-radius: 16px;
  border: 1px solid #f7f9ff;
  padding: 10px;
  min-width: 80px;
}

.dateText {
  color: #263682;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
}

.serviceDate.active {
  background: #12b76a;
  border: none;
}

.serviceDate.active .productName,
.serviceDate.active .dateText {
  color: #ecfdf3;
}
.bookingScheduleContainer .scheduleTime {
  border-radius: 8px;
  border: 1px solid #d7deff;
  padding: 12px 5px;
  text-align: center;
  width: 100%;
}
.serviceDayTime {
  height: 100%;
  overflow-y: scroll;
}
.addServicePara {
  color: #636e9f;
  font-size: 14px;
  font-weight: 400;
}
.cancleAppointmentBtn {
  border: 1px solid #f04438;
  border-radius: 30px;
  background-color: #fff;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 400;
  color: #f04438;
}
.completedBtn {
  background: var(--Alarm-Success-S-200, #a6f4c5);
  color: var(--Alarm-Success-S-800, #027547);
  font-size: 12px;
  font-weight: 500;
  border-radius: 30px;
  padding: 6px 15px;
  font-family: "roobert_trialmedium";
}
/* End RescheduleModal Modal */

/* Start AppointmentDetailModal */

#appointmentDetailModal.modal-dialog {
  max-width: 510px;
}

#appointmentDetailModal .modal-content {
  padding: 30px !important;
  border-radius: 30px !important;
}
#appointmentDetailModal .modal-header {
  padding: 0 0 24px !important;
}
.appointmentDetailContainer .checkInCustomerDetail {
  padding: 0;
}
.appointmentDetailContainer .InnercheckIn {
  padding: 16px;
}
.appointmentDetailContainer .startConversationbox {
  border-top: 0.75px solid #d7deff;
  padding: 12px 0;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  color: #263682;
  font-family: "roobert_trialmedium";
}
.appointmentDateParent {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 500;
  font-family: "roobert_trialmedium";
  color: #263682;
  padding-bottom: 5px;
  border-bottom: 0.75px solid #263682;
}
#appointmentDetailModal .modalDiscardBtn {
  padding: 12px 16px;
  font-size: 16px;
}
#appointmentDetailModal .modalfooterBtn {
  margin-top: 24px;
}
.appointmentInvoiceTxt {
  color: #308cad;
}
.appointmentPriceBox {
  padding: 24px 8px;
  border-bottom: 1px dashed #7e8ac1;
}
.appointmentPriceBox .appointmentPriceInner_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 6px;
  margin-bottom: 6px;
}
.appointmentPriceBox .appointmentPriceInner_:last-child {
  margin-bottom: 0;
}
.appointmentPriceBox .appointmentPriceInner_ h3 {
  margin-bottom: 0;
}
/* End AppointmentDetailModal */

/* Start Booking Request Modal */
#bookingRequestModal.modal-dialog {
  max-width: 460px;
}
#bookingRequestModal .modal-content {
  border-radius: 30px !important;
  padding: 30px !important;
}
.checkInCustomerDetail.paid {
  border: 1.5px solid #12b76a;
  background: #ecfdf380;
}
.unpaidTxt.paidTxt {
  background: var(--Alarm-Success-S-500, #12b76a);
  color: #fff;
}
#bookingRequestModal .checkInCustomerDetail .commonBorderBtn {
  padding: 8px 24px;
  font-size: 14px;
  background: transparent;
}
#bookingRequestModal .checkInCustomerDetail .commonBlueBtn {
  padding: 8px 24px;
  font-size: 16px;
}
.checkInCustomerDetail.unpaid {
  background: #f5f6fc;
}
/* End Booking Request Modal */

/* Start All Booking Css */
.tableDeclineBtn {
  padding: 8px 15px;
  font-size: 14px;
}
.allBookingTable .orderclock_ {
  display: flex !important;
  align-items: center !important;
  margin: auto;
  max-width: 148px;
  width: 100%;
}
.allBookingTable table th:nth-child(2) {
  min-width: 170px;
}
.allBookingTable table th:nth-child(3) {
  min-width: 160px;
}
.allBookingTable table th:nth-child(5),
.allBookingTable table th:nth-child(6),
.allBookingTable table th:nth-child(7) {
  min-width: 120px;
}
.allBookingTable table th:nth-child(8),
.allBookingTable table th:nth-child(9) {
  min-width: 100px;
}
.allBookingTable table th:last-child {
  min-width: 135px;
}
.allBookingTable .categoryDropdownMenu {
  height: 380px;
  overflow-y: auto;
}
.allBookingTable .variantsDropdownMenu .dropdown-item {
  padding: 5px 20px !important;
}
.bookUserImg {
  border-radius: 50%;
}
.commonBlueBtn.tableAcceptBtn {
  padding: 8px 15px;
  font-size: 14px;
  background-color: #263682;
}
/* End All Booking */

/* Start Booking Calender Css */

.mainBooking {
  background: var(--surfaces-s-top, #fff);
  box-shadow: -1.90817px 3.78304px 25.48148px 0px rgb(50 80 127 / 2%),
    -4.95391px 9.82135px 80px 0px rgb(50 80 127 / 4%);
  height: 100%;
  border-radius: 20px;
  padding: 15px;
  width: calc(100% - 67px);
  margin-right: 15px;
}
.headerCalenderBtn {
  display: flex;
  align-items: center;
  background: var(--Primary-P-50-Main, #f5f6fc);
  padding: 12px;
  border-radius: 30px;
}
.headerCalenderBtn.active {
  background-color: #263682;
}
.headerCalenderBtn.active .headerCalenderlogo {
  filter: brightness(0) saturate(100%) invert(70%) sepia(49%) saturate(627%)
    hue-rotate(163deg) brightness(94%) contrast(93%);
}
.tableGreenBtn {
  background: var(--Alarm-Success-S-500, #12b76a);
  padding: 8px 12px;
}
.bookingCalendarViewTable table th:last-child {
  width: 200px;
}
/* End Booking Calender Css */

/* Start Booking SideBar */

.sidebarRightBooking {
  width: 62px;
  border-radius: 30px;
  background: #fff;
  height: calc(100vh - 32px);
  padding: 16px 5px;
  position: absolute;
  top: 15px;
  right: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 999;
  transition: width 1s linear;
}

.sidebarRightBooking.full {
  width: 205px;
  box-shadow: -4.95px 9.82px 80px 0px #32507f0a;
}
.collapseToggle {
  border-radius: 30px;
  background: #f5f6fc;
  padding: 8px 24px 8px 8px;
  cursor: pointer;
  width: 100%;
  max-width: 130px;
}
.sidebarRightBooking.full .openRightSidebarToggle {
  display: none;
}
.sidebarRightBooking.hide .collapseToggle {
  display: none !important;
}
.sidebarRightBooking.full .collapseToggle {
  display: block !important;
}

.SidebarRightItems {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 15px;
  padding: 8px !important;
  border-radius: 8px;
  border: none !important;
  margin: 0 0 12px !important;
}
.SidebarRightItems.active {
  background-color: #f5f6fc !important;
  border: 1px solid var(--Primary-P-400, #4659b5) !important;
}

.SidebarRightItems.list-group-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.SidebarRightItems.list-group-item:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.sidebarRightInnerItems {
  position: relative;
  width: fit-content;
}
.SidebarRightItems .bottomDots {
  position: absolute;
  background: #f04438;
  color: #f5f6fc;
  border: 2px solid #ffffff;
  border-radius: 50%;
  font-size: 10px;
  font-family: "roobert_trialmedium";
  bottom: -9px;
  right: -7px;
  max-width: 22px;
  max-height: 22px;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.SidebarRightItems .bookUserDot {
  background: #12b76a;
  border: 2px solid #ffffff;
  padding: 1px 4px;
  border-radius: 50%;
  position: absolute;
  bottom: -9px;
  right: -7px;
  font-size: 10px;
  font-family: "roobert_trialmedium";
  color: #fff;
  max-width: 22px;
  max-height: 22px;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.userSideBar {
  position: relative;
}

.sidebarUserImg {
  padding: 8px;
  background-color: #263682;
  border-radius: 50%;
}
.sidebarRequest {
  margin: 35px 0 30px !important;
}
.requestRightSidebarItem {
  padding: 6px 8px !important;
  background: var(--Surfaces-S-Soft-Surface, #f5f6fc) !important;
  border-radius: 12px;
}
.sidebarRightBooking.full {
  padding: 16px;
}
.bookingUserCount {
  font-size: 12px;
  font-weight: 500;
  color: #263682;
  padding: 2px;
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #f5f6fc;
  border-radius: 20px;
  width: fit-content;
}
.bookingUserCount .greenDot {
  background: var(--Alarm-Success-S-500, #12b76a);
  height: 6px;
  width: 6px;
  border-radius: 50%;
}
.sidebarRightBooking.hide .innerItemUsersName {
  display: none;
}
/* End Booking SideBar */

/* Start Voice Record Modal */
#voiceRecord .modal-content {
  padding: 30px !important;
  border-radius: 20px !important;
}
#voiceRecord .modal-header {
  padding: 0;
}
#voiceRecord .uploadVoiceModal {
  height: auto;
  padding-top: 30px;
}
#voiceRecord.modal-dialog {
  max-width: 500px;
}
#voiceRecord .pauseOfferModalBtn {
  border: 1px solid #263682 !important;
  width: 142px;
  padding: 8px 12px;
  font-size: 14px;
}
#voiceRecord .modalStopBtn {
  padding: 8px 12px;
  font-size: 14px;
}
/* End Voice Record Modal */

/* Start Shipping Address Modal */

#shippingAddressModal.modal-dialog {
  max-width: 500px;
}
#shippingAddressModal .modal-content {
  padding: 30px !important;
  border-radius: 20px !important;
}
#shippingAddressModal .modal-header {
  padding: 0 !important;
}
#shippingAddressModal .shippingModalParent {
  padding: 30px 0 !important;
}
.shippingBoxes {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid var(--Neutrals-N-400, #8d99d2);
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.shippingBoxes:last-child {
  margin-bottom: 0;
}
.shippingBoxes.active {
  background: var(--Primary-P-100-Main, #e4e6f2);
}
.shippingBoxes:hover {
  background: var(--Primary-P-100-Main, #e4e6f2);
}
.shippingImgParent {
  background: var(--Primary-P-50-Main, #f5f6fc);
  padding: 10px;
  border-radius: 6px;
  margin: 0;
  height: 72px;
  width: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* end Shipping Address Modal */

/* Start Catalog Modal */
#catalogModal.modal-dialog {
  max-width: 500px;
}
#catalogModal .modal-content {
  padding: 30px !important;
  border-radius: 20px !important;
}
#catalogModal .modal-header {
  padding: 0 !important;
}
#catalogModal .shippingModalParent {
  padding: 30px 0 !important;
}
/* End Catalog Modal */

/* Start Businesscard Modal */
#businesscardModal.modal-dialog {
  max-width: 500px;
}
#businesscardModal .modal-content {
  padding: 30px !important;
  border-radius: 20px !important;
}
#businesscardModal .modal-header {
  padding: 0 !important;
}
#businesscardModal .shippingModalParent {
  padding: 30px 0 !important;
}
.businessCardBox {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid var(--Neutrals-N-400, #8d99d2);
  margin-bottom: 20px;
}
.businessCardBox:last-child {
  margin-bottom: 0;
}
/* .businessCardBox.active {
  background: var(--Primary-P-100-Main, #e4e6f2);
} */
.businessCardBoxImg {
  max-width: 48px;
  width: 100%;
  max-height: 48px;
  height: 100%;
  border-radius: 6px;
}
.businessUserName {
  color: #2f3552;
}

/* End Businesscard Modal */

/* Start Inbox Css */
.chatOrderBox {
  background: var(--Surfaces-S-Top, #ffffff);
  padding: 16px;
  border-radius: 20px;
  max-width: 310px;
  width: 100%;
}
.chatOrderImg {
  border-radius: 20px 20px 0 0;
  width: 100%;
}
.chatOrderInner {
  border: 1px solid var(--Primary-P-50-Main, #f5f6fc);
  border-radius: 20px;
}
.chatOrderDetails {
  padding: 16px;
}
.perPeiceTxt {
  color: #6f7c88;
}
.chatOrderDesc {
  color: #14171a !important;
  font-size: 16px !important;
}
.chatAddCart {
  color: #308cad;
  background: #bfeeff99;
  padding: 5px 10px;
  width: fit-content;
  border-radius: 20px;
}
.chatProductOrdered {
  color: var(--Alarm-Success-S-800, #027547);
  background: var(--Alarm-Success-S-200, #a6f4c5);
}
.chatMessDropdown {
  display: none;
}
.chatMessDropdownBtn {
  font-size: 12px !important;
  color: #263682 !important;
}
.userChatMess:hover .chatMessDropdown {
  display: block;
}
/* End Inbox Css */

/* Start Voice Record Modal */
#voiceRecord .modal-content {
  padding: 30px !important;
  border-radius: 20px !important;
}
#voiceRecord .modal-header {
  padding: 0;
}
#voiceRecord .uploadVoiceModal {
  height: auto;
  padding-top: 30px;
}
#voiceRecord.modal-dialog {
  max-width: 500px;
}
#voiceRecord .pauseOfferModalBtn {
  border: 1px solid #263682 !important;
  width: 142px;
  padding: 8px 12px;
  font-size: 14px;
}
#voiceRecord .modalStopBtn {
  padding: 8px 12px;
  font-size: 14px;
}
/* End Voice Record Modal */

/* Start Shipping Address Modal */

#shippingAddressModal.modal-dialog {
  max-width: 500px;
}
#shippingAddressModal .modal-content {
  padding: 30px !important;
  border-radius: 20px !important;
}
#shippingAddressModal .modal-header {
  padding: 0 !important;
}
#shippingAddressModal .shippingModalParent {
  padding: 30px 0 !important;
}
.shippingBoxes {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid var(--Neutrals-N-400, #8d99d2);
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}
.shippingBoxes:last-child {
  margin-bottom: 0;
}
.shippingBoxes.active {
  background: var(--Primary-P-100-Main, #e4e6f2);
}
.shippingBoxes:hover {
  background: var(--Primary-P-100-Main, #e4e6f2);
}
.shippingImgParent {
  background: var(--Primary-P-50-Main, #f5f6fc);
  padding: 10px;
  border-radius: 6px;
  margin: 0;
  height: 72px;
  width: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* end Shipping Address Modal */

/* Start Catalog Modal */
#catalogModal.modal-dialog {
  max-width: 500px;
}
#catalogModal .modal-content {
  padding: 30px !important;
  border-radius: 20px !important;
}
#catalogModal .modal-header {
  padding: 0 !important;
}
#catalogModal .shippingModalParent {
  padding: 30px 0 !important;
}
/* End Catalog Modal */

/* Start Businesscard Modal */
#businesscardModal.modal-dialog {
  max-width: 500px;
}
#businesscardModal .modal-content {
  padding: 30px !important;
  border-radius: 20px !important;
}
#businesscardModal .modal-header {
  padding: 0 !important;
}
#businesscardModal .shippingModalParent {
  padding: 30px 0 !important;
}
.businessCardBox {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid var(--Neutrals-N-400, #8d99d2);
  margin-bottom: 20px;
}
.businessCardBox:last-child {
  margin-bottom: 0;
}
/* .businessCardBox.active {
  background: var(--Primary-P-100-Main, #e4e6f2);
} */
.businessCardBoxImg {
  max-width: 48px;
  width: 100%;
  max-height: 48px;
  height: 100%;
  border-radius: 6px;
}
.businessUserName {
  color: #2f3552;
}

/* End Businesscard Modal */

/* Start Inbox Css */
.chatOrderBox {
  background: var(--Surfaces-S-Top, #ffffff);
  padding: 16px;
  border-radius: 20px;
  max-width: 310px;
  width: 100%;
}
.chatOrderImg {
  border-radius: 20px 20px 0 0;
  width: 100%;
}
.chatOrderInner {
  border: 1px solid var(--Primary-P-50-Main, #f5f6fc);
  border-radius: 20px;
}
.chatOrderDetails {
  padding: 16px;
}
.perPeiceTxt {
  color: #6f7c88;
}
.chatOrderDesc {
  color: #14171a !important;
  font-size: 16px !important;
}
.chatAddCart {
  color: #308cad;
  background: #bfeeff99;
  padding: 5px 10px;
  width: fit-content;
  border-radius: 20px;
}
.chatProductOrdered {
  color: var(--Alarm-Success-S-800, #027547);
  background: var(--Alarm-Success-S-200, #a6f4c5);
}
.chatMessDropdown {
  display: none;
}
.chatMessDropdownBtn {
  font-size: 12px !important;
  color: #263682 !important;
}
.userChatMess:hover .chatMessDropdown {
  display: block;
}
.inboxSearchInput {
  padding: 15px 20px;
  width: 100%;
  border-radius: 50px;
  border: 1px solid var(--Neutrals-N-100, #d7deff);
}

.inboxSearchInput .form-control {
  font-size: 18px !important;
  line-height: unset !important;
}

.addCustomersName {
  background: var(--Primary-P-100-Main, #e4e6f2);
  font-size: 14px;
  font-weight: 500;
  font-family: "roobert_trialmedium";
  padding: 5px 8px;
  border-radius: 30px;
  color: #263682;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.writeSubjectInput {
  padding: 15px 20px !important;
  box-shadow: unset !important;
}
.writeSubjectParent {
  margin-top: 10px;
}
.multiconsumerChat.chatMessContainer {
  height: calc(100vh - 313px);
}
.chatBoxImg {
  border-radius: 20px;
  height: 200px;
  width: 200px;
}
/* End Inbox Css */

/* Start Booking Search Modal */
#bookingSearchModal.modal-dialog {
  max-width: 1200px;
}
#bookingSearchModal .modal-content {
  padding: 24px 30px !important;
  border-radius: 30px !important;
}
#bookingSearchModal .modal-header {
  padding: 0 !important;
}
/* End Booking Search Modal */

/* Start MakeOffer  Modal Inbox*/
#MakeOffer.modal-dialog {
  max-width: 1200px;
}
#MakeOffer .createOfferContainer {
  height: unset;
  overflow: hidden;
}
#MakeOffer .modal-content {
  padding: 0 !important;
}
#MakeOffer .productDetailsWrapper {
  height: unset;
}
#MakeOffer .createOfferLeft {
  height: calc(100vh - 210px);
  overflow-y: auto;
}
.productSearchOptions {
  padding-top: 20px;
}
.product_Card {
  padding: 8px 15px;
  border: 1px solid #fedf8960;
  border-radius: 15px;
  margin-bottom: 10px;
}
.product_Card.active {
  border: 1px solid #fedf89;
}
/* End MakeOffer  Modal Inbox*/

/* Start Payroll and Staff */
.commonMainHeaderParent {
  padding: 15px;
}
.payrollOverviewSection .payrollOverviewTableParent {
  border-radius: 20px;
}
.teamMemberHeadBtn {
  padding: 8px 15px;
  font-size: 14px;
  gap: 5px;
}
.activeStatusBtn {
  padding: 2px 4px;
  border-radius: 20px;
  background: var(--Alarm-Success-S-50, #ecfdf3);
  color: var(--Alarm-Success-S-600, #039855);
  font-size: 12px;
  font-weight: 500;
  font-family: "roobert_trialmedium";
}
.partTimeWork {
  background: var(--Extras-Yellow-Ex-Yellow-50, #fff7d7);
  color: var(--Alarm-Warning-W-600, #dc6803);
}
/* Start Employee Details */
.employeeDetailsBox {
  padding: 20px 30px;
  background: var(--Surfaces-S-Soft-Surface, #f5f6fc);
  border-radius: 20px;
}
.employeeImg {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
}
.employeeDetailsLeft {
  border-left: 1px dotted var(--Neutrals-N-400, #8d99d2);
  padding-left: 30px;
}
.employeeDetailsToogle {
  padding: 20px 0;
}
.employeeDetailInnerBoxes {
  border: 1px solid var(--Neutrals-N-100, #d7deff);
  padding: 15px;
  border-radius: 15px;
  margin-top: 15px;
}
.employeeDescParent {
  padding: 15px;
  background: var(--Surfaces-S-Soft-Surface, #f5f6fc);
  border-radius: 10px;
}
.employeeColorBox {
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 6px;
}
.employeeDetail_Accordion {
  border: 1px solid var(--Neutrals-N-100, #d7deff) !important;
  padding: 15px !important;
  border-radius: 15px !important;
}
.employeeDetail_Accordion .accordion-button {
  padding: 13px 20px !important;
  align-items: flex-start !important;
}
.employeeDetail_Accordion .accordion-body {
  border-top: unset !important;
  background: var(--Surfaces-S-Soft-Surface, #f5f6fc) !important;
  padding: 15px !important;
  border-radius: 15px !important;
}
.employeeDetail_Accordion .accordion-collapse.collapse.show {
  border-radius: 15px !important;
}
.employee_InnerAccordion {
  border: none !important;
  padding-left: 40px !important;
  background: var(--Surfaces-S-Soft-Surface, #f5f6fc) !important;
}
.employee_InnerAccordion .accordion-body {
  padding: 0 !important;
}
.employee_InnerAccordion
  .accordion-collapse.collapse.show
  .productAvailabilityList {
  border-bottom: 1px solid var(--Neutrals-N-100, #d7deff) !important;
}
.employee_InnerAccordion .accordion-button {
  background: var(--Surfaces-S-Soft-Surface, #f5f6fc) !important;
}
.employee_InnerAccordion .productAvailabilityList {
  padding-left: 70px !important;
}
.employee_InnerAccordion .productAvailabilityList .productAvailabilityChild {
  margin-bottom: 10px;
}
.employeeDetail_Accordion .accordion-button::after {
  background-image: url("../images/selectDownArrow.svg") !important;
  background-size: 16px;
}
/* End Employee Details */

/* Start Add Leave Modal */
#addLeaveModal.modal-dialog {
  max-width: 500px;
}
#addLeaveModal .modal-content {
  padding: 30px 24px !important;
  border-radius: 30px !important;
}
#addLeaveModal .modal-header {
  padding: 0 !important;
  align-items: flex-start !important;
}
#addLeaveModal .addLeaveModalParent {
  padding: 40px 0;
}
#addLeaveModal .datePickerInput {
  border-radius: 50px;
  padding: 12px 18px;
}
#addLeaveModal .modalDiscardBtn {
  padding: 12px 16px;
  font-size: 16px;
}

.custom-textarea {
  padding: 18px 50px;
  background: none;
  border: 1px solid #d7deff;
  border-radius: 10px;
  width: 100%;
  font-size: 14px;
  color: #263682;
  font-weight: 400;
  font-family: "roobert_trialregular";
}
.custom-textarea::placeholder {
  color: #636e9f;
}
.commentTextImg1 {
  position: absolute;
  top: 18px;
  left: 18px;
}
.commentTextImg2 {
  position: absolute;
  top: 18px;
  right: 18px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  /*     left: -9999px; */
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
[type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #f87da9;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #f87da9;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* End Add Leave Modal */

/* Start Leave Detail Modal */
#leaveDetailsModal.modal-dialog {
  max-width: 629px;
}
#leaveDetailsModal .modal-content {
  padding: 30px !important;
  border-radius: 30px !important;
}
#leaveDetailsModal .modal-header {
  padding: 0 0 30px !important;
  align-items: flex-start !important;
}
.leaveDetailParent {
  padding: 30px;
  border-radius: 20px;
  border: 1px solid var(--Neutrals-N-100, #d7deff);
}
.leaveDetailInnerBox {
  border-radius: 5px;
  padding: 10px;
}
.leaveDetailInnerBox:nth-child(even) {
  background: var(--Primary-P-50-Main, #f5f6fc);
}
/* End Leave Detail Modal */

/* Start Password and Pin Tab */
.employeePassPin .employeeDetailPass {
  border-radius: 12px;
  border: 1px solid var(--Neutrals-N-100, #d7deff);
}
.innerEmployeePassPin {
  padding: 15px 40px 10px;
  border-top: 1px solid var(--Neutrals-N-100, #d7deff);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.innerEmployeePassPin:first-child {
  border-top: unset;
}
/* End Password and Pin Tab */

/* Start Account Password Require Modal */
#accountPassModal.modal-dialog {
  max-width: 400px;
}
#accountPassModal .modal-content {
  padding: 60px 30px 30px !important;
  border-radius: 30px !important;
}
#accountPassModal .modal-header {
  padding: 0 !important;
}
#accountPassModal .passInputParent {
  position: relative;
  padding: 30px 0 20px;
}
#accountPassModal .passInputParent .passIcon {
  top: 48px;
}
#accountPassModal .passInputParent .customform-control {
  padding: 18px 56px 18px 50px;
}
#accountPassModal .passInputParent .hide-icon {
  bottom: 40px;
}
#accountPassModal .modalPreviousBtn {
  background: var(--Primary-P-50-Main, #f5f6fc);
}
/* End Account Password Require Modal */

/* Start Create New Account Modal */

#createNewPassModal.modal-dialog {
  max-width: 500px;
}
#createNewPassModal .modal-content {
  padding: 0 !important;
  border-radius: 20px !important;
}
#createNewPassModal .modal-header {
  padding: 0 !important;
}

/* End Create New Account Modal */

/* Start Store Update Password */

#storeUpdatePassword.modal-dialog {
  max-width: 600px;
}
#storeUpdatePassword.modal-header {
  padding: 0 !important;
}
#storeUpdatePassword .modal-content {
  padding: 60px 30px !important;
  border-radius: 30px !important;
}
#storeUpdatePassword .pin-box {
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.generateOtpBtn {
  background: var(--Complement-C-300-Main, #58c2e8);
  padding: 18px 20px;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 400;
  color: var(--Complement-C-50, #effbff);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* End Store Update Password */

/* Start WorkLog Tab */

.workLogBox {
  border: 1px solid var(--Neutrals-N-100, #d7deff);
  padding: 15px;
  border-radius: 20px;
}
.employeeDatePicker {
  padding: 12px;
  border-radius: 30px;
  max-width: 181px;
  min-width: 181px;
}
.workLogBox .react-datepicker-wrapper {
  width: auto;
}
.workLogSelect.reactSelectParent
  .react-select-container
  .react-select__control {
  padding: 8px 6px !important;
}

/* Start Expanded Row Table */
.staffDetailtable {
  border-radius: 20px;
  border: 1px solid #d7deff;
  margin: 12px 0 0;
  padding: 12px 16px;
  max-height: calc(70vh - 178px);
  overflow-y: auto;
}
.staffTableHeading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  width: 100%;
  min-width: 552px;
  overflow-x: scroll;
}
.staffTableHeading::-webkit-scrollbar {
  display: none !important;
}
.staffTableOuter {
  border-radius: 30px;
  border: 1px solid #f5f6fc;
  background: #fff;
  padding: 12px !important;
  margin-top: 12px;
  width: 100%;
  min-width: 552px;
  overflow-x: scroll;
}
.staffTableOuter:hover {
  border: 1px solid #d7deff;
}
.staffTableOuter.active {
  border: 1px solid #d7deff;
}
.staffTableOuter::-webkit-scrollbar {
  display: none !important;
}
.staffTableData {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.staffBoxData {
  width: 25%;
  text-align: center;
}
.staffTableText {
  color: #636e9f;
  font-size: 12px;
  font-family: "roobert_trialmedium";
  margin-bottom: 0;
}
.staffUnpaidBtn {
  border-radius: 30px;
  background: #fee4e2;
  padding: 4px 13px;
  color: #d92d20;
  font-size: 12px;
  font-family: "roobert_trialmedium";
  border: none;
}
.staffPaidBtn {
  border-radius: 30px;
  background: #a6f4c5;
  padding: 4px 13px;
  color: #027547;
  font-size: 12px;
  font-family: "roobert_trialmedium";
  border: none;
}
.staffInvoiceBtn {
  border-radius: 30px;
  background: #e4e6f2;
  padding: 4px 13px;
  color: #263682;
  font-size: 12px;
  font-family: "roobert_trialmedium";
  border: none;
}
.staffTableSub {
  display: flex;
  align-items: center;
  justify-content: end;
}
.staffSecond {
  border-radius: 30px;
  border: 1px solid #d7deff;
  background: #fff;
  padding: 12px !important;
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-top: 8px;
}

.staffSecond::before {
  content: "";
  background-image: url("../images/SubLineLg.svg");
  width: 80px;
  height: 85px;
  position: absolute;
  left: -69px;
  top: -33px;
}
.leaveTabTable.commonTable table tr td:first-child {
  border-radius: 30px 0 0 30px;
}
.leaveTabTable.commonTable table tr td:last-child {
  border-radius: 0 30px 30px 0;
}
.staffLastBoxData {
  width: 27%;
  padding-right: 20px;
}
/* End Expanded Row Table */

/* End Worklog Tab */

/* Start Add New Staff */
.addNewStaffSection .walletStats {
  height: calc(100vh - 60px);
  overflow-y: auto;
}
.addStaffStepperBtn {
  display: flex;
  align-items: center;
}
.addStaffStepperBtn .modalDiscardBtn {
  padding: 18px 24px;
}
.addNewStaffSection .stepperParent {
  padding: 15px 0;
}
.uploadStaffImg {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--Primary-P-100-Main, #e4e6f2);
  border: 1.88px solid var(--Surfaces-S-Foreground, #e4e6f2);
  margin: 30px 0;
  position: relative;
}
.uploadStaffImg .showImg_Parent {
  width: 80px;
  height: 80px;
}
.uploadStaffImg .showImg_Parent .staff_Profile_Img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.uploadStaffCameraImg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.addStaffHeading {
  padding-top: 30px;
}
.addStaffForm .form_group {
  padding-top: 16px;
}
/* .addStaffForm .customInput {
  padding: 12px 18px 12px 24px;
}
.addStaffForm .customform-control {
  padding: 12px 18px 12px 24px;
} */
.addStaffForm .react-tel-input {
  padding: 18px 18px 18px 24px !important;
}
.addStaffForm .phone-numbpart {
  padding-top: 16px;
}
/* .addStaffForm
  .commonSelectParent
  .react-select-container
  .react-select__control {
  padding: 8px 18px !important;
} */
.addStaffForm .staffEmailInput .customInput {
  padding: 12px 18px 12px 52px;
}
.addStaffForm .apartmentInput {
  padding: 12px 18px 12px 52px;
}
.addStaffForm .staffEmailInput .createAccInputLogo {
  top: 39px;
}
.addStaffForm .datePickerInput {
  padding: 11px 18px 11px 24px !important;
}
.apartmentimg {
  position: absolute;
  left: 24px;
  top: 11px;
}
.countrySelect .stdropdown-container {
  border: 1px solid var(--Neutrals-N-100, #d7deff) !important;
  border-radius: 50px !important;
}
.countrySelect .stsearch-box {
  padding: 12px 16px 12px 24px !important;
  position: relative !important;
}
.countrySelect .stsearch-box input {
  padding: unset !important;
  border: unset !important;
  color: #263682 !important;
  font-size: 17px !important;
}
.countrySelect .stsearch-box input::placeholder {
  color: #636e9f !important;
}
.countrySelect .stdropdown-tools svg {
  display: none !important;
}
.countrySelect .stdropdown-tools::after {
  content: "";
  background-image: url("../images/blueDownArrow.svg") !important;
  background-size: 25px !important;
  width: 20px;
  position: absolute;
  height: 20px;
  right: 16px;
  bottom: 13px;
}
.addStaffForm .costPriceInput {
  padding: 12px 60px 12px 42px;
}
.addStaffForm .dollrsign1_ {
  top: 14px;
}
.verifyBtnParent .staffPaidBtn,
.verifyBtnParent .staffUnpaidBtn {
  padding: 14px 20px;
  font-size: 14px;
  text-transform: capitalize;
}
.createUserStaffSection {
  background-color: #fff;
  border-radius: 20px;
  padding: 30px 24px;
}
.staffCheckBoxParent {
  width: fit-content;
}
.staffAvailability {
  background: var(--Surfaces-S-Background, #f5f6fc);
  border-radius: 20px;
  padding: 30px 30px 15px;
}
.customPicker .react-time-picker__wrapper {
  border-radius: 25px;
  border: 1px solid #d7deff;
  padding: 5px 10px;
}
.formCheckParent .form-check-input[type="checkbox"] {
  border-radius: 20px !important;
  box-shadow: unset !important;
}
.formCheckParent .form-check {
  margin-bottom: 7px !important;
  align-items: center;
  display: flex;
  gap: 10px;
}
.formCheckParent .form-check label {
  color: #263682 !important;
  font-size: 14px !important;
}
.formCheckParent input[type="checkbox"]:before {
  top: 2px !important;
}
.staffAvailDropdown .dropdown-menu {
  background: white;
  padding: 12px;
  border-radius: 12px;
  border: none;
  margin: 5px 0 0 0;
}
.multiSelect_ .chip {
  background: #263682 !important;
  border-radius: 20px !important;
}
.dropdownToggleBtn button {
  background-color: #263682 !important;
  border: unset !important;
}
.dropdownToggleBtn .dropdown-menu {
  border: 1px solid var(--Neutrals-N-100, #d7deff) !important;
  box-shadow: 4px -8px 30px 0px #344f7514 !important;
}

/* Start Verify User Modal */
#verifyUserModal.modal-dialog {
  max-width: 600px;
}
#verifyUserModal .modal-content {
  padding: 30px 24px !important;
  border-radius: 30px !important;
}
#verifyUserModal .modal-header {
  padding: 0 !important;
}
/* End Verify User Modal */
/* End Payroll and Staff */

/* Start Pos User */
.posUserTableDropdown .tableDropdownMenus {
  border: 1px solid #d7deff !important;
}
.posUserTableDropdown .dropdown-item {
  font-size: 14px !important;
  color: #263682 !important;
  padding: 10px 20px !important;
}

/* Start Pos User Details Modal */
#posUserDetailsModal.modal-dialog {
  max-width: 735px;
}
#posUserDetailsModal .modal-content {
  padding: 30px 24px !important;
  border-radius: 30px !important;
}
#posUserDetailsModal .modal-header {
  padding: 0 0 30px !important;
}
.posUserDetailImg {
  height: 125px;
  width: 125px;
  border-radius: 50%;
  min-width: 125px;
}
.posShowTimeBox {
  border: 1px solid #d7deff;
  padding: 10px 18px;
  border-radius: 50px;
  color: #636e9f;
  width: 200px;
  text-align: center;
  text-transform: uppercase;
}
/* End Pos User Details Modal */

/* Start Edit Pos User Modal */
#updatePosUsersModal.modal-dialog {
  max-width: 785px;
}
#updatePosUsersModal .modal-content {
  padding: 30px 24px !important;
  border-radius: 30px !important;
}
#updatePosUsersModal .modal-header {
  padding: 0 0 30px !important;
}
/* End Edit Pos User Modal */

/* End Pos User */

/* Start Create Account */
.createAccountForm {
  padding: 30px !important;
  max-width: 600px;
  width: 100%;
  max-height: calc(100vh - 150px);
  overflow: auto;
}
.createAccountForm::-webkit-scrollbar {
  display: none !important;
}
.createAccountForm .authFormHead {
  padding-bottom: 30px !important;
}
.createAccountForm .form-group {
  padding-bottom: 20px;
}
.errorTxt {
  color: red;
}
.createAccInputLogo {
  position: absolute;
  top: 45px;
  left: 24px;
}
.newCheckPosition {
  position: absolute;
  right: 24px;
  top: 48px;
}
/* End Create Account */

/* Start Successfully Verify Modal */
#SuccessFullyCreated.modal-dialog {
  max-width: 344px;
  margin: auto;
}
#SuccessFullyCreated .modal-content {
  padding: 60px 50px !important;
  border-radius: 40px !important;
}
#SuccessFullyCreated .modal-header {
  padding: 0 !important;
}
/* End Successfully Verify Modal */

/* Start Connect Bank Account */
.connectBankAccountSection .loginForm {
  padding: 30px;
  box-shadow: -4.95px 9.82px 80px 0px #32507f0a;
  border-radius: 24px;
  max-width: 600px;
  width: 100%;
}
.createNewPassOtpInput div:first-child {
  justify-content: space-between !important;
}
/* End Connect Bank Account */
/* error class */
.error-message {
  color: red;
  font-size: 12px; /* Optional */
  margin-top: 5px; /* Optional, for spacing between input and error message */
}

/* error class */

/* Start Successfully Created Modal */

#successfullyCreatedModal.modal-dialog {
  max-width: 360px;
}
#successfullyCreatedModal .modal-header {
  padding: 0 0 20px !important;
}
#successfullyCreatedModal .modal-content {
  padding: 30px !important;
  border-radius: 40px !important;
}
/* End Successfully Created Modal */

/* Start Country code Picker */
.countryCodePickerParent .react-tel-input .country-list .search-box {
  border: 1px solid var(--Neutrals-N-100, #d7deff) !important;
  color: #263682 !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  margin-left: 0 !important;
  padding: 12px 12px 12px 40px !important ;
  width: 100%;
  position: relative !important;
}
.countryCodePickerParent .react-tel-input .country-list .search::after {
  content: "";
  background-image: url("../images/SearchIcon.svg");
  height: 25px;
  width: 25px;
  position: absolute !important;
  top: 18px;
  left: 20px;
  background-repeat: no-repeat;
}
.countryCodePickerParent .react-tel-input .country-list::-webkit-scrollbar {
  display: none !important;
}

.countryCodePickerParent .react-tel-input .country-list .search {
  padding: 10px !important;
  position: relative !important;
}
.countryCodePickerParent .react-tel-input .country-list .country {
  text-align: start !important;
  padding: 7px 15px !important;
}
.countryCodePickerParent .react-tel-input .country-list .search-emoji {
  display: none !important;
}
.countryCodePickerParent .react-tel-input .country-list {
  border: 1px solid var(--Neutrals-N-100, #d7deff) !important;
  outline: none;
  border-radius: 12px !important;
  box-shadow: 4px -8px 30px 0px #344f7514 !important;
  padding-bottom: 10px !important;
}
/* End Country code Picker */

/* Start Role View Modal */

#RoleDetailsModal.modal-dialog {
  max-width: 600px;
  margin: auto;
}
#RoleDetailsModal .modal-header {
  padding: 0 0 30px !important;
}
#RoleDetailsModal .modal-content {
  padding: 30px !important;
  border-radius: 30px !important;
}

.deliverBtn_ {
  border-radius: 20px;
  background: #f5edff;
  border: 1px solid #f5edff;
  mix-blend-mode: multiply;
  padding: 3px 6px;
  color: #7233c2;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

.transDeliver {
  background-color: #a6f4c5;
  padding: 4px 13px;
  border: none;
  font-size: 12px;
  font-weight: 500;
  color: #027547;
  border-radius: 30px;
}

.transcancel {
  background-color: #fee4e2 !important;
  color: #d92d20 !important;
}

.transPickup {
  background-color: #fff7d7 !important;
  color: #dc6803 !important;
}

.transPrepare {
  background-color: #bfeeff99 !important;
  color: #308cad !important;
}

.transRefund {
  background-color: #e4e6f299 !important;
  color: #4659b5 !important;
}

.transPickCustmr {
  background-color: #f5edff !important;
  color: #7233c2 !important;
}

.transReject {
  background-color: #e4ebf199 !important;
  color: #535e68 !important;
}

.transReview {
  background-color: #d7deff !important;
  color: #4659b5 !important;
}

.transAccept {
  background-color: #263682 !important;
  color: #fff !important;
}

.transpickReady {
  background-color: #f5f6fc;
  color: #263682 !important;
}
/* End */

/* Start Header */
.headerToggleBtn {
  display: none;
  margin-top: 5px;
}
.headerToggleBtn .fa-bars {
  color: #263682;
}
.mobileNotificationLink {
  display: none;
}
/* End Header */

/* Start GiftBox */
.giftBoxInnerHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
.giftBoxInnerHeader .react-datepicker-wrapper {
  width: auto !important;
}
/* Start View Gift Card Modal */
#viewGiftModal.modal-dialog {
  max-width: 735px;
}
#viewGiftModal .modal-content {
  border-radius: 30px !important;
  padding: 30px 24px !important;
}
#viewGiftModal .modal-header {
  padding: 0 0 30px !important;
}
.giftModalDetails .contentappont {
  margin-top: 24px;
}
/* End View Gift Card Modal */

/* Start Create Gift  Modal */
#createGiftModal.modal-dialog {
  max-width: 930px;
}
#createGiftModal .modal-content {
  border-radius: 30px !important;
  padding: 30px 24px !important;
}
#createGiftModal .modal-header {
  padding: 0 0 30px !important;
}
/* #createGiftModal .customInput {
  padding: 12px 18px 12px 24px;
} */
#createGiftModal .costPriceInput {
  padding: 19px 18px 19px 40px;
}
#createGiftModal .inputGroup .dollrsign1_ {
  top: 21px;
}
#createGiftModal
  .commonSelectParent
  .react-select-container
  .react-select__control {
  padding: 14px 18px !important;
}
#createGiftModal .datePickerInput {
  border-radius: 50px;
  max-width: 100%;
  padding: 16px 18px;
}

/* End Create Gift  Modal */

/* End GiftBox */

/* Start Pos sale Table */
.posSaleTable table th:nth-child(2) {
  min-width: 200px;
}
.posSaleTable table th:nth-child(4) {
  min-width: 120px;
}
.posSaleTable table th:nth-child(7) {
  min-width: 120px;
}

/* End Pos sale Table */

/* Start Create NewRole Table */
.createNewRoleTable table th:nth-child(2) {
  min-width: 120px;
}
.createNewRoleTable table th:nth-child(3),
.createNewRoleTable table th:nth-child(4) {
  min-width: 145px;
}
/* End Create NewRole Table */

.modal {
  padding-left: 0 !important;
}
.createUserStaffSection .commonBlueBtn {
  max-width: 240px;
  margin: 0 auto;
  padding: 19px 24px;
}
.productListHeader .filterTab_ {
  font-size: 12px !important;
  padding: 8px;
}
.productListHeader .productSelectFilter .react-select__placeholder {
  font-size: 12px !important;
}
.productListHeader
  .reactSelectParent
  .react-select-container
  .react-select__control {
  padding: 2px 4px !important;
}
.orderTrackAcceptBtn {
  font-size: 14px;
  padding: 10px 10px;
  background-color: #263682;
  border-radius: 30px;
  color: #fff;
}
.serviceListHeaderParent
  .serviceTypeSelect.productSelectFilter
  .react-select__placeholder {
  font-size: 16px !important;
}
.sidebarRightBooking.full .SidebarRightItems {
  justify-content: start !important;
}
.serviceListHeaderParent
  .serviceTypeSelect.productSelectFilter
  .react-select__placeholder {
  font-size: 16px !important;
}

/* Start Booking */
.recentBookingTableBox .leftorderValue_ {
  padding-left: 10px;
}

/* End Booking */
/* booking calender reschedule modal */
.active.scheduleTime {
  background: beige;
}

.appointmentDayTxt {
  font-size: 12px;
  font-weight: 500;
  color: #263682;
  text-align: center;
}

.appointmentDateTxt {
  font-size: 16px;
  font-weight: 500;
  color: #263682;
  text-align: center;
}
.serviceDate.active .appointmentDayTxt,
.serviceDate.active .appointmentDateTxt {
  color: #fff;
}

.legalOuterText h1 {
  font-size: 12px !important;
  color: #7e8ac1 !important;
}
.legalOuterText h1 strong {
  font-weight: 400 !important;
}
.newLeagalInformation .refundContent_ {
  height: 162px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.newLeagalInformation .refundContent_ p {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
  line-height: 1.5;
}

.newLeagalInformation .legalPolicy_ {
  height: 100%;
}
.mui_Select .MuiOutlinedInput-notchedOutline {
  top: 0 !important;
  border: none !important;
}
.mui_Select .MuiSelect-select {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  color: #263682 !important;
}
.mui_Select.MuiInputBase-root {
  padding: 18px !important;
  border-radius: 50px !important;
  border: 1px solid #d7deff !important;
  background-image: url("../images/selectDownArrow.svg") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 21px) calc(1em - 1.5px),
    calc(100% - 15px) calc(1em + 2px), 100% 0 !important;
  background-size: 17px 32px, 5px 5px, 2.5em 2.5em !important;
}

/* Start Two Factor Authentication Modal */
#authenticationModal {
  max-width: 500px;
}
#authenticationModal .modal-header {
  padding: 0 0 50px !important;
}
#authenticationModal .modalfooterBtn {
  margin-top: 50px;
}
#authenticationModal .modal-content {
  padding: 40px 30px !important;
}
.bookingSidebarUsers {
  height: calc(100vh - 270px);
  overflow-y: auto;
}
.bookingSidebarUsers::-webkit-scrollbar {
  display: none;
}
/* End Two Factor Authentication Modal */
/* driver custom css */
.driver_status_details {
  display: flex;
  justify-content: space-between;
  background: #bfeeff;
  padding: 6px 8px;
  border-radius: 34px;
}

.signupSelect .optionListContainer .optionContainer {
  background: #fff !important;
  box-shadow: -1.908px 3.783px 25.481px 0px rgb(50 80 127 / 2%),
    -4.954px 9.821px 80px 0px rgb(50 80 127 / 4%) !important;
  border: none;
  border-radius: 10px;
}

/* Start Ai Text Modal */
#aiTextModal {
  max-width: 600px;
}
#aiTextModal .modal-header {
  padding: 0 0 30px !important;
  justify-content: end !important;
}
#aiTextModal .modal-body {
  padding: 0 !important;
}
#aiTextModal .modal-content {
  padding: 30px !important;
  border-radius: 20px !important;
  box-shadow: -31.03px 73.73px 80px 0px #344f7512 !important;
}
.aiTextBox {
  border: 1px solid var(--Neutrals-N-100, #d7deff);
  background: var(--Surfaces-S-Top, #ffffff);
  padding: 18px;
  border-radius: 10px;
  margin-top: 10px;
}
.aiTextBoxParent {
  margin-top: 10px;
}
.aiUseTextBtn {
  background: var(--Primary-P-100-Main, #e4e6f2);
  padding: 7px 10px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 500;
  color: #263682;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: none;
  margin-left: auto;
  margin-top: 5px;
}
#aiTextModal .customTextarea {
  padding: 18px;
}
/* End Ai Text Modal */
.editSaleModalBox .dollrsign1_ {
  top: 14px;
}

.monthlyText {
  color: #636e9f !important;
}

.plansInput {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 8px;
  width: 100%;
  color: #263682;
  font-size: 16px;
}

.choosePlanBottomBtn {
  font-size: 16px;
  width: 100%;
  background-color: #58c2e8;
  border-radius: 8px;
  padding: 12px 24px;
  color: #fff;
}

.greyTextColor {
  color: #676666 !important;
}
.choosePlanBottomBtn.active {
  background-color: #263682;
}
.planCommon_ .subscribeText {
  font-size: 30px;
  font-weight: 600;
}
.planCommon_ .SubscribePara {
  font-size: 18px;
}
.planCommon_ {
  padding: 30px 20px !important;
}
.transectioHeaderSearch {
  line-height: unset !important;
  font-size: 16px !important;
}

/* Start Decline Reason Modal */
#declineReasonModal .modal-header {
  padding: 0 !important;
}
#declineReasonModal .modal-body {
  padding: 0 !important;
}
#declineReasonModal .modal-content{
 padding: 30px 24px !important;
}
#declineReasonModal .categoryModalInner{
 max-width: unset;
 overflow: unset;
}
#showSubCategoryList .modal-content {
    padding: 0px !important;
}
#showSubCategoryList .modal-body {
    padding: 0 20px !important;
}
#showSubCategoryList .modal-header {
    border-bottom: 1px solid #d7deff !important;
}
#showSubCategoryList .modal-body ul h4 {
    text-align: center;
    font-size: 18px;
}
.manageCategoriesSection .cashDrawInner {
    cursor: pointer;
}
#createmake .modal-content {
    padding: 0 0 20px !important;
}
#createmake {
    max-width: 651px;
    width: 100%;
}
#createmake .modal-body {
    padding: 20px 30px 30px !important;
}
#createmake .modal-content .modal-header {
    padding: 20px 28px;
    border-bottom: 1px solid #d7deff !important;
}
#deleteModall_ .modal-header {
    display: none;
}
.manageCategoriesSection .commonBtn {
    display: flex;
    align-items: center;
}
.manageCategoriesSection .managedropdown {
    max-width: 181px;
    width: 100%;
}
.modelmaindiv .search_group {
    padding: 8px 12px;
    margin-right: 9px;
}
.modelmaindiv .commonBtn {
    max-width: 168px;
    width: 100%;
}

/* Start Driver View Modal */
#driverViewModal.modal-dialog{
 max-width: 800px;
}
#driverViewModal .modal-content {
  padding: 30px !important;
}
#driverViewModal .modal-header {
  padding: 0 0 24px !important;
}
.btn_padding{
     padding: 13px 20px;
}
.ExistingDriver{
  min-height: 200px;
}
/* End Driver View Modal */

.margnT60{
  margin-top: 58px;
}
.fitWidth{
  width: fit-content !important;
}

.productDatePicker{
  max-width : 100% !important;
  padding: 18px 24px;
  border-radius: 50px;
}
.filterLightBlue{
  filter: brightness(0) saturate(100%) invert(59%) sepia(16%) saturate(842%) hue-rotate(192deg) brightness(101%) contrast(90%);
}