@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

body {
  font-family: 'Raleway', sans-serif;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(16, 54, 91, var(--bs-bg-opacity, 1)) !important;
}

.escudos {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
}

.lstparticipante {
  border-radius: 5px;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #10365b;
  cursor: pointer;
  background-color: rgb(16, 54, 91, 0.8);
  height: 50px;
  margin-bottom: 8px;
  padding: 5px 10px;
  display: flex;
}

.lstparticipante span {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.lstparticipante button {
  background-color: #ececec;
  color: #10365b;
  border: none;
  cursor: pointer;
  outline: none;
  height: 100%;
  width: 30px;
  border-radius: 5px;
}

.btn-participante {
  background-color: #10365b;
  color: #fff;
}

.btn-participante:hover {
  background-color: #10365b;
  color: #fff;
  font-weight: 700;
}

.list-participantes {
  list-style: none;
}

.list-label {
  margin-bottom: 12px;
  margin-right: -10px;
}

.list-label span {
  font-weight: bold;
}

/* LABEL DE ESTATUS */
.label {
  display: inline-block;
  padding: 3px 10px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 4px;
  font-size: 85%;
}

.label-nueva {
  background-color: #EEBB4D;
}

.label-validada {
  background-color: #73A9AD;
}

.label-enproceso {
  background-color: #80558C;
}

.label-cancelada {
  background-color: #EF4B4B;
}

/* BOTONES ESTATUS BUSCAR SOLICITUDES */
.btn-nueva {
  background-color: #EEBB4D;
  color: #fff;
}

.btn-nueva:hover {
  background-color: rgb(255, 217, 102,0.85);
  color: #fff;
}

.btn-validada {
  background-color: #73A9AD;
  color: #fff;
}

.btn-validada:hover {
  background-color: rgb(115, 169, 173,0.85);
  color: #fff;
}

.btn-enproceso {
  background-color: #80558C;
  color: #fff;
}

.btn-enproceso:hover {
  background-color: rgb(128, 85, 140,0.85);
  color: #fff;
}

.btn-cancelada {
  background-color: #EF4B4B;
  color: #fff;
}

.btn-cancelada:hover {
  background-color: rgb(239, 75, 75,0.85);
  color: #fff;
}

.btn-consult {
  background-color: #860dff;
  color: #fff;
}

.btn-consult:hover {
  background-color: rgb(134, 13, 255, 0.85);
  color: #fff;
}

/* Iconos en mostrar participación */
.icon-nueva {
  color: #f7b71d;
}

.icon-validada {
  color: #009975;
}

.icon-enproceso {
  color: #bb1542;
}

.icon-cancelada {
  color: #fa163f;
}

.scroll-area {
  height: 300px;
  overflow-x: hidden;
}

/* Boton cancelar y validar */

.btn-validar {
  background-color: #009975;
  color: #fff;
}

.btn-cancelar {
  background-color: #fa163f;
  color: #fff;
}

/* Modal */
.modal-cancelled {
  background-color: #fa163f;
}

.modal-process {
  background-color: #860dff;
}

.modal-foot {
  background-color: #545B77;
}

.color-title {
  color: #fff;
}

/* footer */
.divfooter {
  background-color: #ffc600;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  font-weight: bold;
}

/* GALERÍA */
.btn-galeria {
  background-color: #86beed;
  margin-top: 29px;
  padding: 10px;
}

.nGY2 .nGY2paginationDot, .nGY2 .nGY2paginationDotCurrentPage {
  width: 18px !important;
  height: 18px !important;
}

.nGY2paginationDotCurrentPage {
  border: 3px solid #ffc600 !important;
  background: #1b3b6a !important;
}

.nanogallery_gallerytheme_dark_nanogallery2 .nGY2NavPagination {
  color: #ffc600 !important;
  background: #1b3b6a !important;
  border-radius: 4px !important;
}

.nanogallery_gallerytheme_dark_nanogallery2 .nGY2paginationDot {
  border: 3px solid #545B77 !important;
  background: #68708d !important;
}

.divBienvenida{
  margin: 25px 0 34px 0;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
}

.divAbeja {
  display: flex;
  justify-content: center;
  align-items: center;
}

.divAbeja2 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 50px;
}

.contentVideo {
  border-radius: 10px;
  padding: 5px;
  border: 5px solid #172B50;
}

.divTitulo {
  color: #b48608;
  font-family: 'Droid serif', serif;
  font-size: 30px;
  font-weight: 400;
  font-style: italic;
  line-height: 44px;
  margin: 0 0 12px;
  text-align: center;
}

/* LOADER */
.bd-example-modal-lg .modal-dialog {
  display: table;
  position: relative;
  margin: 0 auto;
  top: calc(50% - 24px);
}

.bd-example-modal-lg .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}

.loader {
  color: #ffffff;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
      0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
      0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0,
      0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em,
      0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em,
      0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em,
      0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}