/**--- Start Common Css ---**/
.modal-content {
  background-color: #ffff;
  border-radius: 15px !important;
  padding-bottom: 10px;
}
.fw-500 {
  font-weight: 500 !important;
}
.gerytextHead {
  font-family: "Maison Mono";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
.blacktextHead {
  font-family: "Maison Mono";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  color: #14171a;
  word-break: break-all;
}
.headingBlue {
  font-family: "Maison Mono";
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #275aff;
  margin: 0;
}
.subheadBlue {
  font-family: "Maison Mono";
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #275aff;
  margin: 0;
}
.subheadText {
  font-family: "Maison Mono";
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  color: #3c444d;
  margin: 0;
}

.pendingSecondary {
  background: #fcba30;
  padding: 8px 36px;
  font-size: 14px;
  font-weight: 700;
  color: #3c444d;
  border-radius: 3px;
}
.mainHeading {
  font-family: "Maison Mono";
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  color: #14171a;
  margin: 0;
}
.anotherHead {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #3c444d;
  margin: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.anotherHead i {
  color: #626262;
  font-size: 26px;
  margin: 0 6px 0 0;
  font-weight: 300;
}
.pendingStatusbtn {
  background: #fcba30;
  border-radius: 7px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #3c444d !important;
  min-width: auto;
  width: 100%;
  padding: 6px 15px;
}
.maindarkHead_ {
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
}
.mainlightHead {
  font-family: "roobert_trialmedium";
  font-size: 18px;
  line-height: 20px;
  color: #7e8ac1;
  margin: 0;
}
.mainboldHead {
  font-size: 16px;
  color: #263682;
  font-family: "roobert_trialregular";
}
.mainbluekHead_ {
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  color: #275aff;
}
.walletadd {
  width: 88px;
  height: auto;
  margin: 15px 0 19px;
}
.subhaedHeading {
  font-size: 18px;
  line-height: 20px;
  color: #263682;
  font-family: "roobert_trialmedium";
}
.mainskyHead_ {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  color: #1fb3ff;
}
.headBlue {
  color: #275aff;
}
.headGrey {
  color: #3c444d;
}
.headPink {
  color: #fb466c;
}
.pendingStatus {
  background: #fcba30;
  border-radius: 3px;
  padding: 4px 12px;
  margin: 0 0 0 17px;
  font-size: 12px;
}
.saveBtn_ {
  background: #1fb3ff;
  color: #fff;
  padding: 6px 18px;
  border-radius: 3px;
  font-size: 16px;
}
.publishBtn_ {
  background: #275aff;
  padding: 6px 18px;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
}

/* Start Common Modal Css */
.commonBody {
  height: calc(100vh - 128px);
  overflow-y: auto;
}
.modalHead {
  display: flex;
  padding: 15px 30px 15px;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
  filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.05));
}
.closeButton {
  background: transparent;
  font-size: 16px;
  color: #626262;
}
.licenceImgae {
  width: 100%;
}
.modalContent {
  padding: 30px;
}
.modalHeading {
  font-family: "Maison Mono";
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  margin: 0;
  color: #3c444d;
}
.certificateImage {
  width: 100%;
}

#detailkybModal {
  max-width: 819px;
  width: 100%;
}
.certificateImage {
  width: 77%;
  height: auto;
}
#detailkycModal .modalContent {
  padding-top: 0;
}
#detailkycModal .modalHead {
  border: none;
  padding-bottom: 15px;
}
.commonWidth .modal-dialog {
  max-width: 650px;
  width: 100%;
}

/* End Common Modal Css */
/**--- End Common Css ---**/
/**Start Commom Header Css**/
.topHeader_ {
  align-items: center;
}
.backgroundFillbtn {
  text-align: center;
  background: #275aff;
  border-radius: 6px;
  width: auto;
  display: inline-block;
  padding: 13px 20px;
  color: #fff !important;
  font-size: 14px;
  cursor: pointer;
}
.topHeader_ {
  /* margin-bottom: 50px; */
}
.topStickyHeader_ {
  background: #fff;
  padding: 10px 15px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  position: fixed;
  top: 65px;
  z-index: 2;
  width: calc(100% - 240px);
  right: auto;
  left: 240px;
}
/**End Commom Header Css**/

/* Start Filter Css */
.tableFilters {
  padding: 11px 15px;
  background: transparent;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.cateSelectdFilter {
  padding: 8px 58px 8px 12px;
  border: 1px solid #f5f6f7;
  border-radius: 7px;
  background: url(/downArrow.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 29px 8px;
  appearance: none;
  font-size: 14px;
  font-weight: 400;
  color: #626262;
  font-family: "Montserrat";
  margin-right: 15px;
  width: 100%;
}
.cateDate {
  border-radius: 7px;
  padding: 8px 29px 8px 12px;
  appearance: none;
  font-size: 15px;
  font-weight: 400;
  border: 1px solid #f5f6f7;
  margin-right: 15px;
  width: 100%;
}

/* new
 */

.coupons .cateDate {
  padding: 10px 27px 8px 27px;
}
.calenderIcon img {
  position: absolute;
  top: 8px;
  z-index: 9;
  color: #a7a7a7;
  right: 16px;
  width: 19px;
}
.calenderIcon {
  position: relative;
}

/* End Filter Css */
/*Start ApplicationDetailskyc Css*/
.deatilsHead {
  font-family: "roobert_trialmedium";
  font-size: 18px;
  color: #263682;
  margin: 0 0 20px;
}
.personalDetails {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
.detailsHeadinner {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  color: #14171a;
  border-bottom: 1px solid #d8d8d8;
  padding: 0 0 11px;
  vertical-align: middle;
  position: relative;
  display: flex;
}
.contentHeading {
  max-width: 204px;
  width: 100%;
  display: inline-block;
}
.detailsHeadinner img {
  display: inline-block;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
}
.innerContent {
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px 0 0px;
}
.itallicHeading {
  font-family: "Montserrat";
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  color: #a7a7a7;
}
.paymentDetails .detailsHeadinner {
  padding: 10px 0 8px;
}
.drivepersonal h5 {
  font-style: italic;
  font-weight: 400;
  font-size: 16px;
  margin: 0;
}
.drivepersonal p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin: 6px 0;
  color: #626262;
}
.drivepersonal h6 {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #275aff;
  text-decoration: underline;
}
.licenceIfomation {
  display: flex;
  justify-content: space-between;
}
.licenceIfomation img {
  width: 100%;
  height: auto;
  margin-right: 11px;
}
.personalinfoHead {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #263682;
}

.uploadContent h6 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  color: #000;
}

.deviceHead {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  margin: 0 0 17px;
  word-break: break-all;
}
.licenceLarge {
  width: 100%;
  height: auto;
}
#detailkycModal .noHeaderModalcontent {
  padding: 0px 18px 30px;
}
#detailkycModal .noHeaderModal {
  display: flex;
  padding: 20px 22px 10px;
}
#detailkycModal .closeAction {
  top: 16px;
}
/*End ApplicationDetailskyc Css*/
/*Start Details Kyb Css*/

.kybdocument .uploadDocument {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  background: transparent;
}
.businessDetail .contentHeading {
  max-width: 300px;
  width: 100%;
}
/*End Details Kyb Css*/
/*--- End New Application ---*/

/*---Start Verified Apllication---*/
/*Start Verified Details Css*/

.smallHeading {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 20px;
  color: #3c444d;
  margin: 0;
}
.aproveInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.approveStatus {
  color: #275aff;
  margin-left: 18px;
}
.verifiedImg img {
  width: 100%;
  max-width: 98px;
}
.verifiedImg {
  display: flex;
  justify-content: right;
}
.approvedBy h5 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 3px;
}
.approvedBy img {
  width: 37px;
  height: auto;
}
.verifydetailHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.applicationNum {
  display: flex;
  align-items: center;
}
.applicationNum img {
  width: 20px;
  height: auto;
  margin-right: 6px;
}
.verifydetailHead .deatilsHead {
  margin: 0;
}
/*End Verified Details Css*/
/*---End Verified Apllication---*/

/*---Start Denied Application---*/
.approveStatusPink {
  color: #fb466c;
  margin-left: 18px;
}
.deniedBtn {
  background: #fb466c;
  border-radius: 3px;
  color: #fff !important;
  padding: 4px 12px;
  font-size: 12px;
  font-family: "Montserrat";
}
.verifiedLicenceBtn {
  background: #fb466c;
  border-radius: 7px;
  padding: 8px 16px;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 14px;
  color: #fff !important;
}
.verifiedLicence {
  display: inline-block;
  width: 100%;
  margin: 15px 0 0;
}
.verifiedLicence .headPink {
  margin-top: 10px;
  font-size: 12px;
  font-family: "Montserrat";
}
/*---End Denied Application---*/
/**------End Verificaton Css------**/

/**------Start Disbursement Css ------**/

.innergrey_btn {
  background: #3c444d;
  border-radius: 3px;
  padding: 4px 12px;
  display: inline-block;
  color: #fff !important;
}
/**------End Disbursement Css ------**/

/** Start Token Usage Modal Css**/

.nextAction {
  background: transparent;
}
.subHeader {
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 30px;
  text-align: left;
}
.subheaderHeading {
  font-family: "Maison Mono";
  color: #3c444d;
  font-weight: 600;
  font-size: 18px;
  margin: 0;
}
.modalHeadingGrey {
  font-size: 32px;
  color: #3c444d;
  font-family: "Maison Mono";
  font-weight: 500;
  margin: 0;
}
.contentextLight {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  margin: 4px 0 6px;
  display: flex;
  align-items: center;
}
.contentSubtextbold {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 13px;
  line-height: 14px;
  margin: 0;
}
.contentextLight img {
  width: 16px;
  margin-right: 6px;
}
.contentSubtextbold img {
  width: 17px;
  margin-right: 6px;
}
.bankInformation {
  border-top: 1px solid #d8d8d8;
  display: inline-block;
  width: 100%;
  padding-top: 10px;
  text-align: left;
}
.infoHeading {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #14171a;
  margin-bottom: 10px;
}
.haedingBold_ {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.haedingsemiBold_ {
  font-family: "Montserrat";
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.amountDeatils_ {
  padding-bottom: 20px;
}
.bankheadInnr {
  max-width: 133px !important;
  display: inline-block;
  width: 100%;
}
.transactionStatus {
  display: inline-block;
  width: 100%;
  margin: 13px 0 0;
  text-align: center;
}
.transactionStatus .mainlightHead {
  margin: 0 0 10px;
  display: inline-block;
  width: 100%;
}
.transactionStatus .innerBtn_ {
  padding: 10px 32px !important;
  font-weight: 700;
  font-size: 14px;
}
.invoiceLink {
  display: inline-block;
  text-align: left;
  width: 100%;
  border-top: 1px solid #d8d8d8;
  margin-top: 10px;
  padding-top: 11px;
  margin-bottom: 17px;
}
.invoiceLink small {
  font-family: "Montserrat";
  font-weight: 500;
  font-size: 12px;
  line-height: 13px;
  color: #626262;
}
.invoiceLink p {
  margin: 0;
  display: flex;
  align-items: center;
}
.invoiceLink .mainlightHead {
  margin-right: 53px;
}
.transactionStatus .pendingStatusbtn {
  padding: 11px 40px !important;
  font-weight: 700;
  font-size: 14px;
  border-radius: 3px;
}
/** End Token Usage Modal Css**/
/** Start Fiat to Token Modal Css**/
.tokenprofileImg {
  width: 54px;
  margin: 0 0 11px;
  height: 54px;
}
/** End Fiat to Token Modal Css**/

/**------ Start Token Usage Css ------**/
/* Start Token Payment Invoice */
.anotherHeader {
  display: flex;
  align-items: center;
  padding: 6px 0;
}
.completeStatus {
  font-size: 12px;
  background: #275aff;
  border-radius: 3px;
  color: #fff !important;
  padding: 4px 12px;
  margin: 0 0 0 16px;
  line-height: 16px;
}
.anotherHeader i {
  margin-right: 10px;
  cursor: pointer;
}

.buyHeading {
  font-family: "Maison Mono";
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #3c444d;
}
.userProfileinfo_ {
  display: flex;
  align-items: flex-start;
}
.mainlightPhragraph {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #626262;
}

.buyerStatus {
  background: #cacaca;
  border-radius: 3px;
  padding: 4px 12px;
  display: inline-block;
  font-size: 10px;
  font-weight: 400;
  color: #14171a;
  margin: 0 0 11px;
}

.tHead_ {
  background: #f5f6f7;
  border-radius: 9px 9px 0px 0px;
}
.tHead_ th {
  padding: 14px 9px;
  font-family: "Maison Mono";
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #3c444d;
}
.productonlineDetail {
  display: flex;
  align-items: center;
}
.contentheadtext_ {
  font-weight: 400;
  font-size: 13px;
  color: #3c444d;
  margin: 0;
}

.contentHeadtextlight_ {
  font-size: 12px;
}
.tableProductimg {
  width: 37px;
  margin-right: 11px;
  height: 37px;
  object-fit: cover;
}
.customerInvoicetable tbody tr {
  vertical-align: middle;
}
.itemsTxt {
  font-family: "Maison Mono";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  color: #14171a;
}

.Customertotal .totalDetails {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
  padding: 15px 10px 15px 11px;
  margin: 0;
}
.itemsText {
  font-size: 14px;
  margin: 0;
  color: #2f3552;
  font-family: "roobert_trialsemibold";
}
.totalDetails .personalinfoHead {
  margin: 0;
}
.totalArea .notes {
  height: 100%;
}
.customerInvoicetable .notes textarea::placeholder {
  color: #000;
}
.invoiceHead {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #575757;
  margin: 0 0 7px !important;
}
.invoiceHead span {
  color: #14171a;
}
.afterBorder:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  background: #e0e0e0;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
}
.pendingStatus {
  background: #fcba30;
  border-radius: 3px;
  padding: 6px 12px;
  margin: 0 0 0 1px;
  font-size: 12px;
  color: #3c444d;
}
/* End Token Payment Invoice */
/**------ End Token Usage Css ------**/

/**------ Start Active User ------**/
/* Start Active Marchent */

.merchantactive .CustomerOnlinestatus_ {
  border: none;
}
.merchantactive .afterBorder:after {
  display: none;
}
.merchantactive .userProfileinforight_ img {
  margin-right: 9px;
}
.marchantBtn {
  display: inline-block;
  width: 100%;
  margin-top: 21px;
}
.chatBtn {
  border: 1px solid #1fb3ff;
  border-radius: 7px;
  padding: 9px 16px;
  text-align: center;
  margin-right: 11px;
}
.chatBtn img {
  margin: 0 !important;
  width: 28px;
}
.disableAccount {
  border: 1px solid #d33300;
  border-radius: 7px;
  padding: 9px 16px;
  color: #d33300;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}

.activebadge {
  display: inline-block;
  background: #e3fcf0;
  border-radius: 3px;
  padding: 3px 11px 6px;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
}
.inactivebadge {
  display: inline-block;
  background: #e1e3e4;
  border-radius: 3px;
  padding: 3px 20px 6px 28px;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle;
}
.inactivebadge .dotActive:before {
  background: #626262;
  left: -13px;
  top: 8px;
}
.activebadge small {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  color: #50bb87;
}
.inactivebadge small {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  color: #626262;
}
.dotActive {
  position: relative;
}
.inactivebadge .dotActive:before {
  background: #626262;
}
.dotActive:before {
  background: #50bb87;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  content: "";
  position: absolute;
  top: 7px;
  bottom: 0;
}
.activebadge small {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  color: #50bb87;
  margin-left: 13px;
}
.blueboldHead {
  font-family: "Maison Mono";
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #275aff;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 7px;
  margin-bottom: 24px;
  display: flex;
}
.blueboldHead:last-child {
  margin-bottom: 0;
}
.lightsubHead {
  color: #3c444d;
  font-weight: 400;
  font-size: 18px;
  margin: 0;
}
.merchantactive .CustomerOnlinestatus_ {
  padding: 33px 0 0;
}
.blueboldHead strong {
  max-width: 200px;
  width: 100%;
  display: inline-block;
}
.verifiedMarchant {
  display: inline-block;
  width: 100%;
  background: #f5f6f7;
  border: 1px solid #e1e3e4;
  border-radius: 5px;
  padding: 10px 20px;
}
.verifiedMarchant img {
  width: 42px;
  margin: 0 9px 0 0;
}
.merchantactive .kybdocument {
  background: #f5f6f7;
  border-radius: 10px;
}
.boldsubSubhead {
  font-family: "Maison Mono";
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #14171a;
}
.bankImg_ {
  position: initial !important;
  width: 36px;
  height: 36px;
}
.customepayment .contentHeading {
  max-width: 271px;
  width: 100%;
}
.businessCustomer .contentHeading {
  max-width: 164px;
}
/* End Active Marchent */
/**------ End Active User ------**/

/**------Start Support Css------**/
.discardgeryBtn {
  border-radius: 5px;
  border: 1px solid #626262;
  background: #fff;
  width: 100%;
  padding: 12px 24px;
}
.suppportbottombtn_ .secoundaryBtn {
  width: 100%;
  border-radius: 5px;
}
.helpSupport_ {
  border-radius: 20px;
  background: #f5f6fc;
  padding: 85px 24px;
}
.suppportbottombtn_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.searchBoc_ {
  border: none !important;
  background-color: #fff !important;
}
.searchBoc_:focus {
  background-color: #fff !important;
}
.subheadsmall_ {
  color: #000;
  font-family: "Maison Mono";
  font-size: 16px;
  font-weight: 700;
}

.aboutJobr_ {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px 10px 0;
}
.aboutJobr_ i {
  cursor: pointer;
  color: #3c444d;
  font-size: 13px;
}
#refundoverviewModal .modal-header {
  padding: 0 0 26px;
}
.trendingArticle_ {
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  padding: 16px;
  margin-top: 50px;
}
#refundoverviewModal .modal-content {
  background: #f5f6f7;
}
.refundoverviewModal_ {
  border-radius: 10px;
  background: #fff;
  padding: 24px;
}
.parasmallHead_ {
  color: #3c444d;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  margin-bottom: 7px !important;
}
.respondInfoinner_ {
  background: #ffffff;
  border: 1px solid #e1e3e4;
  border-radius: 10px;
  padding: 12px 28px 12px 16px;
  width: 100%;
  margin-right: 10px;
}
.suportticketDetails_ {
  background: #fff;
  border-radius: 10px;
}
.supportRight_ {
  padding: 15px;
}
.informationcontentInner {
  border-right: 1px solid #d8d8d8;
}
.respondInformation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tablesubHead {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #14171a;
  margin: 0;
}
.tableHeadsmall {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #626262;
  margin: 0;
}
.assignBtn_ {
  background: #6c63f0;
  border-radius: 3px;
  padding: 5px 12px;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #fff !important;
  display: inline-block;
}
.commonbody_ {
  padding: 40px;
}
.selectbox_ {
  border-radius: 15px;
  padding: 18px 14px;
  color: #a7a7a7;
  font-size: 13px !important;
  font-style: italic;
}
.footerSec .assignBtn_ {
  border-radius: 7px;
  padding: 10px 25px;
  font-size: 14px;
  font-weight: 400;
}
#suportticketModal .modal-header {
  background: #f5f6f7;
  border-radius: 15px 15px 0px 0px;
  padding: 22px 20px;
}

