.big-checkbox {
    width: 20px;
   height: 20px;
   }
  .container-fluid{
   border:2px solid black;
   border-radius: 1%;
   margin-top: 2%;
  }
  .container-filtro{
   width: 90%;
   margin-left: 5%;
  }
  .dropdown-submenu {
   position: relative;
  }
  
  .dropdown-submenu a::after {
   transform: rotate(-90deg);
   position: absolute;
   right: 6px;
   top: .8em;
  }
  
  .dropdown-submenu .dropdown-menu {
   top: 0;
   left: 100%;
   margin-left: .1rem;
   margin-right: .1rem;
  }
  
  .bg-custom {
   /*background-color: #1e355e;*/
   background-color: #042c64;
  }
  
  @import url("https://fonts.googleapis.com/css?family=Open+Sans");
  * {
   margin: 0;
   padding: 0;
   text-decoration: none;
   font-family: "Open sans", sans-serif;
   /* font-family: 'Montserrat', sans-serif; */
   font-size: 18px;
  }
 
  
  html {
   font-size: 100%;
   min-height: 100%;
   position: relative;
  }
  h1{
     text-align: center;
     font-size: 40px;
  }
  .h1_docente{
    color: brown; 
    font-weight: bolder;
 }

 .h1_admin{
  color: green; 
  font-weight: bolder;
}
  
  h2{
    text-align: center;
 }

  h3{
    text-align: center;
 }
  
  body {
   margin: 0;
   /* margin-bottom: 50px; */
   background-color: #ffffff;
   height: 100%;
  }
  /*///////////////////////////////////////////////////////////Inicio menu/////////////////////////////////////////////////////////////////*/
  header {
   position: relative;
   width: 100%;
   background-color: white;
   text-align: center; 
    
  }
  a.navbar-brand {/*ITCJ en MENU*/
   position: relative;
   padding: 10px;
   font-family: verdana;
   color: #FFF;
   float: left;
   width: 15%;
  }
  
  header .logo4{
     width: 10%;
     margin-left: 1%;
      
  }
  header .logo3{
     width: 15%;
     margin-left: 1%;
  }
  header .logo2{
   width: 19%;
   margin-left: 1%;
  }
    /*/////////////////////////////////////////////////////*/

    
  /*/////////////////////////////////////////////////////*/
  @media only screen and (max-width: 920px) {
    .footer {
        display: flex;
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        justify-content: space-between;
    }
}
  .footer {
   position: fixed;
   bottom: 0;
   width: 100%;
   color: white;
   padding: 10px 0px 0px ;
   color: #FFF;
   /* background-image: url(https://framework-gb.cdn.gob.mx/landing/img/fondofooter.jpg); */
   background-image: url('/static/Imagenes/fondofooter.jpg');
   background-size: cover;
  }
  
  .footer > * {
   flex:  1 100%;
  }
 
/*///////////////////////////////////////////contenedor del registro//////////////////////////////////////////////////*/

.container_registro {
  overflow: hidden;
  background-color: white;
  opacity: 99%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  max-width: 1200px;
  /* min-width: 400px;  */
  
  -webkit-transition: -webkit-transform 300ms, box-shadow 300ms;
  -moz-transition: -moz-transform 300ms, box-shadow 300ms;
  transition: transform 300ms, box-shadow 300ms;
  box-shadow: 5px 10px 10px rgb(0, 0, 0);
}
.container_registro {
  &::before, &::after {
    content: "";
    display: flex;
    flex-wrap: wrap;
   justify-content: center;
    position: absolute;
    width: 900px;
    height: 900px;
    border-top-left-radius: 40%;
    border-top-right-radius: 45%;
    border-bottom-left-radius: 35%;
    border-bottom-right-radius: 40%;
    z-index: -1;
  }
  input {
    display: block;
    border-radius: 5px;
    /* background: gray; */
  }
   button {
    cursor: pointer;
    background-color: black;
    color: #fff;
    font-size: 16px;
    width: 30%;
    margin-left: 35%;
    text-transform: uppercase;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    transition: background-color 300ms;
  }
   
  label{
    font-family: 'Montserrat', sans-serif;
    color: black;
    font-weight:bold;
    /* font-style: oblique; */
  }
 }

 @media only screen and (max-width: 920px) {

  .container_registro {
    background-color: white;
    opacity: 90%;
    position: relative;
    margin-top: 2%;
    border-radius: 10px;
    margin-bottom: 15%;
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform 300ms, box-shadow 300ms;
    -moz-transition: -moz-transform 300ms, box-shadow 300ms;
    transition: transform 300ms, box-shadow 300ms;
    box-shadow: 5px 10px 10px rgb(0, 0, 0);
  }
  /* h1{
    font-size:10px;
  } */
  h2{
    font-size: auto;
  }
}

