@charset "utf-8";
/* CSS Document */

/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */

*,
:before,
:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.clr {
  clear: both;
}

/* body {
  
  color: #000000;
} */

.cu-dsp-b {
  display: block;
}
.cu-bg-white {
  background-color: #ffffff;
}
.cu-bg-black {
  background-color: #000000 !important;
}

.cu-bg-grey-heading {
  background-color: #e8eaec !important;
}

.cu-bg-orange {
  background-color: #886bfa !important;
}

.cu-bg-gray {
  background-color: #f4f6f9;
}

.cu-bg-drk-gray {
  background-color: #eff0f1;
}

.cu-br-1 {
  border: 1px solid #eff0f1;
}

.cu-fnt-size-14 {
  font-size: 0.875rem !important;
}

.cu-fnt-size-16 {
  font-size: 1rem !important;
}

.cu-fnt-white {
  color: #ffffff !important;
}

.cu-fnt-black {
  color: #000000 !important;
}

.cu-fnt-col {
  color: #495057;
}

.cu-fnt-weight-400 {
  font-weight: 400 !important;
}

.cu-fnt-weight-500 {
  font-weight: 500 !important;
}

.cu-fnt-weight-600 {
  font-weight: 600 !important;
}

.cu-border-radius {
  border-radius: 3px !important;
}