/* Start Suport Ticket Detail Css*/
.suportticketDetails .topHeader_ {
  margin-bottom: 53px;
}
.detailsTicket_ {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.detailsTicketinfo_ {
  display: flex;
  justify-content: start;
  align-items: center;
}
.detailsTicketinfo_ img {
  width: 50px;
  margin-right: 10px;
}
.nameDetail .tableHeadsmall {
  margin: 0;
}

.descriptionPara_ {
  font-family: "Montserrat";
  font-weight: 500;
  font-size: 12px;
  color: #3c444d;
  margin: 0;
}
.headsubHeading__ {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #000;
}
.detailsTicketRight_ {
  background: #efefef;
  border-radius: 15px;
  padding: 15px 18px;
}
.detailsTicketinfoInner_ {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 13px;
}
.totalticketBottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subInnersubhead {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #6c63f0;
}
.totalticketBottom .smallHeading {
  font-size: 12px;
}
.asignAgent_ {
  background: #f0f2f4;
  border-radius: 15px;
  padding: 15px 18px;
}
.agentHeading {
  font-family: "Montserrat";
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #14171a;
  margin: 0;
}
.asignAgent_ img {
  width: 33px;
}
.chatInput_ {
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  position: relative;
  width: 100%;
  padding: 16px 18px;
  align-items: center;
  border-top: 1px solid #efefef;
}
.chatbox {
  border: 1px solid #efefef;
  border-radius: 5px;
  width: 100%;
  padding: 14px 10px;
  margin: 0 20px;
}
.sendBtnbox {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: #fff;
  display: flex;
  color: #626262;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 700;
}
.chatbox::placeholder {
  font-size: 14px;
}
.sendBtn {
  background: #cacaca;
  border-radius: 24px;
  padding: 10px 22px;
  color: #ffffff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 110px;
  width: 100%;
}
.detailsTicketRight_ .contentextLight {
  margin: 0 0 9px !important;
  word-break: break-all;
}
.detailleftCommon {
  display: inline-block;
  width: 100%;
  overflow: auto;
  height: 77vh;
  padding: 20px;
}
.outputStatus_ {
  background: #e5f0ff;
  position: relative;
  bottom: 0;
  width: 100%;
  padding: 16px 18px;
}
.smallgerysubHeading_ {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
.outputStatus_ .buyHeading {
  margin: 0;
}
.tableHead_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bluebtnBox_ {
  border-radius: 5px;
  background: #275aff;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  padding: 9px 20px;
}
.viewbtnBox_ {
  border-radius: 5px;
  background: #f5f6f5;
  color: #275aff;
  font-size: 14px;
  padding: 9px 15px;
}
.newsupportModal_ {
  border-radius: 10px;
  background: #fff;
  padding: 16px;
  margin-top: 24px;
}
/* End Suport Ticket Detail Css*/
/* Start Suport Calls Css*/
.blueRecieveBtn {
  background: #275aff;
  border-radius: 5px;
  padding: 13px 28px;
  display: flex;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff !important;
  align-items: center;
  margin: 0 0 8px;
}
.blueRecieveBtn img {
  width: 21px;
  margin-right: 10px;
}
.exchangeBtn {
  background: #275aff;
  border-radius: 7px;
  padding: 8px 15px;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #fff !important;
}
.yellowBigbtn_ {
  background: #fcba30;
  border-radius: 5px;
  padding: 14px 30px;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  display: flex;
  color: #000 !important;
  margin-bottom: 8px;
}
.yellowBigbtn_ img {
  width: 21px;
  margin-right: 10px;
}
.whiteInnerbg {
  background: #fff;
  height: 100%;
  border-radius: 20px;
}
.callsrecodDetail {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 39px 19px;
}
.callDate_ {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #3c444d;
}
.anotherHeader .innerSubheadNormal {
  margin-right: 14px;
  font-weight: 500;
  color: #14171a;
}
/* End Suport Calls Css*/
/**------End Support Css------**/
.openbtn {
  text-align: center;
  font-size: 19px;
  color: #909090;
}
/**-----Start System Config ------**/
.addressdiscardBtn {
  border-radius: 5px;
  background: #fff;
  padding: 14px 24px;
  font-size: 13px;
  font-weight: 600;
}
.addheadLeft_ .modalHeading_ {
  font-size: 18px;
  font-weight: 600;
}
.addaddressModal_ {
  border-radius: 10px;
  background: #fff;
  padding: 24px;
  height: calc(100vh - 206px);
  overflow-y: auto;
}
.addresssaveBtn {
  border-radius: 5px;
  background: #a7a7a7;
  padding: 12px 24px;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.greenBtn_ {
  padding: 6px 12px;
  background: #50bb87 !important;
  border-radius: 3px;
  color: #fff !important;
}
.rolemaincontainer_ {
  padding: 0;
}
.topheadpermit {
  display: inline-block;
  width: 100%;
  padding: 15px;
  background: #f4f7ff;
  border-radius: 15px 15px 0px 0px;
}
.middlebodycontain_ {
  display: inline-block;
  width: 100%;
  padding: 15px;
}
.manageOrder {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #cacaca;
  padding: 0 0 12px;
}
.editIconn {
  width: 22px;
}
.deletefade_ {
  opacity: 0.5;
}
.userInformation_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.userInformation_ .form-check-input:checked {
  background-color: #50bb87;
  border-color: #50bb87;
}
.userInformation_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 18px;
  margin-bottom: 20px;
}
.rolesvaeBtn {
  padding: 6px 15px;
  background: #275aff;
  border-radius: 7px;
  color: #fff;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 14px;
}
#barMenus {
  cursor: pointer;
}
.thirdpartyInner_ {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 10px;
  padding: 10px;
  margin: 0 0 10px;
}
.customPadding_ {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.thirdpartyIcon {
  width: 56px;
  background: #fff;
  border-radius: 5px;
  margin-right: 10px;
  padding: 4px;
  box-shadow: 0 3px 3px #dbdbdb;
}
#addaddressModal .modal-content {
  background: #f5f6f7;
}
#addaddressModal {
  max-width: 600px;
  width: 100%;
}
#addaddressModal .modal-header {
  padding: 0 0 26px;
}

.addressForm_ select {
  height: 60px;
  background-image: url(../images/searchDown.svg) !important;
  background-size: 4%;
  font-size: 14px !important;
}
.shippingavail_ {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  padding: 12px;
}
.testshiphead {
  color: #3c444d;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
.optionalhead_ {
  color: #3c444d;
  font-size: 11px;
  font-style: italic;
  font-weight: 400;
}
.checkBoxTxt {
  color: #14171a;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
}
.inputCheck_ .checkBoxTxt:before {
  padding: 8px;
}
.inputCheck_ .checkBox:checked + .checkBoxTxt:after {
  top: 52%;
  left: 7px;
  width: 5px;
  height: 10px;
}
#addaddressModal ::-webkit-scrollbar {
  display: none !important;
}
.commonmodal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#defaultaddressModal {
  max-width: 600px;
  width: 100%;
}
#defaultaddressModal .modal-content {
  background: #f5f6f7;
}
.defaultaddressModal {
  border-radius: 10px;
  background: #fff;
  padding: 24px;
}
.smalltextblack_ {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  padding: 24px 18px;
  margin: 0 !important;
}
#defaultaddressModal .addresssaveBtn {
  background: #275aff;
}
#defaultaddressModal ::-webkit-scrollbar {
  display: none !important;
}
.businessLOcation .setLocationImg {
  border: none;
}
.bussinessPayment .setLocationImg {
  border: 1px solid #d8d8d8;
}
#deleteaddressModal .modal-header {
  padding: 0 0 26px;
}
#deleteaddressModal .crossIcon {
  margin-left: auto;
}
.deleteaddressModal_ {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#deleteaddressModal {
  max-width: 352px;
  width: 100%;
}
.anotherblackText_ {
  color: #101828;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
#deleteaddressModal .modal-content {
  padding: 24px !important;
}
#editaddressModal {
  max-width: 600px;
  width: 100%;
}
#editaddressModal .modal-content {
  background: #f5f6f7;
}
#editaddressModal ::-webkit-scrollbar {
  display: none !important;
}
.bluebgcolor_ {
  background: #275aff;
}
/**-----End System Config ------**/
/* Start Bank and Card list */
#bankdetailviewModal {
  max-width: 800px;
  width: 100%;
}
#bankdetailviewModal .modal-content {
  background: #f5f6f7;
}
.bankdetailviewModal_ {
  border-radius: 10px;
  background: #fff;
  padding: 24px;
}
#bankdetailviewModal .modal-header {
  padding: 0 0 26px;
}
#bankdetailviewModal .common_ {
  justify-content: start;
}
.deletebtn__ {
  border-radius: 5px;
  background: #fff;
  padding: 14px 24px;
  margin-left: auto;
  color: #d33300;
  font-size: 14px;
  font-weight: 700;
}
#bankdetailviewModal .crossIcon {
  border-radius: 5px;
  background: #fff;
  padding: 7px 7px;
  font-weight: 600;
  font-size: 20px;
  margin-right: 21px;
}
#bankdetailviewModal .modalHeading {
  font-family: "Montserrat" !important;
  color: #14171a;
}
.semiboldHeading_ {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #263682;
  text-align: left;
  background: #ffffff;
  display: inline-block;
  border-radius: 30px;
  padding: 12px 18px;
}
.closebtnModal {
  background: #efefef;
  border-radius: 7px;
  padding: 8px 15px 8px 20px;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 14px;
  color: #3c444d;
}
.cardListContainer i {
  cursor: pointer;
}
/* End Bank and Card list */
/* Start Terms and Condition */
.innerContentterms_ {
  background: #ffffff;
  border-radius: 10px;
  padding: 15px;
}
.commonsmallHead__ {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 12px;
  color: #3c444d;
  margin: 0;
}
.commonsmallgeryHead_ {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 12px;
  /* line-height: 16px; */
  color: #626262;
  margin: 0;
}
.commonsmallBold__ {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 12px;
  color: #14171a;
}
.activeBtn__ {
  padding: 6px 12px 6px 21px;
  min-width: auto;
  background: #f1fff8;
  border: 1px solid #50bb87;
  border-radius: 3px;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 10px;
  color: #50bb87 !important;
  position: absolute;
  right: 0;
  top: 0;
}
.termseditBtn {
  padding: 3px 10px;
  min-width: auto;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 13px;
  color: #3c444d !important;
}
.termsmiddleContent_ {
  background: #ffffff;
  border: 1px solid #f5f6f7;
  border-radius: 10px;
  padding: 10px;
  margin: 0 0 8px;
}
.activeBtn__:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #50bb87;
  border-radius: 10px;
  left: 7px;
  top: 9px;
}
.termstopHead_ {
  position: relative;
}
.termsfooterContent_ {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.termseditBtn {
  padding: 6px 6px;
  min-width: auto;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 13px;
  color: #3c444d !important;
}
.editterms {
  width: 19px;
  filter: grayscale(1);
}
.notificationLeft_ {
  background: #ffffff;
  padding: 15px;
  border-right: 1px solid #d8d8d8;
  height: 100%;
  display: inline-block;
  width: 100%;
}
.notificationList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 0;
  margin-bottom: 4px;
}
.notificationList.active .semiboldHeading__ {
  font-family: "Montserrat";
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #14171a;
}
.notificationList.active {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 12px;
}
.notificationList i {
  font-size: 12px;
}
.notificationLeft_ ul {
  padding: 0;
  margin: 0;
}
.notificationRight_ {
  background: #ffffff;
  border-radius: 10px;
  height: 100%;
  padding: 30px 20px;
}
.notifyHead {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #14171a;
  margin: 0;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.notifictionContent .personalinfoHead {
  margin: 0;
}

/*============== Start Additional Css ==============*/
/*==========Start Message Css==========*/
/*Start Inbox Css**/
.message {
  margin-top: 0;
  height: calc(100vh - 32px);
}

/*Start Left Side Css*/

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

.chat_inbox {
  background-color: #fff;
  padding: 15px;
  border-radius: 20px 0 0 20px;
  border-right: 1px solid #e4e6f2;
  height: calc(100vh - 32px);
  width: 300px;
  min-width: 300px;
  position: fixed;
}
/* .chat_inbox.Inbox {
  width: 100%; 
} */
.chatLeftHeader {
  padding-left: 15px;
}
.chatHeaderToggle {
  margin-top: 10px;
}
.chatHeaderToggle.editVariantTab .planttabslist {
  padding: 10px 21px;
  font-size: 14px;
}
.chatList {
  height: calc(100vh - 195px);
  overflow-y: auto;
}
.chatListBox {
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #f7f9ff;
  margin-bottom: 6px;
}
.chatListBox.active {
  background: #f5f6fc;
}
.chatListBox.pending {
  border: 1px solid #fedf89;
}
.chatInboxMess {
  color: #8d99d2;
}
.chatListBox.active .chatInboxMess {
  color: #2f3552;
}
.chatListBox.pending .chatInboxMess {
  color: #2f3552;
  width: 80%;
}
.chatSenderName {
  color: #636e9f;
}
.chatListBox.active .chatSenderName {
  color: #263682;
}
.chatListBox.pending .chatSenderName {
  color: #263682;
}
.pendingMessCount {
  border: 1.3px solid #feefc6;
  background: #fec84b;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  border-radius: 50%;
  margin-bottom: 0;
  line-height: 17px;
  width: 20px;
  height: 20px;
  text-align: center;
}
/*End Left Side Css*/
/*Start Right Side Chat Box Css*/
.chatHeaderAddUsers {
  overflow: auto;
}
.chatHeaderAddUsers::-webkit-scrollbar {
  display: none !important;
}
.rightChatBoxContainer {
  margin-left: 300px;
  position: relative;
}
.rightMessagebox_ {
  height: calc(100vh - 32px);
  border-radius: 0 20px 20px 0;
  width: 100%;
}
.rightMessBoxHeader {
  background-color: #fff;
  padding: 15px 30px 20px;
  border-bottom: 1px solid #e4e6f2;
  border-radius: 0px 20px 0 0;
}
.rightMessBoxHeader.super_admin {
  border-radius: 20px 20px 0 0;
}
.chatSenderImg {
  width: 50px;
  height: 50px;
  border: 1.88px solid #e4e6f2;
  border-radius: 50%;
  position: relative;
}
.onlineIndicator {
  display: none;
}
.chatSenderImg.active .onlineIndicator {
  display: block;
  position: absolute;
  right: -2px;
  bottom: -1px;
  width: auto;
  height: auto;
}

.chatHeaderDropDown.variantsDropdownMenu.dropdown-menu {
  width: 200px;
}
.messSendContainer {
  padding: 20px 30px;
  border-top: 1px solid #e4e6f2;
  background: #ffffff;
  border-radius: 0 0 0px 0px;
  position: absolute;
  bottom: 0px;
  width: 100%;
}
.messSendContainer.super_admin {
  border-radius: 0 0 20px 20px;
}
.chatMessInput {
  box-shadow: -4.95px 9.82px 80px 0px #32507f0a;
  background: #ffffff;
  font-size: 16px;
  padding: 18px;
  color: #2f3552;
}
.chatMessContainer {
  height: calc(100vh - 119px);
  overflow-y: auto;
  background: #fcfcfe;
  padding: 30px 30px 117px;
}
.chatMessContainer.super_admin {
  height: calc(100vh - 182px);
}
.chatMessContainer.super_admin.hide_messenger {
  height: calc(100vh - 176px);
}

.chatDateBox {
  border: 1px solid var(--Neutrals-N-100, #d7deff);
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 400;
  color: #3c444d;
  border-radius: 13px;
  width: max-content;
  background-color: #fff;
  margin: 0 auto;
}
.userChatMess {
  border-radius: 12px;
  padding: 16px;
  background-color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  max-width: 62%;
  width: fit-content;
  margin-top: 20px;
}
.userChatMess p {
  color: #2f3552;
  font-weight: 400;
  font-size: 14px;
}
.adminChatMess {
  display: flex;
  justify-content: end;
}
.chat_info_duration {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
}
.userChatMess.unread,
.adminChatMess .userChatMess.unread {
  background: #f5f6fc;
  border: 1px solid #f7f9ff;
}
.adminChatMess:hover .options_menu,
.userChatMess:hover .options_menu {
  display: flex !important;
}
.mutedConversation {
  background: var(--Alarm-Warning-W-100, #feefc6);
  padding: 6px 12px;
  color: #3c444d;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  border-radius: 13px;
  margin-bottom: 20px !important;
}
.quickMessDropdownMenu.dropdown-menu {
  /* padding: 20px !important; */
}
.quickMessDropdownMenu .dropdown-item {
  padding: 16px 20px !important;
}
.offerDropdownItem {
  border-top: 1px solid #e4e6f2 !important;
}
.quickMessContainer {
  background: #ffffff;
  border: 1px solid #f2f4f7;
  box-shadow: 0px 12px 16px -4px #26324914;
  border-radius: 12px;
  padding: 6px;
  position: absolute;
  bottom: 35px;
  width: calc(100vw - 51vw);
}
.quickMessParent {
  padding: 18px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.quickMessleft {
  padding: 10px;
  border-radius: 6px;
  font-size: 16px;
  color: #263682;
  margin-bottom: 0;
  background: #f5f6fc;
  text-transform: uppercase;
}
.addChatUserDropdown {
  left: 0;
  width: 305px !important;
}
.addChatUserDropdown .addUserImg {
  width: 26px;
  min-width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1.88px #e4e6f2;
}
.addChatUserDropdown .listItemsprodct_ .selectProduct {
  padding: 8px 14px;
  border-radius: 12px;
}
.addChatUserDropdown .listItemsprodct_ .selectProduct.active {
  background-color: #f5f6fc;
}
.addChatUserDropdown .listItemsprodct_ .selectProduct:hover {
  background-color: #f5f6fc;
}
.addChatUserDropdown .listdropfilterList_ {
  max-height: 235px;
}
/* End Right Side Chat Box */

/* Start uploadFileModal */
#uploadFileModal.modal-dialog {
  max-width: 700px;
}
#uploadFileModal .modal-header {
  padding: 0 !important;
}
#uploadFileModal .horizontalForms {
  padding: 30px;
  margin: 60px 0;
}
#uploadFileModal .modal-content {
  border-radius: 20px !important;
  padding: 30px 30px 60px !important;
}
/* End uploadFileModal */

