@font-face {
  font-family: 'Fredoka One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/fredokaone/v8/k3kUo8kEI-tA1RRcTZGmTmHB.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCP.ttf) format('truetype');
}
body {
  width: 100%;
}
body .index_fondo {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 90%;
}
body .navbar {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
}
body .navbar .navbar-toggler {
  position: fixed;
  right: 20px;
  top: 20px;
}
body .navbar .container {
  max-width: 100% !important;
}
body .navbar .container .navbar-brand {
  text-align: left;
}
@media (max-height: 768px) {
  body .navbar .container .navbar-brand {
    text-align: center;
  }
}
body .navbar .container .navbar-brand .logo {
  width: 70%;
  margin-top: -5px;
}
body .navbar .container ul {
  justify-content: flex-end;
  font-family: 'Fredoka One';
  font-size: 16px;
}
body .navbar .container ul li {
  margin: 10px;
}
body .navbar .container ul li .nav-link {
  display: flex;
  cursor: pointer;
}
body .navbar .container ul .register {
  border: 1px solid #000000;
}
body .navbar .container ul .log-in {
  background-color: #F7CB34;
}
body .cookiealert button {
  background-color: #F7CB34;
  border-radius: 5px;
  border: 1px solid black;
  color: black;
}
body .cookiealert button:hover {
  background-color: #18E041;
  color: white;
  border: 1px solid white;
}
body .cookiealert .link-cookie {
  color: #F7CB34;
}
body .scrollNavbarShow {
  -webkit-transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
  background-color: white;
  border-bottom: 1px solid #000000;
}
body .scrollNavbarHide {
  -webkit-transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
  transition: background-color 0.5s linear;
  background-color: transparent;
  border-bottom: none;
}
body .elementHide {
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 0;
}
body .elementShow {
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  opacity: 1;
}
body .contenedor #index_alumnos .row .dance {
  padding: 100px 0px 0px;
}
body .contenedor #index_alumnos .margin-sides {
  margin: 0px 20px;
}
body .contenedor #index_alumnos .section1 {
  padding-left: 50px;
  opacity: 1;
  display: grid;
  grid-auto-flow: column;
  width: 100%;
  margin-right: 15px;
  justify-content: center;
  /*                .card {
                    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
                    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
                }*/
}
body .contenedor #index_alumnos .section1 .material-icons {
  color: #F7CB34;
  font-size: 100px;
}
body .contenedor #index_alumnos .section1 h1 {
  font-size: 70px;
  margin: 0;
  color: #18ACE0;
  text-align: center;
  font-family: 'Fredoka One';
}
body .contenedor #index_alumnos .section1 .card-title {
  text-align: center;
  font-size: 1.5vw;
}
body .contenedor #index_alumnos .contenedoraecom {
  margin-top: -60px;
}
@media (max-height: 768px) {
  body .contenedor #index_alumnos .contenedoraecom {
    margin-top: -10px;
  }
}
body .contenedor #index_alumnos .contenedoraecom .sectionAecom {
  margin-top: -2px;
  background-color: #ff8c00;
  padding-bottom: 20px;
}
body .contenedor #index_alumnos .contenedoraecom .sectionAecom .iconsAecom {
  padding: 2% 8%;
}
body .contenedor #index_alumnos .contenedoraecom .sectionAecom .containerbtnAeCom {
  display: flex;
  align-items: center;
  justify-content: center;
}
body .contenedor #index_alumnos .contenedoraecom .sectionAecom .containerbtnAeCom .btnAecom {
  display: block;
  margin: 0 auto;
  width: 100%;
}
body .contenedor #index_alumnos .contenedoraecom .frameAecom_bottom {
  margin-top: -10vw;
}
body .contenedor #index_alumnos .section-prof input {
  border-radius: 5px 0px 0px 5px;
}
body .contenedor #index_alumnos .section-prof button {
  background-color: #18ACE0;
}
body .contenedor #index_alumnos .section-prof button:hover {
  background-color: #F7CB34;
}
body .contenedor #index_alumnos .section-prof button:disabled {
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
}
@media (max-width: 576px) {
  body .contenedor #index_alumnos .section-prof button {
    border-radius: 5px;
    margin-top: 5px;
  }
}
@media (min-width: 576px) {
  body .contenedor #index_alumnos .section-prof button {
    border-radius: 0px 5px 5px 0px;
  }
}
body .contenedor #index_alumnos .section-prof #inputEmail {
  border-radius: 0px 0px 0px 0px;
}
body .hideme {
  opacity: 0;
}
body .text-verde {
  color: #18E041;
}
body .text-amarillo {
  color: #F7CB34;
}
body .text-azul {
  color: #18ACE0;
}
body .text-g {
  color: gray;
}
body .font-texto {
  font-family: 'Raleway';
  font-size: 1.5vw;
}
body .font-cabecera {
  font-family: 'Fredoka One';
  font-size: 1.5em;
}
@media (max-width: 576px) {
  body .font-cabecera {
    font-size: 0.9em;
  }
}
body .margin-bottom {
  margin-bottom: 20px;
}
body .margin-top-section {
  margin-top: 20px;
}
@media (max-width: 768px) {
  body .margin-top-section {
    margin-top: 20px;
  }
}
body .footer {
  position: relative;
  line-height: normal;
  background-color: #18ACE0;
}
body .footer object {
  width: 32%;
  filter: brightness(790%) contrast(523%);
}
body .footer small {
  color: white;
  margin-bottom: 10px;
}
body .footer a {
  color: white;
  text-align: right;
}
body .footer a:hover {
  color: #F7CB34;
}
@media (max-width: 768px) {
  body .footer a {
    text-align: center;
  }
}
body .footer .socialmedia {
  width: 30%;
}
body .footer .footerline {
  display: flex;
  align-items: center;
  height: 100%;
  margin-top: -10px;
}
body .footer .footerline img {
  opacity: 0.3;
  filter: invert(1);
  cursor: pointer;
}
body .footer .footerline img:hover {
  opacity: 1;
}
@media (max-width: 768px) {
  body .footer .footerline img {
    opacity: 1;
    margin-top: 15px;
  }
}
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}
.spinnerLoading {
  text-align: center;
}
.spinnerLoadingBack {
  background: #ffffff;
  z-index: 99;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  position: absolute;
}
.spinnerImage {
  width: 100%;
  height: 35vw;
  z-index: 100;
  position: absolute;
  top: 5%;
  text-align: center;
}
.spinnerText {
  text-align: center;
  margin-top: -7%;
  color: #5e5e5e;
  font-size: 1.5em;
}
#loading {
  visibility: hidden;
}
#index_contacto .seccion-contacto {
  padding: 0 25%;
}
@media (max-width: 992px) {
  #index_contacto .seccion-contacto {
    padding: 0 5%;
  }
}
#index_contacto .seccion-contacto .containerTlfs {
  width: 100%;
  display: contents;
}
#index_contacto .seccion-contacto .containerTlfs .iconTlf {
  font-size: 1em;
}
#index_contacto .seccion-contacto h1 {
  font-size: 4.5em;
}
@media (max-width: 992px) {
  #index_contacto .seccion-contacto h1 {
    font-size: 2.5em;
  }
}
#index_contacto .seccion-contacto .error {
  color: red;
  font-size: 12px;
}
#index_contacto button {
  background-color: #18ACE0;
  border-radius: 5px;
}
#index_contacto .margin-sides {
  padding: 0 5%;
}
#index_Policies .aviso_legal {
  background-color: #18ACE0;
  padding: 40px;
  text-align: left;
}
#index_Policies .politica_privacidad {
  background-color: #C9C9C5;
  padding: 40px;
  text-align: left;
}
#index_Policies .politica_intelectual {
  background-color: #18E041;
  padding: 40px;
  text-align: left;
}
#index_Policies .cookies {
  background-color: #F7CB34;
  padding: 40px;
  text-align: left;
}
#index_Policies h1 {
  font-size: 2.5vw;
  color: white;
  text-align: center;
}
#index_Login .section-login {
  padding: 0;
  display: flex;
  justify-content: center;
}
#index_Login .section-login .card-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#index_Login .section-login .card-1:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
#index_Login .section-login .login {
  border-top: 10px solid #18E041;
  width: 60%;
}
#index_Login .section-register {
  padding: 0;
  display: flex;
  justify-content: center;
}
#index_Login .section-register .card-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#index_Login .section-register .card-1:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
#index_Login .section-register .register {
  border-top: 10px solid #F7CB34;
  width: 60%;
}
#index_Login .section-register .custom-file-label:after {
  content: "Buscar" !important;
}
.container-profesores {
  margin: 30px;
}
.container-profesores .separador {
  margin-top: 75px;
}
.container-profesores .card-body {
  position: relative;
  min-height: 155px;
}
.container-profesores .card-body .image-container {
  margin-top: -85px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 15px solid #F7CB34;
}
.container-profesores .card-body .image-container .dot {
  height: 25px;
  width: 25px;
  background-color: white;
  border: 2px solid darkgray;
  border-radius: 50%;
  display: inline-block;
  right: 0;
  position: absolute;
  cursor: pointer;
  z-index: 1;
}
.container-profesores .card-body .image-container .dot-ok {
  padding: 3px;
  height: 25px;
  width: 25px;
  background-color: green;
  border: 3px solid white;
  border-radius: 50%;
  display: inline-block;
  right: 0;
  position: absolute;
  cursor: pointer;
  color: white;
  text-align: center;
  z-index: 2;
  font-size: 13px;
}
.container-profesores .card-body .name-container {
  position: relative;
  margin-top: 65px;
  text-align: center;
}
.container-profesores .card-body h2 {
  margin: 0;
  color: #18ACE0;
}
.container-profesores .card-body i {
  color: #F7CB34;
}
.container-profesores .card-footer .nav-tabs {
  place-content: center;
  margin-top: 3px;
}
.container-profesores .card-footer .nav-tabs .nav-item a {
  color: gray;
}
.container-profesores .card-footer .nav-tabs .nav-item a i {
  font-size: 25px;
}
.container-profesores .card-footer .tab-content {
  background: white;
  padding: 10px;
}