.login-page {
  background: url('../img/bg_login.jpg') no-repeat center center fixed;
  background-size: cover;
}


.btn-primary {
  background-color: #05509aab !important;
  color: white !important;
  border: none !important;
  border-radius: 4px !important;
}

.content {
  background-color: #edf6ff !important;
}

.content-wrapper {
  background-color: #edf6ff !important;
}

.page-link {
  color: #000;
  border-color: #d3d3d3;
}

.page-item.active .page-link {
  background-color: #6c757d;
  /* Bootstrap secondary */
  border-color: #6c757d;
  color: white;
}

/* label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 500 !important;
}       */

.parsley-success {
  border-color: green;
  /* Borde verde para campos válidos */
}

.parsley-error {
  font-size: 0.875rem;
  display: block;
  margin-top: 0.25rem;
}

.parsley-errors-list {
  list-style: none;
  /* 🔧 Esto elimina los bullets */
  padding-left: 0;
  /* Opcional: elimina indentación izquierda */
}

.parsley-errors-list li {
  color: #dc3545 !important;
  /* Color rojo de Bootstrap (danger) */
  font-weight: 600;
}

/* Aumentar altura del Select2 para mejor visualización del texto */
.select2-container--default .select2-selection--single {
  height: 50px !important;
  min-height: 50px !important;
  padding: 12px 12px !important;
  line-height: 1.6 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 26px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
  top: 1px !important;
  right: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent !important;
  border-style: solid !important;
  border-width: 6px 5px 0 5px !important;
  height: 0 !important;
  left: 50% !important;
  margin-left: -5px !important;
  margin-top: -3px !important;
  position: absolute !important;
  top: 50% !important;
  width: 0 !important;
}