/* Start Succefull Add Customer Modal */

#addCustomerModal {
  max-width: 350px;
}
#addCustomerModal .modal-header {
  padding: 0;
}
#addCustomerModal .modal-content {
  padding: 24px !important;
  border-radius: 20px !important;
  text-align: center;
}
.deleteModalActionTxt {
  color: #8d99d2;
  padding: 4px 0 20px;
}
/* End Succefull Add Customer Modal */

.messageTophead {
  display: flex;
  align-items: center;
}
.chatditBtn {
  /* margin-left: auto; */
  display: inline-block;
}
.message_body::-webkit-scrollbar {
  display: none;
}

.chatdropItem {
  padding: 5px 8px;
}
.dropIcon {
  width: 16px !important;
  margin-right: 6px;
}
.chatdeateHeading {
  background: #f5f6f7;
  border: 1px solid #efefef;
  border-radius: 13px;
  display: inline-block;
  font-size: 12px;
  color: #3c444d;
  padding: 5px 30px;
}
.newinboxbtn_ {
  display: flex;
  justify-content: flex-end;
}
.chatDropDown {
  background: #ffffff;
  box-shadow: -4px 4px 8px 8px rgba(0, 0, 0, 0.05);
  border-radius: 10px !important;
  border: none !important;
  margin: 8px 0 0 !important;
  padding: 5px 0 !important;
}
.messageBottom_ {
  display: flex;
  background: #ffffff;
  align-items: center;
  width: 100%;
  padding: 14px 30px;
  justify-content: space-between;
  margin-top: auto;
  border-top: 1px solid #efefef;
  border-radius: 0 0 15px 15px;
}
.messageTophead {
  display: flex;
  align-items: center;
  background: transparent;
  padding: 20px 18px;
  border-radius: 15px 15px 0 0;
  border-bottom: 1px solid #d8d8d8;
}
.messagechatBox .dotIconn_ {
  background: transparent;
}
.senduserImage {
  margin-right: 10px;
  width: 38px;
  height: 38px;
  border-radius: 30px;
  object-fit: cover;
}
.message_body {
  position: relative;
  overflow-y: auto;
  padding: 20px;
  height: calc(100vh - 216px);
}
.nochatFound {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatDatebox_ {
  display: inline-block;
  width: 100%;
  text-align: center;
  position: relative;
}
.chatdeateHeading {
  background: #f5f6f7;
  border: 1px solid #efefef;
  border-radius: 13px;
  display: inline-block;
  font-size: 12px;
  padding: 7px 30px;
  color: #3c444d;
  z-index: 9;
  position: relative;
}
.chatDatebox_:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background: #efefef;
  left: 0;
  right: 0;
  top: 16px;
  z-index: 0;
}
/* .message_body {
    position: relative;
    overflow-y: auto;
    height: 699px;
    padding: 20px;
} */
.leftMessage {
  display: inline-block;
  width: 66%;
}
.typeMessgae {
  display: flex;
  align-items: center;
  width: 100%;
}
.typeMessgae textarea {
  background: #ffffff;
  border: 1px solid #efefef;
  border-radius: 5px;
  width: 82%;
  padding: 14px 0 8px 14px;
  resize: initial;
  height: 47px;
}
.typeMessgae textarea::placeholder {
  font-size: 13px;
  font-style: italic;
}
.dotIconn_ {
  background: #f5f6f7;
  border-radius: 5px;
  padding: 4px;
  margin-right: 10px;
}
.typeMessgae .submitBtn {
  margin-left: auto;
  padding: 12px 20px;
}
.leftmessage-box {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.leftMessage .subtextSmallblack_ {
  margin-left: 52px;
}
.leftBoxmsg_ {
  background: #efefef;
  border-radius: 0px 10px 10px 10px;
  padding: 10px 15px;
}
.leftBoxmsg_ .textinner_ {
  margin: 0 0 8px !important;
  font-size: 13px;
  line-height: 20px;
}
.rightmessage-box {
  display: flex;
  align-items: flex-start;
  width: 100%;
  justify-content: flex-end;
}
.rightmessage-box .textinner_ {
  padding: 10px 15px;
  background: #e5f0ff;
  border-radius: 10px 0px 10px 10px;
  line-height: 21px;
}
.rightSpacebox {
  margin-right: 10px;
}
.rightMessage .subtextSmallblack_ {
  margin-right: 50px;
  float: right;
}
.rightMessage {
  display: inline-block;
  width: 66%;
  float: right;
}
.rightMessage .senduserImage {
  margin-right: 0px;
}
.typeMessgae .chatDropDown {
  margin: 0px 0 20px !important;
}
.messagetextList_ .textinner_ {
  list-style: inside;
}
.productinfoClassic_ {
  display: flex;
  margin: 19px 0 10px;
}
.productinfoClassic_ .descriptionPara_bold {
  color: #275aff;
}
.boldsubHead_ {
  background: #f5f6f7;
  padding: 16px;
  margin: 0;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
}
.topcahtSearch {
  display: flex;
  width: 100%;
  padding: 16px 24px;
  align-items: center;
}
.topcahtSearch .multiSelectContainer ul {
  border: none !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 5%) !important;
  padding: 10px 0 !important;
}
.searchUser_ {
  margin-left: auto;
}
.topcahtSearch .chip {
  color: #14171a !important;
  border-radius: 5px !important;
  background: #f5f6f7 !important;
}
.topcahtSearch .chip img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  object-fit: cover;
  margin-right: 6px;
}
.icon_cancel {
  width: 13px !important;
  height: 13px !important;
  filter: brightness(0.5);
}
.topcahtSearch .form-control {
  border: none;
}
.broadCastmsg .form-control {
  background: transparent !important;
  border: 1px solid #ced4da !important;
}
.topcahtSearch .form-control:focus {
  background-color: transparent !important;
}
.broadCastmsg {
  padding: 11px;
  display: inline-block;
  width: 50%;
  background: transparent !important;
  display: none;
}
.uploadDocument {
  display: flex;
  justify-content: space-between;
  background: #f5f6f7;
  border-radius: 5px;
  padding: 20px 30px;
}
.docFileupload img {
  width: 24px;
  height: auto;
  margin-right: 10px;
}
.docFileupload span {
  font-size: 12px;
  color: #3c444d;
}
.uploadContentbtn {
  display: flex;
  align-items: flex-end;
}
.actionsbtn {
  width: 22px;
  height: auto;
  margin: 0 0 0 9px;
}
.docFileupload {
  margin-right: 22px;
}
.rightanotherBg {
  background: #f5f6f7;
  border-radius: 5px;
  padding: 17px 20px;
  max-width: 348px;
  width: 100%;
}
.instantOfferBox {
  display: flex;
  background: #ffffff;
  border: 1px solid #efefef;
  border-radius: 7px;
  padding: 10px;
}
.offerpara_ {
  font-family: "Montserrat";
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  margin: 0;
}
.offersmall_ {
  font-size: 9px;
  margin: 0;
  color: #626262;
}
.tubeImage {
  width: 100%;
  margin-right: 12px;
  max-width: 80px;
  border-radius: 10px;
  border: 1px solid #efefef;
}
.anotherprofileBg {
  background: #ffffff;
  border-radius: 10px;
  padding: 15px 5px 15px 13px;
}
.serchtopChat_ .searchWrapper {
  height: 69px;
  background: transparent;
  border: none;
  padding-top: 6px;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.topcahtSearch .search-wrapper {
  display: flex;
  align-items: center;
  height: 56px;
  border: none;
  font-size: 14px;
}
/*End Right Css*/

/*Start Uploadphoto Modal*/
.commonBody {
  height: calc(100vh - 128px);
  overflow-y: auto;
}
#dropzone {
  border: 2px dashed var(--Primary-P-200, #b6c2ff);
  background: var(--Surfaces-S-Background, #f5f6fc);
  position: relative;
  cursor: pointer;
  height: 120px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* .file-button {
    display: flex;
    align-items: center;
} */
.customContent .modal-content {
  padding: 0 !important;
}
.customContenta .modal-content {
  padding: 0, i !important;
}
.walletPayment .commonBody {
  height: 589px;
}
#walletrefundModal .commonBody {
  height: 650px;
}
.customContent .commonBody {
  padding: 30px 50px;
}
#uploadPhoto {
  width: 600px;
}
#uploadPhoto .commonBody {
  height: auto;
}
.uploadContent {
  font-size: 11px;
  font-weight: 500;
  color: #14171a;
  margin: 0;
  text-align: center;
  width: 100%;
}
.linkText {
  color: #275aff;
}
.uploadProfile_ {
  margin: 20px 0;
  display: flex;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 5px 10px !important;
}
.w3-round {
  width: 40px;
  height: 40px;
  object-fit: cover;
  padding: 3px;
  border-radius: 4px;
  margin-right: 8px;
}
.uploadProfile_ i {
  width: 30px;
  height: 30px;
  background: #d3d2d2;
  font-size: 12px;
  text-align: center;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #222;
  margin-left: auto;
}
.profileboldHead {
  font-size: 12px;
  font-weight: 400;
  color: #3c444d;
  margin: 0;
}
.profileboldgraph {
  font-size: 10px;
  font-weight: 400;
  color: #3c444d;
  margin: 0;
}
.deleteIconn {
  margin-left: auto;
  cursor: pointer;
  height: 16px;
}
/*Start Uploadphoto Modal*/
/*Start Quick Message Modal*/
.quickMessage_ {
  position: absolute;
  right: 19px;
  bottom: 7px;
  background: #ffffff;
  box-shadow: 0px -8px 16px rgb(0 0 0 / 5%);
  border-radius: 15px;
  padding: 30px 20px;
  max-width: 428px;
  width: 100%;
  display: none;
}
.quickMessage_ .closeButton {
  display: flex;
  justify-content: right;
  margin-left: auto;
}
.quickInnercontent .labelTxt {
  font-weight: 500;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 10px;
  cursor: pointer;
}
.quickInnercontent {
  height: 261px;
  overflow-y: auto;
}
/*End Quick Message*/
/*=====Start Video Call Css=====*/
/*Start Video Call*/
.videocallsDetail {
  background: #f5f6f7;
  border-radius: 10px;
  padding: 15px;
}
#videoCall .videocallModal {
  height: auto;
  padding: 20px;
}
#scheduleCall .commonBody {
  height: calc(100vh - 367px);
  padding: 24px 18px;
}
.scheduleCallfirm {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 15px;
}
.firmInfo {
  display: flex;
  align-items: center;
}
.firmInfo p {
  margin: 0;
  font-weight: 400;
  font-size: 10px;
  color: #626262;
  display: flex;
  align-items: center;
}
.scheduleInfo_ {
  width: 277px;
  text-align: center;
  margin: 0 auto;
  font-size: 13px;
  font-weight: 400;
  color: #14171a;
  line-height: 17px;
}
.schduleBottom {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.secondaryOuterbtn_ {
  color: #263682;
  background: #ffffff;
  border: 1px solid #263682;
  border-radius: 32px;
  font-weight: 700;
  padding: 6px 15px;
  animation: c;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.userimageSend_ {
  width: 300px;
  height: 180px;
  object-fit: cover;
}
.videoCallwith {
  background: #f5f6f7;
  border-radius: 5px;
  padding: 30px;
  max-width: 348px;
  width: 100%;
}
.videoUserdetail {
  display: flex;
  align-items: center;
}
.secondaryblackrbtn_ {
  color: #275aff;
  background: #ffffff;
  border: 1px solid #275aff;
  border-radius: 5px;
  font-weight: 700;
  padding: 6px 15px;
  animation: c;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.secondaryblackrbtn_ {
  color: #3c444d;
  border-radius: 5px;
  font-weight: 700;
  padding: 6px 15px;
  animation: c;
  display: inline-block;
  background: #ffffff;
  border: 1px solid #3c444d;
}
.schdulepara_ {
  font-size: 12px;
  font-weight: 400;
  color: #626262;
  margin-top: 8px;
  margin-bottom: 0;
}
/*End Video Call*/
/*Start Schedule Call*/

.listTimebox {
  display: inline-block;
  background: #f5f6f7;
  border-radius: 3px;
  padding: 6px 12px;
  font-size: 11px;
  color: #a7a7a7;
  margin-right: 6px;
}
.calanderTimelist {
  display: inline-block;
  width: 100%;
  border-left: 1px solid #d8d8d8;
}
.calenderpara_ {
  font-size: 18px;
  color: #14171a;
}
.blacksubBtn_ {
  display: inline-block;
  width: 100%;
  background: #14171a;
  border-radius: 5px;
  font-size: 14px;
  padding: 12px 0;
  color: #fff;
}
.listTimebox.active {
  border: 1px solid #275aff;
  background: transparent;
  color: #275aff;
}
.calanderBox_ .react-calendar {
  border: none;
}
/*End Schedule Call*/
/*=====Start Video Call Css=====*/
/*Start Offer Moadl*/
.makeodderBody_ {
  padding: 30px 22px;
  height: 100%;
  overflow: auto;
}
.makeofferDetail .titleTxt {
  font-size: 14px;
}
#fileUpload .commonBody {
  height: auto;
}
.offersearch_group {
  background: #f5f6f7;
  border-radius: 7px;
  flex-wrap: nowrap !important;
  padding-left: 11px;
}
.scanbtn {
  background: transparent;
  padding: 0;
}
.productimg_ {
  width: 100%;
  height: auto;
}
.makeofferDetail .productimg_ {
  max-width: 379px;
  height: 179px;
  object-fit: cover;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
}
.selectedProduct_ {
  display: inline-block;
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 15px;
}
.productList {
  margin-bottom: 10px;
}
.nextbtn_ {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.nextbtn_ .submitBtn {
  max-width: 345px;
  width: 100%;
  padding: 20px;
}

.offerpriceBox_ {
  background: #e1e3e4;
  border: 1px solid #d8d8d8;
  border-radius: 15px;
  padding: 30px;
}
.inputPrice {
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 7px;
  align-items: center;
  padding: 0 12px;
}
.dollarSign {
  font-weight: 600;
  font-size: 18px;
  color: #14171a;
}
.sign {
  position: absolute;
  top: 9px;
  left: 12px;
}

.percent {
  position: absolute;
  top: 9px;
  right: 12px;
}

.priceInput {
  width: 55%;
  border: none;
  height: 40px;
}
.pricegrey {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #3c444d;
  padding: 13px 1px;
  border-left: 1px solid #bebebe;
  width: 40%;
  text-align: right;
}
.priceHead_ {
  font-family: "roobert_trialmedium";
  font-size: 30px;
  line-height: 32px;
  margin: 0;
  color: #263682;
}
.validText {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #14171a;
  font-family: "Maison Mono";
  margin: 0;
}
.selectDate .customform-control {
  width: 100%;
  background: #ffffff;
  border-radius: 15px;
  font-size: 14px;
  color: #a7a7a7;
}
.offerValidity {
  background: #f2f2f2;
  border: 1px solid #d8d8d8;
  border-radius: 15px;
  padding: 30px;
}
.sendOfferBtn {
  background: #ffffff;
  border: 1px solid #275aff;
  border-radius: 5px;
  padding: 20px;
  width: 100%;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #275aff;
  max-width: 275px;
}
.offerbutton .staticBtn {
  width: 100%;
  max-width: 275px;
}
.offerbutton {
  display: flex;
  justify-content: space-between;
}
.calanderImgg {
  position: absolute;
  bottom: 0;
  z-index: 9;
  right: 13px;
  top: 48px;
}
.selectDate {
  position: relative;
  display: inline-block;
  width: 63%;
}
.addBtn_ {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 5px 0 20px;
}

.addBtn_ .primaryBtnOuter {
  padding: 20px 100px;
}
/*End Offer Modal*/
/*Start Business Card*/
#businessCard .commonBody {
  height: auto;
  padding: 30px 20px;
}
#businessCard {
  max-width: 500px;
  width: 100%;
}
.userhaeding_ {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.contentextLightItems {
  margin-bottom: 8px;
}
.marchantPro {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  margin-right: 16px;
}
.contentextLightItems span {
  font-size: 14px;
  font-weight: 400;
  color: #14171a;
}
.sendBtn_ {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.sendBtn_ .submitBtn {
  background: transparent;
  border: 1px solid #275aff;
  color: #275aff !important;
  width: 200px;
}
.businessRightbox_ {
  background: #f5f6f7;
  border-radius: 5px;
  padding: 10px;
}
.businessRightbox_ .userProfileinfo_ {
  background: #ffffff;
  border-radius: 10px;
  padding: 15px 30px;
}

.smallcardHead_ {
  font-size: 11px;
  color: #000000;
  font-weight: 400;
}
/*End Business Card*/

#shippingAddress .commonBody {
  height: auto;
}
#shippingAddress {
  max-width: 500px;
  width: 100%;
}
/*Start Shipping Css*/
.shippingAddress {
  background: #f5f6f7;
  border-radius: 10px;
  padding: 30px;
}
.shippingAddress .userProfileinfo_ {
  display: flex;
  align-items: flex-start;
  background: #ffffff;
  border: 1px solid #275aff;
  border-radius: 5px;
  padding: 14px;
  cursor: pointer;
}
.shippingAddress .userProfileinfo_.active {
  background: #e7e7e7;
}
.addAddress_ {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.addinfo_ {
  font-family: "Maison Mono";
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #626262;
  margin: 0;
}
/*End Shipping Css*/

#reportModal .addingNewiventory_ {
  padding: 16% 0;
}
.reportHeading {
  font-size: 72px;
  font-weight: 700;
  color: #3c444d;
}
.repoetPara {
  font-size: 20px;
  font-weight: 400;
  color: #14171a;
  margin: 0;
}
.productImage_ {
  width: 100%;
  height: 180px !important;
  border-radius: 5px;
  object-fit: cover;
}
.productViewCard .productHeading {
  max-width: 212px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-align: left;
}

.verify-box .input_digits_ input {
  width: 61px !important;
  height: 62px !important;
}
.inventoryGraph .chartProduct {
  justify-content: center;
  display: flex;
  margin: 0 auto;
}
.inventoryGraph .graphContainer canvas {
  width: 175px !important;
  height: 175px !important;
}
/*============== End Additional Css ==============*/
.custProductImg_ {
  width: 100%;
  height: 245px;
}
.smallproductImg {
  width: 100%;
  max-width: 60px;
  height: 60px;
  object-fit: cover;
}
/**Start Support Css**/

.valuesTimeswallet.active {
  border-color: #275aff;
  color: #275aff;
  font-weight: 700;
}
.valuesTimeswallet {
  padding: 8px 18px;
  color: #3c444d;
  font-size: 12px;
  transition: all 0.5s;
  border: 1px solid #d8d8d8;
  border-radius: 7px;
  margin-right: 8px;
  font-weight: 400;
  display: inline-block;
  background: #fff;
}
#suportticketModal .modal-content {
  padding: 0px !important;
}
#suportticketModal .assignBtn_ {
  padding: 8px 15px 8px 20px;
}
#suportticketModal {
  max-width: 435px;
  width: 100%;
}
#callexchangeModal .modal-content {
  padding: 0px !important;
}
#callexchangeModal {
  max-width: 435px;
  width: 100%;
}
.suportTicket .fal.fa-chevron-right {
  cursor: pointer;
}
.suportTicket {
  border-radius: 10px;
  background: #fff;
  padding: 16px;
}
/**End Support Css**/

