/* Common Css */

.innerSixteen {
  color: #3c444d;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
}

.textSmallHeading {
  color: #3c444d;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 600;
}

.testTweentyFour {
  color: #000;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 600;
  text-transform: capitalize;
}

.headingText_ {
  color: #14171a;
  font-family: "Maison Mono";
  font-size: 24px;
  font-weight: 600;
}

.headingText_ {
  color: #14171a;
  font-family: "Maison Mono";
  font-size: 24px;
  font-weight: 600;
}

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

.upgradeBtn {
  text-align: center;
  background: #2c3e50;
  border-radius: 6px;
  width: auto;
  display: inline-block;
  padding: 13px 30px;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.viewBtn {
  color: #275aff;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  background: #e5f0ff;
  padding: 12px 24px;
  cursor: pointer;
}

.pointBtn {
  display: inline-flex;
  width: 100%;
  max-width: 300px;
  text-align: center;
  padding: 12px 0;
  justify-content: center;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 7px;
  cursor: pointer;
}

.activeBtn {
  color: #fff;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  background: #626262;
  padding: 6px 12px;
  border-radius: 5px;
}

/* Common Css */
/* Start Upload File Css */
.mainCatalog {
  background: #f5f6fc;
  padding: 30px;
  border-radius: 20px;
  margin: 15px 0;
}

.mainCatalog .chartsOuter {
  background: #f5f6f7;
}

.mainCatalog .documentFile_ {
  background: #f5f6f7;
}

.uploadBroswe_ {
  margin-top: 56px;
  height: 100%;
  min-height: 446px;
}

.uploadBroswe_ #dropzone {
  height: 86% !important;
}

.mainCatalog .successMain.Head {
  color: #3c444d;
  text-align: start !important;
}

.mainCatalog .successMain {
  color: #14171a;
  text-align: start !important;
}

/* End Upload File Css */

/*Start Create  New Folder MOdal */
#createfolderModal .footerSec {
  display: flex !important;
}

#createfolderModal .appointBtn {
  width: 50%;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: #a7a7a7;
}

#createfolderModal .closebtnModal {
  width: 50%;
  padding: 18px 18px;
  background: #fff;
  border-radius: 5px;
}

#createfolderModal .modal-content {
  padding: 0 !important;
  background: var(--Faded-Background, #f5f6f7);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

#createfolderModal .modal-header {
  border-bottom: none !important;
}

#createfolderModal .commonPadding_ {
  padding: 2px 23px 33px 23px;
}

#createfolderModal .anotherHeader {
  padding: 7px 8px;
}

/* End  Create  New Folder MOdal  */
/* Recent Upload */
.mainCatalog .MbeHM {
  background-color: #fff !important;
}

/* Recent Upload */

/* Image upload  Modal*/

#fileUpload .modal-content {
  border-radius: 15px;
  background: #f5f6f7;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

#fileUpload .modal-header {
  border-bottom: none !important;
}

#fileUpload .commonBody {
  height: auto;
  padding: 20px 22px;
}

/* Image upload */

/* Consumer */
.totalCount {
  display: flex;
  justify-content: space-between;
}

.graphChecked_ {
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
}

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

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

.graphCheck_ .checkBox:checked+.checkBoxTxt:before {
  border: 1px solid #1fb3ff;
  width: 16px;
  height: 16px;
}

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

.checkYellow .checkBox:checked+.checkBoxTxt:after {
  border-color: #ffd74b;
}

.checkYellow-status .checkBox:checked+.checkBoxTxt:after {
  border-color: #914beb;
}

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

.checkYellow .checkBox:checked+.checkBoxTxt:before {
  border: 1px solid #fcba30;
}

.checkYellow-status .checkBox:checked+.checkBoxTxt:before {
  border-color: #914beb;
}

.userGraph {
  width: 100%;
}

/* .masterChecked {
    width: 170px;
} */
.graphChecked_ .checkBoxTxt.deliverCheck{
  color: #275AFF;
}
 .checkBox:checked + .checkBoxTxt.deliverCheck:after {
  border-color: #275AFF;
}
 .checkBox:checked + .checkBoxTxt.deliverCheck:before {
  border: 1px solid #275AFF;
  background: #275aff2b;
}
.graphChecked_ .checkBoxTxt {
  color: #263682;
  font-size: 14px;
  font-weight: 400;
  appearance: none;
  font-family: "roobert_trialregular";
}

