/* CSS Document */

.reid-text {
	font-family: 'Vonique 43',Helvetica,Arial,Lucida,sans-serif;
}

.profileImage {
  font-family: Arial, Helvetica, sans-serif;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: #004D3C;
  font-size: 3.5rem;
  color: #fff;
  text-align: center;
  line-height: 10rem;
  margin: 2rem 0;
}

.input-group-append {
    cursor: pointer;
  }

  .dropdown-menu {
  overflow: hidden;
  overflow-y: scroll;
  scrollbarPosition: "inside";
  }

  .reid-header {
    background-color: #32603B !important;
  }
  .act-green {
    background-color: #32603B !important;
  }
  .act-orange {
    background-color: #F99100 !important;
  }

  /* Custom CSS to change background color when active */
 /* .nav-link.active { */
  /* !important to override Bootstrap styles */
/*  background-color: #32603B !important; */
  /* Optional: Change text color when active */
/*  color: #fff; */
/*  }*/
  /*
  .nav-link:not(.active) {
    background-color: #F99100 !important;
    color: #333 !important;
  }
  */


/*
  .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #32603B !important;
  --bs-btn-border-color: #32603B !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #022222 !important;
  --bs-btn-hover-border-color: #022222 !important;
  --bs-btn-focus-shadow-rgb: 38, 121, 244;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #004ec2;
  --bs-btn-active-border-color: #0049b6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #087278 !important;
  --bs-btn-disabled-border-color: #087278 !important;
  }
*/
.pagination {
    
    --bs-pagination-active-bg: #32603B !important;
    --bs-pagination-active-border-color: #32603B !important;
   
}


  .custom-modal-width {
      max-width: 10%;
  }

  
    #selectedStudents.form-control {
      min-height: 2.5rem;
      cursor: text;
    }
    #selectedStudents .badge {
      font-size: 0.85rem;
    }
    #selectedStudents .remove-badge {
      cursor: pointer;
      margin-left: .4rem;
      font-weight: bold;
      line-height: 1;
    }

    .student-search-wrapper {
      position: relative;
    }
    #studentSearchResults {
      max-height: 260px;
      overflow-y: auto;
    }

.avatar-circle {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 0.8rem;
      font-weight: 600;
    }

    /* Simple pop-in animation for badges */
    @keyframes pop-in {
      from {
        transform: scale(0.8);
        opacity: 0;
      }
      to {
        transform: scale(1);
        opacity: 1;
      }
    }
    .badge-animate {
      animation: pop-in 0.18s ease-out;
    }

.autocomplete-list {
  position: absolute;
  z-index: 1000;
  width: 100%;
  top: calc(100% + 5px);
  left: 0;
  display: none;
}

.search-input-group-desktop {
  width: 400px;
}

.search-input-group-mobile {
  width: 300px;
}

.list-group-item.selected {
  background-color: #054A4E;
  color: white;
}

.ticket-work-alert {
  cursor: pointer;
}

.ui-section-card {
  border: 0;
}

.ui-section-card .card-body {
  background-color: var(--bs-light);
}

.summary-stat-card {
  border: 0;
}

.summary-stat-card .card-body {
  background-color: var(--bs-light);
}

.summary-stat-label {
  color: var(--bs-gray-600);
  font-size: 0.875rem;
}

.summary-stat-value {
  font-weight: 600;
}

.invoice-table {
  margin-bottom: 0;
}

.invoice-context-title {
  font-weight: 600;
}