/**Start System Config Css**/
.logHistorybox {
  margin-top: 65px;
}
.addEmployeeuser {
  background: #fff;
  padding: 42px 42px;
  border-radius: 10px;
}
#addNewEmplyoee {
  max-width: 800px;
  width: 100%;
}
/**End System Config Css**/

/**Start My Appointment **/
.appointBtn.appointCustomBtn {
  position: relative;
}
.notiCount {
  position: absolute;
  right: -6px;
  top: -10px;
  background: #ff0000;
  padding: 2px;
  border-radius: 20px;
  border: 2px solid #fff;
  width: 20px;
  height: 20px;
  background-color: #ff6b6b;
  font-size: 10px;
  line-height: 14px;
  color: #fff;
  font-weight: 700;
}
.midHeader_ .topStickyHeader_ {
  border-bottom: none;
}
.appointBtn {
  background: #275aff;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  padding: 6px 12px;
}
.appointToday_ {
  margin-top: 99px;
}
.appointToday_ {
  margin-top: 112px;
  padding: 30px 24px;
  background: #fff;
}

.serviceDetail_ {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 8px;
}
.subheaderInner {
  display: flex;
  align-items: center;
}
.appointDetail_ {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 15px 10px;
}
.subapoint_ {
  font-size: 10px;
  color: #275aff;
  font-weight: 400;
}
.apointBottom {
  display: flex;
  justify-content: space-between;
  background: #e5f0ff;
  border-radius: 5px;
  padding: 8px 7px;
}
.apointwatch {
  width: 15px;
  margin-right: 4px;
}
.appointHead {
  font-size: 13px;
  font-weight: 500;
  color: #000;
  margin: 0;
}
.locBox_ {
  font-size: 10px;
  font-weight: 600;
  margin: 0;
  color: #14171a;
}
.contentheadtext_.active {
  border-bottom: 1px solid #275aff;
  padding-bottom: 15px;
  color: #275aff;
}
.scheduleHead {
  display: flex;
  justify-content: center;
  background: #275aff;
  border-radius: 10px 10px 0px 0px;
  padding: 19px 0;
}
.scheduleModalContent {
  padding: 26px 18px 20px;
  background: #fff;
  margin-top: 23px;
  border-radius: 10px;
  height: 473px;
  overflow-y: auto;
}
.appointmentDetails_ {
  text-align: left;
  margin: 34px 0 0;
}
.appointmentDetails_ h3 {
  font-family: "Maison Mono";
  font-size: 18px;
  color: #275aff;
  margin: 0 0 26px;
}
.appointInner {
  margin: 0 0 20px;
  display: inline-block;
  width: 100%;
}
/* .appointInner h5 {
    color: #3C444D;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
} */
.appointInner span {
  font-size: 14px;
  color: #000;
  font-weight: 600;
}
.upcommingAnother {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comngbnt {
  background: #1fb3ff;
  border-radius: 3px;
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 5px 20px;
}
.productDimensions .customform-control {
  background: url(/downArrow.svg);
  background-position: right;
  background-repeat: no-repeat;
  appearance: none;
  background-color: #f5f6f7;
  background-size: 29px 8px;
}

#AppointSchedule .modal-header {
  padding: 0;
}
.scheduleHead .closeButton {
  position: absolute;
  right: 0;
  top: 14px;
  color: #fff;
}
.scheduleHead_ {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
}
.calenderappointment {
  padding: 0 0 20px;
  border-bottom: 1px solid #f5f5f5;
  margin: 0 0 23px;
}
.calenderappointment h4 {
  color: #3c444d;
  font-size: 14px;
  margin: 0 0 13px;
}
.calenderappointment h4 strong {
  color: #000;
}
.calenderTime {
  margin: 0 0 3px;
  display: flex;
  align-items: center;
}
.calenderTime img {
  width: 16px;
  margin: 0 7px 0 0;
}
.calenderTime span {
  color: #3c444d;
  font-size: 14px;
  font-weight: 400;
}
.calenderbtn {
  margin: 16px 0 0;
}
#AppointmentRequest {
  max-width: 360px;
  width: 100%;
  padding: 30px;
  margin-right: -21px;
  margin-bottom: 0;
}
#AppointmentRequest .modal-body {
  padding: 30px !important;
}
#AppointmentRequest .modal-content {
  padding: 0px !important;
  margin-top: 80px;
}
#AppointmentRequest .modal-body {
  padding: 30px !important;
  height: 516px;
  overflow-y: scroll;
}
#AppointmentRequest .modal-body::-webkit-scrollbar {
  display: none !important;
}
.calenderbtn .viewDetailBtn_ {
  padding: 4px 10px;
  font-size: 12px;
  line-height: 16px;
}
.apoointmidHead_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  border-radius: 5px;
  padding: 15px 15px;
}
.apoointmidHead_ .productListTab {
  padding-bottom: 0;
  border-bottom: none;
}
.daysDetail_ {
  padding: 6px 12px;
  background: transparent;
  font-size: 14px;
  color: #3c444d;
}
.daysDetail_.active {
  background: #275aff;
  color: #fff;
  border-radius: 3px;
}
.dateapoint {
  font-size: 14px;
  font-weight: 700;
  color: #3c444d;
}
.greyButton_ {
  background: #8d99d2;
  border-radius: 50px;
  color: #fff !important;
  padding: 4px 12px;
}
.fullApointment .rdt_TableCell {
  justify-content: left !important;
}
.analyticStats_ .rdt_TableCol .rdt_TableCol_Sortable {
  justify-content: start !important;
}
.analyticStats_ .rdt_TableCell {
  justify-content: start !important;
}
.viewEye_ {
  cursor: pointer;
}
/* .verificationTotal {
    background: #fff;
    padding: 30px;
} */
/**End My Appointment **/

/*Start Catalog Css*/
#createfolderModal .appointBtn {
  padding: 8px 15px 8px 20px;
  font-size: 14px;
  border-radius: 7px;
}
.uploadBtn_ {
  border: 1px solid #275aff;
  border-radius: 5px;
  padding: 6px 15px;
  font-weight: 700;
  font-size: 14px;
  color: #275aff;
  background: #fff;
}
.folderOpen_ .topStickyHeader_ .innergrey_btn {
  font-size: 12px;
}
.viewDocument {
  padding: 30px;
}
.viewDocument .textParagh {
  line-height: 25px;
}
/*End Catalog Css*/

/*Start Wallet Css*/

.amountDeatils_ {
  padding-bottom: 20px;
  text-align: center;
}
.shild_img {
  width: 17px;
}
.CustomerOnlinestatus {
  background: #ffffff;
  border: 1px solid #efefef;
  border-radius: 10px;
  padding: 15px 20px;
  align-items: flex-start;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
.customerInvoicetable {
  background: #fff;
  padding-bottom: 0;
  border-radius: 10px;
}
.totalArea {
  padding: 15px;
}
.customerInvoicetable .notes textarea {
  background: #f5f6f7;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 11px;
  width: 100%;
  height: 100%;
}
.Customertotal {
  background: #f5f6f7;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
}
.recentTransections .rdt_TableCell:nth-child(2) {
  justify-content: start !important;
}
.listhead_ {
  white-space: normal;
}
.walletPurchaseTable .profileboldHead {
  font-size: 14px;
  font-weight: 500;
}
#walletinvoiceModal .modal-content {
  background: #f5f6f7;
}
.pendingInvoice {
  background: #fff;
  padding: 16px;
  border-radius: 10px;
}
#walletinvoiceModal .totalArea {
  padding-bottom: 0;
}
#walletinvoiceModal .Customertotal {
  background: #fff;
  border: none;
}

.withdrawtable_ {
  border-radius: 10px;
  background: #fff;
  padding: 0;
  width: 100%;
  border-spacing: 0 14px;
  border-collapse: initial;
}
.withdrawtable_ thead {
  border-bottom: 1px solid #d8d8d8;
}
.withdrawtable_ thead th h5 {
  color: #14171a;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.withdrawtable_ thead th {
  padding: 20px 0;
}
.withdrawtable_ tr td:nth-child(1) {
  /* min-width: 245px; */
  border-radius: 16px 0 0 16px !important;
  border-left: 1px solid #e4e6f2;
  vertical-align: baseline;
}
.withdrawtable_ tr td:last-child {
  border-radius: 0 16px 16px 0;
  border-right: 1px solid #e4e6f2;
}

.withdrawtable_ tr td h5 {
  font-size: 14px;
  margin: 0;
  font-family: "roobert_trialmedium";
  color: #263682;
}
.withdrawtable_ tr td:nth-child(1) h5 {
  color: #263682;
}
/* .withdrawtable_ tr td:nth-child(3) {
  min-width: 288px;
} */
/* .feecontent_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
} */
.withdrawtable_ tr td {
  padding: 13px 15px 13px 16px;
  border-bottom: 1px solid #d7deff;
  border-top: 1px solid #d7deff;
}

.currencyRight_ {
  border-radius: 20px;
  background: #fff;
  padding: 16px;
  border: 1px solid #d7deff;
}
.monsmianHead_ {
  color: #58c2e8;
  text-align: center;
  font-family: "roobert_trialregular";
  font-size: 60px;
  margin: 0;
}
.earnFunding_ .subhaedHeading {
  color: #263682;
}
.earnFunding_ ul .contentheadtext_ {
  line-height: 22px;
}
.earnFunding_ h6 {
  font-size: 14px;
  color: #333b42;
  font-family: "roobert_trialmedium";
  margin-bottom: 13px !important;
}
.thingtodo_ .contentheadtext_ {
  line-height: 12px !important;
  list-style: none;
  margin-bottom: 11px;
  color: #93370d;
}
.thingsNote_ .subhaedHeading {
  color: #4a1800;
  font-size: 14px;
}
.thingtodo_ {
  display: inline-block;
  padding-left: 0px !important;
}
.custom-control_ {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  display: inline-block;
  width: 100%;
  height: 63px;
  padding: 10px;
  margin: 10px 0;
}
.instantbankTransfer .currencyRight_ .monsmianHead_ {
  color: #000;
}
#withdrawpreviewModal .modal-content {
  background: #f5f6f7;
}
.withdrawModal_ {
  background: #fff;
  padding: 16px;
  border-radius: 10px;
}
#withdrawpreviewModal .modal-header {
  padding: 0 0 30px;
}
.withdrawModal_ .monsmianHead_ {
  color: #000;
}
.valuewithdraw_ {
  border-radius: 5px;
  background: #f5f6f7;
  padding: 15px 12px;
}
.valuewithdrawleft_ {
  display: flex;
  align-items: center;
  height: 100%;
}
.widthdrawBtnns_ .discardBtn {
  width: 100%;
  margin-right: 10px;
  padding: 16px 20px;
}
.widthdrawBtnns_ .saveBtn {
  width: 100%;
  padding: 16px 20px;
}
.bankSelected_ {
  padding: 0 30px;
}
.bankSelected_ .checkboxInputs {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  padding: 24px;
  display: flex;
  justify-content: start;
}
.bankSelected_ .checkBoxTxt {
  max-width: initial !important;
  display: flex;
  align-items: start;
  width: auto !important;
}
.bankSelected_ .previewStatement_ {
  width: 100%;
  display: inline-block;
  padding-left: 35px;
  margin: 0 !important;
}
.bankSelected_ .checkBox:checked + .checkBoxTxt:after {
  top: 11px !important;
}
.accdis_ {
  color: #3c444d;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 400;
}
.btnwidthdraw_ {
  padding: 16px 36px;
  border-radius: 3px;
  background: #f5f6f7;
  font-size: 14px;
  font-weight: 700;
  color: #626262;
}
.withdrawtable_ .subhaedHeading {
  color: #000;
  font-weight: 600;
  padding: 20px;
}
/**End Wallet Css**/
/**Start Inventory Css**/

.inventoryviewDetail .anotherHead i {
  font-size: 17px;
  margin-right: 13px;
}
.productContent {
  border-right: 1px solid #d8d8d8;
}
#updateinventoryModal .addingNewiventory_ {
  padding: 45px 0 23px;
}
.trackquantity_add {
  background: #efefef;
  border-radius: 15px;
  padding: 30px;
  text-align: center;
}
.inputInvenmtory {
  display: flex;
  align-items: center;
  text-align: left;
}
.inventRight .customform-control {
  padding: 13px 10px;
}
.inventLeft {
  display: inline-block;
  width: 100%;
}
.inventRight {
  display: inline-block;
  width: 39%;
}
.trackquantity_add .acceptBtn_ {
  max-width: 360px;
  width: 100%;
  padding: 20px 0;
  font-weight: 700;
  font-size: 16px;
}
/**End Inventory Css**/
/**Start Tracking Css**/