.graphChecked_ .delivery-status {
  color: #32d583;
  font-size: 14px;
  font-weight: 400;
  appearance: none;
  font-family: "roobert_trialregular";
}

.checkSkyblue .checkBoxTxt {
  color: #47b0d6;
}

.checkSkyblue .checkBoxTxt:before {
  border: 1px solid #47B0D680;
}

.checkSkyblue .checkBox:checked+.checkBoxTxt:before {
  background: #EFFBFF;
  border: 1px solid #47B0D6;
}

.checkSkyblue .checkBox:checked+.checkBoxTxt:after {
  border-color: #47B0D6;
}

.consumerTabs_ {
  display: inline-block;
  display: inline-block;
  width: 100%;
  margin: 18px 0 26px;
}

/* UserProfile */
.editbtn {
  border-radius: 5px;
  border: 1px solid #3c444d;
  background: #fff;
  padding: 6px 15px;
  margin-left: 10px;
}



.pointBtn .smallHeading {
  color: #3c444d;
  font-family: "Montserrat";
  font-size: 13px;
  font-weight: 400;
}

.pointsIcons {
  margin-right: 12px;
}

.profilePoints {
  text-align: end;
}

.pointBtnBlue .smallHeading {
  color: #275aff;
}

.pointBtnBlue {
  border: 1px solid #275aff !important;
}

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

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

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

/* UserProfile */
/* Start Edit Consumer Modal  */
.editConsumerModal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.consumerBtns_ .discardBtn {
  margin-right: 12px;
}

.consumerProfileEdit {
  text-align: center;
}

.consumerBtns_ .discardBtn {
  margin-right: 12px;
  border-radius: 5px;
  background: #f5f6f7;
  border: none;
  padding: 14px 26px;
  font-size: 14px;
  display: inline-block;
  padding: 13px 40px;
  border-radius: 5px;
  font-weight: 700;
}

.editImg_ {
  margin: 30px;
}

.textInner_ {
  color: #3c444d;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 600;
}

/* End Edit Consumer Modal  */

/* consumerOrder */
.consumerOrder .walletAddress {
  margin: 36px;
}

.orderDetails_ {
  height: calc(100vh - 131px);
  overflow-y: scroll;
}

.deliveryStatus .orderStatus {
  padding: 12px;
}

.stausDown img {
  width: 24px !important;
  height: 22px !important;
  transform: rotate(359deg) !important;
}

.comsumermapImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.consumerMap {
  height: 816px;
  width: 100%;
}

.countbtn {
  border-radius: 10px;
  background: #F5EDFF;
  padding: 4px 10px;
  color: #7233C2;
  text-align: center;
  font-size: 14px;
  font-family: "roobert_trialmedium";
  line-height: 20px;
}

.pickupBtnDetails {
  display: flex;
  align-items: end;
  width: 100%;
  margin-bottom: 7px;
}

/* Consumer */

/* ManuFacture */
.manuFactureFilter .cateSelectdFilter {
  min-width: 200px;
}

.productListTab.productListBtn {
  border: none;
}

.categroyBox .cateSelectdFilter {
  padding: 12px 58px 12px 12px;
  border: 1px solid #d8d8d8;
}

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

.userList_ .recentTransections .bhWjaj:nth-child(3) {
  /* display: inline-flex; */
  -webkit-box-align: start;
}

.merchantactive .completeStatus {
  padding: 7px 6px !important;
}

.productSystem .hA-drsn {
  border-bottom: none;
}

.productSystem .productViewCard .productImage_ {
  width: 100%;
  height: 219px !important;
}

.userList_ .productList .recentTransections .MbeHM {
  border-bottom: none !important;
  min-height: 0 !important;
}

.userList_ .recentTransections .jLgNIu:not(:last-of-type) {
  border-bottom: none !important;
}

.userList_ .productList .tableFilters {
  border-bottom: none !important;
}

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

.productSystem .recentTransections .columsGrid .rdt_TableBody {
  grid-template-columns: 3fr 3fr 3fr 3fr;
}

.userList_ .productList .jLgNIu:not(:last-of-type) {
  border-bottom: none !important;
}

.productSystem .productViewCard .cardDropImg {
  position: absolute;
  top: 39px;
  right: 51px;
}