.cu-bdr-bl-br {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.cu-bdr-top-3 {
  border-top: 3px solid var(--se-primary);
}

.cu-bdr-top-3-blk {
  border-top: 3px solid #8c8c8c !important;
}

.lg-logo-part {
  margin: 0rem;
  padding: 0rem;
}

.lg-logo-part img {
  /*width: 94%;*/
  height: 47px;
  vertical-align: top;
  display: block;
  margin: 0% auto;
  padding: 2.75% 1.5%;
}

.cs-navbar-bg-org {
  background-color: var(--se-primary);
}

.cs-navbar-padding-tb {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.cs-logo-bg-blk {
  background-color: #ffffff;
  border-bottom: 1px solid rgb(255 144 0 / 25%);
}

.cs-nav-bg-wht {
  background-color: #ffffff;
}

.ft-text-clr {
  color: #8c8c8c;
}

.cu-sha-n {
  box-shadow:
    0 0 1px rgb(0 0 0 / 13%),
    0 1px 3px rgb(0 0 0 / 20%);
}

a.ft-text-clr:hover {
  color: #8c8c8c;
}
/* Scroll width */
/* .horizontal-scroll::-webkit-scrollbar {
  height: 5px;
} */

/* Track */
/* .horizontal-scroll::-webkit-scrollbar-track {
  background: #ffc880;
} */

/* Handle */
/* .horizontal-scroll::-webkit-scrollbar-thumb {
  background: var(--se-primary);
  border-radius: 10px;
} */
/* Scroll width */
/* .sidebar-scroll::-webkit-scrollbar {
  width: 5px;
} */

/* Track */
/* .sidebar-scroll::-webkit-scrollbar-track {
  background: #ffc880;
} */

/* Handle */
/* .sidebar-scroll::-webkit-scrollbar-thumb {
  background: var(--se-primary);
  border-radius: 10px;
} */

/* Handle on hover */
/* .sidebar-scroll::-webkit-scrollbar-thumb:hover {
    background: #e68200;
  } */

.sidebar-user {
  background: #fff;
  padding: 2.5rem 1rem 1rem;
  text-align: center;
}

.sidebar-user img {
  width: 65px;
  height: 65px;
}

.sidebar-user-sticky {
  position: sticky;
  top: 0px;
  z-index: 1111;
}

/*.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{
	background: #886bfa !important;
}*/

.fw-bold {
  color: #000;
  font-weight: 500;
}

.sg-out {
  font-size: 0.8rem;
  color: #ffffff !important;
  text-decoration: none;
  outline: none;
  border: none;
  border-radius: 5px;
  background: #000;
  margin: 0rem auto 0rem auto;
  padding: 5px 10px 5px 10px;
}

a.sg-out:hover {
  color: #fff;
}

.content-header h1 {
  font-size: 1.15rem;
}

.nav-sidebar .menu-is-opening > .nav-link i.right,
.nav-sidebar .menu-is-opening > .nav-link svg.right,
.nav-sidebar .menu-open > .nav-link i.right,
.nav-sidebar .menu-open > .nav-link svg.right {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sidebar-dark-info .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-info .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #e9ecef;
  color: #000000;
}

[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active {
  box-shadow: none;
}

[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {
  background-color: #e9ecef;
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {
  color: #000000;
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover {
  background-color: #e9ecef;
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:focus {
  background-color: #e9ecef;
}

[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link p {
  padding-left: 1.65rem;
}

.main-sidebar .brand-text,
.main-sidebar .logo-xl,
.main-sidebar .logo-xs,
.sidebar .nav-link p {
  vertical-align: middle;
}

.nav-sidebar .nav-link > .right,
.nav-sidebar .nav-link > p > .right {
  top: 0.5rem;
  right: 0rem;
}

.nav-sidebar .menu-is-opening > .nav-link span.right,
.nav-sidebar .menu-is-opening > .nav-link svg.right,
.nav-sidebar .menu-open > .nav-link span.right,
.nav-sidebar .menu-open > .nav-link svg.right {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icn-py {
  padding: 0rem 0.4rem !important;
}

/* .app-search-form {
  position: relative;
  max-width: 600px;
} */

/* .app-search-form .search-input {
    font-size: .875rem;
    border-radius: 0.25rem;
    padding-right: 3rem;
    padding-left: 1rem;
    border: none !important;
    height: 1.9rem !important;
  } */

/* .form-control {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    height: 2.5rem;
    color: #000000;
    appearance:auto !important;
  }

  .form-control {
    display: block;
    width: 100%;
    height: calc(1.8rem + 5px);
    padding: 0.2rem !important;
    font-size: 0.8rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-color: #ffffff;
    background-clip: padding-box;
    border-radius: 0.25rem;
    box-shadow: inset 0 0 0 rgb(0 0 0 / 0%);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  } */

/* input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
} */

.app-search-form .search-btn {
  color: #828d9f;
  background: none !important;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0;

  padding: 0.2rem 0.5rem;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

.btn {
  font-weight: 600;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  border: none;
}

.search-btn i.fas {
  color: #000000;
}

.cfluid-pd {
  padding: 30px;
}

.pdt-txt {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--se-dark);
}

.cu-sub-btn,
.cu-dark-btn,
.cu-can-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--se-primary);
  color: var(--se-white);
  font-size: 12px;
  padding: 9px 18px;
  gap: 3px;
  flex-shrink: 0;
  border-radius: 50px;
  border: 0;
  transition: 0.3s linear;
  line-height: normal;
}

.cu-can-btn {
  background: var(--se-danger);
}
.cu-can-btn:hover {
  background: #df4848 !important;
}
.cu-dark-btn {
  background: var(--se-dark);
}
.filterBtn {
  height: auto !important;
  padding: 6px 10px !important;
}

.cu-content-header {
  margin: 0;
}

/* .lbl-txt {
  font-size: 0.8rem;
  font-weight: 400 !important;
  color: #000000;
} */

/* .form-group > .form-control {
  background: #F4F6F9;
  border: 1px solid #fff; 
  border-radius: 7px;
  padding: 4px 9px !important;
  font-size: 0.8rem;
} */
/* 
.form-control::-webkit-input-placeholder {
  font-size: 0.8rem !important;
  color: #4950579b !important;
} */
.custom-checkbox label {
  padding-top: 2px !important;
}

#fGPName::-webkit-input-placeholder,
#fGSDate::-webkit-input-placeholder,
#fGEDate::-webkit-input-placeholder,
#fGPPManager::-webkit-input-placeholder,
#fGSPManager::-webkit-input-placeholder,
#fGStatus::-webkit-input-placeholder,
#fGCPo::-webkit-input-placeholder,
#fGBOwner::-webkit-input-placeholder,
#fGSRep::-webkit-input-placeholder,
#fGADate::-webkit-input-placeholder,
#fGIRDate::-webkit-input-placeholder,
#fGDescription::-webkit-input-placeholder {
  color: #495057;
  font-size: 0.8rem;
}

#fGPName:-ms-input-placeholder,
#fGSDate:-ms-input-placeholder,
#fGEDate:-ms-input-placeholder,
#fGPPManager:-ms-input-placeholder,
#fGSPManager:-ms-input-placeholder,
#fGStatus:-ms-input-placeholder,
#fGCPo:-ms-input-placeholder,
#fGBOwner:-ms-input-placeholder,
#fGSRep:-ms-input-placeholder,
#fGADate:-ms-input-placeholder,
#fGIRDate:-ms-input-placeholder,
#fGDescription:-ms-input-placeholder {
  color: #495057;
  font-size: 0.8rem;
}

#fGPName::placeholder,
#fGSDate::placeholder,
#fGEDate::placeholder,
#fGPPManager::placeholder,
#fGSPManager::placeholder,
#fGStatusplaceholder,
#fGCPo::placeholder,
#fGBOwner::placeholder,
#fGSRep::placeholder,
#fGADate::placeholder,
#fGIRDate::placeholder,
#fGDescription::placeholder {
  color: #495057;
  font-size: 0.8rem;
}

/* .form-group > select.form-control {
  color: #495057;
} */

/* input[type="date"].form-control {
  color: #495057;
} */

textarea.in-txt-box {
  min-height: 100px;
  height: auto;
}

#fGDescription::-webkit-textarea-placeholder {
  vertical-align: top;
}

#fGDescription:-ms-textarea-placeholder {
  vertical-align: top;
}

#fGDescription::placeholder {
  vertical-align: top;
}

/* survey css start */

.border-left {
  border-left: 3px solid #886bfa !important;
}

.cu-oth-sty {
  border-radius: 30px;
  padding: 6px 15px;
}

/* .card-primary.card-outline-tabs > .card-header a.active, .card-primary.card-outline-tabs > .card-header a.active:hover {
  border-top: 3px solid var(--se-primary);
} */

/* .nav-tabs {
  border-bottom: 1px solid #886bfa !important;
}
ul.nav.nav-tabs {
  background: white;
}
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #886bfa !important;
    border-color: #886bfa #886bfa #fff !important;
  } */

.cu-odr-cls > a {
  color: #000000;
}

/*.card.card-outline-tabs .card-header a {
  border-top: 3px solid transparent;
}

  .card.card-outline-tabs .card-header a:hover {
    border-top: 3px solid #ffdeb3;
  }*/

/* .col-lg-12 > .card {
  border-radius: 0rem;
  background-color: transparent;
  box-shadow: none;
} */

/* .cu-card-title {
  font-size: 0.9rem;
} */

/* .card-body {
  padding: 0rem;
}

.cu-odr-cls > .nav-link {
  padding: 0.5rem 1.5rem;
}

.nav-tabs .nav-link {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
} */

/* .col-12 > .card {
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
} */

/*.col-12 > .border-top {
    border-top: 3px solid #886bfa !important;
}*/

.custom-control-label::before {
  border: 1px solid #495057;
  background-color: transparent;
  box-shadow: none;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  border-color: #495057;
  background-color: transparent;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--se-primary);
  background-color: var(--se-primary);
}

