/*# sourceMappingURL=_custom.css.map */
#wrapper.toggled #sidebar-wrapper {
  display: none;
}

#wrapper.toggled #page-content-wrapper {
  margin-left: 0;
  width: 100%;
}

@media (max-width: 768px) {
  #miniSidebar {
    display: none;
  }
}

.btn-primary-button {
  background-color:#2F46F2 !important;
  border-color: #2F46F2 !important;
  color: white !important;
}

.client-avatar {
  color: white !important;
  background-color: black !important;
  height: 36px !important;
  width: 36px !important;
}

.avatar-hx {
  height: unset !important;
}

.table-container {
  height: 50vh;
  /* Adjust this value as needed */
  overflow: auto;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.selected {
  color: #2F46F2 !important;
}

.projects-page {
  
  thead th {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  th:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
  }

  td:first-child {
    position: sticky;
    left: 0;
    background-color: white !important;
    z-index: 2;
  }

  tfoot {
    background-color: white !important;
    position: sticky;
    bottom: 0;
    z-index: 3;
  }

  tfoot tr,
  tfoot td {
    border-top: none !important;
    border-bottom: none !important;
    background-color: white !important;
  }
}

.projects-page th:first-child::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e9ecef;

}

.projects-page td:first-child::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e9ecef;
}

.internal-projects-page {
  thead th {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  .table-container {
    height: 75vh;
    /* Adjust this value as needed */
    overflow: auto;
  }
}

.bg-success {
  background-color: #99E0B6 !important;
}

.bg-semi-success {
  background-color: #FFCA55 !important;
}

.bg-warning {
  background-color: #FF6E52 !important;
}

.bg-expired {
  background-color: #F8D7DA !important;
}

.bg-primary {
  background-color: #2F46F2 !important;
}

.text-danger {
  color: #CF1919 !important
}

.bg-soft-danger {
  background-color: #FFF3F2 !important;
}

.bg-soft-success {
  background-color: #D2FDE6 !important;
}

.text-success {
  color: #006B36 !important;
}

.fs-xxs {
  font-size: .65rem !important;
}

.bg-overCapacity {
  background-color: #FCD9D9 !important;
}

.stats-overCapacity {
  background-color: #ECC4C4 !important;
  color: black !important;
}

.stats-underCapacity {
  background-color: #FCEDC7 !important;
  color: black !important;
}

.bold-text {
  font-weight: bold;
}

.clients-page {
  .collapsible-content table {
    width: 100%;
  }

  .name-column, .budget-column, .spent-column, .actual-column, .profit-column, .end-date-column {
      white-space: normal !important;
  }

  /* Set widths for each column */
  .name-column {
      width: 30%;
  }

  .budget-column, .actual-column {
      width: 12%;
  }

  .spent-column{
      width: 20%;
  }

  .profit-column, .end-date-column {
      width: 13%;
  }

  .main {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  .table-container {
    height: 75vh;
    /* Adjust this value as needed */
    overflow: auto;
  }
}

.forecast-table {
  thead th {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  tfoot tr,
  tfoot td {
    border-top: none !important;
    border-bottom: none !important;
    background-color: white !important;
  }

  tfoot {
    background-color: white !important;
    position: sticky;
    bottom: 0;
    z-index: 3;
  }

  .sticky-column {
    background-color: white;
  }
}

.invoice-forecast-page {
  .name-column {
    min-width: 300px !important;
  }

  th:nth-child(1) {
    left: 0;
    z-index: 4;
  }

  th:nth-child(2) {
    left: 300px;
    z-index: 4;
  }

  th:nth-child(3) {
    left: 470px;
    z-index: 4;
  }

  th:nth-child(4) {
    left: 600px;
    z-index: 4;
  }

  .table-container {
    height: unset !important;
    max-height: 70vh !important;
    /* Adjust this value as needed */
    overflow: auto;
  }

  td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 2;
  }

  td:nth-child(2) {
    position: sticky;
    left: 300px;
    z-index: 2;
  }

  td:nth-child(3) {
    position: sticky;
    left: 470px;
    z-index: 2;
  }

  td:nth-child(4) {
    position: sticky;
    left: 600px;
    z-index: 2;
  }
}

.invoice-forecast-page th:nth-child(4)::after, td:nth-child(4)::after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e9ecef;
}

.capacity-page {
  .collapsible-content table {
    width: 100%;
  }

  .main {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  .name-column {
    width: 20%;
  }

  .availability-column {
    width: 15%;
  }

  .week-column {
    width: 8%;
  }

  .table-container {
    max-height: 60vh;
    height: unset !important;
    overflow: auto;
  }

  tfoot tr,
  tfoot td {
    border-top: none !important;
    border-bottom: none !important;
    background-color: white !important;
  }

  tfoot {
    background-color: white !important;
    position: sticky;
    bottom: 0;
    z-index: 3;
  }
}

.forecast-tab-table {
  .name-column {
    min-width: 200px !important;
  }

  .estHours-column {
    min-width: 150px !important;
  }

  .rate-column, .remHours-column {
    min-width: 100px !important;
  }

  th:nth-child(1) {
    left: 0;
    z-index: 4;
  }

  th:nth-child(2) {
    left: 200px;
    z-index: 4;
  }

  th:nth-child(3) {
    left: 300px;
    z-index: 4;
  }

  th:nth-child(4) {
    left: 450px;
    z-index: 4;
  }

  .table-container {
    max-height: 70vh;
    height: unset !important;
    /* Adjust this value as needed */
    overflow: auto;
  }

  td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 2;
  }

  td:nth-child(2) {
    position: sticky;
    left: 200px;
    z-index: 2;
  }

  td:nth-child(3) {
    position: sticky;
    left: 300px;
    z-index: 2;
  }

  td:nth-child(4) {
    position: sticky;
    left: 450px;
    z-index: 2;
  }
}

.forecast-tab-table
  th:nth-child(4)::after,
  td:nth-child(4)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #e9ecef;
}

