:root {
  --tblbBack: #333;
}

.aside .aside-menu.ps>.ps__rail-y>.ps__thumb-y {
  width: 10px;
}

.aside .aside-menu.ps>.ps__rail-y>.ps__thumb-y:hover,
.aside .aside-menu.ps>.ps__rail-y>.ps__thumb-y:focus {
  width: 10px;
}

/* ----------- Loader Code ------------------ */
.mainloadercomponent {
  background: rgba(225, 225, 225, 0.7);
  width: 100%;
  height: 100vh;
  left: 0%;
  margin-left: 160px;
  top: 0px;
  position: fixed;
  z-index: 11;
  display: grid;
  place-content: center;
}

.mainloadercomponentLoad {
  background: rgba(225, 225, 225, 0.7);
  width: 100%;
  height: 100vh;
  left: 0%;
  top: 0px;
  position: fixed;
  z-index: 11;
  display: grid;
  place-content: center;
}

.mainloadercomponentLoad img {
  max-width: 150px;
}

.mainloadercomponent img {
  max-width: 150px;
}

/* ----------- Loader Code ------------------ */

.loanTableImport tr:first-child .updateleagalfith {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: #333;
}

.loanTableImport .tableTd {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}

.loanTableImport .tableTd:last-child {
  border-right: 1px solid #000;
}

.loanTableImport tr:last-child .tableTd {
  border-bottom: 1px solid #000;
}

/* .loanTableImport th:nth-child(6) th:nth-child(1) {
    border-right: 1px solid;
    border-top-right-radius: 10px;
} */

.jqoXJM table th {
  padding: 0px !important;
}

.bhdLno table th {
  padding: 0px !important;
}

.bcaJjD table th {
  padding: 0px !important;
}

.ckDfJz table th {
  padding: 0px !important;
}

/* .loanTableImport .tableHeader tr .updateleagalfith div {
    padding: 10px !important;
} */

.loanTableImport tr:first-child th:first-child .updateleagalfith:first-child {
  border-top-left-radius: 10px;
  text-align: center;
}

.loanTableImport tr:first-child th:last-child .updateleagalfith:last-child {
  border-top-right-radius: 10px;
  border-right: 1px solid #000;
}

.loanTableImport tr td:last-child {
  border-right: 1px solid #000;
}

.loanTableImport tr:last-child .tableTd:first-child {
  border-bottom-left-radius: 10px;
}

.loanTableImport tr:last-child .tableTd:last-child {
  border-bottom-right-radius: 10px;
}

.payminfo .tableTd:nth-child(2) {
  text-align: right;
}

.infogrouph .tableTd:nth-child(2) {
  text-align: right;
}

.someradiushone .financierWiseTable th:nth-child(2) {
  width: 6.5vw;
  min-width: 6.5vw !important;
}

/* ===================== inactable =============== */

.inactable tr th {
  background-color: var(--tblbBack);
  color: #fff !important;
}

.modaltableher tr th {
  background-color: var(--tblbBack);
  color: #fff !important;
}

/* ========================= Generated Notice Info CSS ==================== */

.legalTables tr th {
  border-bottom: 1px solid;
  border-left: 1px solid;
  vertical-align: middle !important;
}

.legalTables tr td {
  border-bottom: 1px solid;
  border-left: 1px solid;
  font-size: 18px;
}

.legalTables thead tr th:first-child {
  border: none;
}

.legalTables thead tr:first-child th:first-child {
  border-left: 1px solid #000;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.legalTables .tableHeader th {
  position: sticky;
  top: 0%;
  background-color: var(--tblbBack);
}

.legalTables thead tr td {
  font-size: 18px;
}

.legalTables tr th:last-child {
  border-right: 1px solid #000;
}

.legalTables tr td:last-child {
  border-right: 1px solid;
  text-align: center;
}

.legalTables tbody tr:last-child td {
  border-bottom: 1px solid;
}

.generadatath {
  border: none !important;
}

.legalTables thead tr:first-child th:nth-child(2) {
  display: none;
}

.legalTables tr td:nth-child(2) {
  display: none;
}

.legalTables th:nth-child(1) {
  border-top-left-radius: 10px;
}

.legalTables th:nth-child(8) {
  border-top-right-radius: 10px;
}

.legalTables th:nth-child(1) {
  border-top-left-radius: 10px;
}

.legalTables th:nth-child(8) {
  border-top-right-radius: 10px;
}

.legalTables tr:last-child td:nth-child(1) {
  border-bottom-left-radius: 10px;
}

.legalTables tr:last-child td:nth-child(8) {
  border-bottom-right-radius: 10px;
}

.legalTables thead tr:first-child th {
  border-top: 1px solid;
  z-index: 1;
}

.react-calendar {
  z-index: 2;
}

/* .aprDatePicker{
  width: 350px;
  max-width: 100vw;
  /* position: absolute; */
/* top: 32px !important; */
/* left: -106px !important; */
/* z-index: 1; */
/* bottom: 0 !important; */
/* ================== */
/* width: 278px;
    max-width: 100%;
    background: white;
    border: 1px solid #a0a096;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.125em; */
/* } */
*/ .scrolltablehm {
  border-radius: 11px;
}
.fullscreen-loader {
  position: fixed; /* Ensure it covers the entire screen */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
  display: flex;
  flex-direction: column; /* Stack spinner and text vertically */
  justify-content: center; /* Center items vertically */
  align-items: center; /* Center items horizontally */
  z-index: 9999; /* Ensure it appears on top of other content */
  color: #fff; /* Text color for the "Processing..." message */
  pointer-events: none; /* Prevent user interactions */
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(255, 255, 255, 0.3); /* Spinner's semi-transparent border */
  border-top: 5px solid #fff; /* Spinner's highlight */
  border-radius: 50%; /* Make it a circle */
  animation: spin 1s linear infinite; /* Spin animation */
}

@keyframes spin {
  from {
      transform: rotate(0deg); /* Start from 0 degrees */
  }
  to {
      transform: rotate(360deg); /* Rotate full circle */
  }
}

:root {
  --swal2-confirm-button-border-color: #00D464 !important;
  --swal2-confirm-button-background: #00D464 !important;
}

.tblScroll {
  height: 300px; /* Set a fixed height for the scrollable area */
  overflow-y: auto; /* Enable vertical scrolling */
}

.tableHead th {
  position: sticky;
  top: 0;
  background: #f1f1f1; /* Background for the sticky header */
  z-index: 1; /* Ensure the header stays on top */
}
/* =============================== Track Notice Info =========================== */

.trackTbl tr th {
  border-top: 1px solid;
  border-left: 1px solid;
}

.trackTbl tr td {
  border-top: 1px solid;
  border-left: 1px solid;
  font-size: 18px;
}

.trackTbl thead tr th:first-child {
  border: none;
}

.trackTbl tr th {
  border-bottom: 1px solid;
  background-color: #333;
}