.trackContent_ {
  background: #ffffff;
  box-shadow: 0px 8px 16px rgb(0 0 0 / 5%);
  border-radius: 10px;
  padding: 15px;
}
.trackItems_ {
  display: flex;
  justify-content: flex-start;
}
.trackItems_ .mainlightPhragraph {
  margin-right: 50px;
  margin-left: 20px;
}
.blueitem_ {
  font-size: 17px;
  font-weight: 600;
  color: #275aff;
}
.mapImges_ {
  width: 100%;
}
.mapdeatils_ {
  position: absolute;
  bottom: 13px;
  left: 28px;
  width: 84%;
}
.dliverBox_ {
  display: flex;
  justify-content: space-between;
}
.trackBottom_ {
  position: relative;
}
.userImmg_ {
  width: 29px;
  margin-left: auto;
}
.mapdeatils_ .tablesubHead {
  font-size: 15px;
}
.trackDetailsprofile_ .userProfileinforight_ {
  width: 100%;
  padding-bottom: 0;
}
.detailTrackingleft_ .deliveryStatus {
  position: initial;
}
.detailTrackingleft_ .deliveryStatus {
  position: initial;
  max-width: 100%;
}
.statusHead {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
  padding: 10px 10px 15px;
}
.deliveryStatus {
  position: absolute;
  bottom: 60px;
  right: 37px;
  background: #ffffff;
  border-radius: 20px;
  max-width: 400px;
  width: 100%;
  margin-top: 29px;
  box-shadow: -31.03px 73.73px 80px 0px #344f7512;
  padding: 24px;
}
.statusHead img {
  width: 9px;
  height: 14px;
  transform: rotate(90deg);
}
.statusBody {
  display: inline-block;
  width: 100%;
  padding: 10px;
  display: none;
  /* height: calc(100vh - 380px); */
  overflow: auto;
}
.statusBody.addClass {
  display: block;
}
.readyPickupstatus {
  display: flex;
  align-items: flex-start;
  gap: 13px;
}
.readyPickupstatus h3 {
  font-size: 14px;
  font-weight: 400;
  color: #263682;
  margin-bottom: 0;
  line-height: 20px;
}
.reviewuserinfo_ .monshead14,
.reviewuserinfo_ .monshead12 {
  font-size: 14px;
  font-weight: 500;
  color: #7e8ac1;
  font-family: "roobert_trialmedium";
}
.readyPickupstatus h6 {
  font-size: 12px;
  font-weight: 400;
  margin: 5px 0 0;
  color: #7e8ac1;
}
.readyPickupstatus figure {
  margin: 0;
}
.trackDetailsprofile_ {
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 15px;
  margin-top: 0;
  padding: 15px;
  align-items: flex-start;
}
.trackDetailsprofile_ img {
  width: 40px;
}
.trackDetailsprofile_ h3 {
  margin: 0;
}
.trackDetailsprofile_ .userProfileinforight_ {
  width: 100%;
  padding-bottom: 0;
}
.profilebottom_ {
  display: flex;
  align-items: center;
  justify-content: start;
  border-top: 1px solid #d8d8d8;
  padding-top: 12px;
  margin: 8px 0 0;
}
.profilesubContent {
  display: flex;
  align-items: center;
  border-right: 1px solid #d8d8d8;
  max-width: 185px;
  width: 100%;
  text-align: center;
  margin: 0 15px 0 0;
}
.profilesubContent img {
  width: 21px;
  margin: 0 7px 0 0;
}
.profilesubContent span {
  color: #14171a;
  font-size: 15px;
  font-weight: 400;
}
.rightproarrow {
  width: 5px !important;
  margin: 0 0 0 12px !important;
}
.profilesubContent .blueText {
  color: #275aff;
}
.profilesubContent:nth-child(3) {
  max-width: 96px;
  border-right: none;
}
.detailTrackingright_ {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.MapOrders {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.MapOrders iframe {
  width: 100%;
  height: 100%;
}
.userProfileinforight_ {
  text-align: left;
}
.userProfileinforight_ p {
  line-height: 24px;
  font-size: 13px;
  color: #626262;
}
.userProfileinforight_ h3 {
  font-size: 20px;
  margin: 0 0 4px;
}
.trackitemimgg_ {
  width: 18px !important;
}
.trackingMapp_ .profilesubContent {
  max-width: initial;
}

.statusLeft h3 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  color: #14171a;
}
.statusLeft h6 {
  font-size: 13px;
  color: #14171a;
  font-weight: 400;
  margin: 3px 0 0;
}
.trackingMapp_ .carrierbox {
  max-width: inherit;
}
/**Start Upload Product Modal**/

.uploadproductMOdal {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 50px 0;
}
.file_upload_ #input-file {
  display: none;
}

.uploadproductMOdal .innerHeadingSky {
  color: #3c444d;
}
.uploadprof {
  width: 90px;
  height: 90px;
}

.productShop_ {
  background: #ffffff;
  padding: 32px 44px 0 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selectitems_ {
  box-shadow: none !important;
  background: #f9f9f9;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}
.shopProductbtn_ {
  background: #275aff;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 24px;
  border-radius: 5px;
}

/**Start User List Css**/
.userlistCard_ {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.userlistCard_ .tokenprofileImg {
  margin-right: 18px;
  width: 36px;
  height: 36px;
  margin-bottom: 0;
}
.driverHead_ {
  font-size: 14px;
  font-weight: 500;
  font-family: "Maison Mono";
}
.app-track {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.trackApp_ {
  background: #f5f6f7;
  padding: 10px 20px;
  font-size: 12px;
  font-weight: 400;
  color: #14171a;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mangeImg {
  width: 12px;
  margin-left: 11px;
}
.productViewCard .contentextLight {
  margin: 7px 0 9px;
  display: block;
  max-width: 212px !important;
  white-space: normal;
  width: 100%;
}
.driverDeliveries .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
.userproImage_:after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 5px;
  z-index: 2;
  position: absolute;
  bottom: 2px;
  right: 16px;
  background: #275aff;
  border: 1.5px solid #ffffff;
}
.userproImage_ {
  position: relative;
}
.driverprofile_box {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.bluesubHead__ {
  color: #275aff;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
.driveinfo_img {
  width: 182px;
  height: 182px;
  object-fit: cover;
  border-radius: 50px;
}
.deviceHead .completeStatus {
  display: block;
  width: 62px;
}
.bottombtn__ {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chatbtnn_ {
  background: #e5f0ff;
  padding: 10px 15px;
  border-radius: 5px;
  color: #275aff;
  font-size: 14px;
  font-weight: 700;
}
.bottombtn__ .trackApp_ {
  padding: 13px 32px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 5px;
}
.trachimg_ {
  filter: grayscale(11);
}
.chaticonn__ {
  filter: hue-rotate(28deg);
}
.driverPayment_ .deviceHead {
  color: #a7a7a7;
}
.connectted_ {
  color: #14171a;
  display: flex;
  justify-content: space-between;
}
.connectted_ i {
  color: #275aff;
}
.licenceImg {
  display: flex;
  justify-content: start;
}
.equipmentimage_ {
  width: 156px !important;
  height: 100px;
  object-fit: cover;
  border-radius: 5px;
  display: inline-block;
}
.equipMain {
  display: flex;
  justify-content: start;
  width: 100%;
  overflow-x: scroll;
}
.mainnodataFound_ {
  background: #fff;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 217px);
  align-items: center;
  justify-content: center;
}
.nodatafounf_ {
  max-width: 316px;
  height: 316px;
  width: 100%;
}
/**Start Config Section**/

.configFaq .rdt_TableCol_Sortable {
  justify-content: start !important;
}
.configFaq .rdt_TableCell {
  justify-content: start !important;
  text-align: start;
}
.configswitch_ .form-switch input[type="checkbox"] {
  width: 24px;
  height: 13px;
}
.configswitch_ .form-switch input[type="checkbox"]::before {
  width: 10px;
  height: 10px;
  top: 50%;
  left: -1px;
}
.configswitch_ .form-switch {
  margin: 0;
  min-height: 0;
}
.configswitch_ .form-switch input[type="checkbox"]:checked {
  background: #50bb87;
  border: 2px solid #50bb87;
}
.rolesContainer:hover {
  border: 1px solid #263683;
}
.plansDetailsContainer {
  margin-bottom: 21px;
  height: 100%;
}

.walletStats .percentageRating {
  background: #f1fbf6;
}
.graphContainer {
  display: flex;
  width: 100%;
  padding: 0 15px;
  height: 100%;
  align-items: center;
}
.prodictView_ {
  width: 100% !important;
}

.categoryTable_ .rdt_TableCell:first-child,
.rdt_TableCell:nth-child(2) {
  justify-content: start !important;
}
/* input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
} */
.configFaq .weekDropdown {
  max-width: 210px;
  width: 100%;
}
.configFaq .weekDropdown .weekDropdownMenus {
  padding: 16px 0 !important;
}
.configFaq .weekDropdown .dropdown-item {
  font-weight: 400;
  font-size: 13px;
}
#addnewfaqModal .modal-content {
  padding: 0 !important;
}
#addnewfaqModal .modal-header {
  background: #f5f6f7;
  padding: 23px 20px;
}
.addnewfaqModal {
  padding: 30px;
}
.footerSec .closebtnModal {
  border-radius: 3px;
  padding: 8px 18px;
}
#faqeditModal .modal-content {
  padding: 0 !important;
}
#faqeditModal .modal-header {
  background: #f5f6f7;
  padding: 23px 20px;
}
#addnewcategoryModal .modal-content {
  padding: 0 !important;
}
#addnewcategoryModal .modal-header {
  background: #f5f6f7;
  padding: 23px 20px;
}
#locationModal .modal-content {
  padding: 0 !important;
}
#locationModal .modal-header {
  background: #f5f6f7;
  padding: 23px 20px;
}

.policycardHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.activeStatusbtn {
  border-radius: 3px;
  border: 1px solid #50bb87;
  background: #f1fff8;
  padding: 6px 8px 6px 20px;
  font-size: 12px;
  color: #50bb87;
  position: relative;
}
.activeStatusbtnn_:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #50bb87;
  position: absolute;
  left: 7px;
  border-radius: 10px;
  top: 10px;
}
.addLocation_ {
  padding: 30px;
}

/**Custom Search Box**/
.selctmainBox {
  border-bottom: 1px solid #ced4da;
  padding: 0px 0 13px;
  margin-bottom: 26px !important;
  cursor: pointer;
}
.listContainer {
  position: relative;
}
.selectBtn_ {
  border: none;
  border-radius: 0;
  padding: 0;
}
.selectTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
}
.listContainerMenus {
  background: #fff;
  box-shadow: 0 4px 22px rgb(0 0 0 / 15%);
  border-radius: 10px;
  margin-top: 10px;
  color: #667085;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 3;
}
.listContainerMenus.show {
  display: block !important;
}
.searchBox {
  position: relative;
  margin-bottom: 10px;
  padding: 0 14px 0;
}
.searchBox input {
  background: #ffffff;
  border: 1px solid #d0d5dd;
  box-shadow: 0px 2px 5px rgb(0 0 0 / 5%);
  border-radius: 5px;
  height: 45px;
  padding: 0 0 0 32px;
  font-size: 14px;
  width: 100%;
}
.listcontainMiddle {
  padding: 5px 12px 0px !important;
  display: flex;
  width: 100%;
  max-height: 190px;
  overflow-y: auto;
  flex-wrap: wrap;
}
.listContainerMenus li {
  padding: 4px 8px;
  cursor: pointer;
  margin-bottom: 8px;
  transition: all 0.3s;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  width: 100%;
  color: #3c444d;
}
.searchImgg_ {
  position: absolute;
  left: 24px;
  top: 32px;
}
.deleteBtn_ {
  background: #fb466c;
  color: #fff;
  padding: 8px 12px;
  font-size: 13px;
  border-radius: 5px;
}
.switchLeftbox_ {
  display: flex;
  justify-content: end;
  align-items: center;
}
.productitemas__ .rdt_TableRow .rdt_TableCell {
  width: 100% !important;
  display: inline-block !important;
}
.searchInput {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  padding: 0 10px;
}
.masterSelect {
  width: 122px;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.availBalnce {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #e5f0ff;
  padding: 10px;
  border-radius: 10px;
}
.availBalnce .primary_btn {
  max-width: 211px;
  width: 100%;
  padding: 13px 0;
}
.availBalnce .blueText_ {
  color: #275aff;
}
.addaccountBox_ {
  display: flex;
  align-items: center;
}
.bankIcon_ {
  width: 60px;
  height: 60px;
  background: #275aff;
  border-radius: 34px;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 19px 0 0;
  font-size: 26px;
}
#addbalanceModal .modal-header {
  background: #f5f6f7;
  padding: 17px 20px;
}
#addbalanceModal .modal-content {
  padding: 0 !important;
}
.addbalnceModal_ {
  display: inline-block;
  width: 100%;
  padding: 30px;
}
.addaccountBox_.active {
  border: 1px solid #275aff;
}
.verifyKyc_ {
  text-align: center;
  display: inline-block;
  width: 100%;
  height: calc(100vh - 237px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 22px 0;
}
.verifyKyc_ .blueTextt_ {
  color: #275aff;
  font-weight: 600;
  margin: 0;
}
.accbtnDetail_ {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #cdcdcd;
  margin: 23px 0 0;
  padding-top: 17px;
}
.accbtnDetail_ .primary_btn {
  padding: 12px !important;
  max-width: 178px;
  width: 100%;
}
.primary_btnborder {
  background: #fff;
  border: 1px solid #275aff;
  border-radius: 5px;
  max-width: 160px;
  padding: 9px 10px;
  color: #275aff;
  font-weight: 500;
  width: 100%;
  font-size: 15px;
}
.kycWtachh_ {
  width: 39%;
  margin-bottom: 29px;
}
.verifyKyc_ .text {
  line-height: 26px;
  font-size: 16px;
  margin: 0;
}
/* Start Edit My Profile*/
.cart_img {
  position: relative;
  display: inline-block;
}

.profile_edit {
  position: absolute;
  bottom: 0px;
  right: 0px;
  cursor: pointer;
  height: 35px;
}
.profileForm .form-group {
  text-align: left;
  position: relative;
}
.profileForm .form-control {
  background: #fcf3fd;
  border-radius: 50px;
  border: none !important;
  padding: 17px 25px 17px 50px;
}
.inputIcon {
  position: absolute;
  left: 35px;
}
.form-control:focus {
  box-shadow: none;
}
.profileForm .form-label {
  font-size: 14px;
  color: #4c4747;
  font-weight: 500;
}
.profileBig {
  width: 110px;
  height: 110px;
  border-radius: 95px;
  margin: 0 32px 0 0;
}

.custom-file-upload {
  position: relative;
}

.edit_iconmodal {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  position: absolute;
  bottom: 6px;
  right: 10px;
}
#profileImagePreview {
  width: 144px;
  height: 144px;
  object-fit: cover;
  border-radius: 70px;
  border: 1px solid #f3f2f2;
}

.edit_profile {
  display: inline-block;
  position: relative;
  text-align: center;
}
.profileTop_ {
  display: inline-block;
  position: relative;
}
.custom-file-upload {
  position: absolute;
  top: 89px;
  right: 0;
  background: #263682;
  width: 36px;
  height: 36px;
  border-radius: 50px;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
}
.myproContent {
  display: flex;
  align-items: start;
}
/* Start My Profile  */
.myProfile {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.myProfile .profileBig {
  width: 110px;
  height: 110px;
  border-radius: 95px;
  margin: 0 32px 0 0;
}
.myProfileInner {
  display: inline-block;
  width: 86%;
  position: relative;
}
.myProfileInner h5 {
  border-bottom: 1px solid #eaedff;
  padding-bottom: 13px;
  color: #263682;
}
.updateBtn {
  color: #fff;
  border: none !important;
  display: flex;
  justify-content: end;
  margin-left: auto;
  background: #275aff;
  padding: 10px 18px;
  border-radius: 5px;
  align-items: center;
}
.updateBtn i {
  font-size: 13px;
  margin-right: 9px;
}
.updateBtn:active {
  border: none;
}
.sendInvoicebtn_ {
  border-radius: 5px;
  background: #275aff;
  padding: 12px 18px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.profileTable {
  width: 100%;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 13px;
  margin-top: 15px;
}
.profileTable .details {
  font-weight: 400;
  font-size: 14px;
  color: #8d99d2;
}
.profileTable .data {
  font-weight: 500;
  font-size: 14px;
  color: #4659b5;
}
.profileTable .data td {
  padding-bottom: 13px;
}
.myProfile .chartsOuter {
  width: 100%;
}
/* End Edit My Profile*/

.css-13cymwt-control {
  border: 1px solid #f5f6f7 !important;
  font-size: 15px !important;
}
.css-16xfy0z-control {
  background: #fff !important;
  border: 1px solid #f5f6f7 !important;
  font-size: 15px !important;
}
.creteuserVerify_ {
  display: inline-block;
  width: 100%;
  padding: 50px 20px;
}
.creteuserVerify_ {
  display: inline-block;
  width: 100%;
  padding: 50px 50px;
}
.creteuserVerify_ .flag-dropdown {
  background: #e5e5ea !important;
  border: 1px solid #e5e5ea !important;
}
.creteuserVerify_ .loginBtn {
  padding: 14px 20px !important;
  font-size: 16px;
}
.creteuserVerify_ .react-tel-input .form-control:focus {
  border: none !important;
}

.loginForm .react-tel-input .form-control:focus {
  background: #fff !important;
}

.forgetcommon .react-tel-input .form-control:focus {
  background: #fff !important;
}
.forgetcommon .react-tel-input .flag-dropdown {
  background-color: #ededed;
  border: 1px solid #ededed;
}
.uploadproImg_ {
  object-fit: cover;
  border-radius: 70px;
  margin-right: 11px;
  background: #eeee;
  width: 85px;
  height: 85px !important;
}
.defaultImg_ {
  width: 85px;
  height: 85px !important;
  object-fit: cover;
  border-radius: 70px;
  margin-right: 11px;
  background: #eeee;
  text-align: center;
}
.createpro_ {
  display: flex;
  align-items: center;
}
.filterTab_ {
  background: #fff !important;
  border: 1px solid #d7deff !important;
  font-size: 16px !important;
  width: 100%;
  text-align: left;
  padding: 8px 12px;
  border-radius: 12px;
  color: #263682;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  font-family: "roobert_trialregular";
}
.dropDownArrow {
  color: #263682;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
.productMainbox_ {
  display: inline-block;
  width: 100%;
  position: relative;
}
.filterDropdown_ {
  background: #fff;
  padding: 15px 15px;
  margin-top: 10px;
  border-radius: 12px;
  width: 290px;
  position: absolute;
  border: 1px solid #d7deff;
  box-shadow: 4px -8px 30px 0px #344f7514;
  z-index: 999;
}
.listdropfilterList_ .listProductbody_ .listItemsprodct_ {
  padding: 0 0 10px !important;
}

.listItemsprodct_ .textParagh {
  cursor: pointer;
  position: relative;
  font-size: 14px;
  color: #263682;
  display: flex;
  align-items: center;
  margin-top: 8px;
}

.ProductsBox_ .MbeHM {
  background: transparent !important;
}
.ProductsBox_ .rdt_TableCell div:first-child {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ProductsBox_ .smokeDetails {
  margin-right: 10px;
}
.ProductsBox_ .smokeCheck {
  margin-right: 10px;
}
.brandNewlist_ .topHeader_ {
  margin-bottom: 40px;
}
.listdropfilterList_ {
  max-height: 530px;
  height: 100%;
  overflow-y: auto;
}
.productWeight_ {
  display: flex;
}
.productWeight_ .inputGroup .customform-control {
  border-radius: 5px 0px 0 5px;
}
.productWeight_ .productDimensions .customform-control {
  border-radius: 0px 5px 5px 0px;
  border-left: 1px solid #d9d9d9;
}
.countriesDetails {
  max-height: 470px;
  overflow-y: scroll;
}
.serviceListView .productViewCard {
  border-radius: 10px 10px 0 0;
}
.serviceListView .available_box {
  border-radius: 0 0 10px 10px;
  padding: 0 18px 9px;
}
.rdt_TableCell div:first-child {
  overflow: unset !important;
}

.catalogs_ .rdt_TableCell {
  justify-content: start !important;
}
.catalogs_ .rdt_TableCol {
  justify-content: start !important;
}
.catalogs_ .rdt_TableCol_Sortable {
  justify-content: start !important;
}
.serviceList .topHeader_ {
  margin-bottom: 50px;
}
.sc-hmdomO {
  overflow: unset !important;
}

.inventoryvalue .graphContainer {
  padding: 0 15px;
}
.createRoles_ .searchWrapper {
  padding: 0 !important;
  min-height: 22px;
  font-size: 15px;
  color: #14171a;
}
#createRoleModal .addEmployeeuser {
  padding: 0 10px 42px;
}
#UpdatePosModal .modal-content {
  padding: 0 !important;
}
#PosModal .modal-content {
  padding: 0 !important;
}
.postransaction .rdt_TableCell div:first-child {
  overflow: unset !important;
  white-space: initial !important;
  justify-content: center;
}
.mobposUser {
  display: flex;
  align-items: center;
  justify-content: center;
}
#PosModal .userProfileinfo_ .scheduleimg {
  width: 80px;
  height: 80px;
  border-radius: 80px;
}