.highlighted-sticky {
  background-color: #EDF2F7!important;
}

.highlighted {
  background-color: #EDF2F7 !important;
}

.reset-link {
  text-decoration: underline !important;
}

.badge-success {
  background-color: #5DC5BD;
}

.badge-warning {
  background-color: #FF9D5B;
}

.badge-industry {
  background-color: #586AF4;
}

.project-avatar {
  height: 82px !important;
  width: 82px !important;
}

.list-group-flush>.list-group-item {
  border-width: 0 0 0px !important;
}

.form-control:disabled, .form-control[readonly] {
  background-color: white !important;
}

.invoice-table {
  thead th {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  .table-container {
    height: unset !important;
    max-height: 50vh;
    overflow: auto;
  }
}

.time-table {
  .date-column {
    min-width: 100px !important;
  }

  .name-column {
    min-width: 150px !important;
  }

  .role-column {
    min-width: 150px !important;
  }

  thead th {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  .table-container {
    height: unset !important;
    max-height: 70vh;
    overflow: auto;
  }

  th:nth-child(1) {
    left: 0;
    z-index: 4;
  }

  th:nth-child(2) {
    left: 100px;
    z-index: 4;
  }

  th:nth-child(3) {
    left: 250px;
    z-index: 4;
  }

  td:nth-child(1) {
    position: sticky;
    background-color: white !important;
    left: 0;
    z-index: 2;
  }

  td:nth-child(2) {
    position: sticky;
    background-color: white !important;
    left: 100px;
    z-index: 2;
  }

  td:nth-child(3) {
    position: sticky;
    background-color: white !important;
    left: 250px;
    z-index: 2;
  }
}

.freeze-columns {
  th:nth-child(3)::after,
  td:nth-child(3)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #e9ecef;
  }
}

.estimates-table {
  .name-column {
    min-width: 400px !important;
  }

  .role-column {
    min-width: 200px !important;
  }

  .form-select-sm {
    width: 160px !important;
  }

  thead th {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  th:nth-child(1) {
    left: 0;
    z-index: 4;
  }

  th:nth-child(2) {
    left: 400px;
    z-index: 4;
  }

  td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 2;
  }

  td:nth-child(2) {
    position: sticky;
    left: 400px;
    z-index: 2;
  }

  .table-container {
    height: unset !important;
    max-height: 81vh;
    overflow: auto;
  }

  tfoot tr,
  tfoot td {
    border-top: none !important;
    border-bottom: none !important;
    background-color: white !important;
  }

  tfoot {
    background-color: white !important;
    position: sticky;
    bottom: 0;
    z-index: 3;
  }

  .sticky-column {
    background-color: white;
  }

  th:nth-child(2)::after,
  td:nth-child(2)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #e9ecef;
  }
}