.trackTbl thead tr:first-child th:first-child {
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.trackTbl tr th:last-child {
  border-right: 1px solid #000;
}

.trackTbl tr td:last-child {
  border-right: 1px solid #000;
}

.trackTbl tbody tr:last-child td {
  border-bottom: 1px solid;
}

.generadatath {
  border: none !important;
}

.tblTrackBatch th:nth-child(3) {
  width: 7vw !important;
  min-width: 7vw !important;
}

.tblTrackBatch th:nth-child(3) th:nth-child(1) {
  width: 7vw !important;
  min-width: 7vw !important;
}

.tblTrackBatch th:nth-child(4) {
  width: 6vw !important;
  min-width: 6vw !important;
}

.tblTrackBatch th:nth-child(4) th:nth-child(1) {
  width: 6vw !important;
  min-width: 6vw !important;
}

.tblTrackBatch th:nth-child(5) {
  width: 6vw !important;
  min-width: 6vw !important;
}

.tblTrackBatch th:nth-child(5) th:nth-child(1) {
  width: 5vw !important;
  min-width: 5vw !important;
}

.tblTrackBatch th:nth-child(6) {
  width: 8vw !important;
  min-width: 8vw !important;
}

.tblTrackBatch th:nth-child(6) th:nth-child(1) {
  width: 5vw !important;
  min-width: 5vw !important;
}

.tblTrackBatch tr td:nth-child(3) {
  text-align: left;
}

.tblTrackBatch tr td:nth-child(5) {
  text-align: center;
}

.tblTrackBatch tr td:nth-child(6) {
  text-align: center;
}

.tblTrackBatch tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.tblTrackBatch tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/* =========================== user Info ====================== */

.jdnxOk .loanUpload th {
  padding: 0px !important;
}

.dEJGyz table th {
  padding: 0px !important;
}

.eKiuEl table th {
  padding: 0px !important;
}

/* =========================== Payment Info ====================== */

.loanTableImport .tableTd {
  border-left: 1px solid;
  border-top: 1px solid;
}

.loanTableImport .tableTd:last-child {
  border-right: 1px solid;
  text-align: center;
}

/* =========================== Loan Info ====================== */

.eYFaBH table th {
  padding: 0px !important;
}

/* =========================== Track Notice Info ===================== */

.trackTbl th:nth-child(1) {
  border-top-left-radius: 10px;
}

.trackTbl th:nth-child(8) {
  border-top-right-radius: 10px;
}

/* =========================== Allocation Info======================= */

.datallocation table tr .updateleagalfith:first-child {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  padding: 15px !important;
}

.datallocation table tr td {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  font-size: 18px;
}

.cnLikK table th {
  padding: 0px !important;
}

.sc-gsTCUz table th {
  padding: 0px !important;
}

.bBALdg table th {
  padding: 0px !important;
}

.datallocation table tr th:last-child .updateleagalfith:last-child {
  border-right: 1px solid #000;
}

.datallocation table tr td:last-child {
  border-right: 1px solid #000;
}

.datallocation table tr:last-child td {
  border-bottom: 1px solid #000;
}

.datallocation table tr th:first-child .updateleagalfith:first-child {
  border-top-left-radius: 10px;
}

.datallocation table tr th:last-child .updateleagalfith:last-child {
  border-top-right-radius: 10px;
}

.datallocation table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.datallocation table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/* ===================== Disposition Info ================= */

.datadisposition table tr .updateleagalfith:first-child {
  border-top: 1px solid;
  border-left: 1px solid #000;
  padding: 15px !important;
}

.datadisposition table tr td {
  border-top: 1px solid;
  border-left: 1px solid #000;
  font-size: 18px;
}

.cnLikK table th {
  padding: 0px !important;
}

.sc-gsTCUz table th {
  padding: 0px !important;
}

.datadisposition table tr th:last-child .updateleagalfith:last-child {
  border-right: 1px solid #000;
}

.datadisposition table tr td:last-child {
  border-right: 1px solid #000;
}

.datadisposition table tr:last-child td {
  border-bottom: 1px solid;
}

.datadisposition table tr th:first-child .updateleagalfith:first-child {
  border-top-left-radius: 10px;
}

.datadisposition table tr th:last-child .updateleagalfith:last-child {
  border-top-right-radius: 10px;
}

.datadisposition table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.datadisposition table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/* ============= Search Loan table start here =============== */

.todayTable tr th {
  border-top: 1px solid;
  border-right: 1px solid;
}

.todayTable tr td {
  border-bottom: 1px solid;
  border-right: 1px solid;
}

.todayTable .tableTd:nth-child(1) {
  border-left: 1px solid;
}

.todayTable thead tr th:first-child {
  border: none;
}

.todayTable thead tr:first-child th:first-child {
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  position: sticky;
  left: 0%;
  background: #333;
  border-right: 1px solid;
}

.todayTable thead tr:first-child th {
  /* border-right: 1px solid; */
  border-bottom: 1px solid;
  vertical-align: middle;
}

.todayTable thead tr:first-child th {
  border-top: 1px solid;
}

.todayTable tr th:last-child {
  border-right: 1px solid #000;
}

.todayTable tr td:last-child {
  border-right: 1px solid #000;
}

.todayTable tbody tr:last-child td {
  border-bottom: 1px solid;
}

.todayTable .tableTd:hover .someprobtn {
  color: #000;
}

.todayTable th:nth-child(1) {
  border-top-left-radius: 10px;
  position: sticky;
  top: 0px;
  left: 0px;
  border-right: 1px solid;
  border-left: 1px solid;
}

.todayTable .tablemakstk tr:first-child th:nth-child(2) .generadatath {
  z-index: 0 !important;
}

.todayTable .tablemakstk tr:first-child th:nth-child(3) .generadatath {
  z-index: 0 !important;
}

.todayTable .tablemakstk tr:first-child th:nth-child(4) .generadatath {
  z-index: 0 !important;
}

.todayTable th:nth-child(9) {
  border-top-right-radius: 10px;
}

.todayTable tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.todayTable tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.tablemakstk {
  position: sticky;
  top: 0px;
  z-index: 1;
}

.tablemakstk tr:first-child th:nth-child(2) {
  z-index: 0 !important;
}

.tablemakstk tr:first-child th:nth-child(1) {
  z-index: 2 !important;
}

/* ============= changes on 17_08_22 ================ */

.agntabhead tr:first-child th:last-child table .searchFilter {
  pointer-events: none;
}

.activeUsa {
  color: #fff !important;
}

.modaltabagent {
  padding: 20px 20px 0px 20px !important;
}

.agentfootmodal {
  padding: 0px 1.5rem 1.5rem 1.5rem !important;
}

/* =============== No Data FOUND HERE CSS ======== */

.ndatafound {
  text-align: center;
  font-size: 16px;
}

.css-i6bazn {
  background-color: #fff;
}

/* ========= Loan table CSV ============= */

.loanUpload th>* th:nth-child(1) {
  width: 27vw;
  min-width: 27vw;
}

.loanUpload th:nth-child(6) {
  min-width: 6.5vw !important;
}

.loanTableImport tr:first-child th .updateleagalfith {
  padding: 10px !important;
}

/* ======================== Portflio wise ============== */

.portvied table .tableHead tr:nth-child(2) {
  display: none;
}

.portvied tfoot tr td:first-child {
  border-bottom-left-radius: 10px;
}

.portvied tfoot tr td:last-child {
  border-bottom-right-radius: 10px;
}

/* ============= No Data Found Here ================ */

.nodatafounh {
  text-align: center;
  margin-top: 20px;
}

/* ===================== Map alignment =============== */

.map-visualizer .svg-parent svg {
  max-width: 97%;
}

.tablesummary th:first-child {
  width: 2% !important;
  min-width: 2% !important;
}

.tablesummary td:nth-child(1) {
  width: 2% !important;
  min-width: 2% !important;
}

.protbtnflo {
  text-align: right;
  padding-right: 0px !important;
  margin-left: 17px;
}

.MuiBox-root-8 {
  padding: 48px 24px 0px 24px !important;
}

.tablmoloik {
  height: 654px;
}

.mngcrdbod {
  padding: 2rem 0rem !important;
}

.MuiBox-root-13 {
  padding: 0px !important;
  margin-top: 45px !important;
}

.staticContentChild:first-child div:nth-child(2) {
  margin-top: 20px;
}

.staticContentChild:nth-child(2) div:nth-child(2) {
  margin-top: 20px;
}

.staticContentChild:nth-child(3) div:nth-child(2) {
  margin-top: 5px;
}

.staticContentChild:nth-child(4) div:nth-child(2) {
  margin-top: 5px;
}

.staticContentChild:nth-child(5) div:nth-child(2) {
  margin-top: 20px;
}

/* ================== inactable ===================== */

.inactable tr th {
  border-top: 1px solid #000 !important;
  border-left: 1px solid #000;
  text-align: center;
  /* border-right: 0px solid #000; */
}

.inactable tr td {
  border-top: 1px solid !important;
  border-left: 1px solid;
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
  text-transform: uppercase;
}

.agencyuploadDoc tr td:first-child {
  text-align: left;
  min-width: 11vw;
}

.agencyuploadDoc tr td:last-child {
  text-align: left;
}

.inactable tr:last-child td {
  border-bottom: 1px solid;
}

.inactable tr th:last-child {
  border-right: 1px solid #000;
}

.inactable tr td:last-child {
  border-right: 1px solid #000;
}

.inactable thead:first-child tr th:first-child {
  border-top-left-radius: 11px;
}

.inactable thead:first-child tr th:last-child {
  border-top-right-radius: 11px;
}

.inactable tr:last-child td:first-child {
  border-bottom-left-radius: 11px;
}

.inactable tr:last-child td:last-child {
  border-bottom-right-radius: 11px;
}

.calmisset {
  z-index: 10;
}

/* ======================= Action Filter ==================== */

.actfilsel {
  color: #000;
  /* border:  1px solid #00b1cc; */
  font-size: 11px;
  text-align: left;
  font-weight: 500;
  z-index: 2;
  width: 70%;
  margin: auto;
}

.actfilsel .css-1wa3eu0-placeholder {
  color: #000;
  /* border:  1px solid #00b1cc;; */
}

.actfilsel .css-yk16xz-control {
  border: 1px solid #5e6278 !important;
  min-height: auto !important;
}

.actfilsel .css-tlfecz-indicatorContainer {
  padding: 4px !important;
}

.actfilsel option {
  z-index: 1;
}

.actfilsel .css-1pahdxg-control {
  min-height: 15px !important;
  outline: none !important;
  box-shadow: none;
  border: 1px solid #000;
}

.actfilsel .css-1gtu0rj-indicatorContainer {
  padding: 4px;
  color: #000;
}

.actfilsel .css-1pahdxg-control:hover {
  border: 1px solid #000;
}

.actfilsel .css-2613qy-menu {
  display: block !important;
}

/* =================== Dashboard Table Mng ======================== */

.padmngspac {
  padding: 1rem 0rem !important;
}

/* ========================= Overview Table ================ */

.overviewfinanc tr th {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  font-size: 14px;
  vertical-align: middle;
  /* background-color: #fff; */
}

.overviewfinanc tr td {
  border-top: 1px solid;
  border-left: 1px solid;
  font-size: 18px;
}

.financierTable .loanIdDownloadBtnDiv .btn.btn-clean {
  font-size: 18px;
}

.agencyTable .tableTd {
  font-size: 18px;
}

.agencyTable .loanIdDownloadBtnDiv .btn.btn-clean {
  font-size: 18px;
}

.overviewfinanc tr:last-child td {
  border-bottom: 1px solid;
}

.overviewfinanc tr td:last-child {
  border-right: 1px solid;
}

.overviewfinanc tr th:last-child {
  border-right: 1px solid #fff;
}

.overviewfinanc th:nth-child(1) th:nth-child(1) {
  width: 6vw !important;
  min-width: 6vw !important;
}

.overviewfinanc th:nth-child(2) th:nth-child(1) {
  width: 12vw !important;
  min-width: 12vw !important;
}

.overviewfinanc th:nth-child(3) th:nth-child(1) {
  width: 16vw !important;
  min-width: 19vw !important;
}

.overviewfinanc th:nth-child(7) th:nth-child(1) {
  width: 5vw !important;
  min-width: 6vw !important;
}

.overviewfinanc th:nth-child(8) {
  width: 3vw !important;
  min-width: 3vw !important;
}

.overviewfinanc th:nth-child(9) {
  width: 3vw !important;
  min-width: 3vw !important;
}

.overviewfinanc th:nth-child(1) {
  border-top-left-radius: 10px;
}

.overviewfinanc th:last-child {
  border-top-right-radius: 10px;
  /* background-color:#fff */
}

.overviewfinanc tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.overviewfinanc tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

/* ==============================  OverView Agency Info Table ================= */

.agentabover tr td {
  border-top: 1px solid;
  border-left: 1px solid;
}

.agentabover tr:last-child td {
  border-bottom: 1px solid;
}

.agentabover tr td:last-child {
  border-right: 1px solid;
}

.agentabover th:nth-child(2) th:nth-child(1) {
  width: 13vw !important;
  min-width: 13vw !important;
}

.agentabover th:nth-child(3) th:nth-child(1) {
  width: 17vw !important;
  min-width: 19vw !important;
}

.agentabover tr:first-child td:nth-child(1) {
  border-top-left-radius: 10px;
}

.agentabover tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

.agentabover tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.agentabover tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.agentabover .searchFilter {
  max-width: 100px;
}

.agentabover th:nth-child(7) .searchFilter {
  pointer-events: none;
}

.agentabover th:nth-child(8) .searchFilter {
  pointer-events: none;
}

.usertablover .searchFilter {
  max-width: 100px;
}

/* ================== Financier Info ========================== */
.financierTable tr:first-child td:nth-child(1) {
  border-top-left-radius: 10px;
}

.financierTable tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

/* .financierTable.searchFilter {
    border: 1px solid #5e6278;
    border-radius: 0.3rem;
    font-size: 0.9rem;
    padding: 4px;
    background-color: #ffffff;
    margin-left: -2px;

} */

.financetabov tr th {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  vertical-align: middle;
  text-align: left;
}

.financetabov tr td {
  border-top: 1px solid;
  border-left: 1px solid;
}

.financetabov tr:last-child td {
  border-bottom: 1px solid;
}

.financetabov tr td:last-child {
  border-right: 1px solid;
}

.financetabov tr th:last-child {
  border-right: 1px solid;
}

.financetabov th:nth-child(2) th:nth-child(1) {
  width: 12vw !important;
  min-width: 12vw !important;
}

.financetabov th:nth-child(4) th:nth-child(1) {
  width: 15vw !important;
  min-width: 15vw !important;
}

.financetabov th:nth-child(1) {
  border-top-left-radius: 10px;
}

.financetabov th:last-child {
  border-top-right-radius: 10px;
}

.financetabov tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.financetabov tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.financetabov .loanTblDownloadLoanIdBtn {
  color: #000 !important;
}

.financetabov .loanTblDownloadLoanIdBtn:hover {
  color: #00b1cc !important;
}

/* ========================== Agency User ==================== */

.usertablover tr th {
  padding-bottom: 10px;
}

.usertablover .ansecodcolm {
  padding: 6px 0px !important;
}

.usertablover tr td {
  border-top: 1px solid;
  border-left: 1px solid;
  font-size: 16px;
}

.agencyUserTable .loanIdDownloadBtnDiv .btn.btn-clean {
  font-size: 16px;
}

.usertablover tr:last-child td {
  border-bottom: 1px solid;
}

.usertablover tr td:last-child {
  border-right: 1px solid;
}

.usertablover th:nth-child(2) th:nth-child(1) {
  width: 12vw !important;
  min-width: 12vw !important;
}

.usertablover th:nth-child(3) th:nth-child(1) {
  width: 12vw !important;
  min-width: 12vw !important;
}

.usertablover th:nth-child(4) th:nth-child(1) {
  width: 18vw !important;
  min-width: 18vw !important;
}

.usertablover tr:first-child td:nth-child(1) {
  border-top-left-radius: 10px;
}

.usertablover tr:first-child td:last-child {
  border-top-right-radius: 10px;
}

.usertablover tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.usertablover tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.expdatavari
/* ================= Download List =============== */

.financetabov tr th {
  border-top: 1px solid;
  border-left: 1px solid;
  vertical-align: middle;
}

.financetabov tr td {
  border-top: 1px solid;
  border-left: 1px solid;
}

.financetabov tr:last-child td {
  border-bottom: 1px solid;
  font-size: 18px;
}

.financetabov tr td:last-child {
  border-right: 1px solid;
}

.financetabov tr th:last-child {
  border-right: 1px solid #000;
}

.financetabov th:nth-child(2) th:nth-child(1) {
  width: 12vw !important;
  min-width: 12vw !important;
}

.financetabov th:nth-child(4) th:nth-child(1) {
  width: 15vw !important;
  min-width: 15vw !important;
}

.financetabov th:nth-child(1) {
  border-top-left-radius: 10px;
}

.financetabov th:last-child {
  border-top-right-radius: 10px;
}

.financetabov tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.financetabov tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

/* =========================== Fild Mis Table =================== */

.customListTable.table-bordered th {
  padding: 3px !important;
  vertical-align: middle;
  height: 58px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.callerTelecallingTable th {
  height: 58px;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.callerTabs .eHiLZh {
  padding: 0rem !important;
}

.callerTabs .cVBrrT {
  padding: 0rem !important;
}

/* .flidmistabl th:nth-child(1) th {
    width: 15vw;
    min-width: 15vw;
}

.flidmistabl th:nth-child(2) th {
  width: 15vw;
  min-width: 15vw;
}

.flidmistabl th:nth-child(3) th {
  width: 8vw;
  min-width: 11vw;
}

.flidmistabl th:nth-child(4) {
  width: 8vw;
  max-width: 8vw;
}

.flidmistabl .content td {
  min-width: 7.5vw !important;
}
    min-width: 7.5vw !important;
} */

.flidmistabl tr:last-child td {
  border-bottom: 1px solid;
}

.flidmistabl tr td:last-child {
  border-right: 1px solid;
}

.flidmistabl tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.flidmistabl tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.flidmistabl tr:first-child th:first-child {
  border-top-left-radius: 10px;
  border-left: 1px solid #000;
}

.callerTelecallingTable th {
  min-width: auto !important;
}

.flidmistabl tr:first-child th:last-child {
  border-top-right-radius: 10px;
}

.flidmistabl tr:first-child .fildmith:first-child {
  position: sticky;
  left: 0px;
  min-width: 20vw;
  border-left: 1px solid #000;
}

.flidmistabl tr td:first-child {
  position: sticky;
  left: 0px;
  background: #fff;
  text-align: center;
}

.flidmistabl tr:first-child th:nth-child(2) {
  position: sticky;
  left: 27.1%;
  background: var(--tblbBack);
}

.flidmistabl tr td:nth-child(2) {
  position: sticky;
  left: 27.1%;
  background: #fff;
  text-align: center;
  /* position: sticky;
    left: 0px;
    min-width: 20vw; */
  border-left: 1px solid #000;
}

.flidmistabl tr td:first-child {
  /* position: sticky;
    left: 0px; */
  background: #fff;
  text-align: center;
}

.flidmistabl tr:first-child th:nth-child(2) {
  /* position: sticky;
    left: 307.7px; */
  background: var(--tblbBack);
}

.flidmistabl tr td:nth-child(2) {
  /* position: sticky;
    left: 307.7px; */
  background: #fff;
  text-align: center;
}

.flidmistabl tr td:nth-child(3) {
  text-align: center;
}

.flidmistabl tr:first-child th:nth-child(3) {
  min-width: 17vw;
}

/* .flidmistabl tr:first-child th:nth-child(3) {
    min-width: 17vw;
} */

/* ================ Data Export ============================ */

.expdatavari th {
  border-right: 1px solid;
  border-top: 1px solid;
  padding: 3px !important;
  background-color: var(--tblbBack);
  color: #fff;
}

.expdatavari th:first-child {
  border-left: 1px solid;
}

.expdatavari td:first-child {
  border-left: 1px solid;
}

.expdatavari tr:last-child td {
  border-bottom: 1px solid;
}

.expdatavari td {
  border-right: 1px solid;
  border-top: 1px solid;
  font-size: 18px !important;
}

.expdatavari thead tr:nth-child(2) {
  display: none;
}

.expdatavari .generadatath div {
  padding: 12px;
}

.expdatavari th:first-child {
  border-top-left-radius: 10px;
  border-left: 1px solid #000;
}

.expdatavari th:last-child {
  border-top-right-radius: 10px;
  border-right: 1px solid #000;
}

.expdatavari tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.expdatavari tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.areacharher .areaChart {
  height: 665px;
}

.tablemnpadd .dynamicChart .card.card-custom>.card-body {
  padding: 1rem 0.25rem !important;
}

.tablemnpadd .barChart .card.card-custom>.card-body {
  padding: 1rem 0.25rem !important;
}

.areacharher .card-custom {
  height: 636px !important;
}

.selcsvcomi label.csvLabel input[type="file"] {
  position: absolute;
  top: -1000px;
}

.bodycontentmngh {
  padding: 10px 0px !important;
}

.autocardbody {
  padding: 2rem 1.5rem !important;
}

/* ============== Table color changes ====================== */

.bucketWiseTable tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.uploadedDataCard tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.citiesWiseTable tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.callerWiseMisTable tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.loanInfoCard tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.financierTable tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.tbodyhovermng tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.agencyTable tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.flidmistabl tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.inactable tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.modaltableher tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

.modaltableher tr:hover {
  background-color: #e4e4e7;
}

.inactable tr:hover {
  background-color: #e4e4e7;
}

.flidmistabl tr:hover {
  background-color: #e4e4e7;
}

.citiesWiseTable tr:hover {
  background-color: #e4e4e7;
}

.agencyTable tr:hover {
  background-color: #e4e4e7;
}

.financierTable tr:hover {
  background-color: #e4e4e7;
}

.uploadedDataCard tr:hover {
  background-color: #e4e4e7;
}

.loanInfoCard tr:hover {
  background-color: #e4e4e7;
}

.bucketWiseTable th {
  background-color: var(--tblbBack) !important;
  color: #fff !important;
}

.mngfiletypeh {
  position: absolute;
  top: -1000px;
}

.mngbtnpositon {
  position: absolute;
  right: 0px;
}

.somesecltn {
  width: 180px;
}

/* ================= 02-09-2022 table width =================== */

.portvied {
  max-width: fit-content;
}

.bucketWiseTable td div {
  font-size: 19px;
}

.bucketWiseTable td {
  font-size: 19px;
}

.summary_ .loanTable td,
.summary_ .bucketWiseTable td {
  font-size: 22px;
  text-align: right;
}

.mngcrdbod {
  height: 416px;
}

.citiesWiseTable.table-bordered th {
  background-color: var(--tblbBack);
  color: #fff;
  vertical-align: middle;
}

.someradiush td:first-child {
  background-color: #fff;
}

.financierWiseTable td {
  font-size: 19px;
}

.financierWiseTable .tblFooterColor {
  font-size: 19px;
}

.text-div {
  padding: 10px 0px;
}

.loanTableImport .tableTd {
  font-size: 18px;
}

/* #temfileheafil {
    margin-bottom: 20px !important;
    border-radius: 5px;
} */

/* ============== table layout changes on 05_09_2022============= */

.bucketWiseTable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.bucketWiseTable tbody tr:last-child td:last-child {
  /* border-bottom-right-radius: 10px; */
}

.tablesummary tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.tablesummary tbody tr:last-child td {
  border-bottom: 1px solid #000;
}

.tablesummary tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.financierWiseTable tbody tr:last-child td {
  border-bottom: 1px solid #000;
}

.financierWiseTable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
  /* background-color: #fff; */
}

.financierWiseTable tbody tr:last-child td:first-child:hover {
  background-color: #e4e4e7;
}

.financierWiseTable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/* ============ Acenna Financier help section =============== */

.helpimg {
  max-width: 100%;
}

.helpusher h4,
p {
  font-size: 19px;
  font-weight: 500;
  margin: 25px 0px;
}

.helpusher p {
  font-size: 19px;
  font-weight: 500;
}

.helpusher ul li,
a {
  font-size: 14px;
}

.helpusher h4::before {
  content: "";
  display: block;
  background: url("../media/img/location.png") no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  margin: 0px 6px 0 0;
}

.anchorlink a::before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.2) url("https://img.icons8.com/color/20/000000/apple-mail.png") no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  margin: 5px 6px 0 0;
}

