.uni-blue{
  background-color: #003865 !important;
}

.pointer {cursor: pointer;}

.help {cursor: help;}

.uni-blue-text{
  color: #003865 !important;
}

.uni-blue-hover:hover{
  background-color: #005398 !important;
}

.nav-link.logout {
  background-color: #dc3545 !important;
  border-radius: 5px;
}

.nav-link.logout:hover {
  background-color: #bb2d3b !important;
  border-radius: 5px;
}

.mr-i{
  margin-right: 0px !important;
}

.toast-container {
  position: fixed;
  bottom: 15px;
  left: 20px;
  max-height: 300px;
  overflow-y: auto;
  display: flex;
  flex-direction: column-reverse;
  z-index: 1050;
}

.toast.show {
  margin-bottom: 5px;
  /* Spacing between toasts */
}

.toast {
  width: 250px;
  --bs-toast-border-width: 0px;
  /* Spacing between toasts */
}


.cobalt{
  /* background-color: #005C8A !important; */
  background-color: rgba(0, 92, 138, 1) !important;
}

.cobalt-75o{
  /* background-color: #005C8A !important; */
  background-color: rgba(0, 92, 138, 0.75) !important;
}

.lavendar{
  background-color: #5B4D94 !important;
}

.burgundy{
  background-color: #7D2239 !important;
}

.slate{
  background-color: #4F5961 !important;
}

.moss{
  background-color: #385A4F !important;
}

.leaf{
  background-color: #006630 !important;
}

.thistle{
  background-color: #951272 !important;
}

.sky-blue{
  background-color: #005398 !important;
}

.info-disabled{
  pointer-events: none;
  background-color: #62dcf5;
  opacity: var(--bs-btn-disabled-opacity);
}

body{
  font-family: "Roboto" !important;
}

.nav-link.active {
  background-color:#005398;
  border-radius:5px;
}

.nav-link{
  margin-left: 5px;
}


.nav-link:hover{
  background-color:#005398;
  border-radius:5px;
}



/* ========== */
/* TABLE CSS  */
/* ========== */
th[data-sort] {
  cursor: pointer;
}

th {
  white-space: nowrap !important; /* text-nowrap */
  text-align: center;
}

tbody#tableBody {
  height: 559px;
}

thead tr {
  border: none;
  color: white;
}

tr th {
  border: none;
}

tr td {
  vertical-align: middle !important;
  text-align: center;
}

.table-responsive {
  max-height: 600px;
  min-height: 600px;
  position: sticky;
}

.rounded-top-left {
  border-top-left-radius: 0.375rem !important;
}

.rounded-top-right {
  border-top-right-radius: 0.375rem !important;
}

.rounded-bottom-left {
  border-bottom-left-radius: 0.375rem !important;
}

.rounded-bottom-right {
  border-bottom-right-radius: 0.375rem !important;
}

.icon-fade {
  opacity: 0; /* Initially hidden */
  transition: opacity 0.3s ease-in-out; /* Fade transition */
}

th:hover .icon-fade {
  opacity: 1; /* Fade in on hover */
}

.icon-fade.active {
  opacity: 1; /* Fade in on hover */
}


.loading-mask {
  position: fixed; /* Stay in place even when scrolling */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3); /* Semi-transparent white background */
  display: none;
  justify-content: center; /* Center the spinner horizontally */
  align-items: center; /* Center the spinner vertically */
  z-index: 9999; /* Ensure it's on top of everything */
}

.loading-mask .spinner-border {
  width: 3rem;
  height: 3rem;
}

.h7 {
  font-size:  0.7rem;
}


.sidebar {
  height: calc(100vh - 8rem);
  top: 7rem;
  position: sticky;
}