/*///////////////////////////////////////////fin del contenedor del registro///////////////////////////////////////////////////*/

.login-container {
  margin-bottom: 1%;
  /* background-color: aqua; */
}
.container_login {
  overflow: hidden;
  background-color: white;
  opacity: 99%;
  position: relative;
  margin-top: 2%;
  margin-bottom: 2%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  max-width: 900px;
  /* min-width: 400px;  */
  /* width: 50%; */
  /* height: 55%; */
  max-height: 700px;
  min-height: 400px;
  -webkit-transition: -webkit-transform 300ms, box-shadow 300ms;
  -moz-transition: -moz-transform 300ms, box-shadow 300ms;
  transition: transform 300ms, box-shadow 300ms;
  box-shadow: 5px 10px 10px rgb(0, 0, 0);
}
.container_login {
  &::before, &::after {
    content: "";
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    /* width: 900px; */
    height: 900px;
    border-top-left-radius: 40%;
    border-top-right-radius: 45%;
    border-bottom-left-radius: 35%;
    border-bottom-right-radius: 40%;
    z-index: -1;
  }
  &::before {
    left: 50%;
    bottom: -65%;
    background-color: rgba(255, 0, 13, 0.658);
    -webkit-animation: wawes 6s infinite linear;
    -moz-animation: wawes 6s infinite linear;
    animation: wawes 6s infinite linear;
  }
  &::after {
    left: 45%;
    bottom: -60%;
    background-color: rgba(144, 2, 2, 0.534);
    -webkit-animation: wawes 7s infinite;
    -moz-animation: wawes 7s infinite;
    animation: wawes 7s infinite;
  }
  input {
    display: block;
    border-radius: 5px;
    width: 70%;
    margin-left: 15%;
    /* background: gray; */
  }
   button {
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    width: 30%;
    margin-left: 35%;
    text-transform: uppercase;
    -webkit-transition: background-color 300ms;
    -moz-transition: background-color 300ms;
    transition: background-color 300ms;
  }
   
  label{
    font-family: 'Montserrat', sans-serif;
    color: black;
    font-weight:bold;
    /* font-style: oblique; */
  }
 }

 /* @media only screen and (min-width: 2000px) {
  .container_login {
    overflow: hidden;
    background-color: red;
    opacity: 99%;
    position: absolute;
    margin-top: 2%;
    margin-left: 25%;
    border-radius: 10px;
    width: 50%;
    height: 55%;
    -webkit-transition: -webkit-transform 300ms, box-shadow 300ms;
    -moz-transition: -moz-transform 300ms, box-shadow 300ms;
    transition: transform 300ms, box-shadow 300ms;
    box-shadow: 5px 10px 10px rgb(0, 0, 0);
  }
 } */
