.block {
  display: block !important;
}
.z-index-toast {
  z-index: 1000;
}

.mandatory {
  border-left: 2px solid #f87171 !important;
}

.table-input {
  border: none !important;
  outline: none !important;
}

.input-padding {
  padding: 0.28rem 0.8rem !important;
}

.bg-transparent {
  background: transparent !important;
}
@media screen and (max-width: 768px) {
  .sm-m-3 {
    margin: 0.875rem 0;
  }
}

.spinner-container {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.spinner {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border-top: 2px solid #c084fc;
  border-bottom: 2px solid purple;
  border-right: 2px solid #c084fc;
  border-left: 2px solid purple;
  animation: animate 0.8s linear infinite;
}

.spinner.md {
  width: 36px;
  height: 36px;
}

@keyframes animate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.table-like {
  display: flex;
  align-items: center;
  padding: 0.875rem;
  justify-content: space-between;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e2e8f0;
}

.table-like .contact,
.table-like .studentname {
  font-weight: bold;
}

#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  /* background-color: #333;  */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}

@media print {
  .d-print-bg-white {
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
  }
}