body{
    box-sizing: border-box;
}

/**HEADER**/
header{
    background-color: black;
    border: 1.5px solid #cfc9c977;
    height:auto;
    left: 0;
    position:fixed;
    top: 0;
    width:100vw;
    z-index: 1;
    /* box-shadow: 2px 2px 5px rgba(23, 32, 42, .2); */
}

a img{
    max-height: 13vh;
    margin-left: 40vw;
    width: 20%;
}
/**CONTENEDOR MAIN**/
main{
    height: auto;
    left: 0;
    position: relative;
    top: 4.5rem;
    width: 100%;
}

/**SECTION TITULO-GENERACION**/
section#contain-loc-gen{
    height: auto;
    margin-left: 2rem;
    width: 35%;

}

/**TITULO-SEDE**/
h1#name-location{
    font-family: 'Tajawal', sans-serif;
    font-size: 2rem;
    font-weight: bold;
    width: auto;
}

/**SUBTITULO PARA ESCOGER GENERACION**/
section#contain-loc-gen > h4{
    font-family: 'Quicksand', sans-serif;
    margin-bottom:0;
    width: 11rem;
}

/**MENU DE GENERACION**/
select#menu-generation{
    background-color:#ffffff;
    border: 1px solid #c6c6c6;
    border-radius: 5%;
    box-sizing: border-box;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    height: auto;
    padding: .5rem;
    position: absolute;
    top: 6rem;
    width: 11rem;
}

/*DESHABILITAR OPTION EN BLANCO*/
#first-option{
    display: none;
};

/**PESTANAS/TABS**/
section#contain-menu{
    height: auto;
    width: 90%;

}

section > ul{
    display:inline-block;
    height: auto;
    margin-top: 3rem;
    position: relative;
    width: 95%;
}

.tab{
    background-color: #F5EFEC;
    border-radius: 5%;
    color: #000000;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    font-size: 1rem;
    display: inline-block;
    height: auto;
    list-style: none;
    margin-left:-0.2rem;
    margin-top: 2rem;
    padding: 0.5rem;
    width: auto;
}

#tab2{
    background-color: #F5EFEC;
    border-radius: 5%;
    color: #000000;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    font-size: 1rem;
    display: inline-block;
    height: auto;
    list-style: none;
    margin-left:0;
    margin-top: 2rem;
    padding: 0.5rem;
    width: auto;
}

#contain-menu{
    display: none;
}


/*Opciones*/
.option{
    background-color: #E0D7D5;
    color: #424949;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    font-weight: bold;
}


/******************RESULTADOS GENERALES POR SEDE************************/
section#contain-total-sede{
    /* display: inline-block; */
    height: 10rem;
    margin-left: 2rem;
    position: relative;
    left: 24rem;
    right: 0;
    top: 4rem;
    width: 60%;
}

section > p#general{
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
    padding-left: 9rem;
}

#students-general{
    background-color: #FFE521;
    box-sizing: border-box;
    float: left;
    height: 9rem;
    margin: 0;
    padding: 1rem;
    text-align: center;
    width:9rem;
    border-radius: 5rem;
    box-shadow: 2px 2px 5px rgba(23, 32, 42, .2);

}

.text{
    font-family: 'Quicksand', sans-serif;
    text-align: center;
    color: #34495E;
    margin: .5rem;
}

.studentsPerSede{
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 1.3rem;
    font-weight: bold;
    margin-top: 1rem;
}

#students-actives{
    background-color: #56F89A;
    box-sizing: border-box;
    height: 9rem;
    margin-left: 11rem;
    margin-top: 0;
    padding: 1rem;
    text-align: center;
    width:9rem;
    border-radius: 5rem;
    box-shadow: 2px 2px 5px rgba(23, 32, 42, .2);
}

#students-inactives{
    background-color: #FF009E;
    box-sizing: border-box;
    float: left;
    height: 9rem;
    margin-left: 21.5rem;
    margin-top: -8.4rem;
    padding: 1rem;
    position: relative;
    top: -1rem;
    text-align: center;
    width: 9rem;
    border-radius: 5rem;
    box-shadow: 2px 2px 5px rgba(23, 32, 42, .2);
}

/**********************RESULTADOS POR GENERACION****************/
.main-box{
    background-color:#F5EFEC;
    height: auto;
    margin-left: -0.2rem;
    margin-top: -0.1rem;
    top:0;
    width: auto;
    box-shadow: 2px 2px 5px rgba(23, 32, 42, .2);
    box-sizing: border-box;
    padding-left: 3rem;
}

.box{
    display: inline-block;
    box-sizing: border-box;
    height: auto;
    padding: 0.5rem;
    text-align: center;
    position: relative;
    top: -1rem;
    width:10rem;
}

#box-name-actives-students {
  display: inline-block;
  height: auto;
  margin-top:1rem;
  padding: 0.5rem;
  text-align: center;
  width:16rem;
  font-family: 'Quicksand', sans-serif;
  text-align: center;
  color: #34495E;
  margin: .5rem;
}

#box-succesful-students {
  display: inline-block;
  height: auto;
  margin-top:1rem;
  padding: 0.5rem;
  text-align: center;
  width:16rem;
  font-family: 'Quicksand', sans-serif;
  text-align: center;
  color: #34495E;
  margin: .5rem;
}

#box-name-inactives-students{
    display: inline-block;
  height: auto;
  margin-top:1rem;
  padding: 0.5rem;
  text-align: center;
  width:16rem;
  font-family: 'Quicksand', sans-serif;
  text-align: center;
  color: #34495E;
  margin: .5rem;
}

#inactive-students{
 display: inline-block;
  height: auto;
  margin-top:1rem;
  padding: 0.5rem;
  text-align: center;
  width:16rem;
  font-family: 'Quicksand', sans-serif;
  text-align: center;
  color: #34495E;
  margin: .5rem;
}

#box-coaches{
    height: auto;
    margin-top:-0.1rem;
    padding: 0.5rem;
    text-align: center;
    width:20rem;
}

#grades-coaches{
    height: auto;
    margin-top:1rem;
    margin-left: 2rem;
    padding: 0.5rem;
    text-align: center;
    width:10rem;
}

#box-jedis{
    height: auto;
    margin-top:-0.05rem;
    padding: 0.5rem;
    text-align: center;
    width:20rem;
}

#grades-jedis{
    height: auto;
    margin-top:1rem;
    margin-left: 2rem;
    padding: 0.5rem;
    text-align: center;
    width:10rem;
}