.clrBlack75 {
  color: rgba(0, 0, 0, 0.75);
}

.width-2 {
  width: 16.65% !important;
}

.width-4 {
  width: 33.33333% !important;
}

.width-5 {
  width: 41.6666% !important;
}

.width-6 {
  width: 66.66666% !important;
}
.zIndex-9999 {
  z-index: 9999;
}
.navLink-Dashboard.active {
  background-color: rgba(59, 108, 216, 0.1) !important;
}

.gapBt-ttlLbl {
  gap: 3px !important;
}

.disabled-btn {
  pointer-events: none; /* Prevents mouse interaction */
  opacity: 0.5; /* Makes it look disabled */
  cursor: not-allowed; /* Shows a "disabled" cursor */
}

.cust-checkBox15 {
  width: 15px;
  height: 15px;
  border-radius: 4px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  /* padding: 1px !important; */
}

.headIconBox {
  width: 43px;
  height: 43px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  stroke-width: 1px;
  stroke: transparent;
}

.headIconBox.active:hover {
  background-color: #3b6cd8;
  stroke: rgba(125, 129, 144, 0.25);
}

.headIconBox.active:hover .imgNrm,
.headIconBox .imgHvr {
  display: none;
}

.headIconBox.active:hover .imgHvr,
.headIconBox .imgNrm {
  display: block;
}

.cust-checkBox15 img {
  width: 11px;
  /* padding: 1px !important; */
}

.cust-checkBox15.active {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.15) 0%,
      rgba(59, 108, 216, 0.15) 100%
    ),
    #fff;
}

.navLink-Dashboard:focus .nmItem,
.navLink-Dashboard:hover .nmItem,
.navLink-Dashboard.active .nmItem {
  color: #3b6cd8 !important;
}

.navLink-Customers.active {
  background-color: rgba(9, 139, 245, 0.1) !important;
}

.navLink-Customers:focus .nmItem,
.navLink-Customers:hover .nmItem,
.navLink-Customers.active .nmItem {
  color: #098bf5 !important;
}

.navLink-sales.active {
  background-color: rgba(24, 189, 233, 0.1) !important;
}

.navLink-sales:focus .nmItem,
.navLink-sales:hover .nmItem,
.navLink-sales.active .nmItem {
  color: #18bde9 !important;
}

.navLink-finance.active {
  background-color: rgba(16, 194, 123, 0.1) !important;
}

.navLink-finance:focus .nmItem,
.navLink-finance:hover .nmItem,
.navLink-finance.active .nmItem {
  color: #10c27b !important;
}

.navLink-marketing.active {
  background-color: rgba(145, 98, 249, 0.1) !important;
}

.navLink-marketing:focus .nmItem,
.navLink-marketing:hover .nmItem,
.navLink-marketing.active .nmItem {
  color: #9162f9 !important;
}

.navLink-hr.active {
  background-color: rgba(20, 68, 150, 0.1) !important;
}

.navLink-hr:focus .nmItem,
.navLink-hr:hover .nmItem,
.navLink-hr.active .nmItem {
  color: #144496 !important;
}

.navLink-website.active {
  background-color: rgba(255, 149, 2, 0.1) !important;
}

.navLink-website:focus .nmItem,
.navLink-website:hover .nmItem,
.navLink-website.active .nmItem {
  color: #ff9502 !important;
}

.navLink-toolsSuite.active {
  background-color: rgba(224, 29, 90, 0.1) !important;
}

.navLink-toolsSuite:focus .nmItem,
.navLink-toolsSuite:hover .nmItem,
.navLink-toolsSuite.active .nmItem {
  color: #e01d5a !important;
}

.navLink-reports.active {
  background-color: rgba(75, 20, 75, 0.1) !important;
}

.navLink-reports:focus .nmItem,
.navLink-reports:hover .nmItem,
.navLink-reports.active .nmItem {
  color: #4b144b !important;
}

.navLink-adminCenter.active {
  background-color: rgba(112, 75, 55, 0.1) !important;
}

.navLink-adminCenter:focus .nmItem,
.navLink-adminCenter:hover .nmItem,
.navLink-adminCenter.active .nmItem {
  color: #704b37 !important;
}

.img-fluidFull {
  width: 100%; /* Stretch image width */
  height: 100%; /* Stretch image height */
  object-fit: cover; /* Cover the entire box without stretching */
  object-position: center;
}

.readOnly[readonly] {
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.1) 0%,
      rgba(87, 91, 108, 0.1) 100%
    ),
    #fff !important;
  opacity: 1;
}

.btn46Primary3B6 {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  height: 46px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  background: #3b6cd8;
}

.btn46Primary3B6-var {
  border-radius: 12px;
  border: 1px solid rgba(59, 108, 216, 0.5);
  height: 46px;
  color: #3b6cd8;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  background: #ffffff;
}