.orderCate_ .ordersDropDown_ {
  margin-right: 12px;
}

.orderCate_ {
  display: flex;
}

.orderCate_ .ordersDropDown_ {
  margin-right: 12px;
}

.orderCate_ .form-group {
  margin-right: 15px;
}

.orderCate_ .cateDate {
  margin-right: 54px;
  border: 1px solid #d8d8d8;
}

.posSales {
  background-color: #fff;
}

.userList_ .recentTransections .rdt_TableCol:nth-child(1) {
  text-align: center !important;
}

.posSales .rdt_TableCol {
  justify-content: center !important;
}

/* ManuFacture */

/* Star Order Tracking */
/* .orderTrack .calenderIcon img {
    top: 8px;
    left: 0;
} */
.tracking_ .campCalendar .cateDate {
  padding: 10px 10px 10px 45px;
  width: 100%;
  max-width: 150px;
}

.orderTrack .calenderDownIcon img {
  top: 8px;
  right: 12px;
  position: absolute;
}

.mapdeatils_ .orderDimensionText {
  margin: 0px 0 7px 0px;
}

.orderTrack .tableFilters {
  margin-top: 14px;
}

.orderTrack .recentTransections .rdt_TableCell:nth-child(1) {
  text-align: center;
}

.orderTrack .rdt_TableCol:nth-child(3) .rdt_TableCol_Sortable {
  justify-content: center !important;
  margin-right: 36px;
}

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

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

.ordertrackingview_ .columsGrid .rdt_TableBody {
  grid-template-columns: 3fr 3fr 3fr 3fr;
}

.orderTrack .userInnerImg {
  border-radius: 20px;
}

.orderTrackUser .trackingUser {
  border-radius: 20px;
}

.carrierbox {
  border: 1px solid #d8d8d8;
}

.trackingModule .statusHead {
  border-bottom: none;
}

.trackingModule .detailTrackingleft_ .deliveryStatus {
  border: 1px solid #d8d8d8;
}

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

.statusLeft h3 {
  font-size: 18px;
  color: #3c444d;
}

.orderTrack .dftcvK {
  width: 100% !important;
}

/* End Order Tracking */

/* Plan & Subscription */
.mainBussiness {
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  padding: 24px 17px;
}

.visaBUssiness .monshead14 {
  font-weight: 400;
}

.commonBussiness {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.bussinesDetails .backgroundFillbtn {
  font-weight: 700;
}

.bussinessBox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #f5f6f7;
  padding: 15px 0;
  border-radius: 10px;
}

.bussinessBox .monshead14 {
  font-weight: 400;
}

.planBasic {
  display: flex;
  justify-content: space-between;
  width: 80%;
}

/* Your Plan MOdal */

.crossBg {
  background: #fff;
  padding: 10px;
  border-radius: 5px;
}

#ViewPlan .modal-content {
  max-height: 100%;
  overflow: hidden;
  border-radius: 15px;
  background: #f5f6f7;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

#ViewPlan .modal-header {
  padding: 0px 0px 11px 0;
}

.viewPlanSub {
  background: #fff;
}

#ViewPlan .configPlanCard {
  padding: 20px;
}

#ViewPlan .modal-header {
  padding: 0px 0px 11px 0;
}

.dFlex .saveBtn {
  padding: 16px 12px;
}

/* Your Plan MOdal */
/* Plan & Subscription */

/*Legal */
.legalAdd {
  border-radius: 10px;
  border: 1px solid #f5f6f7;
  background: #fff;
  text-align: center;
  height: 100%;
  min-height: 185px;
  display: flex;
  justify-content: center;
}

.newbtn {
  border: none;
  background: none;
}

.addNew {
  color: #14171a;
  text-align: center;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 700;
}

.faqQues .discardBtn {
  color: #275aff;
  background: #fff;
  border: none !important;
  margin-right: 14px;
}

.faqQues .saveBtn {
  background: #fff;
  border: none;
  color: #1fb3ff;
}

/* Legal */
/* Add New modal FaQ */
#addnewfaqModal .modalHeading {
  color: #14171a;
  font-family: "Montserrat";
  font-size: 24px;
  font-weight: 500;
  text-transform: capitalize;
}

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

.addnewfaqModal {
  /* padding: 30px; */
  background: #f5f6f7;
}

#addnewfaqModal .modal-header {
  background: #f5f6f7;
  padding: 18px 20px;
}

