/******
 * Clases para sobreescribir las alertas de SweetAlert2.
 * Nota: deben ser colocadas de manera global en la aplicación
 * 
 * @author J18716 - Ramírez Castillo Miguel Ángel
 * @author G13380 - Rodríguez Granados José Ángel
 * @createdAt 30/01/2024
 * @version 1.0.0.20240130
 *
  No remover la documentación para un mejor control de versiones
 ****/

.customLoader {
  width: 17.6px;
  height: 17.6px;
  border-radius: 17.6px;
  box-shadow: 44px 0px 0 0 rgba(23, 37, 66, 0.2), 35.6px 26px 0 0 rgba(23, 37, 66, 0.4), 13.64px 41.8px 0 0 rgba(23, 37, 66, 0.6), -13.64px 41.8px 0 0 rgba(23, 37, 66, 0.8), -35.6px 26px 0 0 #172542;
  animation: loaderAnimation 2s infinite linear;
}

.swal2-icon {
  margin: 1.5em auto 0 auto;
}

#swal2-title.swal2-title {
  font-size: 1.5em;
  font-weight: 700;
  margin-top: 10px;
  padding: 0.5em 1em 0;
}

#swal2-html-container.swal2-html-container,
.swal2-textarea {
  font-size: 0.9em !important;
  margin-top: 10px;
}

.swal2-popup {
  max-width: 400px !important;
}

.swal2-loader {
  border-color: rgba(0, 0, 0, 0.0) !important;
}

/**
* Clases para sobreescribir los botones de SWAL2
*/
.swal2-btn-primary {
  background-color: #12284C !important;
  color: white !important;
  border: none;
}

.swal2-btn-secondary {
  background-color: #007279 !important;
  color: white !important;
  border: none;
}

.swal2-btn-danger {
  background-color: #C21832 !important;
  color: white !important;
  border: none;
}

.swal2-btn-outline-primary {
  background-color: white !important;
  color: #12284C !important;
  border: 1px solid #12284C !important;
}

.swal2-btn-primary:is(:hover, :active, :focus),
.swal2-btn-secondary:is(:hover, :active, :focus),
.swal2-btn-danger:is(:hover, :active, :focus),
.swal2-btn-outline-primary:is(:hover, :active, :focus) {
  opacity: 0.9 !important;
  box-shadow: none !important;
}

div:where(.swal2-icon).swal2-warning {
  border-color: #12284C;
  color: #12284C;
}

.swal2-icon.swal2-warning{
  border-color: #12284C !important;
  color: #12284C !important;
}