@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 {
  font-family: 'Roboto', sans-serif;
  color: #000000;
}

.cu-dsp-b {
  display: block;
}

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

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

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

.cu-bg-orange {
  background-color: #FF9000 !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 #FF9000;
}

.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: #FF9000;
}

.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: #FF9000;
  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: #FF9000;
  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: #FF9000 !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 + 2px);
    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: .875rem;
  border: none;
}

#search-01::-webkit-input-placeholder { /* Edge */
  color: #000000;
  font-size: 0.8rem;
}

#search-01:-ms-input-placeholder { /* Internet Explorer */
  color: #000000;
  font-size: 0.8rem;
}

#search-01::placeholder {
  color: #000000;
  font-size: 0.8rem;
}

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

#search-02::-webkit-input-placeholder { /* Edge */
  color: #000000;
  font-size: 0.8rem;
}

#search-02:-ms-input-placeholder { /* Internet Explorer */
  color: #000000;
  font-size: 0.8rem;
}

#search-02::placeholder {
  color: #000000;
  font-size: 0.8rem;
}

.cfluid-pd {
  padding: 30px;
}

.project-deatil-header {
  background: #E8EAEC;
  padding: 5px 12px;
  position: sticky;
  z-index: 999;
}

.pdt-txt {
  font-size: 0.9rem;
  font-weight: 500;
  color: #000000;
  padding-top: 5px;
}

.cu-sub-btn {
  background: #FF9000;
  color: #ffffff;
  font-size: 0.8rem;
  padding: 4px;
  font-weight: 400;
  border: none;
  border-radius: 3px;
}

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



.cu-content-header {
  
  margin: 10px;
}

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

.form-group > .form-control {
  background: #F4F6F9;
  border: 1px solid #D8D8D8;
  border-radius: 3px;
  font-size: 0.8rem;
}

.form-control::-webkit-input-placeholder {
  font-size: 0.8rem !important;
  color: #495057 !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 #FF9000 !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 #FF9000;
}

.nav-tabs {
  border-bottom: 1px solid #FF9000 !important;
}
ul.nav.nav-tabs {
  background: white;
}
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #FF9000 !important;
    border-color: #FF9000 #FF9000 #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 #FF9000 !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: #FF9000;
  background-color: #FF9000;
}

.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: .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: #FF9000;
  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: #FF9000 !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: #FF9000;
  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: #FF9000;
	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: #FF9000;
  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: #ff90008a !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{
    font-size:0.8rem !important;
    padding:0.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: #0d6efd !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: #ffc107 !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: #ffc107 !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;
}