#addnewfaqModal .discardBtn {
  background: #fff;
  padding: 16px 45px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
}

#addnewfaqModal .saveBtn_ {
  background: #a7a7a7;
  color: #fff;
  padding: 16px 32px;
  border-radius: 5px;
  font-size: 16px;
}

#addnewfaqModal .modal-content {
  width: 100% !important;
  padding: 0 !important;
  max-width: 587px !important;
}

#addnewfaqModal .saveBtn {
  background: #a7a7a7;
  border: none;
  color: #fff;
  font-size: 14px;
  padding: 16px 62px;
  border-radius: 5px;
  font-size: 16px;
}

#addnewfaqModal .modal-header {
  background: #f5f6f7;
  padding: 21px 45px 0px 33px;
}

/* Add New modal FaQ */
/* Edit View Modal */
#faqeditModal .modal-content {
  width: 100% !important;
  padding: 0 !important;
  max-width: 587px !important;
}

#faqeditModal .checkboxInner_ {
  padding: 0 !important;
}

#faqeditModal .saveBtn_ {
  background: #275aff;
  border: 1px solid #275aff;
  font-size: 16px;
  padding: 16px 13px;
  font-weight: 700;
}

#faqeditModal .saveBtn {
  background: #275aff;
  border: 1px solid #275aff;
  color: #fff;
  font-size: 16px;
  padding: 16px 40px;
}

#faqeditModal .discardBtn {
  background: #fff !important;
  border: #fff !important;
  color: #3c444d;
  font-size: 16px;
  padding: 16px 37px;
  border-radius: 5px;
  font-weight: 700;
}

#faqeditModal .modal-header {
  background: #f5f6f7;
  padding: 21px 45px 0px 33px;
}

/* Edit View Modal */
/* Add New Catagory Modal */
#addnewcategoryModal .modal-content {
  width: 100% !important;
  padding: 0 !important;
  max-width: 587px !important;
}

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

.addCateClick .discardBtn {
  width: 50%;
  border: none;
  background: #fff;
}

.addCateClick .saveBtn {
  width: 50%;
}

#addnewcategoryModal .modal-header {
  background: #f5f6f7;
  padding: 21px 45px 0px 33px;
}

/* Add New Catagory Modal */
/* Pluging Integration */
.pluginBox {
  padding: 12px;
  border: 1px solid #efefef;
  background: #fff;
}

.pluginBox .offerpara_ {
  color: #626262;
}

.pluginBox .textInner {
  color: #14171a;
  font-weight: 400;
}

.PluginsDetails {
  height: 100%;
  height: calc(100% - 270px);
}

/* Pluging Integration */

/* Bussines Details */
.bussinessBg {
  border-radius: 5px;
  background: linear-gradient(90deg, #c1edf7 2.59%, #0c7ce3 99.82%);
  padding: 60px;
}

.userBussines {
  display: flex;
  align-items: center;
  margin-top: -14px;
  padding: 0px 20px 0px 20px;
}

.editBussines {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: #fff;
  padding: 10px;
  color: #3c444d;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 400;
}

.bussinesEdit {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

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

.DeactivateBtn {
  border-radius: 5px;
  border: 1px solid #d33300;
  color: #d33300;
  background: #fff;
  padding: 20px;
  cursor: pointer;
  font-weight: 700;
}

.inputBoxBussines {
  border: 1px solid transparent !important;
}

.bussineslist .saveBtn {
  background: #fff;
  border: 1px solid #275aff;
  color: #275aff;
  font-size: 14px;
  padding: 10px 16px;
}

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

.bussinesFile_ {
  position: relative;
}

.cameraImage {
  position: absolute;
  top: 58%;
  left: 35%;
  /* background:red; */
}

.bussinessHead .customform-control {
  background: #fff;
  padding: 9px 14px;
}

/* Bussines Details */
/* Taxes */
#operatingCountry .modal-content {
  background: #f5f6f7;
}

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

#operatingCountry .countryModal {
  padding: 0px 18px;
}

.verifiedTax .upgradeBtn {
  border: 1px solid #1fb3ff;
  background: #fff;
  color: #14171a !important;
}