.cu-chk-hgt {
  min-height: 38px;
  height: auto;
}

/* Qualification css start */

.cu-pd-10 {
  padding: 10px 7.5px 30px 7.5px;
}

.qa-search-form {
  position: relative;
  max-width: 600px;
}

.qa-search-form .search-input {
  font-size: 0.8rem;
  border-radius: 0.25rem;
  padding-right: 3rem;
  padding-left: 1rem;
  border: 1px solid #eff0f1;
  height: 1.9rem !important;
}

.qa-search-form .search-btn {
  color: #828d9f;
  background: none !important;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0;
  padding: 0.2rem 0.5rem;
}

.qa-search-form .search-btn .fa-solid {
  color: #495057;
}

/* .qa-search-form .form-control {
    background-color: #f4f6f9;
  } */

#qa-search::-webkit-input-placeholder {
  color: #495057;
  font-size: 0.8rem;
}

#qa-search:-ms-input-placeholder {
  color: #495057;
  font-size: 0.8rem;
}

#qa-search::placeholder {
  color: #495057;
  font-size: 0.8rem;
}

#qa-search {
  height: calc(2rem + 2px) !important;
}

.cu-pd-all {
  padding: 6px 10px 6px 10px;
}

a.cu-dsp-b i {
  padding-right: 0.375rem;
}