.posSales .rdt_TableCell:nth-child(7) {
  justify-content: left !important;
}
.posSales .rdt_TableCol {
  justify-content: left !important;
}
#DeleteRoleModal .modal-content {
  padding: 60px 50px !important;
  border-radius: 40px !important;
}
#DeleteRoleModal .addingNewiventory_ .mainBoldHeading {
  font-size: 19px;
}
/* .productSales .graphContainer canvas {
    max-width: 1480px!important;
    width: 100%!important;
    height: 496px!important;
} */
.posSales .rdt_TableCell:nth-child(10) {
  text-align: left;
  justify-content: start !important;
}
.posSales .rdt_TableCol_Sortable:nth-child(10) {
  justify-content: start !important;
}
.posSales .rdt_TableCol:nth-child(10) .rdt_TableCol_Sortable {
  justify-content: left !important;
}
.posSales .rdt_Pagination {
  min-width: 1559px !important;
  width: 100% !important;
}
.rdt_TableCell {
  font-size: 14px;
  color: #14171a;
  font-weight: 400;
}

.posSales .rdt_TableCell div:last-child {
  /* width: 100%; */
  text-align: center;
  /* max-width: 165px!important; */
  justify-content: center;
}
.posSales .rdt_TableCell .completeStatus {
  padding: 8px 12px;
}
.createRole_ .rdt_TableCell:nth-child(2) {
  text-align: start !important;
}
.posUser_ .rdt_TableCell:nth-child(4) div {
  justify-content: center;
}
.posUser_ .rdt_TableCell:nth-child(5) div {
  justify-content: center;
}
.createUserpos_ .brandFilter .searchWrapper {
  padding: 0;
  font-size: 15px;
}
/* .posUser_ .rdt_Pagination {
    min-width: 1530px!important;
    width: 100%!important;
} */
.rightmessage-box .chatDropDown {
  min-width: 110px;
  width: 100%;
}
.messageTophead .dropdown {
  margin-left: auto;
}
.productList .topHeader_ {
  margin-bottom: 42px;
}
.productList .tableFilters {
  margin-top: 0;
}

.deliveryRefund .tableFilters {
  margin: 0;
}
/* .walletStats {
    display: inline-block;
    width: 100%;
    margin-top: 74px;
} */
.walletStats {
  border-radius: 20px;
  background-color: white;
  padding: 15px !important;
  overflow-y: auto;
}
.walletStats::-webkit-scrollbar {
  display: none;
}
.myProductmain .topHeader_ {
  margin-bottom: 70px;
}
#videoCall {
  max-width: 532px;
}
.serviceList .tableFilters {
  margin-top: -6px;
}
.seviceMain_ .productDatatwallet .chartsOuter {
  height: 100%;
}
.seviceMain_ .productDetailsNumber {
  margin-top: 66px;
}
.checkarrow_ {
  position: absolute;
  right: 29px;
  bottom: 16px;
}
.productinput .customform-control {
  background-image: none;
}
.productList .rdt_TableCell {
  justify-content: center !important;
  padding: 8px 15px;
  width: 100%;
  display: initial !important;
}

#uploadproductModal .modal-header {
  border: none;
  position: absolute;
  right: 0;
  top: 0;
}
.uploadImages_ {
  display: flex;
  align-items: center;
}
.subscriberList_ .topHeader_ {
  margin-bottom: 70px;
}
/* .addProductManually .topHeader_ {
  margin-bottom: 82px;
} */
.productRightWrapper .searchWrapper {
  padding: 4px 0 0;
  min-height: 24px;
}
.productRightWrapper .searchWrapper #search_input {
  padding: 0;
  font-size: 14px;
}
.spaBeauty_ .topHeader_ {
  margin-bottom: 51px;
}
#businessCard .modalHeading {
  color: #000;
}

/* .myOrdersmain .topHeader_ {
    margin-bottom: 51px;
}
.newOrder .topHeader_ {
    margin-bottom: 67px;
}
.newOrder .tableFilters {
    margin-top: 53px;
}
.processOrders_ .topHeader_ {
    margin-bottom: 0;
}
.processOrders_ .tableFilters {
    margin-top: 62px;
}
.completeOrders_ .tableFilters {
    margin-top: 60px;
}
.completeOrders_ .topHeader_ {
    margin-bottom: 50px;
}
.refundOrders .topHeader_ {
    margin-bottom: 69px;
}
.todayAppoint_ .topHeader_ {
    margin-bottom: 50px;
}
.upcomingDetail_ .topHeader_ {
    margin-bottom: 69px;
}
.fulfilledAppointment_ .topHeader_ {
    margin-bottom: 50px;
}
.fulfilledAppointment_ .tableFilters {
    margin-top: 75px;
} */

.conversionLocate .conversionGraph_ {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.graphValue_ {
  margin: 11px 0;
}
.analyticStats_ .rdt_TableCol:nth-child(3) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
.subscriberList_ .rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable {
  justify-content: left !important;
}

.userTabs_ {
  background: white;
  border: 1px solid #275aff;
  font-weight: 500;
  color: #275aff;
  padding: 7px 19px;
  border-radius: 5px;
  font-size: 14px;
  margin-right: 8px;
}
.analyticsTabs_ {
  display: inline-block;
  margin: 18px 0 26px;
  background: #f5f6fc;
  padding: 6px 8px;
  border-radius: 30px;
}
.userTabs_.active {
  background: #275aff;
  color: #fff;
}
.editHeading {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}
.labelhaed_ {
  font-size: 14px;
  text-align: center;
  font-weight: 600;
}
.userDetails_ {
  background: #fff;
  box-shadow: 0 0 10px #eee;
  padding: 26px;
  border-radius: 15px;
  margin-bottom: 22px;
}
.rdt_TableRow {
  align-items: center !important;
}
.headingjobr {
  color: #14171a;
  font-weight: 600;
  font-size: 15px;
  margin: 0;
}
.leftInvoice {
  display: flex;
  align-items: center;
}
.commonTableheight {
  min-height: 227px;
  height: 100%;
}
.createuserprof_ .edit_profile {
  width: auto;
}
.catalogs_ .rdt_TableCol:nth-child(3) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
.catalogs_ .rdt_TableCol:nth-child(3) {
  justify-content: center !important;
}
.catalogs_ .rdt_TableCol:nth-child(4) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
.catalogs_ .rdt_TableCol:nth-child(4) {
  justify-content: center !important;
}
.serviceListTable .rdt_TableCell {
  display: flex !important;
}
.processOrders_ .topHeader_ {
  margin-bottom: 30px;
}
.processOrders_ .tableFilters {
  margin-top: 23px;
}
.completeOrders_ .topHeader_ {
  margin-bottom: 30px;
}
.completeOrders_ .tableFilters {
  margin-top: 23px;
}
/* .customPicker .react-time-picker__wrapper {
  border-radius: 6px;
  border: 1px solid #b3b0b0;
  padding: 5px 7px;
} */
.timerBox_ {
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
}
.timehead_ {
  margin: 0 8px 0 0;
}
.innertimedate_ {
  align-items: center;
}
.checkboxInputs .checkBoxTxt {
  max-width: 138px;
  width: 100%;
}
/* .timedatecoprBox_ .dropdown-menu {
  background: white;
  padding: 13px;
  border-radius: 5px;
  box-shadow: 0 0 10px #eee;
  border: none;
  margin: 5px 0 0 0;
} */
#addAddress .modal-body {
  height: 648px;
}
#addnewAddress .commonBody {
  height: calc(100vh - 291px);
  padding: 30px 50px 0;
}
.checkboxInner_ {
  padding: 0 0 0 61px !important;
  display: inline-block;
}
#shippingAddress .sendBtn_ .submitBtn {
  height: 36px;
  padding: 0;
}
#addnewAddress {
  max-width: 500px;
  width: 100%;
}
#addnewAddress .addBtn_ .primaryBtnOuter {
  padding: 11px 100px;
}
.configPlanCard .customRadio_ label {
  padding-left: 28px !important;
  font-weight: 500 !important;
}
.configPlanCard .customRadio_ [type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  top: 0px !important;
}
.rdt_TableCol:nth-child(1) {
  justify-content: start;
}
.rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable {
  justify-content: start !important;
}

.addBankAccount .primary_btn {
  width: 100%;
  margin: 0;
  max-width: 255px;
  padding: 15px 20px;
}
.plansModal .plansAreasContainer {
  padding: 0 10px;
}

.plansDetailsContainer.active {
  background: #275aff;
}
.plansDetailsContainer.active .innerHeadingSky {
  color: #ffff;
}
.plansDetailsContainer.active .smallText {
  color: #fff;
}
.plansDetailsContainer.active .planAmount {
  color: #fff;
}
.plansDetailsContainer.active .subheadText {
  color: #fff;
}
.plansDetailsContainer.active .customRadio:checked + label {
  color: #fff;
}
.plansDetailsContainer.active .getStarted {
  background: #ffffff;
  color: #275aff;
}
.plansDetailsContainer.active .otherItems {
  color: #fff;
}
.plansDetailsContainer.active .otherItems img {
  filter: brightness(24);
}
.plansDetailsContainer.active [type="radio"]:not(:checked) + label {
  color: #acd5ff !important;
}
.createuserprof_ .footerSec {
  text-align: center;
}
#createOffer .modal-content {
  padding: 0 !important;
}
.createodderBody_ {
  padding: 30px;
}
.createListoffer {
  display: flex;
  flex-wrap: wrap;
}
.createListoffer li img {
  margin-right: 5px;
}
.createListoffer li {
  width: 100%;
  border: 1px solid #eee;
  margin: 0px 7px 10px 0px;
  max-width: 234px;
  padding: 15px;
  background: #ffffff;
  box-shadow: 0px 8px 16px rgb(0 0 0 / 5%);
  border-radius: 10px;
  display: flex;
  align-items: center;
}
.monsHeading_ {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin: 0;
}
.linkback_ {
  font-size: 14px;
  color: #275aff;
}
.staffText_ {
  font-size: 14px;
  line-height: 24px;
  color: #3c444d;
}
.editIcon_ {
  background: #f5f6f7;
  width: 54px;
  height: 54px;
  display: inline-block;
  text-align: center;
  border-radius: 41px;
  vertical-align: top;
  line-height: 57px;
}
.linkback_ i {
  font-size: 11px;
}
.designation_ {
  font-size: 13px;
  color: #626262;
  font-weight: 400;
}
#pickPlan .modal-body {
  overflow-x: hidden;
}
.configPlans .pickPlanContainer {
  position: inherit;
  width: 100%;
}

#addAddress .form_horizontal {
  height: 100%;
}
.deletebtn_ {
  border-radius: 5px;
  background: #ffd8d8;
  color: #eb4646;
  padding: 0;
  height: 33px;
  width: 33px;
  display: inline-block;
  margin-right: 10px;
}

.downloadbtn_ {
  display: inline-block;
  height: 33px;
  width: 68px;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
  background: #275aff;
}
.addOptionsModal {
  overflow: hidden;
}
.actionbtns_ {
  display: flex;
  align-items: center;
  justify-content: end;
}
.modal-dialog-scrollable .modal-body {
  overflow-x: hidden;
}

.react-datepicker {
  border: 1px solid transparent !important;
  box-shadow: 0 0 10px #e1dfdf;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  background-color: #275aff !important;
}
.productindetail_ {
  line-height: 20px;
}
.productindetail_ .textInnerHead {
  font-size: 14px;
}
.inventHead_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.recentTransections .rdt_TableCol:nth-child(1) {
  justify-content: center;
}
.productDetialsView .subHeading {
  font-size: 19px;
}
.productList .rdt_TableCol_Sortable:nth-child(3) {
  justify-content: start;
}
.productList .rdt_TableCol:nth-child(3) {
  justify-content: start !important;
}
.productList .rdt_TableCol:nth-child(3) .rdt_TableCol_Sortable {
  justify-content: start !important;
}
.accbtnDetail_ .primary_btnborder {
  max-width: initial;
  margin-right: 5px;
}

.attributesListItems .subtextDark_ {
  word-break: break-all;
}
.productDimensions .deatilsHead {
  word-break: break-all;
}
.makeofferDetail .productContent {
  border-right: none;
}
.offerValidity .selectDate .customform-control {
  color: #14171a;
}
#UpdatePosModal .timehead_ {
  margin: 0 8px 0 0;
  font-size: 14px;
}
#UpdatePosModal .timerBox_ {
  margin-left: 10px;
  margin-right: 10px;
}
#PosModal .appointmentDetails_ h3 {
  margin: 0 0 7px;
}
#PosModal .appointmentDetails_ {
  margin-top: 0;
}
#PosModal .userProfileinfo_ {
  margin-bottom: 26px;
}
#UpdatePosModal .appointBtn {
  padding: 7px 12px;
  font-size: 14px;
}
.serviceFooter_ .staticDarkBtn {
  width: 47% !important;
}
.serviceFooter_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 59px;
  padding: 0 26px;
}
.accountBoxone_ .deatilsHead {
  margin: 0;
  color: #275aff;
  font-size: 25px;
}
.accountBoxone_.active .deatilsHead {
  color: #fff;
}
.accountBoxone_.active {
  background: #275aff;
}
.subscriberList_ .rdt_TableCol:nth-child(3) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
#UpdatePosModal .checkboxInputs {
  margin-right: 0;
}
.colopalateBox_ {
  display: flex;
  justify-content: start;
}
.staffpayment_ .rdt_TableCell:nth-child(1) {
  text-align: center;
}
.createListoffer li.active {
  background: #e5f0ff;
  border: 1px solid #275aff;
}
#addStaff .modal-header {
  border-bottom: none;
  padding: 0;
}
.cancelledBtn_ {
  background: #d33300;
  color: #fff;
  font-weight: 500;
  width: 100%;
  padding: 12px 0;
  margin-top: 10px;
  border-radius: 5px;
}
#pendingModal .modal-header {
  padding: 0;
}
/**Analytics Css **/

.analyticGross .rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable,
.analyticRevenue .rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable,
.analyticCost .rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
.analyticGross .rdt_TableCell:first-child,
.rdt_TableCell:nth-child(2),
.analyticRevenue .rdt_TableCell:first-child,
.rdt_TableCell:nth-child(2),
.analyticCost .rdt_TableCell:first-child,
.rdt_TableCell:nth-child(2) {
  text-align: center;
}
.analyticGross .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable,
.analyticRevenue .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable,
.analyticCost .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
.analyticGross .rdt_TableCol:nth-child(2),
.analyticRevenue .rdt_TableCol:nth-child(2),
.analyticCost .rdt_TableCol:nth-child(2) {
  justify-content: center;
}
.analyticPOS .rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable,
.analyticDeliver .rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable,
.analyticShipping .rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable,
.analyticShipping .rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable,
.analyticOrders .rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable,
.analyticInventory .rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable,
.analyticProductSold .rdt_TableCol:nth-child(1) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
.analyticPOS .rdt_TableCell:first-child,
.rdt_TableCell:nth-child(2),
.analyticDeliver .rdt_TableCell:first-child,
.rdt_TableCell:nth-child(2),
.analyticShipping .rdt_TableCell:first-child,
.rdt_TableCell:nth-child(2),
.analyticOrders .rdt_TableCell:first-child,
.rdt_TableCell:nth-child(2),
.analyticInventory .rdt_TableCell:first-child,
.rdt_TableCell:nth-child(2),
.analyticProductSold .rdt_TableCell:first-child,
.rdt_TableCell:nth-child(2) {
  text-align: center;
}
.analyticPOS .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable,
.analyticDeliver .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable,
.analyticShipping .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable,
.analyticOrders .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable,
.analyticInventory .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable,
.analyticProductSold .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
.analyticPOS .secondaryOuterbtn_,
.analyticDeliver .secondaryOuterbtn_,
.analyticShipping .secondaryOuterbtn_,
.analyticOrders .secondaryOuterbtn_,
.analyticInventory .secondaryOuterbtn_,
.analyticOrders .secondaryOuterbtn_,
.analyticProductSold .secondaryOuterbtn_ {
  font-weight: 500;
}