.verifiedTax {
  border-radius: 5px;
  border: 1px solid var(--line-color, #d8d8d8);
  padding: 12px;
}

.usaImage {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: #fff;
  padding: 5px;
}

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

.usaFeild .form-switch input[type="checkbox"] {
  width: 35px;
  height: 22px;
}

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

.gunFeild {
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  padding: 10px;
}

.gunImage {
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  background: #fff;
  padding: 13px;
}

/* Taxes */
/* Active State Tax */
#activestateTax .modal-content {
  border-radius: 15px !important;
  background: #f5f6f7 !important;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

#activestateTax .modal-header {
  /* background: #F5F6F7; */
  padding: 0;
}

.createTaxBTn {
  border-radius: 5px;
  border: 1px solid #275aff;
  background: #fff;
  color: #275aff;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  padding: 12px;
}

.createSingle {
  margin-left: 57px;
}

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

.stateTaxDetails .innerSixteen {
  color: #275aff;
}

.stateTaxDetails .stateCountry {
  margin: 15px 0 12px 33px;
}

.checkOutBtn {
  color: #14171a;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  background: none;
}

/* Active State Tax */
/* Create Tax Modal */
#createTaxModal .modal-content {
  background: #fff !important;
  padding: 0 !important;
}

#createTaxModal .modal-header {
  border-bottom: 1px solid #d8d8d8 !important;
  padding: 30px 28px;
}

#createTaxModal .commonPadding_ {
  padding: 30px 55px;
}

/* Create Tax Modal */
/* orders Issues  */

.newOrder .rdt_TableCol:nth-child(1) {
  justify-content: center;
}

.newOrder .categroyBox .cateSelectdFilter {
  padding: 12px 20px 12px 12px;
}

.newOrder .rdt_TableCol:nth-child(3) .rdt_TableCol_Sortable {
  justify-content: center !important;
}

.newOrder .rdt_TableCol:nth-child(4) .rdt_TableCol_Sortable {
  justify-content: start !important;
  margin-left: 41px;
}

.newOrder .rdt_TableCol:nth-child(8) .rdt_TableCol_Sortable {
  justify-content: center !important;
}

.bglightgrey_ .invoveuser {
  height: 50px;
  border-radius: 50px;
}

/* .newOrder .campCalendar .cateDate {
    padding: 9px 6px 12px 40px;
    width: 100%;
    max-width: 140px;
} */

.orderDrop {
  align-items: center;
  display: flex;
  justify-content: end;
}

.newOrder .userInnerImg {
  border-radius: 20px;
}

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

.myOrders_ .textinner_ {
  font-size: 9px;
}

/* orders Issues  */
/* Pos  */


/* Pos */
/* Device */
.bgCross {
  width: 15px;
  height: 15px;
  border-radius: 5px;
  background: #fff;
}

/* Device */
/* Device Modal */
#deviceDetails .modal-content {
  max-height: 100%;
  overflow: hidden;
  border-radius: 15px;
  background: #f5f6f7;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05);
}

#deviceDetails .modal-header {
  padding: 0px 0px 11px 0;
}