.cu-bg-gray a:hover {
  color: #495057;
}

.dropdown-menu button.dropdown-item:hover {
  background-color: #f4f6f9;
  color: #495057;
}

.dropdown-menu button.dropdown-item:focus {
  background-color: var(--se-primary);
  color: #ffffff;
}

.cu-mt-20 {
  margin-top: 20px;
}

.text-center a {
  padding-right: 0.375rem;
}

.text-center a:last-child {
  padding-right: 0rem;
}

/*table.table tbody tr{
	border-top:0.25px solid #E5E5E5;
}*/

table.table tbody tr {
  border-bottom: 0.25px solid #e5e5e5;
}

.cu-h-qa {
  height: 568px;
  max-height: 568px;
  overflow-y: auto;
}

/* Scroll width */
.qa-sidebar-scroll::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.qa-sidebar-scroll::-webkit-scrollbar-track {
  background: #f2f2f2;
}

/* Handle */
.qa-sidebar-scroll::-webkit-scrollbar-thumb {
  background: #8c8c8c;
  border-radius: 10px;
}

/* Handle on hover */
.qa-sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background: #404040;
}

.cu-tbl-head-cs {
  position: sticky;
  top: -1px;
  z-index: 999;
  background-color: #ffffff;
}

.cu-sv-qa-head {
  padding: 13px 15px 13px 15px;
}

.cu-sv-qa-h {
  height: 668px;
  max-height: 668px;
  overflow-y: auto;
}

.cu-bt-hidden {
  border-top: hidden;
}

.table thead th {
  border-bottom: 0px;
}

.align-middle a span.nav-icon .cu-qa-icn {
  width: 30%;
}

.align-middle a span.nav-icon .cu-qa-icn-sv {
  width: 19.55%;
}

/* survey quota */

/* .sv-search-form .search-input {
  font-size: 0.8rem;
  border-radius: 3px;
  padding-right: 3rem;
  padding-left: 0.5rem;
  border: 1px solid #8C8C8C;
  height: 1.9rem !important;
} */

/* .sv-search-form .search-btn {
  color: #828d9f;
  background: none !important;
  border: none;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0;
  padding: 0.2rem 0.5rem;
} */
/* #sv-search {
  height: 28px !important;
  width: 160px !important;
} */
/* .sv-search-form .search-btn .fa-solid {
    color: #495057;
  } */

/* .sv-search-form .form-control {
  background-color: #EFF0F1;
} */
/* 
#sv-search::-webkit-input-placeholder {
  color: #495057;
  font-size: 0.8rem;
}

#sv-search:-ms-input-placeholder {
  color: #495057;
  font-size: 0.8rem;
}

#sv-search::placeholder {
  color: #495057;
  font-size: 0.8rem;
} */

.col-lg-2 a.btn {
  font-size: 0.8rem;
  padding: 7.5px 10px 8px 10px;
  font-weight: 400;
}

.col-lg-2 a.btn span {
  padding-left: 10px;
}

.cu-tble-fnt table {
  font-size: 0.8rem;
}

.form-check-input {
  margin-top: 0.25rem;
}

/* label:not(.form-check-label):not(.custom-file-label) {
  padding-top: 8px;
} */

.table th,
.table td {
  vertical-align: middle;
}

/* td input.form-control {
  text-align: center;
  font-size: 0.8rem;
} */

/* Scroll width */
.sq-sidebar-scroll::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.sq-sidebar-scroll::-webkit-scrollbar-track {
  background: #f2f2f2;
}

/* Handle */
.sq-sidebar-scroll::-webkit-scrollbar-thumb {
  background: #8c8c8c;
  border-radius: 10px;
}

/* Handle on hover */
.sq-sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background: #404040;
}

td .custom-control {
  padding-left: 2rem;
}

/* td input.form-control {
  padding: 0.375rem 0.25rem;
} */

.cu-btn-my {
  border: 1px solid #212529 !important;
  border-radius: 100px !important;
  padding: 0.35rem 1rem 0.25rem 1rem !important;
  font-weight: 500 !important;
}

button.cu-btn-my i {
  color: #212529 !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  padding-right: 3px !important;
}