.anchorlink {
  margin: 20px;
}

.helpusher ul {
  margin: 30px 0px;
}

.MuiTableCell-root {
  padding: 6px 16px !important;
  font-size: 16px !important;
}

.financierWiseTable th {
  font-size: 19px;
}

.react-pdf__Page__canvas {
  margin: auto;
}

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

.inpnummng p:first-child {
  margin-right: 10px;
}

.inpnummng p {
  cursor: pointer;
}

.customercon {
  font-size: 19px;
  font-weight: 600;
}

.geogracity tr th {
  max-width: 8vw !important;
}

.citiesWiseTable.table-bordered td:last-child {
  border-right: 1px solid #000;
}

.infogrouph {
  border-radius: 10px;
}

.loanIdDownloadBtnDiv .someprobtn {
  font-size: 18px;

}

.selectbuckfin .jobRoleSelect {
  z-index: 2;
}

/* ===================== Notification Tables Start ============== */

.notificationTables thead tr th table tr:first-child th {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  vertical-align: middle;
  padding: 8px;
}

.notificationTables thead tr th:first-child table tr:first-child th {
  border-left: 1px solid #000;
  border-top-left-radius: 10px;
}

.notificationTables thead tr th:first-child table tr:last-child th {
  border-left: 1px solid #000;
  border-top-right-radius: 10px;
}