.forgetbtn {
  background: #fff;
  padding: 12px;
  border-radius: 5px;
  color: var(--rose, #d33300);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.forgetbtn {
  background: #fff;
  padding: 12px;
  border-radius: 5px;
  color: var(--rose, #d33300);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.devideBg {
  background: #fff;
  border-radius: 15px;
  padding: 15px;
}

/* .devicetop {
    padding: 18px;
} */
.devicetop {
  margin-left: 12px;
}

.imagesDevice .monshead14 {
  font-weight: 400;
}

.imagesDevice .activeBtn {
  border-radius: 3px;
  background: #a7a7a7;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
}

.deviceUpdate .headsubHeading__ {
  font-weight: 600;
  color: #626262;
}

.headsubHeading__.headDark {
  color: #3c444d;
}

.deviceUpdate {
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #d8d8d8;
  margin: 13px;
}

.dot {
  height: 10px;
  width: 10px;
  background-color: #50bb87;
  border-radius: 50%;
  display: inline-block;
}

.dots {
  height: 10px;
  width: 10px;
  background-color: #a7a7a7;
  border-radius: 50%;
  display: inline-block;
}

.deviceInputs .roleSub {
  width: 30%;
  padding: 20px 10px;
}

.personalControl.deviceCont {
  border: 1px solid #d8d8d8 !important;
  padding: 20px 12px !important;
}

/* Device Modal */

/* Edit Profile */
.productDetailsSpc {
  padding: 10px 0px;
}

.editInputSocial {
  border: 1px solid #d7defe;
  padding: 7px;
  background: transparent;
  border-radius: 6px;
  color: #263682;
}

.brandFilter .searchWrapper {
  padding: 0;
}

/* Edit Profile */
/* Profile */
.myProfileInner {
  width: 91%;
}

.myProfile .chartsOuter {
  padding: 20px 20px;
}

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

.myProfile .subheading_ {
  font-size: 20px;
}

.profileTable .data td {
  padding-bottom: 12px;
  color: #4659b5;
}

.profileTable .details {
  font-size: 16px;
}

.dateCategory {
  width: 100%;
  max-width: 260px;
}

.dateCategory .calenderIcon .cateDate {
  max-width: 100%;
}

.transectHead {
  display: flex;
  align-items: center;
  gap: 16px;
}

.dateCategory .cateDate {
  border: 0;
}

/* Profile */
/* Retails Orders */
/* .gernalDetails{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
border: 1px solid #D8D8D8;
border-radius: 5px;
}
.generalOrder {
    background:transparent;
}
.gernalDetails .form-switch input[type="checkbox"] {
    width: 33px;
    height: 20px;
}

.gernalDetails .form-switch input[type="checkbox"]::before {
    content: "";
    width: 16px;
    height: 18px;
    
} */

/* userList  */
@media (max-width: 1366px) {
  .productSystem .recentTransections .columsGrid .rdt_TableBody {
    grid-template-columns: 4fr 4fr 4fr;
  }

  .productSystem .productViewCard .productImage_ {
    height: 199px !important;
  }
}

@media (max-width: 1280px) {
  .productSystem .recentTransections .columsGrid .rdt_TableBody {
    grid-template-columns: 6fr 6fr;
  }

  .productSystem .productViewCard .productImage_ {
    height: 269px !important;
  }

  .ordertrackingview_ .columsGrid .rdt_TableBody {
    grid-template-columns: 6fr 6fr;
  }

  .legalAdd {
    min-height: 246px;
  }

  .descriptionPara_ {
    font-size: 9px;
  }

  .mapdeatils_ {
    bottom: 9px;
    left: 19px;
    width: 86%;
  }

  .bussienes_ .itemsTxt {
    font-size: 9px;
  }

  .bussienes_ {
    margin-left: 12px;
  }

  .roleSub {
    width: 40%;
  }

  .personalControl {
    width: 70%;
  }
}

/* userList*/


/* start new catolog css */
.catalogSection {
  background-color: #FFF;
  border-radius: 20px;
  /* height: calc(100vh - 90px); */
  /* overflow: auto; */
  padding: 15px;
}

.catalogSection .showToken_Img {
  height: 88px;
  /* margin-bottom: 15px; */
}

.catalogSection .showImg_Parent {
  height: 60px;
  width: 100px;
}

.catalogSection .commonBlueBtn {
  padding: 11px 15px;
  font-size: 14px;
  gap: 4px;
}

.catFolconatiner {
  margin-top: 15px;
}

.catFolParent {
  padding: 15px;
  background: var(--Surfaces-S-Soft-Surface, #F5F6FC);
  border: 1px solid var(--Neutrals-N-100, #D7DEFF);
  border-radius: 20px;
  margin-top: 10px;
}

.catFolderBox {
  background: var(--Surfaces-S-Top, #FFFFFF);
  border-radius: 16px;
  padding: 15px;
}

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

.catFolBoxHead {
  margin-bottom: 15px;
}

.catalRecentTable.commonTable table tr td {
  padding: 18px;
}

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

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

/* start add new folder modal css */
#addFolderModal {
  max-width: 600px;
}

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

#addFolderModal .modal-header {
  padding: 0 0 32px;
}

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


/* start upload catalog image modal css */
#uplCatalogImgModal{
  max-width: 600px;
}
#uplCatalogImgModal .modal-content {
  padding: 30px !important;
}
#uplCatalogImgModal .modal-header {
  padding: 0 0 32px;
}
#uplCatalogImgModal .showToken_Img {
  height: 88px;
}
#uplCatalogImgModal .showImg_Parent {
  height: 70px;
  width: 100px;
}

/* start catalog folder/document css */
.catalogIndexHead .commonBlueBtn{
  padding: 11px 15px;
  font-size: 14px;
}