/* Estilos específicos para dispositivos con un ancho de pantalla máximo de 768px */
@media only screen and (max-width: 920px) {

  .container_login {
    overflow: hidden;
    background-color: white;
    opacity: 90%;
    position: relative;
    margin-top: 2%;
    margin-bottom: 15%;
    /* margin-left: 5%; */
    border-radius: 10px;
    /* width: 90%; */
    height: 55%;
    -webkit-transition: -webkit-transform 300ms, box-shadow 300ms;
    -moz-transition: -moz-transform 300ms, box-shadow 300ms;
    transition: transform 300ms, box-shadow 300ms;
    box-shadow: 5px 10px 10px rgb(0, 0, 0);
  }
  /* h1{
    font-size:larger;
  } */
  h3{
    font-size:larger;
  }
}

  
  .errorlist li {
     list-style-type: none;
     display: inline-block;
     color: red;
  }
  
  #carouselExampleIndicators{
     height: 20%; 
     width: 90%; 
     margin-left: 5%;
     /* margin-right: 25%; */
     position: relative;
  }
  .btn_inicio{
     font-size: 20px;
     font-family:Verdana, Geneva, Tahoma, sans-serif;
     margin: 10px auto 0;
     display: block;
     width: 25%;
    /* Establecer el color de fondo y el color de texto */
    background-color: #ff0055; /* Cambia esto al color que desees */
    color: #fff; /* Cambia esto al color que desees */
  
    /* Añadir bordes */
    border: 0; /* Puedes personalizar el grosor y el color del borde */
    border-radius: 5%;
  
    /* Añadir relleno y margen */
    padding: 10px 20px; /* Puedes ajustar el relleno según tus necesidades */
  
    /* Establecer el cursor al pasar el ratón */
    cursor: pointer;
  
    /* Personalizar el estilo al pasar el ratón */
    transition: background-color 0.3s, color 0.3s;
  }
  
  /* Cambiar el estilo al pasar el ratón */
  button:hover {
    background-color: #86002d; /* Cambia el color al pasar el ratón */
    color: #fff; /* Cambia el color del texto al pasar el ratón */
  }
  
  
  
  /***************************************************************Login de wawes ********************************************************************************/

   .container_login::before, .container_login::after {
    content: "";
    position: absolute;
    /* width: 600px; */
    height: 600px;
    border-top-left-radius: 40%;
    border-top-right-radius: 45%;
    border-bottom-left-radius: 35%;
    border-bottom-right-radius: 40%;
    z-index: -1;
  }
  .container_login::before {
    left: 40%;
    bottom: 20%;
    background-color: rgba(0, 0, 0, 0.548);
    -webkit-animation: wawes 6s infinite linear;
    -moz-animation: wawes 6s infinite linear;
    animation: wawes 6s infinite linear;
  }
  .container_login::after {
    left: 35%;
    bottom: 15%;
    background-color: rgba(2, 128, 144, 0.2);
    -webkit-animation: wawes 7s infinite;
    -moz-animation: wawes 7s infinite;
    animation: wawes 7s infinite;
  }
   
   @-webkit-keyframes wawes {
     from {
       -webkit-transform: rotate(0);
     }
     to {
       -webkit-transform: rotate(360deg);
     }
   }
   @-moz-keyframes wawes {
     from {
       -moz-transform: rotate(0);
     }
     to {
       -moz-transform: rotate(360deg);
     }
   }
   /********************************************************************Fin del login wawes*************************************************************************/
   @keyframes wawes {
     from {
       -webkit-transform: rotate(0);
       -moz-transform: rotate(0);
       -ms-transform: rotate(0);
       -o-transform: rotate(0);
       transform: rotate(0);
     }
     to {
       -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
       -ms-transform: rotate(360deg);
       -o-transform: rotate(360deg);
       transform: rotate(360deg);
     }
   }
  
   thead{
    text-align: center;
    background-color: gray;
    color: #FFF;
    font-weight: bold;
   }
   tr{
    text-align: center;
   }
  
  
   .background-container { 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Ajusta la altura  */
    background-image: url('https://cdn.ntmx.me/archivo/images/2018/11/07/bdByIBgLL82HCa.jpg');
    background-size: cover;
    z-index: -1;
  
  }
  
  .background-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    z-index: -1;
    pointer-events: none;
  }
  
  .background-container2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Ajusta la altura  */
    /*background-image: url('https://img.freepik.com/fotos-premium/banderas-nacionales-diferentes-paises-mundo-monton-disperso_113767-1771.jpg?w=1060');*/
    background-image: url('/static/Imagenes/Designer.jpeg');
    background-size: cover;
    z-index: -1;
  
  }
  
  .background-overlay2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    z-index: -1;
    pointer-events: none;
  }