#ui-datepicker-div {
  z-index: 1560 !important;
}

.table {
  background-color: white;
}

.table-layout-fixed {
  table-layout: fixed !important;
}

/* Badge */
.badge-primary {
  background-color: #E39B74;
}

.badge-draft {
  background-color: #AFAFAF;
}

.badge-done {
  background-color: #618974;
}

.badge-failed {
  background-color: #515151;
}

.badge-success {
  background-color: #749AE3;
}

.badge-light {
  background-color: #E37474;
}

.h-100-px {
  height: 100px;
}

.w-80 {
  width: 80%;
}

.z-5 {
  z-index: 5;
}

.me-75 {
  margin-right: .75rem;
}

.rounded-30px {
  border-radius: 30px;
}

.reminder-icon {
  font-size: 5.5rem;
  color: red;
}

.reminder-title {
  font-size: 2rem;
  color: red;
}

.reminder-content {
  font-size: 1.5rem;
}

.reminder-button {
  font-size: 2rem;
}

.btn-success-light {
  background-color: #809E8E;
  color: white;
}

.btn-success-light:hover {
  background-color: #618974;
  color: white;
}

.form-check-input[readonly],
.form-check-input[readonly]~.form-check-label {
  pointer-events: none;
}

.dynamic-grid {
  display: grid;
  gap: var(--bs-gutter-x);
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.row-gap-1 {
  row-gap: .25rem !important;
}

.row-gap-2 {
  row-gap: .5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

@media (min-width: 1680px) {
  .mw-xxxl {
    max-width: 1600px !important;
  }
}

@media (min-width: 1400px) {
  .mw-xxl {
    max-width: 1320px !important;
  }
}

@media (min-width: 1200px) {
  .mw-xl {
    max-width: 1140px !important;
  }
}

@media (min-width: 992px) {
  .mw-lg {
    max-width: 960px !important;
  }
}

@media (min-width: 768px) {
  .mw-md {
    max-width: 720px !important;
  }
}

@media (min-width: 576px) {
  .mw-sm {
    max-width: 540px !important;
  }
}