.securitySetting .paymentContainer {
  padding: 20px !important;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  background: #fff;
}
#twoStepModal .modal-header {
  border-bottom: 1px solid #d8d8d8 !important;
  padding: 30px 28px;
}
.chat_inbox::-webkit-scrollbar {
  display: none;
}
.shippingContnet__ {
  color: #626262;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}
.connectBtn_ {
  border-radius: 5px;
  background: #a7a7a7;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 5%);
  padding: 8px 16px;
  font-size: 14px;
  color: #fff;
}
.consumerList_ .rdt_TableCol:nth-child(3) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
.consumerList_ .rdt_TableCell:nth-child(2) {
  text-align: start !important;
}

.editModaluser_ {
  padding: 30px;
}
.subscriberList_ .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
.editProfile .closeIcon {
  filter: brightness(1);
}
.commonbtndesign_ {
  background: #275aff;
  padding: 8px 10px !important;
  color: #fff !important;
  border-radius: 5px;
  width: 100%;
  display: inline-block;
  font-size: 13px;
}
.cancelbtn_ {
  background: #d33300 !important;
}
.acceptBtn_ {
  background: #58c2e8;
  border-radius: 30px !important;
}
.returnBtn_ {
  background: #fcba30;
}
.resolveTicket .detailsTicketRight_ {
  margin-top: 20px;
}
.catalogs_ .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
.appointsection_ .rdt_TableCell:nth-child(2) div {
  text-align: start;
}
.transections .rdt_TableCol:nth-child(1) {
  padding: 0 10px;
}
.transections .rdt_TableCell:first-child {
  padding: 0 10px;
}
.withdrawtable_ .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable {
  justify-content: center !important;
}
.profileUser_ .consumerUser {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.profileUser_ .rdt_TableCol:nth-child(2) .rdt_TableCol_Sortable {
  justify-content: center !important;
}

.locateFlex {
  display: flex;
  align-items: center;
  justify-content: space-between !important;
}
.locateAddress {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  max-width: 25ch;
}

.businessRegistration .react-datepicker-wrapper {
  width: 100% !important;
}
.configFaq .rdt_TableCell:nth-child(2) {
  text-align: start;
}
.saveactive {
  background: #275aff !important;
  color: #fff !important;
}
/**Varient Product Css**/

#productvarientModal .modal-content,
#createvariationModal .modal-content,
#editvariantModal .modal-content,
#priceVariantModal .modal-content {
  background: rgba(245, 246, 247, 1);
}
.leftheadvarient {
  display: flex;
}
.rightheadvarient {
  display: flex;
  width: 50%;
}
#productvarientModal .modal-header,
#createvariationModal .modal-header,
#editvariantModal .modal-header,
#priceVariantModal .modal-header,
#deleteVariantModal .modal-header {
  padding: 0;
}
#deleteVariantModal {
  width: 100%;
  max-width: 450px;
}
.discard_button {
  background: #fff;
  padding: 16px 26px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 7px;
  margin-right: 10px;
  max-width: 252px;
  width: 100%;
}
.next_button {
  background: rgba(167, 167, 167, 1);
  color: #626262;
  padding: 16px 26px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 7px;
  max-width: 252px;
  width: 100%;
}
.productvarientModal_ .headerHeading_ {
  color: #3c444d;
  font-weight: 500;
}
.productvarientModal_ {
  margin-top: 31px;
}
.varientOptions_ {
  display: inline-block;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  margin-top: 20px;
}
.label-text {
  background: #efefef;
  padding: 19px 30px 19px 17px;
  display: inline-block;
  border-radius: 12px 0px 0px 12px;
  margin-right: 10px;
  font-weight: 600;
  color: #3c444d;
}
.optionset_ {
  border: 2px solid #efefef;
  border-radius: 15px;
  display: inline-block;
  width: 100%;
}
.custom-input {
  display: inline-block;
  width: 75%;
  padding: 15px 10px;
  border: none;
}
.optionName_ .custom-input {
  width: 100%;
  border-radius: 12px;
}
.optionName_ .label-text {
  width: 100%;
  border-radius: 12px 12px 0px 0;
}
.optionName_ {
  margin-top: 20px;
  border: 2px solid #efefef;
  border-radius: 15px;
  display: inline-block;
  width: 100%;
}
.addoptionmain_ .addOptions {
  padding: 30px 0;
  background: #fff;
  border: none;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 5%);
}
.infoicon {
  margin-left: 5px;
}
.enterbox_ {
  cursor: pointer;
}
.selectDate .react-datepicker-wrapper {
  width: 100% !important;
}
#createvariationModal .rightheadvarient {
  justify-content: end;
}
.createvariationModal .headerHeading_ {
  font-weight: 500;
  color: #3c444d;
}
.innerselct_ {
  border-bottom: 1px solid #d8d8d8;
  padding: 14px 16px;
}
.checkoptions_ {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
}
.innerselct_ input {
  margin-right: 10px;
}
.innerselct_ label {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 21px;
}
.createvariationModal {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}
.selectedOptionsbox_ {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  margin-bottom: 15px;
}
.custTableData {
  border-radius: 10px;
  padding: 20px 20px 20px 23px !important;
}
.selectedOptionsbox_ .customTable {
  margin-bottom: 0;
}
.selectedOptionsbox_ .customTable tr:last-child {
  border-bottom: transparent;
}
.custTableData:first-child {
  text-align: left;
}
.custTableData {
  text-align: center;
}
.custTableData:last-child {
  text-align: right;
}
.editimage_ {
  color: #626262;
  cursor: pointer;
  font-size: 17px;
  margin-right: 20px;
}
.mainVariants_ {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
.variantItems {
  vertical-align: middle;
}
.variantItems .subtextDark_ {
  line-height: 29px;
}
.variantItems table td {
  border-bottom: 1px solid #d8d8d8;
  padding: 8px 12px;
}
.variantItems:nth-child(2) {
  padding: 0 !important;
}
.variantItems table tr:last-child td {
  border-bottom: transparent;
}
.variantItems:nth-child(3) {
  width: 21%;
}
.productvariantmain_ {
  max-height: 500px;
  overflow-y: auto;
}

/**Start Edit Variant Css**/
.editvariantModal_ {
  /* background: #FFFFFF; */
  border-radius: 10px;
  /* padding: 30px; */
  margin-top: 20px;
  max-height: 750px;
  overflow-y: auto;
}
.tabsBoxes_ {
  background: transparent;
  max-width: 220px;
  width: 100%;
  padding: 15px 10px;
  font-size: 18px;
  font-weight: 600;
  color: #626262;
}
.tabsBoxes_.active {
  color: #275aff;
  border-bottom: 2px solid #275aff;
}
.variantnameText_ {
  background: #efefef;
  border-radius: 10px 0 0 10px;
  padding: 20px 26px;
  font-size: 18px;
  font-weight: 600;
  color: #3c444d;
}
.variationName_ {
  background: #f5f6f7;
  border-radius: 10px 0 0 10px;
}
.blacktext_ {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  width: 70%;
  display: inline-block;
  padding: 20px 26px;
}
.variantareaContainer .ModalvarientSection {
  padding: 10px 30px 30px;
  background: #fff;
  border-radius: 0 0px 10px 10px;
}
.variantDetails_ .varientdata {
  border: none;
}
.variantDetails_ .onlinePosSub {
  padding: 0 12px;
}
.storeConatiner_ {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 16px;
}
.variantareaContainer .form-switch input[type="checkbox"]::before {
  top: 48%;
}
.uploadBox_ {
  display: inline-block;
  width: 100%;
  border: 1px solid #d8d8d8;
  padding: 16px;
  border-radius: 10px;
}
.uploadBox_ .juBESy:focus-within {
  outline: none !important;
}
.topvarientsTabs_ {
  background: #fff;
  padding: 30px;
}
.variantavailability_ {
  background: #fff;
  padding: 0px 30px 30px;
  border-radius: 0 0 10px 10px;
}
.varientstochmange_ {
  border: 1px solid #e1e3e4;
  border-radius: 10px;
  padding: 16px;
}
.variantavailability_ .variantInfo {
  margin: 13px 0 0;
}
.varientstochmange_ .availableVarient {
  border: none;
  padding: 0;
}
.varientstochmange_ .stockSectionTotal .varientdata {
  background-color: transparent;
  border: none;
}
.stockSectionData .varientdata {
  color: #cacaca;
  border: none;
}
.stockHead_ {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 18px;
  color: #3c444d;
}
.variantsContainer_ {
  background: #fff;
  border-radius: 0 0 10px 10px;
  padding: 0 30px 30px;
}

/* coupon Modal */
#viewCoupon .modal-content {
  width: auto;
}
#viewCoupon .modal-dialog-scrollable .modal-body {
  overflow-y: unset;
  overflow-x: unset;
}
#viewCoupon .scheduleModalContent {
  overflow-y: unset;
}
.varientHeadFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.varientBtns {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: end;
}
.varientBtnBlue {
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  background: #275aff;
  padding: 8px 16px;
  border-radius: 3px;
  border: none;
  text-align: center;
}
.btnPrice {
  background: #1fb3ff !important;
}
.btnDelete {
  background: #d33300 !important;
}
.updatePriceSection {
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 30px;
  height: 60vh;
  overflow-y: scroll;
}
.updateCheckBx:checked + .mainlightPhragraph {
  color: #275aff;
}
.priceModalSection .btnSave {
  background: #a7a7a7;
  color: #626262;
}
.deletVarientFlex {
  display: flex;
  align-items: start;
  gap: 24px;
}
.varientFooterBtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.btnDiscard_ {
  background: #f5f6f7 !important;
  color: #3c444d !important;
}
.varientFooterBtn .varientBtnBlue {
  padding: 10px 24px;
}
.addVarientTable .variantTable {
  height: 130px;
}
.addVarientTable .dropdown-menu.tableDropdownMenus.categoryDrop.show {
  inset: 21px -8px auto auto !important;
}
.addVarientTable .categoryDrop {
  padding: 8px !important;
}
.addVarientTable .variantItems {
  min-width: 200px;
}
.addVarientTable .variantItems:nth-child(3) {
  min-width: 100px;
}
.productvarientModal_ .optionName_ .react-tagsinput-tag {
  background-color: #275aff;
  border-radius: 20px;
  border: 1px solid #275aff;
  color: #fff;
  display: inline-block;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 6px 12px;
}
.productvarientModal_ .optionName_ .react-tagsinput-tag a::before {
  content: " ×";
  color: #fff;
}
.productvarientModal_ .optionName_ .react-tagsinput {
  border: none !important;
  outline: none !important;
  background: none !important;
  box-shadow: none !important;
}
.weightControl::placeholder {
  text-align: right;
}
/* @media (min-width: 1200px) {
     .m .modal-xl {
      --bs-modal-width: unset !important;
    }
  } */

/* Override modal-xl with #yourId */
@media (min-width: 1200px) {
  .m .modal-xl {
    --bs-modal-width: unset !important;
  }
}

/* Override modal-lg and modal-xl with #yourId */
@media (min-width: 992px) {
  .m .modal-lg,
  .m .modal-xl {
    --bs-modal-width: unset !important;
  }
}

.dollar {
  display: flex;
  gap: 10px;
}

/* reetu css */
.dimensionsGroup .form-control::placeholder {
  font-size: 14px !important;
  color: #636e9f !important;
  font-style: normal !important;
}
.dimensionsGroup .form-control {
  font-size: 14px;
  color: #636e9f !important;
  background-color: #fff;
}
.dimensionsGroup .form-control:focus {
  background-color: unset !important;
}

/* Start Table Css */
.listAreaContainer {
  padding-top: 20px;
}
.listAreaContainer .rdt_TableRow {
  border: 1px solid #f5f6fc !important;
  margin-bottom: 6px !important;
  border-radius: 15px;
}
.listAreaContainer .rdt_TableHeadRow {
  border: 1px solid #f5f6fc !important;
  margin-bottom: 6px !important;
  border-radius: 15px;
}
.listAreaContainer .rdt_Table .rdt_TableCell .textParagh {
  color: #636e9f !important;
  font-size: 12px !important;
  font-weight: 400;
}
.rdt_TableHeadRow .rdt_TableCol_Sortable {
  color: #636e9f !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* End Table Css */

/* Start Upload Image Css */
.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;
}
/* End Upload Image Css */

.productSale_Parent.active {
  display: block;
  background-color: transparent;
}
.invoiceUser_ {
  border-bottom: 0.75px solid #e4e6f2;
  border-radius: 0;
  padding-bottom: 42px;
}
.galleryView.fileListView {
  height: 96px !important;
}
.optionDelete {
  background-color: #e4e6f2;
  position: absolute;
  top: -16px;
  right: 2px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
.detailTab .upcRightBox {
  height: 100%;
}
.browseUploadSection {
  min-height: 28vh;
}
.browseUploadSection .mainCatalog {
  background: #fff;
}
#addCashDraw.modal-dialog {
  max-width: 900px;
}
#addCashDraw .modal-content {
  padding: 30px 30px 60px !important;
}
#addCashDraw .modal-header {
  padding: 0 0 30px !important;
}
.dimensionsGroupItems:last-child .linkText {
  color: #263682;
}

.productVariantsTable::-webkit-scrollbar {
  height: 8px;
  width: 0px;
}

.productVariantsTable::-webkit-scrollbar-thumb {
  border: 5px solid #eaecf0;
}
.productVariantsTable table th,
.productVariantsTable table td {
  min-width: 150px;
  max-width: 150px;
  width: 150px; /* Set fixed width */
}
.productVariantsTable table th:last-child,
.productVariantsTable table td:last-child,
.productVariantsTable table th:first-child,
.productVariantsTable table td:first-child {
  min-width: 50px;
  max-width: 50px;
  width: 50px; /* Set fixed width */
}
.productVariantsTable .productVariant_Input {
  width: 100%;
}
.varintText {
  word-break: break-all;
}
.autocompleteParent .MuiInputBase-input {
  color: #263682;
}
/* Styling for the image */
.custom-image {
  width: 50px; /* Custom size */
  height: 50px; /* Custom size */
  border-radius: 8px; /* Optional rounded corners */
  transition: transform 0.3s ease; /* Smooth hover effect */
}

.custom-image:hover {
  transform: scale(1.1); /* Image zoom effect on hover */
}

/* Styling for the tooltip */
.custom-tooltip {
  background-color: #263682 !important; /* Custom background color */
  color: #fff !important; /* Custom text color */
  font-size: 14px; /* Font size for the tooltip */
  font-weight: bold; /* Bold text */
  padding: 10px; /* Padding for the tooltip */
  border-radius: 6px; /* Rounded corners for the tooltip */
}

.custom-tooltip .tooltip-arrow {
  border-top-color: #263682 !important; /* Arrow color to match the background */
}
.textCapital {
  text-transform: capitalize;
}
.upcBox_Input:disabled {
  background-color: #fff;
}
.cashDrawInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #eceef5;
  padding: 16px;
  border-radius: 12px;
  margin-bottom: 7px;
}
.cashDrawInner:hover,
.cashDrawInner.active {
  background-color: #f5f6fc;
  border: 1px solid #b4beeb;
}
.cashBtn {
  background-color: transparent !important;
  padding: 0 !important;
}
.cashInnerRight {
  display: flex;
  align-items: center;
  gap: 12px;
}
.cashBtnEdit {
  background: #e4e6f2;
  padding: 10px 24px;
  border-radius: 20px;
  color: #263682;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  text-transform: capitalize;
  font-family: "roobert_trialregular";
}
.cashBtnDelete {
  background-color: #fee4e2;
  border-radius: 30px;
  padding: 10px 24px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #f04438;
  font-size: 16px;
  font-weight: 400;
  font-family: "roobert_trialregular";
}
.cashIcon {
  width: 22px;
  height: 22px;
}
.spinnerDark {
  color: #263682 !important;
}
.cashDrawSection
  .reactSelectParent
  .react-select-container
  .react-select__control {
  max-width: 215px;
  width: 215px;
  height: 50px;
}
.spinnerLight {
  color: #ffffff;
}
.spinnerRed {
  color: #f97066;
}
.editInput {
  border: none !important;
  border-bottom: 1px solid #d7deff !important;
  outline: none;
  color: #263682 !important;
  padding: 5px 0;
  width: 50% !important;
  background-color: #ffffff !important;
  margin: 0 !important;
}
.editInput:focus {
  background-color: #ffffff !important;
}
.cashInnerRight .modalDiscardBtn {
  padding: 12px 24px;
  width: 118px;
}
.cashInnerRight .modalNextBtn {
  margin-left: 12px;
}
.posUserImg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.uploadedChart {
  width: 150px;
  height: 100px;
  border-radius: 12px;
}
.showToken_Img.chartUploadSection {
  height: 160px;
  margin: 0;
}
.showToken_Img.chartUploadSection .optionDelete {
  top: -24px;
  right: -17px;
}
.saveCropImgBtn .headerSaveBtn {
  padding: 14px 28px;
}
#CropImage .modal-content {
  padding: 28px 45px !important;
}
#CropImage .modal-header {
  margin-bottom: 20px;
}
.variantDropSelect .dropdown-item {
  padding: 5px 20px !important;
}
.addProductManually .costPriceInput {
  padding: 19px 42px;
}
.reactSelectParentProduct .react-select-container .react-select__control {
  max-width: 170px;
  width: 170px;
}
.sellingProductContainer .sellingProductTable {
  max-height: 36vh;
  overflow-y: auto;
}

/**Start Support **/