.inpChckInAct16 {
  border-radius: 4px;
  border: 1px solid rgba(125, 129, 144, 0.5) !important;
  height: 16px;
  width: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.inpChckInAct16.act {
  background-color: #3b6cd8;
}

.notFound-body .nfBody {
  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
}

.notFound-body .nfBody .head {
  height: 84px;
  background: rgba(28, 29, 31, 0.05);
  padding: 18px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.notFound-body .nfBody .body {
  padding: 40px 50px;
  gap: 25px;
  height: calc(100% - 84px);
}

.notFound-body .nfBody .body .textIt {
  max-width: 400px;
}

.notFound-body .nfBody .body .text502 {
  max-width: 502px;
}

.notFound-body .nfBody .body p {
  color: #1c1d1f;
  font-size: 32px;
  font-weight: 600;
  line-height: 140%; /* 44.8px */
  letter-spacing: -0.96px;
}

.notFound-body .nfBody .body .p24 {
  font-size: 24px;
}

.notFound-body .nfBody .body .imgBox {
  width: 180px;
  height: 125px;
}

.notFound-body .nfBody .body .p16 {
  color: #1c1d1f;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.cModal-FillDet .modal-dialog {
  max-width: 608px;
}

.modalBody-FillDet {
  max-height: 455px;
  height: 455px;
  overflow: auto;
}

.modalBody-FillFreq {
  max-height: 227px;
  height: 227px;
  overflow: auto;
}

.cModal-Fillfreq .modal-dialog,
.cModal-crtUser .modal-dialog {
  max-width: 400px;
}

.cModal-crtUser h4.modal-title img {
  height: 22px;
  width: 22px;
}

.FillFreq-Body .btm p {
  color: rgba(0, 0, 0, 0.75);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
}

.refreshActLog-btn {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
}

/* Cards Classes */

.appCard-main {
  /* height: 155px; */
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
  filter: drop-shadow(0px 1px 5px rgba(0, 0, 0, 0.05));
  position: relative;
  width: 140px;
}

.appCard-main.inActive {
  opacity: 0.5;
}

.appCard-main.active {
  opacity: 1;
  cursor: pointer;
}

.appCard-main .arCardImg {
  height: 110px;
}

.appCard-main .arCardImg.h-cust {
  height: 95px;
}

.appCard-main .arCardImg .img-mdl {
  height: 50px;
  width: 50px;
}

.appCard-main .arCardImg .img-mdl.imgActv,
.appCard-main.active:hover > .arCardImg > .imgInactv {
  display: none;
}

.appCard-main.active:hover > .arCardImg > .imgActv {
  display: block;
}

.appCard-main .arCardTxt {
  min-height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.appCard-main .arCardTxt.h-cust {
  min-height: 58px;
}

.appCard-main .arCardTxt h6 {
  color: #575b6c;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 15px;
  text-align: center;
}
/* Customer App design */
.appCard-main.customers .arCardImg,
.search-main .search-left.Customers,
.search-history .history-img.Customers,
.leftIt-app.Customers {
  background: rgba(9, 139, 245, 0.1);
}

.appCard-main.active.customers:hover .arCardImg {
  background: #098bf5;
}

.appCard-main.active.customers:hover .arCardTxt h6 {
  color: #098bf5;
}

/* Sales Apps design */

.appCard-main.sales .arCardImg,
.search-main .search-left.Sales,
.search-history .history-img.Sales,
.leftIt-app.Sales {
  background: rgba(24, 189, 233, 0.1);
}

.appCard-main.active.sales:hover .arCardImg {
  background: #18bde9;
}

.appCard-main.active.sales:hover .arCardTxt h6 {
  color: #18bde9;
}

/* Finance Apps design */

.appCard-main.finance .arCardImg,
.search-main .search-left.Finance,
.search-history .history-img.Finance,
.leftIt-app.Finance {
  background: rgba(16, 194, 123, 0.1);
}

.appCard-main.active.finance:hover .arCardImg {
  background: #10c27b;
}

.appCard-main.active.finance:hover .arCardTxt h6 {
  color: #10c27b;
}

/* Marketing Apps design */

.appCard-main.marketing .arCardImg,
.search-main .search-left.Marketing,
.search-history .history-img.Marketing,
.leftIt-app.Marketing {
  background: rgba(145, 98, 249, 0.1);
}

.appCard-main.active.marketing:hover .arCardImg {
  background: #9162f9;
}

.appCard-main.active.marketing:hover .arCardTxt h6 {
  color: #9162f9;
}

/* Human Resource Apps design */

.appCard-main.humanRes .arCardImg,
.search-main .search-left.HumanResources,
.search-history .history-img.HumanResources,
.leftIt-app.HumanResources {
  background: rgba(20, 68, 150, 0.1);
}

.appCard-main.active.humanRes:hover .arCardImg {
  background: #144496;
}

.appCard-main.active.humanRes:hover .arCardTxt h6 {
  color: #144496;
}

/* Website Apps design */

.appCard-main.website .arCardImg,
.search-main .search-left.Website,
.search-history .history-img.Website,
.leftIt-app.Website {
  background: rgba(255, 149, 2, 0.1);
}

.appCard-main.active.website:hover .arCardImg {
  background: #ff9502;
}

.appCard-main.active.website:hover .arCardTxt h6 {
  color: #ff9502;
}

/* Tools Suite Apps design */

.appCard-main.toolSuite .arCardImg,
.search-main .search-left.ToolsSuite,
.search-history .history-img.ToolsSuite,
.leftIt-app.ToolsSuite {
  background: rgba(224, 29, 90, 0.1);
}

.appCard-main.active.toolSuite:hover .arCardImg {
  background: #e01d5a;
}

.appCard-main.active.toolSuite:hover .arCardTxt h6 {
  color: #e01d5a;
}

/* Reports Apps design */

.appCard-main.report .arCardImg,
.search-main .search-left.Reports,
.search-history .history-img.Reports,
.leftIt-app.Reports {
  background: rgba(75, 20, 75, 0.1);
}

.appCard-main.active.report:hover .arCardImg {
  background: #4b144b;
}

.appCard-main.active.report:hover .arCardTxt h6 {
  color: #4b144b;
}

/* AdminZone Apps design */

.appCard-main.adminZone .arCardImg,
.search-main .search-left.AdminZone,
.search-history .history-img.AdminZone,
.leftIt-app.AdminZone {
  background: rgba(112, 75, 55, 0.1);
}

.appCard-main.active.adminZone:hover .arCardImg {
  background: #704b37;
}

.appCard-main.active.adminZone:hover .arCardTxt h6 {
  color: #704b37;
}
/*-------------------------------------- Cards Classes End */

.actLog-tableBtm {
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.1) 0%,
      rgba(125, 129, 144, 0.1) 100%
    ),
    #fff;
  max-height: 31px;
  height: 31px;
}

.actLog-tableBtm .img {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #5bc589;
}

.actLog-tableBtm p {
  color: #7d8190;
}

.actLog-tableBtm .tblBtm-left p {
  border-right: 1px solid rgba(125, 129, 144, 0.25);
}

.actLog-tableBtm .tblBtm-right p {
  border-left: 1px solid rgba(125, 129, 144, 0.25);
  padding: 8px 18px;
}

.custom-datepicker-input .MuiOutlinedInput-root {
  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  font-weight: 500;
  font-size: var(--s14);
}

.custom-datepicker-input .MuiOutlinedInput-root:hover {
  border-color: rgba(125, 129, 144, 0.15); /* Darker border color on hover */
}

.custom-datepicker-input .MuiOutlinedInput-root.Mui-focused {
  border-color: rgba(125, 129, 144, 0.15); /* Blue border on focus */
  box-shadow: none; /* Focus shadow */
}

.dateRange-filter {
  position: absolute;
  top: 48px;
  z-index: 10000;
}

.commanModel .modal-dialogDtRng {
  max-width: 920px;
}

.commanModel .modal-dialogBE {
  max-width: 960px;
}

.inpCustRange-dt {
  background: #ffffff;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 12px;
  height: 40px;
}

.inpCustRange-dt p {
  color: rgba(125, 129, 144, 0.5) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

.modal-infoBe {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.modal-infoBe .item h6 {
  font-size: 13px;
  font-weight: 500;
}

.modal-infoBe .item p {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.modal-infoBe .brdRgt {
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.cashbookBE-body {
  background: #fff;
  overflow: hidden;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 14px;
}

.cashbookBE-body .ct-table th {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.cashbookBE-body .ct-table td {
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.cashbookBE-body .ct-table tbody {
  height: calc(100vh - 284px);
  display: block;
  overflow: auto;
}

.cashbookBE-body .ct-table tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.cashbookBE-body .ct-table th,
.cashbookBE-body .ct-table td {
  color: #000;
  font-size: 12px;
  padding: 8px 10px;
  max-height: 35px;
  height: 35px;
  line-height: 1;
}

.cashbookBE-body .ct-table th {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.2) 0%,
      rgba(59, 108, 216, 0.2) 100%
    ),
    #fff;
  font-weight: 600;
}

.cashbookBE-body .ct-table td {
  font-weight: 500;
}

.cashbookBE-body .ct-table tr:last-child {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15) !important; /* Change color as needed */
}
.cashbookBE-body .ct-table td:last-child {
  border-right: none !important; /* Change color as needed */
}

.cashbookBE-body .ct-table .td-main span {
  color: #3b6cd8;
}

.asr_add-docsBe span {
  max-width: 380px !important;
}

.eInvErr-detPtBe {
  top: -10px;
  right: -200px;
  width: 220px;
  max-height: 220px;
}

.eInvErr-detPtBe .bdr {
  border-radius: 12px;
}

.eInvErr-detPtBe .eInvErr-det p {
  line-height: 1.4;
}

.eInvErr-detPtBe .desg {
  top: 10px;
  left: -6px;
  height: 12px;
  width: 12px;
}

.commanModel .modal-dialogAl {
  max-width: 640px;
}

.modal-bodyAl {
  height: 350px;
}

.modal-bodyAl .divLeft {
  width: 370px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
  border-right: 1px solid rgba(125, 129, 144, 0.15);
  border-left: 1px solid rgba(125, 129, 144, 0.25);
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
  border-bottom-left-radius: 15px;
  height: 100%;
}

.modal-bodyAl .divLeft .item h6 {
  color: #3b6cd8;
  font-size: 13px;
  font-weight: 600;
}

.modal-bodyAl .divLeft .item p {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.modal-bodyAl .divLeft .item p span {
  font-size: 10px;
  font-weight: 700;
}

.modal-bodyAl .divRight {
  width: 270px;
  height: 100%;
}

.modal-bodyAl .divRight .item .rgt {
  border-radius: 12px;
  border: 1px dashed rgba(125, 129, 144, 0.15);
  background: rgba(87, 91, 108, 0.03);
  padding: 10px 8px;
  width: calc(100% - 22px);
}

.modal-bodyAl .divRight .item .rgt h6 {
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-weight: 500;
}

.modal-bodyAl .divRight .item .rgt p {
  color: #575b6c;
  font-size: 8px;
  font-weight: 600;
}

.modal-bodyAl .divRight .item .lft {
  width: 12px;
}

.modal-bodyAl .divRight .timeline {
  top: 50%;
  transform: translateY(-50%);
}

.modal-bodyAl .divRight .head {
  color: #3b6cd8;
  font-size: 13px;
  font-weight: 600;
}

.modal-bodyAl .divRight .parItem {
  height: 290px;
}

.contacts-outer,
.masterProf-outer,
.contactsDup-outer {
  height: calc(100vh - 148px);
}

.contacts-outer .contLeft {
  width: 850px;
}

.contacts-outer .contLeft .head {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  height: 74px;
  background-color: #fff;
}

.contacts-outer .contLeft .head .item {
  padding: 11px;
}

.contacts-outer .contLeft .head .item.brdRgt {
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.contacts-outer .contLeft .head .item.wid170 {
  width: 170px;
}

.contacts-outer .contLeft .head .item.widCust {
  width: calc(100% - 680px);
}

.contacts-outer .contLeft .head .item.phNum {
  background: rgba(86, 46, 200, 0.05);
}

.contacts-outer .contLeft .head .item.ttlCt {
  background: rgba(59, 108, 216, 0.05);
}

.contacts-outer .contLeft .head .item.whtNum {
  background: rgba(5, 195, 104, 0.05);
}

.contacts-outer .contLeft .head .item.emAdd {
  background: rgba(249, 154, 11, 0.05);
}

.contacts-outer .contLeft .head .item.dupl {
  background: rgba(236, 0, 0, 0.05);
}

.contacts-outer .contLeft .head .item h6 {
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

.contacts-outer .contLeft .head .item p {
  color: #575b6c;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}

.contacts-outer .contLeft .head .item.phNum h6 {
  color: rgba(86, 46, 200, 0.9);
}

.contacts-outer .contLeft .head .item.ttlCt h6 {
  color: rgba(59, 108, 216, 0.9);
}

.contacts-outer .contLeft .head .item.whtNum h6 {
  color: rgba(5, 195, 104, 0.9);
}

.contacts-outer .contLeft .head .item.emAdd h6 {
  color: rgba(249, 154, 11, 0.9);
}

.contacts-outer .contLeft .head .item.dupl h6 {
  color: rgba(236, 0, 0, 0.9);
}

.contacts-outer .contRgt {
  width: calc(100% - 865px);
  min-width: 350px;
}

.contacts-outer .contRgt .infoSelect p {
  color: rgba(9, 139, 245, 0.75);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  max-width: 234px;
}

.contacts-outer .contRgt .infoSelect p span {
  color: rgba(0, 0, 0, 0.5);
}
.leftSearchFilter {
  position: relative;
  z-index: 100;
}

.leftSearchFilter .headerSearchBar-cust {
  width: calc(100% - 514px);
  max-width: calc(100% - 514px);
}

.leftSearchFilter .headerSearchBar-cust.usr {
  width: calc(100% - 345px);
  max-width: calc(100% - 345px);
}

.leftSearchFilter .headerAddBtn-cust {
  width: 153px;
  max-width: 153px;
}

.headerSelect-cust .form-select::placeholder {
  color: rgba(0, 0, 0, 0.75);
  font-size: 15px;
  font-weight: 600;
}

.leftSearchFilter .headerSelect-cust {
  width: 200px;
  max-width: 200px;
}

.leftSearchFilter .headerSelect-cust option,
.leftSearchFilter .headerSelect-cust .form-select {
  color: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  font-weight: 600;
  padding-right: 28px;
}

.customerCont-body .ct-table tbody,
.filterCustomer-cust {
  display: block;
  overflow: auto;
}

.customerCont-body .ct-table tbody {
  height: calc(100vh - 338px);
}

.customerUsr-body .ct-table tbody {
  height: calc(100vh - 344px);
}

.filterCustomer-cust {
  height: calc(100vh - 298px);
}

.customerCont-body .cs-table th {
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
}

.customerCont-body .ct-table td {
  font-weight: 400;
}

.customerCont-body .ct-table td {
  color: #000;
  font-size: 15px;
  padding: 6px 10px;
  line-height: 1.2;
}

.customerCont-body .ct-table tr:hover {
  border-radius: 5px;
}

.customerComp-body .ct-table th {
  height: 24px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
  border-right: 1px solid rgba(125, 129, 144, 0.25);
  color: #575b6c;
  padding: 5px 10px;
  font-size: 11.5px;
  font-weight: 600;
  /* display: inline-grid; */
  line-height: 1;
}

.customerCont-mrgBody .tblBody {
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid rgba(125, 129, 144, 0.25);
}

.customerCont-mrgBody .ct-table th {
  height: 28px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
  border-right: 1px solid rgba(125, 129, 144, 0.25);
  color: #575b6c;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  background: #f7f7f9;
}

.customerCont-mrgBody .ct-table td {
  height: 40px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
  border-right: 1px solid rgba(125, 129, 144, 0.25);
  padding: 10px 12px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}

.customerCont-mrgBody .ct-table td.idx {
  color: #575b6c;
  background: #f7f7f9;
}

.customerCont-mrgBody .ct-table td.lst {
  font-weight: 600;
  background: rgba(255, 156, 0, 0.05);
}

.customerComp-body .ct-table td {
  line-height: 1;
  height: 35px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
  border-right: 1px solid rgba(125, 129, 144, 0.25);
  color: #000;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  /* display: inline-grid; */
  background-color: #fff;
}

.customerComp-body .ct-table td.danger {
  color: #ec0000;
  background: rgba(236, 0, 0, 0.03);
}

.customerCont-mrgBody .ct-table td.danger span {
  color: #ec0000;
}

.customerCont-mrgBody .ct-table td p {
  white-space: normal;
  word-wrap: break-word; /* For older browsers */
  overflow-wrap: break-word;
}

.customerComp-body .ct-table .w-cust {
  min-width: 210px !important;
}

.customerCont-mrgBody .ct-table .w-cust {
  min-width: 260px !important;
}
.contacts-outer .contRgt .customerCard,
.contacts-outer .contRgt .exportContact .top,
.contacts-outer .contRgt .exportContact .bottom,
.appPendBusns-box {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
}

.contacts-outer .contRgt .infoSelect {
  padding: 62px;
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);

  background: linear-gradient(
      0deg,
      rgba(9, 139, 245, 0.05) 0%,
      rgba(9, 139, 245, 0.05) 100%
    ),
    #fff;
}

.contacts-outer .contRgt .customerCard .head,
.contacts-outer .contRgt .exportContact .head {
  height: 42px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.contacts-outer .contRgt .customerCard .head {
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.contacts-outer .contRgt .exportContact .head {
  background: rgba(122, 125, 238, 0.05);
}

.contacts-outer .contRgt .customerCard .head .actions {
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.contacts-outer .contRgt .customerCard .nameTag {
  background: rgba(122, 125, 238, 0.05);
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  height: 162px;
}

.contacts-outer .contRgt .customerCard .nameTag .name {
  border-radius: 12px;
  background: #7a7dee;
  width: 55px;
  height: 55px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

.contacts-outer .contRgt .customerCard .nameTag h5 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
}

.contacts-outer .contRgt .customerCard .nameTag .cardAct {
  gap: 45px;
}

.contacts-outer .contRgt .customerCard .body {
  height: calc(100% - 204px);
}

.customerCard .body .item {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.customerCard .body .item .f-top p {
  color: #575b6c;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

.customerCard .body .item .f-top .img-fluid {
  height: 12px;
  width: 12px;
}

.customerCard .body .item .f-body {
  display: none;
}

.customerCard .body .item .f-body.show {
  display: block;
  transition: all 0.4s ease;
}

.customerCard .body .item .f-body.show .divBd {
  max-height: 240px;
  overflow: auto;
}

.customerCard .body .item .f-body .f-inner,
.modalBody-custInv .billToBox,
.customerCard .body .item .f-body .btmBtn .viewAll {
  border-radius: 12px;
  border: 1px dashed rgba(125, 129, 144, 0.15);
  background: rgba(122, 125, 238, 0.03);
}

.customerCard .body .item .f-body .btmBtn .viewAll {
  height: 36px;
  padding: 0px 10px;
  min-width: 90px;
}

.modalBody-custInv .body-itemBdr {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.customerCard .body .item.ci .f-body .f-inner,
.customerCard .body .item.gi .f-body .f-inner {
  padding: 12px;
}

.customerCard .body .item.ci .f-body p,
.customerCard .body .item.gi .f-body p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  font-weight: 500;
}

.customerCard .body .item.gi .f-body h6 {
  color: #575b6c;
  font-size: 12px;
  font-weight: 600;
}

.customerCard .body .item .f-body .emptyStr {
  height: 64px;
}

.customerCard .body .item.ssr .f-body .f-inner {
  height: 36px;
  min-height: 36px;
}

.customerCard .body .item.th .f-body .f-inner {
  height: 66px;
  min-height: 66px;
}

.customerCard .body .item.com .f-body .f-inner {
  height: 36px;
}

.customerCard .body .item.gc .f-body .f-inner {
  height: 92px;
}

.customerCard .body .item.ssr .f-body p,
.customerCard .body .item.th .f-body p,
.customerCard .body .item.com .f-body p,
.customerCard .body .item.gc .f-body p,
.customerCard .body .item.ssr .f-body .linkCus {
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
  font-weight: 500;
}

.customerCard .body .item.ssr .f-body p.date,
.customerCard .body .item.th .f-body p.date,
.customerCard .body .item.com .f-body p.date,
.customerCard .body .item.gc .f-body p.date {
  color: rgba(0, 0, 0, 0.75);
}

.customerCard .body .item .f-body p.succ,
.customerCard .body .item .f-body p span.succ {
  color: rgba(5, 195, 104, 0.8);
}

.customerCard .body .item .f-body p.fail {
  color: rgba(236, 0, 0, 0.8);
}

.customerCard .body .item .f-body p.exp,
.customerCard .body .item .f-body p span.exp {
  color: rgba(249, 154, 11, 0.8);
}

.customerCard .body .item .f-body .remDesc {
  color: rgba(0, 0, 0, 0.6) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.4;
}

.customerCard .body .item .f-body .addRemBtn {
  width: 115px;
  height: 28px;
  border-radius: 10px;
  border: 1px solid rgba(122, 125, 238, 0.2);
  background: rgba(122, 125, 238, 0.1);
  color: #7a7dee;
  font-size: 13px;
  font-weight: 600;
}

.contacts-outer .contRgt .exportContact .top,
.contacts-outer .contRgt .infoSelect {
  max-height: 374px;
  height: 374px;
}

.contacts-outer .contRgt .exportContact .bottom {
  max-height: calc(100vh - 538px);
  height: calc(100vh - 538px);
  min-height: 180px;
}

.exportContact .head h6 {
  color: #575b6c;
  font-size: 15px;
  font-weight: 600;
}

.exportContact .top .body {
  padding: 15px 15px 25px;
  height: 256px;
}

.exportContact .top .body .expType h6 {
  color: rgba(87, 91, 108, 0.85);
  font-size: 14px;
  font-weight: 600;
}

.exportContact .top .body .expType > div {
  gap: 40px;
}

.exportContact .top .body .expType .switchCont-lbl {
  position: relative;
  cursor: pointer;
  color: rgba(87, 91, 108, 0.85);
  user-select: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
}

.exportContact .top .body .expType .switchCont-lbl input {
  cursor: pointer;
  height: 18px;
  width: 18px;
}

.exportContact .top .body .form-label {
  line-height: 1;
}

.exportContact .top .footer {
  border-top: 1px solid rgba(125, 129, 144, 0.15);
}

.exportContact .bottom .body {
  height: calc(100% - 42px);
}

.exportContact .bottom .body .item h6 {
  color: #000;
  font-size: 15px;
  font-weight: 500;
}

.exportContact .bottom .body .item p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
  font-weight: 400;
  width: 164px;
  max-width: 164px;
}

.modalBody-custDown {
  max-height: 320px;
  min-height: 242px;
  overflow: auto;
}

.modalBody-custGc {
  max-height: 380px;
  min-height: 332px;
  overflow: auto;
}

.modalBody-viewComm {
  min-height: 320px;
}

.modalBody-viewRem {
  min-height: 355px;
  max-height: 355px;
  overflow: auto;
}

.modalBody-viewComm .msgBox {
  max-height: 278px;
  min-height: 82px;
  border-radius: 12px;
  border: 1px dashed rgba(125, 129, 144, 0.15);
  background: rgba(122, 125, 238, 0.03);
  overflow: hidden;
}

.modalBody-viewComm .msgBox .body {
  overflow: auto;
  max-height: 276px;
  min-height: 80px;
}

.modalBody-viewComm .msgBox .audioBox .textAd {
  color: rgba(0, 0, 0, 0.75);
  font-size: 13px;
  font-weight: 500;
}

.inpAudio {
  -webkit-appearance: none; /* Removes default styles on Safari */
  appearance: none;
  width: 100%;
  height: 2px;
  background: #d9d9d9; /* Light gray track */
  border-radius: 6px;
  outline: none;
  transition: 0.2s;
  cursor: pointer;
}

.inpAudio::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 4px;
  height: 4px;
  background: #3b6cd8; /* Blue */
  border-radius: 50%;
  cursor: pointer;
}

.inpAudio::-moz-range-thumb {
  width: 4px;
  height: 44px;
  background: #3b82f6;
  border-radius: 50%;
  cursor: pointer;
}

.modalBody-custCsr {
  min-height: 386px;
  overflow: auto;
}

.modalBody-custDown .body-item p span,
.modalBody-txnDetApp .body-item p span,
.modalBody-custGc .body-item p span,
.modalBody-custInv .body-item p .spanCust {
  color: #000;
  font-size: 10px;
  font-weight: 700;
}

.modalBtm-custDown,
.modalBtmGc-custDown {
  border-top: 1px solid rgba(125, 129, 144, 0.15);
}

.modalBtmGc-custDown .btnbtm-rd,
.modalBtm-custDown .btnbtm-rd,
.modalBtmAl-custDown .btnbtm-rd,
.modalBtmGc-custDown .btnGroup {
  border-radius: 12px;
  height: 40px;
  font-size: 15px;
  font-weight: 600;
}

.modalBtmGc-custDown .btnbtm-rd {
  border: 1px solid rgba(87, 91, 108, 0.25);
  color: #098bf5;
  background: linear-gradient(
      0deg,
      rgba(9, 139, 245, 0.05) 0%,
      rgba(9, 139, 245, 0.05) 100%
    ),
    #fff;
}

.modalBtm-custDown .btnbtm-rd,
.modalBtmAl-custDown .btnbtm-rd {
  border: 1px solid rgba(59, 108, 216, 0.25);
  background: #fff;
  color: #3b6cd8;
}

.modalBtmAl-custDown .btnbtm-rd {
  width: 154px;
}

.modalBtm-custDown .btnbtm-rd:hover,
.modalBtmAl-custDown .btnbtm-rd:hover {
  opacity: 0.8;
}

.modalBtmGc-custDown .btnbtm-rd:hover {
  border: 1px solid rgba(87, 91, 108, 0.25);
  color: #fff;
  background: linear-gradient(0deg, #098bf5 0%, #098bf5 100%), #fff;
}

.modalBtmGc-custDown .btnGroup .left:hover,
.modalBtmGc-custDown .btnGroup .rgt:hover {
  background: linear-gradient(0deg, #098bf5 0%, #098bf5 100%), #fff;
}

.modalBtmGc-custDown .btnGroup {
  border: 1px solid rgba(87, 91, 108, 0.25);
  background: linear-gradient(
      0deg,
      rgba(9, 139, 245, 0.05) 0%,
      rgba(9, 139, 245, 0.05) 100%
    ),
    #fff;
}

.modalBtmGc-custDown .btnGroup .left,
.modalBtmGc-custDown .btnGroup .rgt {
  border: none;
  padding: 0px 10px;
  width: 50%;
  background: none;
}
.modalBtmGc-custDown .btnGroup .left {
  border-right: 1px solid rgba(87, 91, 108, 0.1);
}

.masterProf-outer .mfLeft {
  width: 770px;
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
}

.masterProf-outer .mfLeft .head,
.masterProf-outer .mfRgt .head {
  height: 47px;
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.masterProf-outer .mfLeft .head h6,
.masterProf-outer .mfRgt .head h6 {
  color: #575b6c;
  font-size: 16px;
  font-weight: 700;
}

.masterProf-outer .mfLeft .body ul {
  list-style: none;
}

.masterProf-outer .mfLeft .body {
  height: calc(100% - 47px);
}

.masterProf-outer .mfLeft .body ul li {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.masterProf-outer .mfLeft .body ul .w-40 {
  width: 230px;
}

.masterProf-outer .mfLeft .body ul .w-60 {
  width: calc(100% - 230px);
}

.masterProf-outer .mfLeft .body ul li .btn {
  border-radius: 10px;
  background: rgba(59, 108, 216, 0.05);
  height: 21px;
  color: #3b6cd8;
  font-size: 14px;
  font-weight: 600;
}

.masterProf-outer .mfLeft .body ul li h6 {
  color: rgba(87, 91, 108, 0.85);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.masterProf-outer .mfLeft .body ul li p {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.masterProf-outer .mfLeft .body ul li p.underline {
  border-bottom: 1px solid #000;
}

.masterProf-outer .mfLeft .body ul .item .logo {
  width: 59px;
  height: 59px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  border-radius: 10px;
}

.masterProf-outer .mfRgt {
  width: calc(100% - 785px);
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
}

.masterProf-outer .mfRgt .body {
  height: calc(100% - 104px);
}

.masterProf-outer .mfRgt .body .item {
  height: 100px;
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);

  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.1) 0%,
      rgba(125, 129, 144, 0.1) 100%
    ),
    #fff;
}

.masterProf-outer .mfRgt .body .item .img {
  width: 118px;
  height: 100px;
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

/* .masterProf-outer .mfRgt .body .item .img {
  height: ;
} */

.masterProf-outer .mfRgt .body .item .info {
  width: calc(100% - 118px);
}

.masterProf-outer .mfRgt .body .item .info .top {
  height: 64px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.masterProf-outer .mfRgt .body .item .info .top .dot {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  top: 12px;
  right: 12px;
}

.masterProf-outer .mfRgt .body .item .info .top .dot.greenDot {
  background-color: #05c368;
}

.masterProf-outer .mfRgt .body .item .info .top .dot.redDot {
  background-color: #ec0000;
}

.masterProf-outer .mfRgt .body .item .info .bottom {
  height: 34px;
}

.masterProf-outer .mfRgt .body .item .info .bottom .tag {
  border-radius: 5px;
  border: 1px solid rgba(59, 108, 216, 0.25);
  height: 18px;
  background: rgba(59, 108, 216, 0.05);
  font-size: 11.5px;
  font-weight: 600;
  padding: 0px 6px;
}

.masterProf-outer .mfRgt .body .item .info .bottom .uCount {
  color: #575b6c;
  font-size: 11px;
  font-weight: 500;
}

.masterProf-outer .mfRgt .body .item .info .bottom .uCount span {
  font-size: 13px;
  font-weight: 600;
}

.masterProf-outer .mfRgt .body .item .info .top h6 {
  color: #575b6c;
  font-size: 13px;
  font-weight: 500;
}

.masterProf-outer .mfRgt .body .item .info .top p {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.masterProf-outer .mfRgt .footer {
  height: 57px;
  border-top: 1px solid rgba(125, 129, 144, 0.15);
  background-color: #fff;
}

.masterProf-outer .mfRgt .footer .lft .btn,
.masterProf-outer .mfRgt .footer .rgt .btn {
  height: 33px;
  border-radius: 12px;
}

.masterProf-outer .mfRgt .footer .lft .btn.grn {
  border: 1px solid rgba(5, 195, 104, 0.25);
  background: rgba(5, 195, 104, 0.05);
}

.masterProf-outer .mfRgt .footer .rgt .btn.main {
  border: 1px solid rgba(59, 108, 216, 0.25);
  font-size: 14px;
  font-weight: 600;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
}

.masterProf-outer .mfRgt .footer .lft .btn.red {
  border: 1px solid rgba(236, 0, 0, 0.25);
  background: rgba(236, 0, 0, 0.05);
}

.masterProf-outer .mfRgt .footer .lft .btn span {
  font-size: 17px;
  font-weight: 700;
}

.masterProf-outer .mfRgt .footer .lft .btn p {
  font-size: 12px;
  font-weight: 600;
}

.commanModel .modal-dialogViewLoc {
  max-width: 376px;
}

.modal-bodyViewLoc {
  min-height: 442px;
}

.modal-footerViewLoc {
  border-top: 1px solid rgba(125, 129, 144, 0.15);
  height: 48px;
}

.modal-footerViewLoc .btn {
  height: 29px;
  border-radius: 10px;
  border: 1px solid rgba(87, 91, 108, 0.25);
  background: rgba(59, 108, 216, 0.05);
  color: #575b6c;
  font-size: 14px;
  font-weight: 600;
}

.modal-bodyViewLoc .imgLoc {
  height: 158px;
  border-radius: 10px;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.modal-bodyAddLoc {
  min-height: 434px;
}

.modal-bodyAddCont {
  min-height: 445px;
}

.modal-dialogAddCont .footer {
  border-top: 1px solid rgba(125, 129, 144, 0.15);
}

.modal-bodylinkGst {
  min-height: 266px;
}

.modal-body.mngOrg-upd {
  min-height: 272px;
}

.mBody-verDom {
  height: 338px;
}

.mngOrg-upd .inputGp {
  border: 1px solid rgba(125, 129, 144, 0.15);
  height: 45px;
  background: #fff;
}

.mngOrg-upd .inp-otp {
  width: 232px;
}

.mngOrg-upd .rsnd-otp {
  width: calc(100% - 242px);
}

.modal-bodyEditInfoMf {
  min-height: 365px;
}

.addLoc-pic .input-group {
  height: 45px;
}

.addLoc-pic .docInput {
  width: 102px;
  top: 0px;
}

.addLoc-pic .gpLeft {
  max-width: calc(100% - 102px);
}

.addLoc-pic .input-group-textOut {
  outline: 1px solid rgba(125, 129, 144, 0.15);
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

.addLoc-pic .input-group-text {
  max-width: 102px;
  width: 102px;
  outline: none !important;
}

.commanModel .modal-dialogEditMf {
  max-width: 520px;
}

.editInfoMf-btm {
  height: 39px;
  border-top: 1px solid rgba(125, 129, 144, 0.15);
}

.editInfoMf-btm p {
  color: rgba(87, 91, 108, 0.85);
  text-align: center;
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
}

.modal-bodyEditInfoMf .logoBox .imgBox,
.modal-bodyAddCont .logoBox .imgBox {
  background-color: rgba(59, 108, 216, 0.1);
  border-radius: 50%;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.modal-bodyEditInfoMf .logoBox .imgBox {
  border-radius: 10px;
  background: rgba(125, 129, 144, 0.1);
  width: 80px;
  height: 80px;
}

.modal-bodyEditInfoMf .updateBox {
  border-radius: 10px;
  background: rgba(59, 108, 216, 0.05);
  width: 62px;
  height: 20px;
  padding-bottom: 1px;
}

.modal-bodyAddCont .logoBox .imgBox {
  width: 69px;
  height: 69px;
}

.modal-bodyEditInfoMf .logoBox .imgBox .text {
  font-size: 13px;
  font-weight: 500;
}

.modal-bodyEditInfoMf .logoBox .uploadBtn,
.modal-bodyAddCont .logoBox .imgBox .uploadBtn {
  opacity: 0;
  z-index: 1000;
}
.modal-bodyAddCont .logoBox .imgBox .uploadBtn {
  top: -52px;
}

.modal-bodyEditInfoMf .logoBox .uploadBtn {
  top: 0px;
}

.modal-bodyAddCont .logoBox .imgBox .uploadBtn {
  top: -56px;
}

.bulletNav-main li .nav-link {
  padding: 6px;
  border-radius: 50px;
  background: #575b6c;
  opacity: 0.1;
  border: none !important;
  /* cursor: pointer; */
}

.bulletNav-main li .nav-link.active {
  background-color: #3b6cd8;
  opacity: 1;
}

.ljSectionData-ab {
  height: calc(100vh - 69px);
}

.addBusns-boxMain {
  height: calc(100% - 56px);
}
.addBusns-box,
.addBusns-btm {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  width: 640px;
  background: #fff;
}

.addBusns-btm .left p {
  font-size: 14px;
  font-weight: 500;
}

.addBusns-btm .right {
  color: #575b6c;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

.addBusns-box {
  margin-top: 56px;
}

.addBusns-box .head {
  border-radius: 14px 14px 0px 0px;
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
  height: 75px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.addBusns-box .head h6 {
  color: #575b6c;
  font-size: 16px;
  font-weight: 700;
}

.addBusns-box .head p {
  color: rgba(87, 91, 108, 0.8);
  font-size: 12px;
  font-weight: 500;
}

.addBusns-box .body.minhg382 {
  min-height: 382px;
}

.addBusns-box .body .item.brdBtn {
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.addBusns-box .body .item .imgBox {
  background-color: rgba(59, 108, 216, 0.08);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid rgba(125, 129, 144, 0.15);
}

.addBusns-box .body .item .imgBox .uploadBtn {
  opacity: 0;
  bottom: 58px;
  z-index: 1000;
}

.addBusns-box .body .item .custBox-inp {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  min-height: 92px;
  background: #fff;
}

.addBusns-box .body .item .custBox-inp .eBox {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  height: 21px;
  line-height: 1.2;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.2) 0%,
      rgba(59, 108, 216, 0.2) 100%
    ),
    #fff;
}

.addBusns-box .body .item .custBox-inp .eBox > div {
  height: 19px;
}

.addBusns-box .body .item .custBox-inp input {
  height: 24px;
}

.addBusns-btn {
  bottom: 20px;
  right: 20px;
}

.btn-mainOTP37 {
  font-size: 14px;
  font-weight: 600;
  height: 37px;
}

.itemEnt-otp p {
  color: #575b6c;
  font-size: 13px;
  font-weight: 500;
}

.addBusns-box .body .item .itemTag span {
  border-radius: 12px;
  border: 1px solid rgba(87, 91, 108, 0.15);
  height: 27px;
  background: #fff;
  color: rgba(87, 91, 108, 0.6);
  font-size: 14px;
  font-weight: 500;
}

.otpContainer-ab .otpContainer-input input {
  margin: 0 2px;
  color: rgba(0, 0, 0);
  margin-bottom: 0;
  box-shadow: none;
  text-align: center;
  background-color: none;
  transition: border 0.1s ease;
  color: rgba(125, 129, 144, 0.5);
  height: 45px;
  width: 42px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
}
.otpContainer-ab .otpContainer-input input:focus,
.otpContainer-ab .otpContainer-input input:focus-visible,
.otpContainer-ab .otpContainer-input input:active {
  outline: 0;
  border: 0px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
  background-color: none;
}

.btn-transVar3B6 {
  border-radius: 12px;
  border: 1px solid rgba(59, 108, 216, 0.15);
  color: #3b6cd8;
  height: 37px;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
}

.addBusns-box .body .item .locImgBox {
  width: 136px;
  height: 62px;
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.addBusns-box .body .item .locImgBox .uploadBtn {
  opacity: 0;
  bottom: 58px;
  z-index: 1000;
}

.appPendBusns-box {
  width: 360px;
}

.appPendBusns-box .bodyTop {
  padding: 30px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.appPendBusns-box .bodyTop p {
  color: rgba(87, 91, 108, 0.9);
  line-height: 1.5;
}

.appPendBusns-box .footer {
  padding: 15px 30px;
}

.appPendBusns-box .footer p {
  color: #7d8190;
  font-style: italic;
}

.contactsDup-outer .divLeft {
  width: calc(100% - 245px);
  min-width: 230px;
}

.contactsDup-outer .divRight {
  width: 230px;
  min-width: 230px;
}

.contactsDup-outer .divRight .top,
.contactsDup-outer .divRight .bottom {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  padding: 15px;
  background: #fff;
}

.contactsDup-outer .divRight .top .ttl,
.contactsDup-outer .divRight .top .dup {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  height: 74px;
  padding: 12px;
}

.contactsDup-outer .divRight .top .ttl {
  background: rgba(86, 46, 200, 0.05);
}

.contactsDup-outer .divRight .top .dup {
  background: rgba(236, 0, 0, 0.05);
}

.contactsDup-outer .divRight .top .ttl h6 {
  color: rgba(86, 46, 200, 0.9);
}

.contactsDup-outer .divRight .top .dup h6 {
  color: rgba(236, 0, 0, 0.9);
}

.contactsDup-outer .divRight .top p {
  color: #575b6c;
  font-size: 22px;
  font-weight: 700;
}

.comprItem {
  background: #f7f7f9;
  border-radius: 14px;
  border: 1px solid rgba(125, 129, 144, 0.25);
}

.comprItem .leftInp {
  width: 28px;
  border-right: 1px solid rgba(125, 129, 144, 0.25);
}

.comprItem .rgtInp {
  width: calc(100% - 28px);
}

.modalBody-MrgCont .mBody h6 {
  color: rgba(0, 0, 0, 0.75);
  font-size: 16px;
  font-weight: 500;
}

.modalFooter-viewRem {
  border-top: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.modalFooter-viewRem .inpGroup {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  height: 64px;
  background: #fff;
  padding: 12px 12px 12px 15px;
}

.modalFooter-viewRem .inpGroup .left {
  width: calc(100% - 94px);
}

.modalFooter-viewRem .inpGroup .left textarea {
  border: none;
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
  font-weight: 500;
  resize: none;
}

.modalFooter-viewRem .inpGroup .left textarea::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.modalFooter-viewRem .inpGroup .right .bCust {
  border-radius: 10px;
  border: 1px solid rgba(122, 125, 238, 0.2);
  height: 28px;
  background: rgba(122, 125, 238, 0.1);
  width: 84px;
  color: #7a7dee;
  font-size: 13px;
  font-weight: 600;
}

.modalBody-viewRem .msgBody .emptyItem {
  height: 325px;
}

.modalBody-viewRem .msgBody .emptyItem p {
  color: rgba(87, 91, 108, 0.5);
  font-size: 16px;
  font-weight: 600;
}
.modalBody-viewRem .msgBody .item {
  border-radius: 12px;
  border: 1px dashed rgba(125, 129, 144, 0.15);
  padding: 12px 15px;
  background: rgba(122, 125, 238, 0.03);
}

.modalBody-viewRem .msgBody .item .info p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 13px;
  font-weight: 500;
}

.modalBody-viewRem .msgBody .item .info p span {
  color: rgba(0, 0, 0, 0.8);
  font-size: 10px;
  font-weight: 700;
}

.modalBody-viewRem .msgBody .item .info .profImg {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(217, 217, 217, 0.5);
}

.modalBody-viewRem .msgBody .item .info .profImg span {
  color: rgba(0, 0, 0, 0.5);
  font-size: 10px;
  font-weight: 600;
}

.modalBody-viewRem .msgBody .item .info .date {
  color: rgba(0, 0, 0, 0.8);
  font-size: 11px;
  font-weight: 500;
}

.modalBody-viewRem .msgBody .item .msgText {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0px;
  white-space: pre-wrap;
}

.modelFormInput-contDown .inpGroup {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  height: 45px;
  display: flex;
  flex-direction: row;
}

.modelFormInput-contDown .inpGroup .form-control {
  color: rgba(87, 91, 108, 0.85);
  font-size: 14px;
  font-weight: 500;
  border: none;
  height: 44px;
}

.modelFormInput-contDown .inpGroup .form-control::placeholder {
  color: rgba(0, 0, 0, 0.25);
}

.modelFormInput-contDown .inpGroup .inpEnd {
  width: 80px;
  height: 44px;
  border-radius: 0px 12px 12px 0px;
  color: #575b6c;
  outline: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.1) 0%,
      rgba(87, 91, 108, 0.1) 100%
    ),
    #fff;
}

.modelFormCsr-cust .clList {
  max-height: 215px;
  width: calc(100% - 10px);
  border-radius: 0px 0px 12px 12px;
  border-left: 1px solid rgba(125, 129, 144, 0.15);
  border-right: 1px solid rgba(125, 129, 144, 0.15);
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
  padding-bottom: 10px;
  position: absolute;
  z-index: 1000;
}

.modelFormCsr-cust .clList ul {
  max-height: 205px;
  padding: 8px 10px 0px 10px;
}

.modelFormCsr-cust .clList li {
  list-style: none;
  padding: 4px 5px;
}

.modelFormCsr-cust .clList .inpCheck {
  width: 15px;
  height: 15px;
}

.modelFormCsr-cust .clList .inpCheck .iCheck {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #7d8190;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}

/* .modelFormCsr-cust .clList .inpCheck::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;
  border: solid #f00;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
} */

.modelFormCsr-cust .clList li:hover {
  background: rgba(59, 108, 216, 0.1);
  border-radius: 6px;
}
.modelFormCsr-cust .clList li .nameId h6 {
  color: #575b6c;
  font-size: 12px;
  font-weight: 500;
}

.modelFormCsr-cust .clList li .nameId span {
  color: #575b6c;
  font-size: 9px;
  font-weight: 600;
}

.modelFormCsr-cust .inputGp {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
  height: 45px;
}

.modelFormCsr-cust .inputGp p {
  color: #000;
  font-size: 14px;
  font-weight: 500;
}

.modelFormCsr-cust .inputGp p.inAct {
  color: rgba(0, 0, 0, 0.5);
}

.modelFormCsr-cust .inputGp p span {
  color: #3b6cd8;
}

.modelFormCsr-cust .inputGp.active {
  border-radius: 12px 12px 0px 0px !important;
}

.modelFormCsr-cust .inputGp img.reverse {
  transform: rotate(180deg);
}

.modalBody-custInv .billToBox h4 {
  font-size: 15px;
  font-weight: 600;
}

.modalBody-custInv .billToBox p {
  font-size: 14px;
  font-weight: 500;
}

.modalBody-custInv .billToBox p span {
  color: #505967;
}

.dupContact-def {
  height: calc(100% - 40px);
}

.dupContact-def h6 {
  color: #575b6c;
  font-size: 18px;
  font-weight: 500;
}

.modal-headerGpt {
  padding: 0px 15px !important;
  height: 50px;
}

.modal-headerGpt .icon22 {
  height: 22px;
  width: 22px;
}

.modal-headerGpt .viewCsrBtns .btnBox {
  border-right: 1px solid rgba(125, 129, 144, 0.15);
}

.modal-headerGpt .btnHis {
  border-radius: 8px;
  border: 1px solid rgba(59, 108, 216, 0.25);
  background: #fff;
  color: #3b6cd8;
  font-size: 13px;
  font-weight: 500;
  height: 28px;
}

.modal-headerGpt .btnHis:hover {
  background: #3b6cd8;
  color: #fff;
}

.modal-headerGpt .btnHis:hover {
  background: #3b6cd8;
  color: #fff;
}

.modal-headerGpt .btnHis:hover path {
  fill: #fff;
}

.modalBodyOut-Gpt {
  height: 644px;
}

.modal-dialogGpt.hideHistory .modalBody-Gpt {
  width: 100%;
}

.modal-dialogGpt.hideHistory .modalBody-GptRgt {
  width: 0px;
  opacity: 0;
}

.modal-dialogGpt.showHistory .modalBody-Gpt {
  width: calc(100% - 290px);
  border-right: 1px solid rgba(125, 129, 144, 0.25);
}

.modal-dialogGpt.showHistory .modalBody-GptRgt {
  width: 290px;
  opacity: 1;
  background: #f9f9f9;
}

.modalBody-GptRgt .head {
  padding: 0px 15px;
  height: 40px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.modalBody-GptRgt .head h6 {
  color: #575b6c;
}

.modalBody-GptRgt .body {
  height: calc(100% - 40px);
}

.modalBody-GptRgt .body .item .hr {
  margin: 10px 5px 0px 5px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.15);
}

.modalBody-GptRgt .body .item h6 {
  color: #575b6c;
}

.modalBody-GptRgt .body .item p.actBlue {
  color: #098bf5;
  font-size: 14px;
  font-weight: 500;
}

.modalBody-GptRgt .body .item .pAct {
  border-radius: 10px;
  overflow: hidden;
}

.modalBody-GptRgt .body .item .pAct .showOpt {
  display: none;
}
.modalBody-GptRgt .body .item p.nrm {
  color: #0d0d0d;
}
.modalBody-GptRgt .body .item .pAct:hover {
  background-color: rgba(9, 139, 245, 0.05);
}

.modalBody-GptRgt .body .item .pAct:hover .showOpt {
  display: block;
}

.modalBody-Gpt .gptDefault {
  padding: 80px 25px;
}

.modalBody-Gpt .gptDefault .imgBox {
  height: 170px;
  width: 170px;
}

.modalBody-Gpt .gptDefault .iconOuter {
  gap: 22px;
}

.modalBody-Gpt .gptDefault .iconOuter .iconBox {
  border-radius: 50%;
  border: 1px solid rgba(125, 129, 144, 0.15);
  height: 64px;
  width: 64px;
}

.modalBody-Gpt .gptDefault .iconOuter .iconBox:hover {
  opacity: 0.75;
}

.modalBody-Gpt .gptDefault .iconOuter .iconBox.dng {
  background: rgba(236, 0, 0, 0.05);
}

.modalBody-Gpt .gptDefault .iconOuter .iconBox.nrm {
  background: #f2f2f2;
}

.modalBody-Gpt .gptOuter {
  padding: 5px;
}

.modalBody-Gpt .gptOuter .g-body {
  padding: 15px 20px 20px 20px;
  height: calc(100% - 160px);
}

.modalBody-Gpt .gptOuter .g-body .msg p {
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  white-space: pre-wrap;
}

.modalBody-Gpt .gptOuter .g-body .msgRgt > div {
  border-radius: 100px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  padding: 12px 20px;
  background: #fff;
  max-width: 50%;
}

.modalBody-Gpt .gptOuter .g-body .msgLoad p {
  color: #098bf5;
  font-size: 15px;
  font-weight: 500;
}

.modalBody-Gpt .gptOuter .g-Footer {
  height: 160px;
  border-radius: 25px 25px 15px 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.1) 0%,
      rgba(125, 129, 144, 0.1) 100%
    ),
    #fff;
  width: calc(100% - 10px);
  bottom: 5px;
}

.modalBody-Gpt .gptOuter .top {
  padding: 15px 12px 12px 12px;
  height: calc(100% - 40px);
  border-radius: 25px;
  outline: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
}

.modalBody-Gpt .gptOuter .top .searchfield textarea {
  resize: none;
  border: none;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  padding: 0px;
}

.modalBody-Gpt .gptOuter .top .searchfield textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.modalBody-Gpt .gptOuter .actItems .btnAction {
  border-radius: 100px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  height: 38px;
  min-width: 38px;
  color: #575b6c;
  font-size: 13px;
  font-weight: 500;
}

.modalBody-Gpt .gptOuter .actItems .btnAction.lgt {
  background: #fff;
}

.modalBody-Gpt .gptOuter .actItems .btnAction.dark {
  background: #000;
}

.modalBody-Gpt .gptOuter .actItems .btnAction.dark:hover {
  opacity: 0.8;
}
.modalBody-Gpt .gptOuter .actItems .btnAction.active {
  color: #0385ff;
  border: 1px solid rgba(3, 133, 255, 0.25);
  background: linear-gradient(
      0deg,
      rgba(3, 133, 255, 0.05) 0%,
      rgba(3, 133, 255, 0.05) 100%
    ),
    #fff;
}

.modalBody-Gpt .gptOuter .actItems .btnAction span {
  display: none;
}

.modalBody-Gpt .gptOuter .actItems .btnAction.active span {
  display: block;
}

.modalBody-Gpt .gptOuter .actItems .btnAction.active .imgNrm,
.modalBody-Gpt .gptOuter .actItems .btnAction .imgHvr {
  display: none;
}

.modalBody-Gpt .gptOuter .actItems .btnAction.active .imgHvr,
.modalBody-Gpt .gptOuter .actItems .btnAction .imgNrm {
  display: block;
}

.modalBody-Gpt .gptOuter .actItems .btnAction.lgt:hover {
  background: #f8f8f8;
}

.modalBody-Gpt .gptOuter .btm {
  padding: 10px 20px;
  height: 40px;
}

.modalBody-Gpt .gptOuter .btm .lft .item p {
  color: #575b6c;
  font-size: 13px;
  font-weight: 500;
}

.modalBody-Gpt .gptOuter .btm .lft .item span {
  color: #000;
  font-size: 15px;
  font-weight: 600;
}

.modalBody-Gpt .gptOuter .btm .lft .btnReq {
  border-radius: 6px;
  border: 1px solid rgba(59, 108, 216, 0.5);
  height: 18px;
  font-size: 13px;
  font-weight: 500;
  color: #3b6cd8;
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    rgba(255, 255, 255, 0.5);
}

.modalBody-Gpt .gptOuter .btm .lft .btnReq:hover {
  color: #ffffff;
  background: #3b6cd8;
}

.modalBody-Gpt .gptOuter .btm .rgt p {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  font-weight: 400;
}

.searchInp-end {
  width: 25px;
  height: 25px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  border-radius: 8px !important;
  color: #575b6c;
  font-size: 16px;
  font-weight: 500;
  background-color: #fff;
}

.searchInp-endIc {
  height: 43px;
  padding: 0px 13px;
}

.searchInp-endIc img {
  height: 17px;
  width: 17px;
}

.modal-dialogNoInt,
.modal-dialogAso {
  max-width: 360px !important;
}

.modal-dialogAso .modal-body {
  padding: 20px 15px 10px 15px;
  height: 198px;
}

.modelBody-noInt .body {
  margin-bottom: 25px;
}

.modelBody-noInt .body p {
  line-height: 160%;
}

.modalRetry-btn .btn {
  max-width: 330px;
  width: 330px;
}

.modalNoInt-btn .btn,
.modalRetry-btn .btn {
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.1) 0%,
      rgba(59, 108, 216, 0.1) 100%
    ),
    #fff;
}

.modalRetry-btn .btn:hover {
  color: #ffffff;
  background: #3b6cd8;
}

/* User Profile */

.modalBodyUsr,
.modalBodyRole {
  height: calc(100vh - 148px);
}

.searchBar-role {
  height: 48px;
}
.modalBodyUsr .cards .card {
  border: 1px solid rgba(125, 129, 144, 0.25);
  height: 83px;
}

.modalBodyUsr .cards .card .imgBox {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}

.modalBodyUsr .cards .card .imgBox.brwn {
  background: rgba(112, 75, 55, 0.15);
}

.modalBodyUsr .cards .card .imgBox.grn {
  background: rgba(5, 195, 104, 0.15);
}

.modalBodyUsr .cards .card .imgBox.red {
  background: rgba(236, 0, 0, 0.15);
}

.modalBodyUsr .right {
  width: 245px;
}

.modalBodyUsr .right .item {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
  background: #fff;
}

.modalBodyUsr .right .currSubs {
  height: 307px;
}

.modalBodyUsr .right .activty {
  height: 194px;
}

.modalBodyUsr .right .item .head {
  height: 37px;
  background: linear-gradient(
      0deg,
      rgba(112, 75, 55, 0.05) 0%,
      rgba(112, 75, 55, 0.05) 100%
    ),
    #fff;
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
}

.modalBodyUsr .right .item .head h6 {
  color: #704b37;
  font-size: 16px;
  font-weight: 700;
}

.modalBodyUsr .right .body h6,
.modalBodyUsr .right .body p {
  line-height: normal;
}

.modalBodyUsr .left {
  width: calc(100% - 260px);
}

.modalBodyUsr .right .activty .body {
  padding: 7px;
}

.modalBodyUsr .right .activty .body .btnLnk {
  color: #575b6c;
  font-size: 15px;
  font-weight: 500;
  border-radius: 8px;
  height: 34px;
  border: 1px solid transparent;
  background: transparent;
  padding: 0px 8px;
}

.modalBodyUsr .right .activty .body .btnLnk:hover .act,
.modalBodyUsr .right .activty .body .btnLnk .inAct {
  display: none;
}

.modalBodyUsr .right .activty .body .btnLnk .act,
.modalBodyUsr .right .activty .body .btnLnk:hover .inAct {
  display: block;
}

.modalBodyUsr .right .activty .body .btnLnk:hover {
  background: rgba(59, 108, 216, 0.1);
  color: #3b6cd8;
  border: 1px solid rgba(125, 129, 144, 0.1);
}

/* popup */
.modal-dialog-UsrProf {
  max-width: 850px !important;
  width: 850px;
  height: 676px;
}

.usrProf-modalBody {
  height: calc(100% - 50px);
}

.usrProf-modalBody .left {
  border-right: 1px solid rgba(125, 129, 144, 0.25);
  width: 300px;
}

.usrProf-modalBody .left .item .imgDiv {
  height: 80px;
  width: 80px;
  border-radius: 10px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: rgba(125, 129, 144, 0.1);
  margin-bottom: 5px;
}

.usrProf-modalBody .left .item .imgDiv img {
  object-fit: cover;
  max-width: 100%;
}

.usrProf-modalBody .left .item.w160 {
  width: 160px;
}

.usrProf-modalBody .left .item.wCust {
  width: calc(100% - 170px);
}

.usrProf-modalBody .left .item.wCust165 {
  width: calc(100% - 165px);
}

.usrProf-modalBody .left .btmInfo {
  color: #575b6c;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}

.usrProf-modalBody .left .btmInfo span {
  color: #000;
  font-weight: 600;
}

.usrProf-modalBody .left .item .inpDiv {
  border-radius: 8px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  min-height: 35px;
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.05) 0%,
      rgba(125, 129, 144, 0.05) 100%
    ),
    #fff;
  overflow: hidden;
  margin-bottom: 5px;
}

.usrProf-modalBody .left .item .inpDiv p {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.usrProf-modalBody .left .item .inpDiv span {
  color: #05c368;
  font-size: 13px;
  font-weight: 600;
  border-left: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(5, 195, 104, 0.05) 0%,
      rgba(5, 195, 104, 0.05) 100%
    ),
    #fff;
  min-height: 35px;
}

.usrProf-modalBody .right {
  width: calc(100% - 300px);
  background: linear-gradient(
      0deg,
      rgba(112, 75, 55, 0.03) 0%,
      rgba(112, 75, 55, 0.03) 100%
    ),
    #fff;
}

.usrProf-modalBody .right .head {
  height: 50px;
  border-bottom: 1px solid rgba(125, 129, 144, 0.25);
  background-color: #ffffff;
}

.usrProf-modalBody .right .head .btnSwitch {
  color: #575b6c;
  font-size: 13px;
  font-weight: 600;
  border: none;
  background: transparent;
  border-radius: 10px;
  height: 34px;
  padding: 8px 10px;
  border: 1px solid transparent;
}

.usrProf-modalBody .right .head .btnSwitch .act,
.usrProf-modalBody .right .head .btnSwitch:hover .inAct,
.usrProf-modalBody .right .head .btnSwitch.active .inAct {
  display: block;
}

.usrProf-modalBody .right .head .btnSwitch .inAct,
.usrProf-modalBody .right .head .btnSwitch.active .act,
.usrProf-modalBody .right .head .btnSwitch:hover .act {
  display: none;
}

.usrProf-modalBody .right .head .btnSwitch:hover,
.usrProf-modalBody .right .head .btnSwitch.active {
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: rgba(59, 108, 216, 0.05);
  color: #3b6cd8;
}

.usrProf-modalBody .right .body {
  height: calc(100% - 50px);
}

.usrProf-modalBody .right .bodyTs h6 {
  color: #704b37;
}

.usrProf-modalBody .right .body .item {
  border: 1px solid rgba(209, 213, 219, 0.5);
}

.usrProf-modalBody .right .body .item .imgBox {
  width: 38px;
  height: 38px;
  background-color: rgb(125, 129, 144, 0.1);
  border-radius: 50%;
}

.upload_proImg {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid rgba(125, 129, 144, 0.15);

  background: rgba(125, 129, 144, 0.1);
}
.upload_proImg img {
  object-fit: cover;
}

.modalBdy-userCrt .inpBox .img18 {
  height: 18px;
  width: 18px;
}

.modalBdy-userCrt .inpBox {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: linear-gradient(
      0deg,
      rgba(125, 129, 144, 0.05) 0%,
      rgba(125, 129, 144, 0.05) 100%
    ),
    #fff;
  min-height: 46px;
}

.modalBdy-userCrt .inpBox .img20 {
  height: 20px;
  width: 20px;
}

.modalBdy-userCrt .inpBox .spanBtn {
  border-left: 1px solid rgba(125, 129, 144, 0.15);
  min-width: 45px;
}

.modalBdy-userCrt .inpBox .spanBtn:hover,
.modalBdy-userCrt .inpBox .spanBtn.active {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.05) 0%,
      rgba(59, 108, 216, 0.05) 100%
    ),
    #fff;
}

.modalBdy-userCrt .inpBox .spanBtn:hover .act,
.modalBdy-userCrt .inpBox .spanBtn.active .act,
.modalBdy-userCrt .inpBox .spanBtn .inAct {
  display: block;
}

.modalBdy-userCrt .inpBox .spanBtn:hover .inAct,
.modalBdy-userCrt .inpBox .spanBtn.active .inAct,
.modalBdy-userCrt .inpBox .spanBtn .act {
  display: none;
}
.modalFoot-userCrt {
  border-top: 1px solid rgba(125, 129, 144, 0.25);
}

.modalFoot-userCrt .body {
  border-radius: 12px;
  background: rgba(59, 108, 216, 0.05);
}

.modal-bodyDeAc .info {
  border-radius: 12px;
  background: rgba(59, 108, 216, 0.05);
}

.modal-bodyDeAc .info p {
  color: #000;
  font-size: 13px;
  font-weight: 400;
  line-height: 150%;
}

.modalBodyRole .left,
.modalBodyRole .right {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.25);
}

.modalBodyRole .left {
  width: 400px;
  background: #fff;
}

.modalBodyRole .left .body {
  height: calc(100% - 108px);
}

.modalBodyRole .body li {
  border-radius: 12px;
}

.modalBodyRole .body li.hCust {
  height: 36px;
}

.modalBodyRole .body li p,
.modalBodyRole .body li span {
  color: #575b6c;
  line-height: 1;
}

.modalBodyRole .body li .no_ofUsr {
  display: none;
}

.modalBodyRole .body li.active .no_ofUsr,
.modalBodyRole .body li:hover .no_ofUsr {
  display: block;
}

.modalBodyRole .body li.active p,
.modalBodyRole .body li:hover p {
  color: #3b6cd8;
}

.modalBodyRole .body li.active,
.modalBodyRole .body li:hover {
  background: rgba(59, 108, 216, 0.1);
}

.modalBodyRole .foot .lft {
  width: 145px;
}

.modalBodyRole .foot .rgt {
  width: 164px;
}

.modalBodyRole .right {
  width: calc(100% - 415px);
  background: linear-gradient(
      0deg,
      rgba(112, 75, 55, 0.05) 0%,
      rgba(112, 75, 55, 0.05) 100%
    ),
    #fff;
}
.modalBodyRole .right .head {
  height: 47px;
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.modalBodyRole .right .body {
  height: calc(100% - 47px);
}

.modalBodyRole .right .def {
  width: 208px;
}

.modalBodyRole .right .def img {
  width: 35px;
  height: 35px;
}

.modalBodyRole .right .def p {
  color: rgba(112, 75, 55, 0.75);
  line-height: 150%;
}

.modalBodyRole .right .body .inpGp input {
  height: 45px;
}

.modalBodyRole .right .body .roleInp {
  width: 290px;
}

.modalBodyRole .right .body .permInp {
  width: calc(100% - 300px);
}

.modalFormPerm-inp {
  border-radius: 12px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  height: 45px;
  cursor: pointer;
}

.modalFormPerm-inp.active {
  border-radius: 12px 12px 0px 0px;
  /* border-bottom: transparent; */
}

.modalFormPerm-inp .pList {
  height: 254px;
  width: 100%;
  border-radius: 0px 0px 12px 12px;
  border: none;
  outline: 1px solid rgba(125, 129, 144, 0.06);
  position: absolute;
  z-index: 1000;
  top: 44px;
}

.modalFormPerm-inp .pList ul {
  max-height: 100%;
  padding: 8px 10px 0px 10px;
}

.modalFormPerm-inp .pList li {
  list-style: none;
  padding: 6px 12px;
}

.modalFormPerm-inp .pItem {
  height: 25px;
  padding: 0px 6px;
  border-radius: 8px;
  border: 1px solid rgba(59, 108, 216, 0.15);
  background: rgba(59, 108, 216, 0.05);
}

.modalBodyRole .right .rcBody {
  height: calc(100% - 246px);
  min-height: 276px;
}

.modalBodyRole .right .rcBody .inner {
  border-radius: 15px;
  border: 1px solid rgba(125, 129, 144, 0.15);
  background: #fff;
  height: calc(100% - 24px);
}

.modalBodyRole .right .btm {
  height: 62px;
}

.viewRole-body {
  height: calc(100% - 109px);
}

.viewRole-body .item {
  line-height: 140%;
}

.viewRole-body .capsul-def {
  height: 34px;
  border: 1px solid rgba(209, 213, 219, 0.5);
}

.viewRole-body .capsul-def .lft {
  border-right: 1px solid rgba(209, 213, 219, 0.5);
  width: 34px;
}

.viewRole-body .capsul-def .lft.bg {
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff;
}

.modalHead-usrProf {
  background: linear-gradient(
      0deg,
      rgba(87, 91, 108, 0.05) 0%,
      rgba(87, 91, 108, 0.05) 100%
    ),
    #fff !important;
  height: 50px;
  border-radius: 15px 15px 0 0;
}

.modalHead-usrProf .lft {
  width: calc(100% - 50px);
}
.modalHead-usrProf .rgt {
  width: 50px;
  border-left: 1px solid rgba(125, 129, 144, 0.15);
}

.modalBdy-invUsr .pls4 {
  letter-spacing: 0.4px;
}

.modalBdy-invUsr .invCode {
  font-size: 25px;
  letter-spacing: 4px;
}

.billingBody,
.notesBody {
  height: calc(100% - 40px);
}

.billingBody .lft {
  width: calc(100% - 412px);
  min-width: 800px;
}

.billingBody .rgt {
  width: 398px;
}

.billPmt-card,
.billOvr-card,
.billSubs-card {
  height: 220px;
}

.billInfo-card {
  height: 257px;
}

.billInv-card {
  height: calc(100% - 234px);
  max-height: 396px;
}

.billCmn-card {
  background-color: #fff;
}

.billCmn-card .inCard,
.modalBillCmn .inCard {
  border-radius: 10px;
  outline: 1px solid rgba(209, 213, 219, 0.5);
  background: rgba(112, 75, 55, 0.03);
}

.modalBillCmn .inCard.brd25 {
  outline: 1px solid rgba(209, 213, 219, 0.25);
}

.billCmn-card .inCardNf {
  border-radius: 10px;
  border: 1px solid rgba(209, 213, 219, 0.25);
  background: rgba(112, 75, 55, 0.04);
}

.billCmn-card .inCardNf.h38 {
  min-height: 38px;
}
.billNotify-card {
  background: linear-gradient(
      0deg,
      rgba(236, 0, 0, 0.02) 0%,
      rgba(236, 0, 0, 0.02) 100%
    ),
    #fff;
}

.billNotify-card .btnDynamic {
  min-width: 90px;
}

.billCmn-card .btm {
  border-top: 1px solid rgba(209, 213, 219, 0.75);
  height: 57px;
}

.billInv-card .tableBox-br {
  height: calc(100% - 30px);
}

.modalBillCmn .rgtItem {
  width: calc(100% - 90px);
}

.modalBillCmn .mh376 {
  min-height: 376px;
}

.modalBillCmn .mh348 {
  min-height: 348px;
}

.modalBillCmn .mh424 {
  min-height: 424px;
  height: 424px;
}

.modalBillCmn .rgtItem125 {
  width: calc(100% - 125px);
}

.modalBillCmn .rgtItem110 {
  width: calc(100% - 110px);
}

.modalBillCmn .rgtItem120 {
  width: calc(100% - 120px);
}

.modalBillCmn .inpBox {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.75);
  background: linear-gradient(
      0deg,
      rgba(75, 85, 99, 0.05) 0%,
      rgba(75, 85, 99, 0.05) 100%
    ),
    #fff;
}

.modalBillCmn .inpBox p.disabled {
  color: rgba(114, 123, 130, 0.5);
}

.modalBillCmn .inpBox.h48 {
  height: 48px;
}

.modalBillCmn .inpBox.h44 {
  height: 44px;
}

.cModalBill-vInv .modal-dialog {
  max-width: 700px;
}

.cModalBill-vInv .body {
  min-height: 294px;
}

.cModalBill-vInv .body .tblHead {
  border-bottom: 1px solid rgba(112, 75, 55, 0.25);
}

.cModalBill-vInv .body .w-cust {
  width: calc(100% - 240px);
}

.cModalBill-plan .modal-dialog {
  max-width: 650px;
}

.cModalBill-plan .modal-body {
  min-height: 522px;
}

.seatsSlct-cust {
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.75);
  background: #fff;
}

.seatsSlct-cust.w164 {
  width: 164px;
}

.seatsSlct-cust.h48 {
  height: 48px;
}

.seatsSlct-cust .incDec {
  width: 42px;
  outline: 1px solid #d1d5db;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.05) 0%,
      rgba(0, 0, 0, 0.05) 100%
    ),
    #fff;
}

.seatsSlct-cust .incDec.lft {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}

.seatsSlct-cust .incDec.rgt {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.seatsSlct-cust .inp {
  width: calc(100% - 84px);
}

.modal-billPmtMeth .btmElem {
  height: 56px;
  bottom: 0px;
  left: 0px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}

.modal-billPmtMeth .body {
  height: calc(100% - 154px);
}

.modal-billPmtMeth .body .pmtModes {
  height: calc(100% - 19px);
}

.modal-billPmtMeth .body .item {
  height: 32px;
  border-radius: 8px;
}

.modal-billPmtMeth .body .item:hover {
  background: rgba(112, 75, 55, 0.05);
}

.modal-billPmtMeth .options {
  width: 150px;
  height: 190px;
  border-radius: 12px;
  border: 1px solid rgba(209, 213, 219, 0.75);
  background: #fff;
  top: 28px;
  right: 10px;
  z-index: 100;
}

.modal-billPmtMeth .options.drop-up {
  top: auto !important;
  bottom: 28px;
}

.modal-billPmtMeth .options .opt {
  height: 34px;
  padding: 7px;
  border-radius: 10px;
  margin-bottom: 1px;
}

.modal-billPmtMeth .options .opt p {
  color: #4b5563;
}

.modal-billPmtMeth .options .opt.dng p {
  color: #ec0000;
}

.modal-billPmtMeth .options .opt:hover {
  background: rgba(59, 108, 216, 0.1);
}

.modal-billPmtMeth .options .opt.dng:hover {
  background: rgba(236, 0, 0, 0.05);
}

.modal-billPmtMeth .options .opt:hover p {
  color: #3b6cd8;
}

.modal-billPmtMeth .options .opt.dng:hover p {
  color: #ec0000;
}

.modal-bodyPlanExh .card {
  border-radius: 12px;
  background: rgba(59, 108, 216, 0.05);
  height: 80px;
}

.modal-bodyPlanExh .card .titleSpan {
  color: rgba(0, 0, 0, 0.85);
}

.cModalBill-aPmt .modal-dialog {
  max-width: 450px;
}

.modal-billAPmt .top .item {
  outline: 1px solid rgba(209, 213, 219, 0.25);
  background: rgba(59, 108, 216, 0.02);
  height: 58px;
}

.modal-billAPmt .top .item .imgBx {
  height: 18px;
}

.modal-billAPmt .top .item:hover,
.modal-billAPmt .top .item.active {
  outline: 1px solid rgba(59, 108, 216, 0.5);
  background: rgba(59, 108, 216, 0.05);
}

.modal-billAPmt .top .item:hover p,
.modal-billAPmt .top .item.active p {
  color: #3b6cd8;
}

.modal-billAPmt .top .item .imgAct,
.modal-billAPmt .top .item:hover .imgInAct,
.modal-billAPmt .top .item.active .imgInAct {
  display: none;
}
.modal-billAPmt .top .item .imgInAct,
.modal-billAPmt .top .item:hover .imgAct,
.modal-billAPmt .top .item.active .imgAct {
  display: block;
}

.modal-billAPmt .top .item p {
  color: #575b6c;
}

.modal-billAPmt .body {
  height: 300px;
}

.modal-billAPmt .body .inpItem.w-172m {
  width: calc(100% - 172px);
}

.modal-billAPmt .body .infoTag {
  border: 1px solid rgba(209, 213, 219, 0.25);
  background: rgba(75, 85, 99, 0.02);
  height: 46px;
}

.modal-billAPmt .body .infoTag-p {
  border: 1px solid rgba(209, 213, 219, 0.5);
  height: 82px;
}

.cModalBill-biz .modal-dialog {
  max-width: 600px;
}

.cModalBill-biz .modal-dialog.xl {
  max-width: 800px;
}

.cModalBill-biz .modal-body {
  min-height: 484px;
  height: 484px;
}

.modal-billBiz .left {
  width: 150px;
  border-left: 1px solid #d1d5db;
  border-bottom: 1px solid #d1d5db;
  border-right: 1px solid rgba(209, 213, 219, 0.5);
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
  list-style: none;
  border-bottom-left-radius: 15px;
}

.modal-billBiz .right {
  width: calc(100% - 150px);
}

.modal-billBiz .left li {
  height: 33px;
  border-radius: 12px;
  color: #4b5563;
  font-weight: 500;
}

.modal-billBiz .left li:hover,
.modal-billBiz .left li.active {
  background: rgba(59, 108, 216, 0.1);
  color: #3b6cd8;
  font-weight: 600;
}

.mbCmn-body .aBody {
  height: calc(100% - 53px);
}

.mbAccess-body .inCard {
  height: calc(100% - 54px);
}

.mbAccess-body .inCard .head,
.mbCoupon-body .inCard .head {
  height: 36px;
}

.mbAccess-body .inCard .body {
  height: calc(100% - 64px);
}

.mbAccess-body .inCard .body .item {
  height: 30px;
  padding: 6px 7px;
}

.mbAccess-body .inCard .body .item:hover {
  background: rgba(112, 75, 55, 0.1);
}

.mbAccess-body .inCard .btm {
  height: 28px;
}

.mbCmn-body .aBtm {
  height: 53px;
}

.mbAccess-bodyAu .chckBox .item {
  width: 33.3333%;
}

.mbCoupon-body .inCard .body {
  height: 172px;
}

.mbSetting-body .sBody {
  height: calc(100% - 74px);
}

.mbSetting-body .sBtm {
  height: 74px;
}

.mbSetting-body .inCard .btmInp {
  background: linear-gradient(
      0deg,
      rgba(112, 75, 55, 0.06) 0%,
      rgba(112, 75, 55, 0.06) 100%
    ),
    #fff;
}

.mbTxn-body .tBoxOut {
  height: calc(100% - 54px);
}

.mbTxn-body .tBoxInn {
  width: 610px;
}

.mbTxn-body .tBox {
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 10px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: rgba(112, 75, 55, 0.03);
  height: calc(100% - 44px);
}

.mbTxn-body .tBox .head {
  height: 32px;
}

.mbTxn-body .tBox .body {
  height: calc(100% - 32px);
  overflow-y: auto;
  overflow-x: hidden;
}

.mbTxn-body .tBox .body .item {
  height: 26px;
  padding: 5px 7px;
}

.mbTxn-body .tBox .body .item:hover {
  background: rgba(112, 75, 55, 0.1);
}

.mbTxn-bodyVw .tBoxInn {
  height: 213px;
  border: 1px solid rgba(209, 213, 219, 0.5);
  background: linear-gradient(
      0deg,
      rgba(112, 75, 55, 0.03) 0%,
      rgba(112, 75, 55, 0.03) 100%
    ),
    #fff;
  row-gap: 15px;
  column-gap: 19px;
}

.mBody-verDom .defCard {
  background: linear-gradient(
      0deg,
      rgba(59, 108, 216, 0.02) 0%,
      rgba(59, 108, 216, 0.02) 100%
    ),
    #fff;
  height: 224px;
}

.mBody-verDom .chngBtn {
  border: 1px solid rgba(255, 149, 2, 0.5);
  width: 64px;
  height: 25px;
}

.notes-mLft {
  width: 300px;
}

.notes-mLft .head {
  height: 72px;
}

.notes-mLft .body {
  height: calc(100% - 142px);
}

.notes-mLft .btm {
  height: 70px;
}

.notes-mLft .btm .btnDynamic {
  width: 137px;
}

.notes-mRgt {
  width: calc(100% - 315px);
}

.notes-mRgt.def {
  background: linear-gradient(
      0deg,
      rgba(224, 29, 90, 0.05) 0%,
      rgba(224, 29, 90, 0.05) 100%
    ),
    #fff;
}

.notes-mRgt.def h6 {
  color: rgba(224, 29, 90, 0.75);
}