.btn-purple {
  background-color: #114fcd; /* Color morado en formato hexadecimal */
  border-color: #114fcd; /* Color del borde en formato hexadecimal */
  color: #fff; /* Color del texto en blanco */
}

.btn-purple:hover {
  background-color: #114fcd; /* Color morado más oscuro cuando el botón se encuentra en hover */
  border-color: #114fcd; /* Color del borde en formato hexadecimal */
  color: #fff; /* Color del texto en blanco */
}

.overlay {
  opacity: 0.8;
  background-color: #ccc;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 1080;
  background-image: url("../img/loading.gif");
  background-repeat: no-repeat;
  background-position: center;
}