.estimates-view-table {
  .name-column {
    min-width: 200px !important;
  }

  .role-column {
    min-width: 100px !important;
  }

  thead th {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  th:nth-child(1) {
    left: 0;
    z-index: 4;
  }

  th:nth-child(2) {
    left: 200px;
    z-index: 4;
  }

  td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 2;
  }

  td:nth-child(2) {
    position: sticky;
    left: 200px;
    z-index: 2;
  }

  .table-container {
    height: unset !important;
    max-height: 81vh;
    overflow: auto;
  }

  .sticky-column {
    background-color: white;
  }

  tfoot tr,
  tfoot td {
    border-top: none !important;
    border-bottom: none !important;
    background-color: white !important;
  }

  tfoot {
    background-color: white !important;
    position: sticky;
    bottom: 0;
    z-index: 3;
  }

  th:nth-child(2)::after,
  td:nth-child(2)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #e9ecef;
  }
}

.invoiceOverview-page {
  thead th {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  .table-container {
    height: unset !important;
    max-height: 81vh;
    overflow: auto;
  }

  .sticky {
    background-color: white !important;
  }

  tfoot tr,
  tfoot td {
    border-top: none !important;
    border-bottom: none !important;
  }

  tfoot {
    position: sticky;
    bottom: 0;
    z-index: 3;
  }
}

.invoiceOverview-page-inner-table td {
  padding: 0.5rem !important;
}

label[for='budget_type']::after,
label[for='budget_startDate']::after,
label[for='budget_endDate']::after,
label[for='budget_cost']::after {
  content: ' *';
  color: #dc3545;
}

.bg-overdue,
.bg-others {
  background-color: #FEE8E8 !important;
}
.text-overdue,
.text-others {
  color: #FF0000 !important;
}
.bg-sent {
  background-color: #FFF8BD !important;
}
.text-sent {
  color: #CC833F !important;
}
.bg-paid {
  background-color: #E4FBE7 !important;
}
.text-paid {
  color: #2F8733 !important;
}
.bg-viewed {
  background-color: #EDEAFF !important;
}
.text-viewed {
  color: #5A21DB !important;
}
.bg-role {
  background-color: #F0E6F6 !important;
}
.text-role {
  color: #853FCC !important;
}

.text-primary {
  color: #4C6FFF !important;
}

.banner-info {
  background-color: #F0E6F6 !important;
  border-color: none !important;
  color: #6D32A8 !important;
}

.budget-segment-card {
  height: 450px;
  overflow-y: auto; /* Enables vertical scrolling if needed */
  overflow-x: hidden; /* Hides horizontal scrollbar, remove if horizontal scrolling is needed */
}

.segment-notes {
  height:100px!important;
  overflow-y: auto;
  overflow-x: hidden;
}

.bg-color-1 { background-color: #2F46F2!important; }
.bg-color-2 { background-color: #C3B5FF!important;}
.bg-color-3 { background-color: #FFF0E1!important;}
.bg-color-4 { background-color: #FF6E52!important; }
.bg-color-5 { background-color: #FFCA55!important; }
.bg-color-6 { background-color: #121212!important; }
.bg-color-7 { background-color: #1F36D9!important; }
.bg-color-8 { background-color: #B9A6FB!important; }

.text-color-1, .text-color-4, .text-color-5,
.text-color-6, .text-color-7, .text-color-8 {
  color: white!important;
}

.text-color-2, .text-color-3 {
  color: black!important;
}

.text-white {
  color: #fff !important;
}

.is-invalid {
  border-color: #dc3545;
}

.invoices-page {
  .description-column {
    min-width: 500px !important;
  }

  .invoice-column {
    min-width: 100px !important;
  }

  .client-column {
    min-width: 200px !important;
  }
  
  thead th {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  th:nth-child(1) {
    left: 0;
    z-index: 4;
  }

  th:nth-child(2) {
    left: 100px;
    z-index: 4;
  }

  td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: white !important;
  }

  td:nth-child(2) {
    position: sticky;
    left: 100px;
    z-index: 2;
    background-color: white !important;
  }

  .table-container {
    height: unset !important;
  }

  .wrap-text {
    word-wrap: break-word !important;
    /* white-space: normal; */
    white-space: pre-line !important;
  }

  td:nth-child(2)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #e9ecef;
  }
}

.year-button {
  min-width: 130px!important;
}

.dark-grey-border {
  border-color: #333333;
}

.sync-button {
  min-width: 170px!important;
}

.edit-button {
  min-width: 80px !important;
}

.syncing-button {
  min-width: 220px!important;
}

.bg-invoice-stats {
  background-image: url('/stats.svg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

.overdue-item {
  border-width: 0 0 1px !important;
}

.primary-text {
  color: #2F46F2 !important;
}

.overdue-card {
  height: 78vh;
  overflow-y: auto;
}

.notes-input {
  min-width: 200px !important;
}

.unlinked-invoices-card {
  height: 78vh;
  overflow-y: auto;
}

.invoiceEstimate-table {
  thead th {
    position: sticky;
    top: 0;
    z-index: 3;
  }

  .invoice-column {
    min-width: 120px !important;
  }

  .date-column {
    width: 130px !important;
  }

  .estimate-column {
    width: 130px !important;
  }

  .amount-column {
    min-width: 100px !important;
    max-width: 130px !important;
  }

  th:nth-child(1) {
    left: 0;
    z-index: 4;
  }

  th:nth-child(2) {
    left: 120px;
    z-index: 4;
  }

  th:nth-child(3) {
    left: 230px;
    z-index: 4;
  }

  th:nth-child(4) {
    left: 360px;
    z-index: 4;
  }

  td:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: white !important;
  }

  td:nth-child(2) {
    position: sticky;
    left: 120px;
    z-index: 2;
    background-color: white !important;
  }

  td:nth-child(3) {
    position: sticky;
    left: 230px;
    z-index: 2;
    background-color: white !important;
  }

  td:nth-child(4) {
    position: sticky;
    left: 360px;
    z-index: 2;
    background-color: white !important;
  }

  .table-container {
    height: unset !important;
    max-height: 100vh;
    overflow: auto;
  }

  .sticky {
    background-color: white !important;
  }

  tfoot tr,
  tfoot td {
    border-top: none !important;
    border-bottom: none !important;
  }

  tfoot {
    position: sticky;
    bottom: 0;
    z-index: 3;
  }

  .highlighted {
    background-color: unset!important;
  }
}

.invoiceOverview-page-inner-table .row {
  display: flex;
  padding: 0.35rem 0;
}

.invoiceOverview-page-inner-table .font-bold {
  font-weight: bold;
}

.admin-velocity-table {
  thead th {
    position: sticky;
    top: 0;
    z-index: 3;
  }
}

@media (min-width: 835px) {
  .grid-container {
      display: grid;
      grid-template-columns: 2fr 1fr;
      gap: 1rem;
  }

  .reverse-grid-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
  }

  .notes {
    resize: none; 
    min-height: 100% !important;
  }
}

/* Default stat card */
.velocity-stat-card {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 0px 1px 0px rgba(12, 26, 75, 0.24), 0px 3px 8px -1px rgba(50, 50, 71, 0.05);
  color: #000 !important;
}

/* Active state: toggled style */
.points-stat-card-active {
  border-radius: 16px !important;
  background: #2F46F2 !important;
  box-shadow: 0px 0px 1px 0px rgba(12, 26, 75, 0.24), 0px 3px 8px -1px rgba(50, 50, 71, 0.05);
}

.cost-stat-card-active {
  border-radius: 16px !important;
  background: #FF6E52 !important;
  box-shadow: 0px 0px 1px 0px rgba(12, 26, 75, 0.24), 0px 3px 8px -1px rgba(50, 50, 71, 0.05);
}

.velocity-text-active {
  color: #FFF !important;
}

.velocity-text-inactive {
  color: #76818C !important;
}


::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 767px) {
  .sync-button,
  .syncing-button,
  .edit-button {
    min-width: 0 !important;
  }
}

overflow: -moz-scrollbars-none;
-ms-overflow-style: none;
  display: none;

overflow: -moz-scrollbars-none;
-ms-overflow-style: none;