.modal-content {
  position: relative;
}

.modal-header {
  border-bottom: 0px;
  padding: 0.75rem 1rem;
  position: sticky;
  top: 0;
  z-index: 99;
}

.modal-footer {
  padding: 0.5rem 1rem;
}

button.close i {
  font-size: 1rem;
}

.close:not(:disabled):not(.disabled):hover,
.mailbox-attachment-close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus,
.mailbox-attachment-close:not(:disabled):not(.disabled):focus {
  opacity: 1;
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  vertical-align: 0em;
}

.close,
.mailbox-attachment-close {
  opacity: 1;
}

/* .row .col-lg-12 h6 {
  padding-bottom: 0.375rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
} */

/* Scroll width */
.sqp-sidebar-scroll::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.sqp-sidebar-scroll::-webkit-scrollbar-track {
  background: #f2f2f2;
}

/* Handle */
.sqp-sidebar-scroll::-webkit-scrollbar-thumb {
  background: #8c8c8c;
  border-radius: 10px;
}

/* Handle on hover */
.sqp-sidebar-scroll::-webkit-scrollbar-thumb:hover {
  background: #404040;
}

.cu-save-btn {
  background: #886bfa !important;
  color: #ffffff !important;
  padding: 4px !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  border: none !important;
  border-radius: 3px !important;
}

.cu-save-btn:hover {
  color: #ffffff;
}

.cu-close-btn {
  background: rgb(255 255 255 / 0%) !important;
  color: #707070 !important;
  padding: 4px !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  border: 1px solid #707070 !important;
  border-radius: 3px !important;
}

.cu-close-btn:hover {
  color: #707070;
}

/* Report Tab Css */

.cu-export-btn {
  background: var(--se-primary);
  color: #ffffff;
  padding: 7px 25px 5px 25px;
  font-size: 0.9rem;
  font-weight: 400;
  border: none;
  border-radius: 3px;
}

.cu-export-btn:hover {
  color: #ffffff;
}

button.cu-export-btn i {
  vertical-align: -2px;
  padding-right: 5px;
}

/*.cu-export-btn-sm{
	background: var(--se-primary);
	color: #ffffff;
	font-size: 0.8rem;
	padding: 4px 20px;
	font-weight: 400;
	border: none;
    border-radius: 3px;
	display: none;
}

button.cu-export-btn-sm i {
    vertical-align: -2px;
    padding-right: 5px;
}*/

.cu-export-btn-sm {
  background: var(--se-primary);
  color: #ffffff;
  font-size: 0.8rem;
  padding: 4px 20px;
  font-weight: 400;
  border: none;
  border-radius: 3px;
}

button.cu-export-btn-sm i {
  vertical-align: -2px;
  padding-right: 5px;
}

/* .d-flex span.lbl-txt {
  padding-top: 7px;
} */

@media (max-width: 1298px) {
  /* Horizontal Scroll width */
  .sq-sidebar-scroll-hz::-webkit-scrollbar {
    height: 5px;
  }

  /* Horizontal Track */
  .sq-sidebar-scroll-hz::-webkit-scrollbar-track {
    background: #f2f2f2;
  }

  /* Horizontal Handle */
  .sq-sidebar-scroll-hz::-webkit-scrollbar-thumb {
    background: #8c8c8c;
    border-radius: 10px;
  }

  /* Horizontal Handle on hover */
  .sq-sidebar-scroll-hz::-webkit-scrollbar-thumb:hover {
    background: #404040;
  }
}

@media (max-width: 991px) {
  .main-sidebar,
  .main-sidebar::before {
    box-shadow: none !important;
    margin-left: -250px;
  }

  .sidebar-open .main-sidebar,
  .sidebar-open .main-sidebar::before {
    margin-left: 0;
  }
}

@media screen and (max-width: 430px) {
  .sr-dp-none .app-search-box {
    padding-right: 0 px;
    padding-left: 3.5px;
  }

  .icn-py {
    padding: 0rem 0.2rem !important;
  }
}
.cu-sub-btn[disabled],
.cu-sub-btn[disabled] {
  background-color: #886bfa8a !important;
}