.serach_box {
  position: relative;
}
.serach_box img {
  position: absolute;
  left: 0;
}
.serach_box img {
  position: absolute;
  left: 16px;
  top: 21px;
  width: 21px;
}
.serach_box .form-control.searchBoc_ {
  padding-left: 43px;
  border-radius: 15px !important;
  padding: 10px 6px 10px 44px;
}
.serach_box .form-control.searchBoc_ {
  padding-left: 43px;
  border-radius: 15px !important;
  padding: 10px 6px 10px 44px;
  color: #7e8ac1 !important;
}
.serach_box .searchBoc_::placeholder {
  color: #7e8ac1 !important;
}
.greyPara_ {
  color: #6f7c88;
  font-size: 12px;
}
.helpTopics {
  display: inline-block;
  width: 100%;
  border: 1px solid #e4e6f2;
  border-radius: 20px;
  padding: 36px 36px;
  text-align: center;
}
.serviceSettingWrapper .checkBoxTxt {
  color: #263682;
}
.bgDarkBtn {
  background-color: #4659b5 !important;
  border: none !important;
}
.customPickerNew .react-time-picker__wrapper {
  border-radius: 6px;
  border: 1px solid #d7deff;
  padding: 5px 7px;
}
.custom-time-picker.customPickerNew .react-time-picker__clock {
  background-color: #263682 !important; /* Change clock popup background */
}
.custom-time-picker.customPickerNew .react-time-picker__wrapper {
  border-color: #263682 !important;
}

.custom-time-picker.customPickerNew .react-time-picker__inputGroup__input,
.custom-time-picker.customPickerNew
  .react-time-picker__inputGroup__leadingZero {
  color: #263682 !important;
}

.dayDrop .form-check-input {
  border-radius: 12px !important;
}
.dayDrop .form-check-input:checked[type="checkbox"] {
  background-color: #4659b5;
}
.dayDrop .form-check-label {
  font-size: 14px;
  font-family: "roobert_trialregular" !important;
  color: #636e9f;
  margin-left: 14px;
}
.helpTopics p {
  color: #8d99d2;
  font-size: 12px;
}
.helpTopics .Innerhead::after {
  content: "";
  background: #e4e6f2;
  position: absolute;
  width: 80px;
  height: 1px;
  top: 36px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.helpTopics .Innerhead {
  position: relative;
}
.conatctUS_ {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  height: 100%;
}
.contactTop_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.darkgreyPar_ {
  font-size: 18px;
  font-weight: 400;
  color: #3c444d;
}
/* .itemInventory_ {
  padding: 25px;
} */
.subInventory_ {
  border: 1px solid #d7deff;
  padding: 15px 30px;
  border-radius: 20px;
}
.listinvent_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 0px 15px;
  border-top: 1px solid #e4e6f2;
}
.itemInventory_ .conatctUS_ {
  border: 1px solid #e4e6f2;
  padding: 30px;
  border-radius: 20px;
  margin-top: 23px;
}
.listinvent_ .arrowicon_ {
  cursor: pointer;
}
/* Change clock icon color */
.custom-time-picker.customPickerNew .react-time-picker__clock-button svg {
  stroke: #263682 !important;
}

/* Change clear (cross) icon color */
.custom-time-picker.customPickerNew .react-time-picker__clear-button svg {
  stroke: #263682 !important; /* Change to your preferred color */
}

.react-datepicker__header {
  background-color: transparent !important;
  border: none !important;
}
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  color: #263682 !important;
}
.react-datepicker__day-name,
.react-datepicker__day {
  color: #263682 !important;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #d7deff !important;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  color: #fff !important;
  background-color: #263682 !important;
  border-radius: 8px;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon::before {
  border-color: #263682 !important;
  border-width: 2px 2px 0 0 !important;
}
.react-datepicker__day--keyboard-selected {
  color: #fff !important;
  background-color: #2636827d !important;
  border-radius: 8px;
}
.lighttext14 {
  font-size: 14px;
  color: #636e9f;
  font-weight: 400;
}
.lighttextPara {
  font-size: 16px;
  font-weight: 400;
  color: #636e9f;
  line-height: 20px;
}
.managingContent_ .lightpara18_ {
  font-family: "roobert_trialmedium";
}
.articleFaq_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e4e6f2;
  border-radius: 20px;
  padding: 30px;
}
.rightactionbtn_ {
  display: flex;
  align-items: center;
  gap: 15px;
}

.rightactionbtn_ .connectedBtn_ {
  font-size: 16px;
}
#supportcontactModal {
  max-width: 900px;
  width: 100%;
}
#supportcontactModal .modal-content {
  padding: 40px !important;
  background: #f5f6fc;
}
.supportcontactRight_ .formtextarea_ {
  background: #fff;
  height: 294px !important;
  resize: none !important;
}
.footemodalbtn_ .discardBtn_ {
  width: 100%;
  padding: 12px 16px;
}
.footemodalbtn_ .saveBtn_ {
  width: 100%;
  padding: 12px 16px;
  background-color: #263682;
}
.footemodalbtn_ {
  display: flex;
  gap: 14px;
  align-items: center;
}
.supportcontactLeft_ {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  position: relative;
}
.Heading_48 {
  font-size: 48px;
  color: #263682;
  font-family: "roobert_trialmedium";
}
.paragrph24_ {
  font-size: 24px;
  color: #636e9f;
  margin: 0;
}
.supportcontactLeft_::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #d7deff;
  right: 0;
}
/* .mysupporttable_ tr td:nth-child(2) {
  width: 292px;
} */

.productOfferTable .couponmain_.mysupporttable_ tr td:last-child {
  text-align: left !important;
  width: 125px;
}
.productOfferTable .mysupporttable_ tr th:last-child {
  text-align: left !important;
  width: 125px;
}

.productOfferTable .mysupporttable_ tr th:last-child {
  text-align: left !important;
  width: 125px;
}
.infoaboutPerson_ {
  display: flex;
  align-items: center;
  gap: 10px;
}
.infoaboutPerson_ img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.supportQuery_ {
  border: 1px solid #f5f6fd;
  padding: 25px;
  border-radius: 12px;
  margin-bottom: 15px;
}
.datetimeText_ {
  font-size: 12px;
  color: #7e8ac1;
  font-weight: 400;
}
.ticketsupportRight_ {
  border: 1px solid #d7deff;
  padding: 30px;
  border-radius: 20px;
}
.ticketListsupport_ {
  height: calc(100vh - 148px);
  overflow-y: auto;
}
.totalTicket_ .personalinfoHead {
  font-family: "roobert_trialmedium";
}
.solveresponse {
  display: flex;
  justify-content: space-between;
  max-width: 300px;
  margin-top: 10px;
}
.personalInfouser_ {
  border-bottom: 1px solid #f5f6fc;
  padding-bottom: 20px;
}
.assignedAgent_ {
  background: #f5f6fc;
  padding: 20px;
  border-radius: 15px;
}
.supportTicketinner .right_shippingbtn_ .discardBtn_ {
  background: #fef3f2;
  color: #d92d20;
}
#replyticketModal {
  max-width: 700px;
  width: 100%;
}
#replyticketModal .modal-content {
  background: #f5f6fc;
  padding: 30px !important;
}
#replyticketModal .modal-header {
  padding: 0;
}
.smalldarkblue12 {
  color: #172461;
  font-size: 12px;
  font-family: "roobert_trialmedium";
}
.contentbalck_ {
  font-size: 14px;
  color: #2f3552;
  font-weight: 400;
}
.replyticketModal_ .formtextarea_ {
  background: #fff;
  height: 231px !important;
  resize: none !important;
}

/**End Support css **/

#confrimPriceOption.modal-dialog {
  max-width: 460px;
}
#confrimPriceOption .modal-content {
  padding: 30px 30px 60px !important;
}
#confrimPriceOption .modal-header {
  padding: 0 0 30px !important;
}
.confirmCancel {
  position: absolute;
  top: 0;
  right: 0;
}

#createCouponModal {
  width: 1100px;
  max-width: 80%;
}
.allProductBtn.active {
  border: 1px solid var(--Primary-P-600-Main, #263682);
  color: #fff;
  background-color: #263682;
}
.SearchDrop {
  background: #ffffff;
  /* border: 1px solid #ddd; */
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  height: 30vh;
  bottom: -30vh;
  position: absolute;
  width: 100%;
  z-index: 1;
  border-radius: 12px;
  padding: 12px;
  overflow: scroll;
}
.productOfferTable table tr td:last-child {
  border-radius: 0px 15px 15px 0px !important;
}
.firstCreateOffer .productVariantsTable th,
.publishCreateOff .productVariantsTable th {
  border: none;
}

/* Override width ONLY for firstCreateOffer & publishCreateOff */
.firstCreateOffer .productVariantsTable table th,
.firstCreateOffer .productVariantsTable table td,
.publishCreateOff .productVariantsTable table th,
.publishCreateOff .productVariantsTable table td {
  min-width: unset;
  max-width: unset;
  width: auto; /* Allow flexible width */
  padding: 14px;
}
.createOffBox .modalNextBtn {
  background-color: #263682;
}

.SearchDrop .productOfferTable table tr td:first-child {
  border-left: 1px solid #f5f6fc;
}
.SearchDrop .productOfferTable table tr td:last-child {
  border-right: 1px solid #f5f6fc;
}
.SearchDrop .productOfferTable table tr:hover td {
  border-top: 1px solid #8d99d2;
  border-bottom: 1px solid #8d99d2;
}
.SearchDrop .productOfferTable table tr:hover td:first-child {
  border-left: 1px solid #8d99d2;
}
.SearchDrop .productOfferTable table tr:hover td:last-child {
  border-right: 1px solid #8d99d2;
}
.SearchDrop .productOfferTable table tr td {
  border-top: 1px solid #f5f6fc;
  border-bottom: 1px solid #f5f6fc;
  text-align: center;
}
.productCoupon .costPriceInput {
  padding: 19px 42px;
}
.placeRight::placeholder {
  text-align: end;
}

.editProductSec .productVariantsTable table th:first-child,
.editProductSec .productVariantsTable table td:first-child {
  min-width: 150px;
  max-width: 150px;
  width: 150px;
}

#addCategory.modal-dialog {
  width: 1200px;
  max-width: 85%;
}
#addCategory .modal-content {
  padding: 30px 30px 60px !important;
}
#addCategory .modal-header {
  padding: 0 0 30px !important;
}
.categoryModalInner {
  max-height: calc(80vh - 200px);
  overflow-y: scroll;
}

.manageCategoriesSection
  .reactSelectParent
  .react-select-container
  .react-select__control {
  max-width: 280px;
  width: 280px;
  padding: 10px 18px !important;
}

/* booking calendart */
.bookingCalendar {
  height: calc(100vh - 200px);
  overflow-y: auto;
  padding: 0 18px;
  margin-top: 15px;
}
.newBookingCalander > div > div > div {
  max-width: calc(100vw - 226px);
}
.newBookingCalander .css-view-175oi2r.r-flexDirection-18u37iz {
  padding-top: 0 !important;
  gap: 2px;
}
.categoryMenu .accordion-button {
  background: rgba(245, 246, 252, 0.5) !important;
  color: #263682 !important;
  border-radius: 0 !important;
  padding: 20px 18px;
}
.categoryMenu .accordion-body,
.categoryMenu .accordion-header {
  background: rgba(245, 246, 252, 0.5) !important;
}
.editIcon_New {
  width: 17px;
}
.myProfileInner p {
  color: #263682;
}
.sidebarInnerBtn {
  background-color: transparent !important;
}

.accordion-body {
  border: none !important;
}
.categoryMenu {
  background: rgba(245, 246, 252, 1) !important;
}
/* reward module */
/* total rewards */
.totalReward_Parent {
  background-image: url(../images/rewardsBg.png) !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 34px 32px 34px 31px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.totalRewardTxt {
  font-size: 16px;
  font-weight: 500;
  color: #263682;
}
.rewardPrice {
  font-size: 36px;
  font-weight: 500;
  color: #263682;
}
.reward_card {
  background: white;
  padding: 16px;
  border-radius: 20px;
}
.main-container-reward {
  height: 97% !important;
  padding: 16px;
  position: relative;
  margin: 16px;
  border-radius: 20px;
  background-color: #fff;
  /* min-height: 100vh; */
  padding-bottom: 15px;
}
.main-container-reward .winnerParent {
  border: 1px dashed #b4beeb;
  height: 307px;
  height: calc(100% - 50px);
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
}
.main-container-reward .winnerInner {
  text-align: center;
  margin: 60px 0 0;
  position: relative;
  z-index: 1;
}
.main-container-reward .winnerFirstParent {
  border: 3px solid #ffd74b;
  height: 100%;
}
.main-container-reward h3.winnerName {
  font-size: 20px;
  font-weight: 500;
  color: #7e8ac1;
}
.main-container-reward button.winnerBtn {
  background: #ffe27f;
  border: 1px solid #f79009;
  color: #dc6803;
  padding: 3px 33px;
  border-radius: 30px;
  border: none;
  font-size: 16px;
  font-family: "roobert_trialmedium";
  position: absolute;
  /* width: max-content; */
  bottom: 20px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  outline: none !important;
}
.winnerFirstParent::after {
  content: "";
  /* background-image: url(../images/winnerBoxBg.png); */
  background-image: url("../images/winnerBoxBg.png") !important;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
}
/* reward module */

.colorNameBox {
  border: 1px solid rgba(215, 222, 255, 1);
  border-radius: 8px;
  padding: 8px;
}
.dropdownResetTxt.active {
  color: #263682;
}
.offerProductContainer.sellingProductContainer
  .sellingProductTable
  td:first-child {
  border-radius: 8px 8px 8px 8px !important;
}
.moresettingMain
  .innertimedate_
  select.react-time-picker__inputGroup__input.react-time-picker__inputGroup__amPm,
.moresettingMain
  .timerBox_
  select.react-time-picker__inputGroup__input.react-time-picker__inputGroup__amPm {
  position: absolute;
  right: 19px;
  top: 0;
  cursor: pointer;
}
.dimensionGrpProduct {
  padding: 19px 24px !important;
}
.createCampaign
  .stepperParent
  #RFS-StepContainer:has(#RFS-StepButton.completed)
  #RFS-Label {
  font-weight: 400 !important;
}
.campaignStep_ .flexBox.maplePriceBox {
  border-top: none !important;
}
.campaignStep_ .maplePriceBox .productName,
.maplePriceBox .userName {
  line-height: 25px;
}
.pymntOptiontotal {
  border-top: 1px dashed #d7deff;
  margin-top: 20px;
  padding-top: 15px;
}
.pymntOptiontotal .productName {
  font-size: 24px;
  font-family: "roobert_trialmedium";
  padding-left: 24px;
}
.pymntOptiontotal .totalBtn {
  font-size: 18px;
  max-width: 132px;
  width: 100%;
}
.createCampaign #RFS-StepperContainer {
  width: 100%;
}
.createCampaign #RFS-StepContainer:nth-child(1) {
  display: flex;
  justify-content: flex-start;
}
.createCampaign #RFS-StepContainer:nth-child(2) {
  display: flex;
  justify-content: flex-end;
}
.createCampaign #RFS-StepButton {
  width: 8px;
  height: 8px;
  position: relative;
  z-index: 1;
}
.inputDollarSign.usdTxt {
  left: unset !important;
}

.camimage {
  width: 16px;
  height: 16px;
  background: #263682;
  font-size: 12px;
  text-align: center;
  border-radius: 10px;
  color: #ffffff;
  top: -6px !important;
  right: -8px !important;
  font-weight: 600;
  cursor: pointer;
}
.smsContact_ {
  display: inline-block;
  max-width: 198px !important;
  width: 100% !important;
  margin-top: 19px !important;
  background: #ffff;
  border: none !important;
  box-shadow: 0 0 10px #eae6e6;
  padding: 10px;
  border-radius: 8px !important;
  text-align: center;
  font-size: 14px;
}
.cursor-pointer {
  cursor: pointer;
}
.smsContact_ p {
  color: #4659b5;
  display: inline-block;
}
.campaignContent_ {
  background: #fff;
  padding: 7px;
  box-shadow: 0 0 10px #eee;
  border-radius: 9px !important;
}

.campaignContent_ img {
  border-radius: 9px;
}
.viewTable_ {
  background: #e4e6f2;
  border-radius: 30px;
  padding: 4px 6px;
  font-size: 12px;
  font-family: "roobert_trialmedium";
}
.viewer-container {
  z-index: 9999 !important; /* Ensures Viewer is above everything */
  position: fixed !important; /* Keeps it at the top */
}

.arricon {
  width: 18px;
  filter: hue-rotate(211deg);
}
.drpText_ {
  font-size: 12px;
  color: #2f3552;
}
.subscribeSup_ .categoryDropdownMenu.dropdown-menu {
  width: 100px;
  right: auto;
}

.dayDrop.timedatecoprBox_ .dropdown-menu {
  margin-top: 6px !important;
  padding: 8px !important;
  border: transparent !important;
  box-shadow: 0 0 10px #e4e0e0 !important;
  border-radius: 8px !important;
}
.lightblue {
  color: #7e8ac1;
  font-weight: 400;
}
.activebtn {
  background: #ecfdf3 !important;
  padding: 2px 4px 2px 10px !important;
  border-radius: 20px !important;
}
.activebtn .drpText_ {
  color: #039855;
  font-weight: 500;
}
.activebtn .arricon {
  filter: invert(39%) sepia(95%) saturate(5808%) hue-rotate(147deg)
    brightness(103%) contrast(98%);
}
.inactivebtn {
  background: #fee4e2 !important;
  padding: 2px 4px 2px 10px !important;
  border-radius: 20px !important;
}
.inactivebtn .drpText_ {
  color: #d92d20;
  font-weight: 500;
}
.inactivebtn .arricon {
  filter: invert(51%) sepia(94%) saturate(6244%) hue-rotate(347deg)
    brightness(85%) contrast(100%);
}