.notificationTables td {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}

.notificationTables tbody tr td:first-child {
  border-left: 1px solid #000;
}

.notificationTables tbody tr:last-child td {
  border-bottom: 1px solid #000;
}

.notificationTables tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.notificationTables tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.notificationtbl {
  border-radius: 10px;
}

/* ===================== Send Notification Tables Start ============== */

.sendNotificationTables thead tr th table tr:first-child th {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  vertical-align: middle;
  padding: 8px;
}

.sendNotificationTables thead tr th:first-child table tr:first-child th {
  border-left: 1px solid #000;
  border-top-left-radius: 10px;
}

.sendNotificationTables thead tr th:first-child table tr:last-child th {
  border-left: 1px solid #000;
  border-top-right-radius: 10px;
}

.sendNotificationTables td {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}

.sendNotificationTables tbody tr td:first-child {
  border-left: 1px solid #000;
}

.sendNotificationTables tbody tr:last-child td {
  border-bottom: 1px solid #000;
}

.sendNotificationTables tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.sendNotificationTables tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.notificationtbl {
  border-radius: 10px;
}

.tblScroll {
  border-radius: 10px;
}

.soposzin {
  z-index: 2;
}

.custophoto {
  margin-top: 80px;
}

.noborder {
  border: none !important;
}

/* ===================== Search Loan ========================= */

.adrcontedeta .tableHead tr:nth-child(2) {
  display: none;
}

.smstabdetai .tableHead tr:nth-child(2) {
  display: none;
}

.customCardBody {
  padding: "";
}

/* .customCardBody {
    padding:"";
} */

.colapsbtnnotifi {
  color: #00b1cc !important;
  font-size: 14px;
  border: 1px solid #00b1cc !important;
  border-radius: 0px !important;
  padding: 7px !important;
  background: transparent;
}

.colapsbtnnotifi:hover {
  background-color: #00b1cc !important;
  color: #fff !important;
}

.loanTblDownloadLoanIdBtn {
  font-size: 18px !important;
}

.bothcardmngh .card.card-custom {
  height: calc(100% - 25px);
}

.bktwisecond tr td {
  padding: 9px !important;
}

.dataExport th {
  text-transform: uppercase;
  font-size: 18px;
}

.addressTable .tableTd {
  font-size: 18px;
}

.dispositionTable .tableTd {
  font-size: 18px;
}

.dispositionTable th {
  font-size: 18px !important;
  vertical-align: middle !important;
}

.addressTable tbody tr:nth-child(even) {
  background: #f2f2f2;
}

.addressTable tbody tr:hover {
  background: #e4e4e7;
}

.dispositionTable tbody tr:nth-child(even) {
  background: #f2f2f2 !important;
}

.dispositionTable tbody tr:hover {
  background: #e4e4e7;
}

.bucketmngpro .foottableHead tr td {
  padding: 8px !important;
  height: 72px;
  background: #f2f2f2;
}

.tablesummary .foottableHead tr td {
  background: #f2f2f2;
}

.citiesWiseTable .foottableHead tr td {
  background: #f2f2f2;
}

.posDistribution .foottableHead tr td {
  padding: 8px !important;
  height: 52px !important;
  background: #f2f2f2;
}

.bucketWiseTable .tfootmngbuckt tr td {
  padding: 21px 8px;
}

.dispositionTable tr td:first-child {
  border-left: 1px solid #000;
}

.addressTable tr td:first-child {
  border-left: 1px solid #000;
}

.allNotificationTable th:nth-child(2) {
  min-width: 10vw;
}

