.btn-twitter {
  color: #ffffff;
  background-color: #000;
  border-color: #000;
  box-shadow: none;
}

.btn-twitter:hover {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-facebook {
  color: #ffffff;
  background-color: #4267B2;
  border-color: #4267B2;
  box-shadow: none;
}

.btn-facebook:hover {
  color: #ffffff;
  background-color: #3b5998;
  border-color: #3b5998;
}

.btn-google {
  color: #ffffff;
  background-color: #d30018;
  border-color: #d30018;
  box-shadow: none;
}

.btn-google:hover {
  color: #ffffff;
  background-color: #C93629;
  border-color: #C93629;
}

.btn-microsoft {
  color: #363535;
  background-color: #FFB900;
  border-color: #FFB900;
  box-shadow: none;
}

.btn-microsoft:hover {
  color: #F25022;
  background-color: #fff;
  border-color: #F25022;
}

/* Para Animaciones */

.ex01s{
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.ex02s{
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.ex03s{
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.ex04s{
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.ex05s{
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.ex1s{
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.ex2s{
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}

.ex3s{
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
}

.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-6 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-7 {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-8 {
  font-size: 1.2rem;
  line-height: 1.2;
}

.display-9 {
  font-size: 1rem;
  line-height: 1;
}

/* - ---------------------------------- - */

.btn-cristosal {
  color: #ffffff;
  background-color: #d30018;
  border-color: #d30018;
  box-shadow: none;
}

.btn-cristosal:hover {
  color: #ffffff;
  background-color: #A50013;
  border-color: #A50013;
}

.text-cristosal {
  color: #d30018 !important;
}

a.text-cristosal:hover, a.text-dark:focus {
  color: #A50013 !important;
}

.btn-hand {
  cursor: pointer !important;
}

.list-group-item-cristosal {
  color: #fff;
  background-color: #d30018;
}

.list-group-item-secondary-2 {
  color: #383d41;
  background-color: #EBEDF0;
}

.bg-transparent-2 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

a {
  text-decoration: none !important;
}

.no-d-bg {
  background-color: transparent !important;
  color: #000;
  border: 1px solid #e3e3e3;
}

.scrollable-form {
    max-height: 800px; /* Ajusta este valor al tamaño que desees */
    overflow-y: auto; /* Habilita el scroll vertical si el contenido es más largo */
    border: 0; /* Opcional: para visualizar el borde del contenedor */
    padding: 15px; /* Opcional: para agregar espacio interno */
}

.scrollable-form-2 {
    max-height: 800px; /* Ajusta este valor al tamaño que desees */
    overflow-y: auto; /* Habilita el scroll vertical si el contenido es más largo */
    border: 0; /* Opcional: para visualizar el borde del contenedor */
    padding: 15px; /* Opcional: para agregar espacio interno */
}

/* --------------------------------------- */

.my-confirm-button,
.my-deny-button {
    min-width: 100px; /* Asegura que ambos botones tengan el mismo ancho mínimo */
    padding: 10px 20px; /* Ajusta la padding para que sea uniforme */
    font-size: 16px; /* Ajusta el tamaño de la fuente */
    border-radius: 5px; /* Bordes redondeados para consistencia */
    box-sizing: border-box; /* Asegura que padding no afecte el tamaño total */
    border: none; /* Elimina el borde */
    box-shadow: none; /* Elimina la sombra para evitar resaltado */
}

/* Estilos específicos para el botón de confirmación */
.my-confirm-button {
    background-color: #f6f6f6; /* Color del botón de confirmación */
    color: black; /* Color del texto */
}

/* Estilo del botón de confirmación al hacer hover */
.my-confirm-button:hover {
    background-color: #e0e0e0; /* Cambia el color al hacer hover, si lo deseas */
}

/* Estilos específicos para el botón de denegación */
.my-deny-button {
    background-color: #f14b3e; /* Color del botón de denegación */
    color: white; /* Color del texto */
}