/* td .lbl-txt:not(.custom-control-label), td .switch {
  padding: 0 !important;
  margin: 0;
} */
/* td .form-control:not(textarea,select){
    height:calc(1.5rem + 2px) !important;
    width:100px !important;
} */

td select {
  height: calc(1.5rem + 2px) !important;
  width: 80px !important;
}

select {
  padding-block: 2px !important;
}

th,
td {
  padding: 3px 5px !important;
}

.table {
  margin-bottom: 0 !important;
}
.modal-header {
  padding: 10px !important;
}
.modal-footer {
  padding: 5px !important;
}

.danger {
  color: red;
}
.ngx-ic-source-image {
  max-height: 300px !important;
}

/* .mat-h5, .mat-typography h5 {
  font: 400 calc(20px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif !important;
  margin: 0px !important;
} */

.errordrp > input,
.error {
  border: 1px solid red !important;
}
.switch.cpi {
  width: 50px !important;
}
input:checked + .cpi.slider:before {
  transform: translateX(30px) !important;
}

.switch .off {
  display: block;
  position: absolute;
  right: 10%;
  top: 0;
  z-index: 0;
  color: #a9a9a9;
}

.switch .on {
  display: block;
  z-index: 0;
  color: #fff;
  position: absolute;
  top: 0;
  left: 9%;
}

table.Client_Summary_Report.table.table-bordered td:nth-child(5),
table.Supplier_Summary_Report.table.table-bordered td:nth-child(5),
table.Supplier_Monthly_Report.table.table-bordered td:nth-child(3) {
  color: #886bfa !important;
}

table.Client_Summary_Report.table.table-bordered td:nth-child(6),
table.Supplier_Summary_Report.table.table-bordered td:nth-child(6),
table.Supplier_Monthly_Report.table.table-bordered td:nth-child(4) {
  color: #ffa42d !important;
}

table.Client_Summary_Report.table.table-bordered td:nth-child(7),
table.Supplier_Summary_Report.table.table-bordered td:nth-child(7),
table.Supplier_Monthly_Report.table.table-bordered td:nth-child(5) {
  color: #198754 !important;
}

table.Project_Manager_Summary_Report.table.table-bordered td:nth-child(9),
table.Project_Manager_Summary_Report.table.table-bordered td:nth-child(14) {
  background-color: #198754 !important;
  color: white;
}

table.Client_Summary_Report.table.table-bordered td:nth-child(2):before,
table.Client_Summary_Report.table.table-bordered td:nth-child(3):before,
table.Client_Summary_Report.table.table-bordered td:nth-child(5):before,
table.Client_Summary_Report.table.table-bordered td:nth-child(6):before,
table.Client_Summary_Report.table.table-bordered td:nth-child(7):before,
table.Supplier_Summary_Report.table.table-bordered td:nth-child(2):before,
table.Supplier_Summary_Report.table.table-bordered td:nth-child(3):before,
table.Supplier_Summary_Report.table.table-bordered td:nth-child(5):before,
table.Supplier_Summary_Report.table.table-bordered td:nth-child(6):before,
table.Supplier_Summary_Report.table.table-bordered td:nth-child(7):before,
table.Invoice_Report.table.table-bordered td:nth-child(7):before,
table.Invoice_Report.table.table-bordered td:nth-child(6):before,
table.Supplier_Monthly_Report.table.table-bordered td:nth-child(3):before,
table.Supplier_Monthly_Report.table.table-bordered td:nth-child(4):before,
table.Supplier_Monthly_Report.table.table-bordered td:nth-child(5):before {
  content: "$";
}

table.Invoice_Report.table.table-bordered td:nth-child(8):after {
  content: "%";
}

table.Invoice_Report.table.table-bordered td:nth-child(7) {
  color: #0d6efd !important;
  font-weight: bold;
}

table.Invoice_Report.table.table-bordered td:nth-child(6) {
  color: #ffa42d !important;
  font-weight: bold;
}

table.Invoice_Report.table.table-bordered td:nth-child(8) {
  color: #198754 !important;
  font-weight: bold;
}

.table.Client_Details_Report tbody td:nth-child(2),
.table.Vendor_Status_Report tbody td:nth-child(2),
table.Project_Manager_Summary_Report tbody td:nth-child(2) {
  max-width: 150px;
  text-wrap: wrap;
}