.dataExportTable .tableTd:nth-child(2) {
  text-align: right;
}

.dataExport th:nth-child(3) {
  min-width: 11vw;
}

.dataExport th:nth-child(4) {
  min-width: 11vw;
}

.dataExport th:nth-child(5) {
  min-width: 6vw;
}

.dataExportTable .tableTd:nth-child(5) {
  min-width: 6vw;
}

/* ======================= Select CSV Start here =========================== */

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(1) th:nth-child(1) {
  min-width: 12vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(3) th:nth-child(1) {
  min-width: 17vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(5) th:nth-child(1) {
  min-width: 15vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(13) th:nth-child(1) {
  min-width: 12vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(14) th:nth-child(1) {
  min-width: 14vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(15) th:nth-child(1) {
  min-width: 14vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(16) th:nth-child(1) {
  min-width: 12vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(17) th:nth-child(1) {
  min-width: 15vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(18) th:nth-child(1) {
  min-width: 8vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(19) th:nth-child(1) {
  min-width: 10vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(20) th:nth-child(1) {
  min-width: 10vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(21) th:nth-child(1) {
  min-width: 20vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(22) th:nth-child(1) {
  min-width: 13vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(23) th:nth-child(1) {
  min-width: 18vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableHead tr th:nth-child(6) th:nth-child(1) {
  min-width: 17vw !important;
}

.csvimptabl .tblScroll .loanTableImport .tableTd:nth-child(1) {
  min-width: 9vw;
}

.csvimptabl .tblScroll .loanTableImport th:nth-child(4) {
  width: 7.5vw;
  min-width: 7.5vw;
}

/* ======================== Attendance Table here ==================== */

.attendancetabl tr th {
  border-top: 1px solid #000;
  background-color: var(--tblbBack);
  color: #fff;
  border-right: 1px solid #000;
  padding: 15px 10px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
}

.attendancetabl tr th:first-child {
  border-left: 1px solid #000;
  border-top-left-radius: 10px !important;
}

.attendancetabl tr th:last-child {
  border-top-right-radius: 10px !important;
}

.attendancetabl tr:last-child td:nth-child(6) .css-2b097c-container .css-2613qy-menu {
  display: block;
}

.attendancetabl tr td {
  border-top: 1px solid #000;
  color: #000;
  border-right: 1px solid #000;
  padding: 10px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}

.attendancetabl {
  width: 100%;
}

.attendancetabl tr td:first-child {
  border-left: 1px solid #000;
}

.attendancetabl tr:last-child td {
  border-bottom: 1px solid #000;
}

.attendancetabl tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.attendancetabl tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.attendancetabl tbody tr:nth-child(even) {
  background: #f2f2f2;
}

.attendancetabl tbody tr:hover {
  background: #e4e4e7;
}

.modalpending {
  font-weight: 400;
  cursor: pointer;
  color: #3315db;
  border: 1px solid #3315db;
  border-radius: 5px;
  padding: 7px 0px;
  max-width: 100px;
  margin: auto;
}

.agentActivityDiv .css-i6bazn {
  overflow: visible;
}

.modaldone {
  font-weight: 400;
  cursor: default;
  background-color: green;
  color: #fff;
  border-radius: 5px;
  padding: 7px 0px;
  max-width: 100px;
  margin: auto;
}

.btnapcpt {
  background-color: green;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 6px 20px;
  font-size: 16px;
  margin-right: 15px;
}

.btnreject {
  background-color: transparent;
  color: red;
  border: 1px solid red;
  border-radius: 5px;
  padding: 6px 20px;
  font-size: 16px;
}

.confirmationbtn {
  display: flex;
  justify-content: space-around;
}

.cherigt {
  font-size: 20px;
  color: green;
}

.chewrong {
  font-size: 20px;
  color: red;
}

.attendanmodalmngpr .modal-content {
  max-width: fit-content;
  margin: auto;
}

.textacont:focus {
  border-color: #00ddff !important;
}

.textacont {
  border-radius: 5px !important;
  resize: none;
  border: 1px solid #645959 !important;
}

.attenactive {
  background-color: green;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 6px 20px;
  font-size: 16px;
  max-width: 110px;
}

.atteninactive {
  background-color: transparent;
  color: red;
  border: none;
  border: 1px solid red;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 16px;
  max-width: 110px;
}

.valuotpn {
  outline: none;
  border-radius: 5px;
  padding: 3px;
}

.wrapper_btnselt {
  display: inline-flex;
  background: #fff;
  height: 100px;
  width: 400px;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 5px;
  padding: 20px 15px;
}

.wrapper_btnselt .option {
  background: #fff;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin: 0 10px;
  border-radius: 5px;
  cursor: pointer;
  padding: 0 10px;
  /* border: 2px solid lightgrey; */
  transition: all 0.3s ease;
}

.option-1 {
  border: 2px solid green !important;
}

.option-2 {
  border: 2px solid red !important;
}

.wrapper_btnselt .option .dot {
  height: 20px;
  width: 20px;
  background: #d9d9d9;
  border-radius: 50%;
  position: relative;
}

.wrapper_btnselt .option .dot::before {
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #0069d9;
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.3s ease;
}

input[type="radio"] {
  display: none;
}

.acceptlisth .cherigt {
  color: #fff !important;
}

.acceptlisth {
  border-color: green;
  background: green !important;
  color: #fff !important;
}

.rejectlisth .chewrong {
  color: #fff !important;
}

.rejectlisth {
  border-color: red;
  background: red !important;
  color: #fff !important;
}

#option-1:checked:checked~.option-1 .dot,
#option-2:checked:checked~.option-2 .dot {
  background: #fff;
}

#option-1:checked:checked~.option-1 .dot::before,
#option-2:checked:checked~.option-2 .dot::before {
  opacity: 1;
  transform: scale(1);
}

.option-1 {
  font-size: 20px;
  color: green;
}

.option-2 {
  font-size: 20px;
  color: red;
}

#option-1:checked:checked~.option-1 span,
#option-2:checked:checked~.option-2 span {
  color: #fff;
}

#option-1:checked:checked~.option-1 span .cherigt,
#option-2:checked:checked~.option-2 span .chewrong {
  color: #fff;
}

.activefosbtn {
  border: none;
  background: transparent;
}

.attendancetabl tr td:nth-child(6) {
  min-width: 8vw;
}

.Approved {
  /* background-color: green; */
  color: green;
  border-color: green;
}

.Rejected {
  background-color: transparent;
  color: red;
  border-color: red;
}

th:hover {
  border-radius: 0px !important;
}

.mngindash tr td {
  padding: 10px;
}

.comp_off {
  width: 100%
}

.comp_off tr th {
  border-top: 9px solid #333 !important;
  border-left: 1px solid #000;
  text-align: center;
  /* border-right: 0px solid #000; */
}


.requiredRemark {
  color: red;
  font-size: 12px;
  padding: 4px;
}

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

.acceptDataCss .svgSetting {
  height: 2rem;
  width: 2rem;
}

.fildmiscsv .colapsbtnher:hover {
  color: #fff !important;
  background-color: #00b1cc !important;
  border-color: transparent;
}

.fildmiscsv .colapsbtnher {
  margin-left: 0;
  color: #00b1cc !important;
  font-size: 14px;
  border: 1px solid #00b1cc !important;
  border-radius: 0px !important;
  padding: 7px !important;
  background: transparent;
  margin-right: 8px;
}

.colapsbtnnotifi {
  color: #00b1cc !important;
  font-size: 14px;
  border: 1px solid #00b1cc !important;
  border-radius: 0px !important;
  padding: 7px !important;
  background: transparent;
}

.colapsbtnnotifi:hover {
  background-color: #00b1cc !important;
  color: #fff !important;
}

.agentmodal .modal-lg {
  max-width: fit-content !important;
  min-width: 31vw;
}

.flidmistabl tr td:first-child {
  text-align: left;
}

.flidmistabl tr td:nth-child(2) {
  text-align: left;
}

.flidmistabl tr td:nth-child(3) {
  text-align: left;
}

.flidmistabl th:nth-child(1),
th:nth-child(2) {
  text-align: center;
}

.flidmistabl th:nth-child(3) th {
  text-align: left;
}

.allocationtabl .loanTable td:nth-child(3) {
  text-align: right;
}

.allocationtabl .loanTable td:nth-child(4) {
  text-align: right;
}

.allocationtabl .loanTable td:nth-child(5) {
  text-align: left;
}

.allocationtabl .loanTable td:nth-child(6) {
  text-align: center;
}

.financierTable tr td:nth-child(2) {
  text-align: left;
}

.financierTable tr td:nth-child(3) {
  text-align: left;
}

.financierTable tr td:nth-child(4) {
  text-align: right;
}

.financierTable tr td:nth-child(5) {
  text-align: right;
}

.financierTable tr td:nth-child(6) {
  text-align: right;
}

.financierTable tr td:nth-child(7) {
  text-align: center;
}

/* .financierTable .table-Head{
    background-color: tan;
} */

.agencyTable tr td:nth-child(2) {
  text-align: left;
}

.agencyTable tr td:nth-child(3) {
  text-align: left;
}

.agencyTable tr td:nth-child(4) {
  text-align: right;
}

.agencyTable tr td:nth-child(5) {
  text-align: right;
}

.agencyTable tr td:nth-child(6) {
  text-align: right;
}

.agencyTable tr td:nth-child(7) {
  text-align: center;
}

.notificationTables td:last-child {
  text-align: right;
}

.dashAttendance tr td:first-child {
  text-align: left;
}

.dashAttendance tr td {
  text-align: right;
}

/* .dashAccepttr tr td {
    text-align: right;
} */

.dashAccept tr td:nth-child(1) {
  text-align: left;
}

.dashAccept tr td:nth-child(2) {
  text-align: left;
}

.dashAccept tr td:nth-child(3) {
  text-align: right;
}

.dashAccept tr td:nth-child(4) {
  text-align: right;
}

.dashAccept tr td:nth-child(5) {
  text-align: right;
}

.agencyTable .tableHead th {
  text-align: center !important;
}

.financiSelect {
  max-width: 150px;
  float: right;
}

.financiSelect .css-yk16xz-control {
  border: 2px solid #00b1cc !important;
  border-radius: 2.5rem !important;
  font-size: 1rem !important;
  padding: 0px;
  background-color: #00b1cc !important;
  display: flex;
  height: 34px !important;
  min-height: 34px !important;
  cursor: pointer;
}

.financiSelect .css-tlfecz-indicatorContainer {
  color: #fff !important;
}

.financiSelect .css-1wa3eu0-placeholder {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

.financiSelect .css-1uccc91-singleValue {
  color: #fff;
}

.leaveTable .css-1uccc91-singleValue {
  font-size: 16px !important;
  margin-left: 0;
}

.financiSelect .css-1pahdxg-control {
  border: 2px solid #00b1cc !important;
  border-radius: 2.5rem !important;
  font-size: 1rem !important;
  padding: 0px;
  background-color: #00b1cc !important;
  display: flex;
  height: 34px !important;
  min-height: 34px !important;
}

.financiSelect .css-1gtu0rj-indicatorContainer {
  color: #fff;
}

.financiSelect .css-1gtu0rj-indicatorContainer:hover {
  color: #fff;
}

.financiSelect input[type="text"] {
  color: #fff !important;
}

.modaltabagent .modaltableher tr td:nth-child(2):hover {
  color: #00b1cc;
  cursor: pointer;
}

.agencymodaluser .react-date-picker__calendar {
  width: 268px !important;
}

.uploadBtnAgFile {
  background: #00b1cc;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
}

.uploadBtnAgFile i {
  color: #fff;
}

.agencyUploadPhoto {
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
}

.agencyUploadPhoto:first-child {
  margin-top: 10px;
}

.agencyUploadPhoto span {
  margin: 0px 10px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 1.8;
  display: flex;
  justify-content: center;
  align-items: center;
}

.agencyUploadPhoto span:hover {
  background: #f4f4f4;
}

.agencyUploadPhoto p {
  display: inline-block;
  width: 135px;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: initial;
  overflow: hidden;
  font-size: 12px;
  font-weight: normal;
}

.agencyuploadDoc tr td:nth-child(2) {
  min-width: 11vw;
}

/* ========================klimoModal================================= */
.resultfound {
  font-weight: 700;
  font-size: 28px;
  line-height: 60px;
  text-decoration-line: underline;
  color: #000000;
  text-align: center;
  text-transform: uppercase;
}

.datanamfo {
  overflow-wrap: break-word;
  line-height: 2.5;
}

.iconlogo {
  max-width: 60px;
}

.iconlist ul li {
  list-style: none;
  display: inline-block;
  padding: 0px 20px;
}

hr {
  border: 2px solid #000;
}

.designlayout {
  padding-top: 25 !important;
}

.designlayout {
  border: 2px solid #000;
  /* margin-top: 20px; */
  /* margin-bottom: 20px; */
  background-color: #fff;
  border-radius: 20px;
  padding-top: 30px;

  padding-bottom: 30px;
  /* height: 630px;
    overflow-x: scroll; */
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.klimotable table {
  width: 100%;
  border-radius: 12px;
}

.klimotable table tr th {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

.klimotable table tr th:last-child {
  border-right: 1px solid #000;
  border-top-right-radius: 10px;
  min-width: 10vw;
}

.klimotable {
  overflow-x: hidden;
  height: 85vh;
  border-radius: 10px;
}

.klimotable table tr th:first-child {
  border-right: 1px solid #000;
  border-top-left-radius: 10px;
  max-width: 4vw;
}

.klimotable table tr td:first-child {
  text-align: right;
}

.klimotable table tr td {
  padding: 5px 10px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}

.klimotable table tr td:last-child {
  border-right: 1px solid #000;
}

.klimotable table tr:last-child td {
  border-bottom: 1px solid #000;
}

.klimotable table tr th {
  background-color: #333;
  color: #fff;
  padding: 10px 10px;
  font-size: 18px;
  font-weight: 600;
  top: 0px;
  position: sticky;
  text-align: center;
  vertical-align: middle;
}

.klimotable table tr td {
  padding: 10px 10px;
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  vertical-align: middle;
}

.klimotable table tr td span:hover {
  color: #000;
  cursor: pointer;
}

.klimotable table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.klimotable table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.modalstylechange {
  position: absolute;
  /* inset: 7% auto auto 5%; */
  background: rgba(0, 0, 0, 0.7);
  overflow: auto;
  border-radius: 4px;
  outline: none;
  padding: 20px;
  width: 200%;
  height: 100vh;
  margin-right: 0%;
}

.ReactModal__Overlay {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.designlayout {
  padding: 35px;
}

.btnmodalclosemng {
  position: fixed;
  z-index: 11;
  right: 3%;
  top: 1%;
  color: #fff;
  background-color: #00b1cc;
  border-color: #00b1cc;
  border: none;
  font-weight: 600;
  width: 65px;
  font-size: 16px;
  height: 65px;
  padding: 10px 25px;
  border-radius: 50%;
}

.btnmodalclosemng span {
  font-size: 23px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

table {
  border-spacing: 0;
  border-collapse: inherit;
  text-transform: uppercase;
}

.mainwapperdiv {
  background: rgba(0, 0, 0, 0.7) url("./images/data.jpg");
  background-blend-mode: darken;
  height: 100vh;
}

.klimotable table tr td:first-child {
  min-width: 3vw;
  max-width: 3vw;
}

.klimotable table tr td:nth-child(2) {
  min-width: 16vw;
  max-width: 13vw;
}

.klimotable table tr td:nth-child(3) {
  max-width: 17vw;
  overflow: hidden;
  overflow-wrap: break-word;
}

.klimotable table tr td:nth-child(4) {
  max-width: 21vw;
  overflow: hidden;
  overflow-wrap: break-word;
}

.klimotable table tr td:nth-child(5) {
  max-width: 25vw;
  overflow: hidden;
  overflow-wrap: break-word;
}

.maincontainerprops {
  padding: 11px 40px;
}

.mngbtnherprop {
  display: flex;
  justify-content: center;
  position: relative;
}

.backbtn {
  position: absolute;
  left: 2%;
  top: 4%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00b1cc;
  border: none;
  padding: 10px 12px 15px 10px;
  font-size: 17px;
  color: #fff;
  height: 45px;
  font-weight: 600;
  border-radius: 5px;
}

.backbtn span {
  font-size: 24px;
}

.noDataFound {
  background: #fff;
  display: flex;
  width: 500px;
  justify-content: center;
  align-items: center;
  margin: auto;
  height: 300px;
  border-radius: 10px;
  margin-top: 14%;
  position: relative;
}

.leavePolicyModal {
  height: 650px !important;
  width: 900px !important;
  /* align-items: left !important; */
}

.btnclosebtnh {
  position: absolute;
  z-index: 11;
  right: 3%;
  top: -21%;
  color: #fff;
  background-color: #00b1cc;
  border-color: #00b1cc;
  border: none;
  font-weight: 600;
  width: 50px;
  font-size: 16px;
  height: 50px;
  border-radius: 50%;
}

.noDataFound img {
  max-width: 100%;
  border-radius: 10px;
}

.modalstylechange .modal-content {
  position: relative;
  /* display: flex; */
  flex-direction: column;
  width: 200% !important;
  pointer-events: auto;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, 0.2);
  border-radius: 2.5rem;
  box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 10%);
  outline: 0;
  margin-left: -200px;
}

.modalstylechange_klimo .modal-content {
  position: relative;
  pointer-events: auto;
  /* background-color: #ffffff; */
  /* background-clip: padding-box; */
  border: 0 solid rgba(0, 0, 0, 0.2);
  border-radius: 1.4rem;
  box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 10%);
  outline: 0;
  margin-top: 35%;
  /* background-color: rgba(0, 0, 0, 0.7) !important; */
}

.leavePolicyModal {
  height: 650px !important;
  width: 900px !important;
  /* align-items: left !important; */
}

.klimoCustomer tr th {
  color: #fff;
  background: #000;
  font-size: 18px;
  padding: 10px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  text-align: center;
}

.klimoCustomer table {
  width: 100%;
}

.kilmoTableDetails .kilmoTable {
  overflow-x: hidden;
  height: 85vh;
  border-radius: 10px;
}

.kilmoTableDetails tr th th {
  background-color: #333;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  color: #fff;
  font-size: 18px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}

.kilmoTableDetails tr th:first-child th {
  min-width: 5vw;
}

.kilmoTableDetails tr th:last-child th {
  min-width: 10vw;
}

.kilmoTableDetails tr td {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  font-size: 18px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}

.kilmoTableDetails tr td:last-child {
  border-right: 1px solid #000;
}

.kilmoTableDetails tr:last-child td {
  border-bottom: 1px solid #000;
}

.kilmoTableDetails tr th:last-child {
  border-right: 1px solid #000;
}

.kilmoTableDetails tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.kilmoTableDetails tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

.klimoTbale {
  text-align: left;

}

.loanIdDownloadBtnDiv1 {
  text-align: center;
}

.loanIdDownloadBtnDiv2 {
  text-align: left;
  min-width: 15vw;
}

.klimo-modal {
  padding: 18px 25px !important;
}

.TimeDote {
  line-height: 43px;
  margin-bottom: 0px;
}

.agencyUserTable td:nth-child(2) {
  text-align: left !important;
}

.agencyUserTable td:nth-child(3) {
  text-align: left !important;
}

.agencyUserTable td:nth-child(4) {
  text-align: left !important;
}

.agencyUserTable td:nth-child(5) {
  text-align: right !important;
}

.agencyUserTable td:nth-child(6) {
  text-align: right !important;
}

.agencyUserTable td:nth-child(7) {
  text-align: right !important;
}

.agencyUserTable td:nth-child(8) {
  text-align: left !important;
}

/* .agencyUserTable tr td:nth-child(2) {
  text-align: left;
}  */
.sendNotificationTables tr td:nth-child(3) {
  text-align: left;
}

.sendNotificationTables tr td:nth-child(4) {
  text-align: left;
}

.sendNotificationTables tr td:nth-child(6) {
  text-align: left;
}

.sendNotificationTables tr td:nth-child(7) {
  text-align: left;
}

/* ============================Leave css =============================== */

#leaveApplication {
  margin-left: 30px;
}

#leavesummary {
  margin-left: 0px;
}

.leavetypelbl2 {
  padding-right: 230px;
  /* justify-content:flex-end ; */
  flex-direction: row;
  align-items: flex-end;
}

/* .EmployeeNameinput input{

} */
/* #inputemployeeid{
  
} */
.days {
  text-align: center;
}




#buttonleave2 {
  margin-left: 306;
}

.leavelbl label {
  font-size: 16px;
  font-weight: 600;
}

.leaveAppbtn {
  padding: 12px 65px !important;
}

.leaveInfobtn {
  /* border-left: 600px; */
  padding-top: 8px !important;
  margin-top: 0px !important;
  margin-left: 30px !important;
}

/* .leavePolicy{
  margin-left: 340px  !important;
} */
.leaveCnlbtn {
  margin-top: 79px;
}

.leavePolicyModalContant {
  text-align: center;
  padding-top: 10px;
}

/* .maximum3pendingleaves{
  padding-bottom: 10px;
} */

.leavePolicyModalData {
  margin-left: 20px;
  color: #000000;
  font-size: initial;
}

.modalstylechange_LeavePolicyModal .modal-content {
  width: 700px;
  padding: 36px 0 15px;
}

.modalstylechange_Leave .modal-content {
  width: 700px !important;
  padding: 36px 0 15px !;
}

.editTodayModalStyle .attendanmodalmngpr_leaveModalStatus .modal-content {
  width: 500px;
  padding: 36px 15px;
}

.leaveapplyBtn {
  position: absolute;
  z-index: 11;
  right: 1%;
  top: -8%;
  color: #fff;
  background-color: #00b1cc;
  border-color: #00b1cc;
  border: none;
  font-weight: 600;
  width: 50px;
  font-size: 16px;
  height: 50px;
  border-radius: 50%;
}

.leaveModalStatusBtn {
  position: absolute;
  z-index: 11;
  right: -2%;
  top: -29%;
  color: #fff;
  background-color: #00b1cc;
  border-color: #00b1cc;
  border: none;
  font-weight: 600;
  width: -1px;
  font-size: 16px;
  height: 38px;
  border-radius: 50%;
}

.leaveEmployeeModalbtn {
  position: absolute;
  z-index: 11;
  right: -1%;
  top: -26%;
  color: #fff;
  background-color: #00b1cc;
  border-color: #00b1cc;
  border: none;
  font-weight: 600;
  width: -1px;
  font-size: 16px;
  height: 38px;
  border-radius: 50%;
}

.helpGuidMng .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
  border: 2px solid #00b1cc;
}



.mngtaskmanager {
  position: relative;
  width: 100%;
  min-height: 10em;
  background: transparent linear-gradient(116deg, #32cccc 0%, #00b1cc 100%) 0 0 no-repeat padding-box;
  box-shadow: 0 3px 20px #00000029;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  transition: .3s ease-in-out;
  transition-duration: 0.3s;
  transition-property: transform;
}

.mngtaskmanager:hover h1 {
  display: none;
}

.mngtaskmanager:hover .mnglinkablik {
  display: block;
}

/* .mngtaskmanager:before {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: inherit;
  content: ' ';
  background: url(https://www.pinelabs.com/img/home/bg-bubbles.svg) no-repeat top left;
} */
.mngtaskmanager h1 {
  color: #fff;
  font-size: 20px;
}

.mngtaskmanager .mnglinkablik {
  display: none;
}

.mngtaskmanager img {
  max-width: 25px;
  margin-left: 20px;
}

.mnghelapMain {
  margin: 22px 20px;
}

.hovermnghelp {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 2.3;
}

.hovermnghelp p {
  margin-bottom: 0px;
  color: #fff;
}

.hovermnghelp p:hover {
  text-decoration: underline !important;
}

/* .modalstylechange .leavePolcymodal{
  width: 750px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
} */
/* .totalBreakDuration {
  background: #FFBB30;
} */
.btn:not(.btn-text) {
  text-transform: uppercase;

}

.Allocation_date {
  margin-left: 120px !important;
}

.leavecol7 {
  margin-bottom: 38px !important;
}

.modalFooter {
  display: flex !important;
  justify-content: space-between !important;
}

.HeaderLength th:nth-child(1) {
  width: 50px;
  font-size: 18px;
}

.HeaderLength th:nth-child(2) {
  width: 200px;
  font-size: 18px;
}

.HeaderLength th:nth-child(3) {
  width: 265px;
  font-size: 18px;
}

.Mtodyleft tr td:nth-child(2) {
  text-align: right;
}

.Mtodyleft tr td:nth-child(3) {
  text-align: left;
}

.Mbody {
  padding: 30px 30px 5px 30px !important;
}

.comp-offbtn {
  margin-right: 50px;
  width: 140px;
}

#cancel {
  margin-left: 17px;
  width: 140px;
}

#submit {
  margin-right: 17px !important;
  width: 140px;
}

.dashTBody tr td:nth-child(1){
  text-align: left;
}
.dashTBody tr td:nth-child(2){
  text-align: right;
}
.dashTBody tr td:nth-child(3){
  text-align: right;
}
.dashTBody tr td:nth-child(4){
  text-align: right;
}

.commontable table thead th{font-size: 12px !important; text-align: left !important;  border-color: #d5dbe7; padding-left: 1rem; background: #ECF2FE  !important; color: #555 !important; border-left: none !important; border: none; text-transform: capitalize;}
.commontable table.bucketWiseTable td{background: none !important; border-color: #d5dbe7; width: auto; border-left: none; padding: 1rem;}
.commontable .bucketWiseTable th:nth-child(5), .commontable .bucketWiseTable th:nth-child(2){width: auto;}
.commontable table.bucketWiseTable tbody tr{background: none !important;}
.commontable .bucketWiseTable tr:nth-child(even) td:first-child{background: none !important; border-radius: 0;}
.bucketWiseTable tr:first-child th:first-child{min-width: 5% !important;}
.bucketWiseTable tr:first-child th:first-child, .bucketWiseTable th:last-child{border-radius: 0;}
.commontable table tbody td{font-size: 12px !important; text-align: left !important;}
.card.card-custom > .card-body{padding: 2rem 1.25rem !important;}
.commontable .tblScroll{border-radius: 0;}
.commontable .bucketWiseTable th:first-child, .commontable .bucketWiseTable .tableTd:first-child, .commontable .bucketWiseTable th:last-child{border-right: none !important;}
.bucketWiseTable tr:last-child td{border-bottom: 1px solid #d5dbe7 !important;}
.commontable .bucketWiseTable tr td:last-child{border-right: none !important;}
.commontable .bucketWiseTable .label{font-size: 12px !important;}
.commontable .bucketWiseTable td div{font-size: 12px !important;}
.commontable .bucketWiseTable .runbtn{font-size: 10px; padding: 5px 10px !important;}
.commontable .bucketWiseTable .mainhd{font-size: 14px; color: #000; text-transform: capitalize;}
.commontable .bucketWiseTable .subcont{color: #a4a4a4; font-size: 11px !important; text-transform: capitalize;}
.commontable .bucketWiseTable .initiated{color: #ff9f43; background: #fff5ed;}
.commontable .bucketWiseTable .success{color: #16a34a; background: #dcfce7;}
.commontable .bucketWiseTable .statusbtn{width: fit-content; padding: 3px 10px; border-radius: 20px;}
.commontable .bucketWiseTable .subcont .groupicon{font-size: 16px; margin-right: 5px;}
/* .btn{font-size: 12px !important;} */
  
/*Launch Campaign*/
.launchcampaign .cardsec{border-radius: 5px;}
.launchcampaign .cardsec .campaigncard{border-radius: 5px;}
.launchcampaign .subhd{color: #97A6B6; font-size: 12px;}
.launchcampaign .lficon{background-color: #00D464; border-radius: 50%; width: 50px; height: 50px; text-align: center; justify-content: center; vertical-align: middle; display:flex; align-items: center; font-size: 24px; color: #fff;}
.launchcampaign .arrowright{font-size: 24px; color: #ccc;}
.launchcampaign .menu-link h5{color: #000;}
.bluebox .btmsec input[type="radio"]{display: block;}
.launchcampaign .bluebox{ background: #EDF3FA; padding: 15px; height: 200px; max-height: 200px; position: relative;}
.launchcampaign .bluebox .boxhd{font-size: 12px; font-weight: 600;}
/* .launchcampaign .bluebox .boxinput{font-size: 16px;} */
/* .boxinput {
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
} */

.launchcampaign .boxinput input, .launchcampaign .boxinput span {
  width: 100%;
  border: none;
  outline: none;
  font-size: 16px;
  background: none;
}

.launchcampaign .bluebox .topSec .hdname{font-size: 22px;}
.launchcampaign .bluebox .hdnameblue{color: blue; font-size: 20px;}
.launchcampaign .bluebox .btmsecbtns .btn-primary, .launchcampaign .tempsec .btn-primary{background: #00D464; border-radius: 5px; padding: 5px 20px;}
.launchcampaign .bluebox .btmsecbtns{position: absolute; right: 20px; bottom: 20px;}
.launchcampaign .form-control{border-radius: 5px;}
.launchcampaign .prevSec{text-align: center; display: flex; justify-content: center; align-items: center;}
.launchcampaign .prevSec .msgprev{font-size: 12px; color:#a4a4a4;}
.launchcampaign .bluebox .topSec .hdname span{color: #00D464; font-size: 30px; cursor: pointer;}
.launchcampaign .bluebox .topSec{position: relative;}
.launchcampaign .bluebox .topSec .dropdwonlist{position: absolute; width: 80%;  margin-top: -10px;}
.launchCampainModabody .nav.nav-tabs .nav-item{border: none; color: #333; background: none;}
.launchCampainModabody .nav .nav-link.active{border-bottom: 2px solid #00D464;}
.launchCampainModabody .nav.nav-tabs a.nav-item:hover{color: #333; background: none; font-weight: normal;}
.launchCampainModabody .addsec{margin: 0 auto; text-align: center; margin-top: 10%;}
.launchCampainModabody .addsec .fileIcon{font-size: 80px; color: #e9eef1;}
.launchCampainModabody .addsec .dropFile{font-size: 11px;}
.launchCampainModabody .addsec .or{font-weight: 600; border-radius: 50%;  width: 40px; height: 40px; text-align: center; justify-content: center; display: flex; margin: 0 auto; align-items: center; background: #f8f8f8;}
.launchCampainModabody .addsec .uploadFile{ background: none; color: #00D464; border-radius: 5px; text-transform: capitalize; padding: 8px 30px;}
.launchCampainModabody .addsec{display: flex; align-items: center; justify-content: center;}
.launchCampainModabody .addsec #upload{width: 100px; height: 100px; z-index: 1;  position: absolute; opacity: 0;}
.uploadcsvtable .transformBtn.submitBtn{display: flex; margin-left: auto !important;}
.loanDetailsSec .cardSec{border:2px solid #EEF0F8; border-radius: 7px; padding:10px; max-height: 250px; height: 250px;}
.loanDetailsSec .cardSec .label{font-size: 12px !important;
  color: #898484; background: none; width: auto; height: auto}
.loanDetailsSec .cardSec .value{font-size: 12px; color: #000; font-weight: 600; margin-left: 5px;}
.loanDetailsSec .btn.btn-outline-primary{border: 1px solid #0D6EFD !important; border-radius: 8px; color: #0D6EFD; padding: 5px 10px;}
.loanDetailsSec .btn.btn-outline-primary:hover{background: #0D6EFD !important; color: #fff;}
.disSec .disHd{background: #EEF0F8; padding: 5px 10px; margin-bottom: 10px; border-radius: 5px;}
.disSec .form-check input, .section02 textarea.form-control{display: block; border-radius: 5px;}
.dispositionpopup form .react-datepicker-wrapper{ width: 100%;}
.dispositionpopup form .react-datepicker-wrapper input, .dispositionpopup form .form-control{border-radius: 5px;}
.dispositionpopup form .css-yk16xz-control{border-color: #e4e6ef;}
textarea.form-control::placeholder, input.form-control::placeholder {color: hsl(0, 0%, 50%); opacity: 0.5;}
.loanTable.bucketWiseTable .loanIdDownloadBtnDiv .btn.btn-clean{padding: 0px; margin: 0px; color: #000;}
/* .historyTable .bucketWiseTable tr:first-child th:first-child{min-width: auto !important;} */

.historyTable .loanTable.bucketWiseTable tr th{min-width: 9vw !important;}
.historyTable .loanTable.bucketWiseTable tr th:first-child{min-width: 5vw !important;}
.historyTable .loanTable.bucketWiseTable .tableTd{position: relative;}
.loanlistTable.loanTable.bucketWiseTable{ width: 100%;}
.historyTable .commontable .tblScroll.someradiush{height: 450px !important;}
.bucketWiseTable .tableHead{z-index: 1;}
.commontable table.loanTable.bucketWiseTable tbody tr:hover .loanIdDownloadBtnDiv .btn.btn-clean{color: #00D464;}
.logs-card-div .loanInfoCard.loaninfocenter .card-header{align-items: center;}
.ordersTable th:nth-child(2){text-align: left;}
.ordersTable{border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.ordersTable thead th{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #F7F7F7;}
.ordersTable tbody td{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.dashboard .cardsec{border: 1px solid #ddd;}
.mainhd{font-size: 14px; color:#666;}
.btmcontent{font-size: 12px; color: #666; margin-top: 10px; margin-bottom: 0px;}
.btmcontent .amt{color:#4F46E5; font-weight: 500;}
.cardsec .amtmarginsec{display: flex; align-items: center; justify-content: space-between;}
.cardsec .percentage{font-weight: 500; padding: 3px 5px; border-radius: 3px;}
.cardsec .percentage.red{background: #ffe2e6; color: #fa5a7e; border:1px solid #fa5a7e;}
.cardsec .percentage.green{background: #dcfce7; color: #3dd856; border:1px solid #3dd856}
.cardsec .percentage.orange{background: #fff4de; color: #ff947a; border:1px solid #ff947a}
.cardsec .percentage.blue{background: #e0dffb; color: blue; border:1px solid blue}
.btmcontent .amt.red{color: #fa5a7e;}
.btmcontent .amt.green{color: #3dd856;}
.btmcontent .amt.orange{color: #ff947a;}
.btmcontent .amt.blue{color: blue; }
.cardsec .amtmarginsec .marginamt{font-size: 24px; font-weight: 500;}
#kt_aside_menu_wrapper .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text, #kt_aside_menu_wrapper .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg g [fill], #kt_aside_menu_wrapper .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon {color: #fff;}
.import-contacts .import-box{border: 1px solid #ccc !important; border-radius: 0 !important; width: 100%; border-radius: 5px !important; display: flex; align-items: center; justify-content: center;}
.liabrarysec .brd{border: 1px solid #ccc; padding: 10px; height: 320px;}
.liabrarysec{background: #fff;}
.liabrarysec ul{margin: 0; padding: 0 0 0 20px;}
.bestCampaign textarea{border: 1px solid #ccc; border-radius: 5px;}
.bestCampaign .orbestcampaign{font-size: 20px;}
#kt_aside_menu_wrapper .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-text{color: #00D464;}
#kt_aside_menu_wrapper .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-bullet.menu-bullet-dot > span{background-color: #00D464;}
.table-bordered.admintable, .table-bordered.admintable th, .table-bordered.admintable td{border: 1px solid #ccc;}
.table-bordered.admintable th{background-color: #ECF2FE;}
.library-section .showmorebtn{font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: underline;}
.mapmainsec .mapmainhd{ font-size: 20px; margin-bottom: 20px;}
.mapmainsec .iframsec{border: 1px solid #ccc;}
.breadcumsec{display: flex;  justify-content: flex-start; align-items: center;  margin-bottom: 10px;} 
.breadcumsec .sel{color: #5C67F7; cursor: pointer;}
.breadcumsec .arrow{margin: 0 8px;}