.max-h-25px {
  max-height: 25px !important;
}

.max-h-50 {
  max-height: 50 !important;
}

.max-h-75px {
  max-height: 75px !important;
}

.max-h-100px {
  max-height: 100px !important;
}

.max-h-125px {
  max-height: 125px !important;
}

.max-h-150 {
  max-height: 150 !important;
}

.max-h-175px {
  max-height: 175px !important;
}

.max-h-200px {
  max-height: 200px !important;
}

.page-loader {
  opacity: .9;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.fv-row {
  margin-bottom: 14px;
}

/* * BEGIN PREVIOUS VERSION DATATABLE * */
div.dataTables_wrapper div.dataTables_processing>div.datatable-loader-container {
  display: unset !important;
}

.dataTables_processing {
  border-radius: unset !important;
  box-shadow: unset !important;
  background-color: unset !important;
  color: unset !important;
  margin: unset !important;
  width: unset !important;
  padding: unset !important;
  transform: unset !important;
  position: unset !important;
  margin-left: unset !important;
  margin-right: unset !important;
}

.dt-container .dataTables_processing>div {
  display: unset !important;
}

.dataTables_processing>div:last-child {
  display: none !important;
}

/* * END PREVIOUS VERSION DATATABLE * */

/* * BEGIN CURRENT VERSION DATATABLE * */
div.dataTables_wrapper div.dt-processing>div.datatable-loader-container {
  display: unset !important;
}

.dt-processing {
  border-radius: unset !important;
  box-shadow: unset !important;
  background-color: unset !important;
  color: unset !important;
  margin: unset !important;
  width: unset !important;
  padding: unset !important;
  transform: unset !important;
  position: unset !important;
  margin-left: unset !important;
  margin-right: unset !important;
}

.dt-container .dt-processing>div {
  display: unset !important;
}

.dt-processing>div:last-child {
  display: none !important;
}

/* * END CURRENT VERSION DATATABLE * */

.datatable-loader-container {
  padding-top: 50px;
  padding-bottom: 50px;
}

.datatable-loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid var(--bs-primary);
  width: 120px;
  height: 120px;
  -webkit-animation: animateSpin 2s linear infinite;
  animation: animateSpin 2s linear infinite;
  margin: auto auto;
}

@-webkit-keyframes animateSpin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes animateSpin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* * Begin Datatable Control Responsive * */
.dtr-control:before {
  background-color: var(--bs-primary) !important;
}

.dt-hasChild.dtr-expanded .dtr-control:before {
  background-color: var(--bs-danger) !important;
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3crect opacity='0.3' x='2' y='2' width='20' height='20' rx='5' fill='%231B84FF'/%3e%3crect x='6.0104' y='10.9247' width='12' height='2' rx='1' fill='%231B84FF'/%3e%3c/svg%3e") !important;
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3crect opacity='0.3' x='2' y='2' width='20' height='20' rx='5' fill='%231B84FF'/%3e%3crect x='6.0104' y='10.9247' width='12' height='2' rx='1' fill='%231B84FF'/%3e%3c/svg%3e") !important;
}

/* * End Datatable Control Responsive * */

.form-control-number::-webkit-outer-spin-button,
.form-control-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}

.nav-pipeline {
  border-top: 1px var(--bs-border-style) var(--bs-text-gray-500) !important;
  border-bottom: 1px var(--bs-border-style) var(--bs-text-gray-500) !important;
}

.nav-pipeline:first-child {
  border-left: 1px var(--bs-border-style) var(--bs-text-gray-500) !important;
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.nav-pipeline:last-child {
  border-right: 1px var(--bs-border-style) var(--bs-text-gray-500) !important;
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.separator-svg {
  width: 1.25rem;
  /* Adjust width as needed, original was w-5 which is 20px or 1.25rem */
}

.table-row-middle thead tr th {
  vertical-align: middle;
}

.table-row-middle tbody tr td {
  vertical-align: middle;
}

.table-row-middle tbody tr td a,
.table-row-middle tbody tr td input,
.table-row-middle tbody tr td img {
  vertical-align: middle;
  display: inline-block;
}

[data-bs-theme="dark"] .text-dark {
  color: #fff !important;
}