.select {
    background: #013665;
    width: 30px;
    height: 30px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    cursor: pointer;
    align-items: center;
    transition: 0.2s ease all;
    position: relative;
    z-index: 200;
    color: white;
    font-size: 25px;
  }
  
  .select.active:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-top: 8px solid #ffffff;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    bottom: -25px;
    left: calc(50% - 8px);
  }
  a {
    text-decoration: none;
  }
  .contenedor {
    width: 40px;
    max-width: 100%;
    margin: auto;
    padding: 13px 0px;
  }
  .contenido-select img {
    max-width: 100%;
    top: -4px;
    position: relative;
  }
  .contenido-select{
    border: 1px solid;
    border-radius: 7px;
  }
  .selectbox {
    text-align: center;
    width: 30px;
    margin: auto;
    position: relative;
  }
  .opciones {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
    max-height: 135px;
    overflow: auto;
    z-index: 100;
    width: 100%;
    display: none;
  }
  .opciones .contenido-opcion {
    padding: 0px;
  }
  .opciones.active {
    margin-top: 35px;
    display: block;
    animation: fadeIn 0.3s forwards;
    position: absolute;
    width: 50px;
    left: -11px;
  }
  .opciones .contenido-opcion:hover {
    background: #013665;
    color: #fff;
  }
  .contenido-opcion.textos.titulo{
    color: #013665;
  }
  a.opcion{
      color: #013665;
  }
  .contenido-select.contenido-opcion.textos.titulo {
    background: white;
  }

  /* ///////// MENOR /////////// */

  .select2 {
    background: #013665;
    width: 30px;
    height: 30px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    cursor: pointer;
    align-items: center;
    transition: 0.2s ease all;
    position: relative;
    z-index: 200;
    color: white;
    font-size: 25px;
  }
  
  .select2.active2:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-top: 8px solid #ffffff;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    bottom: -25px;
    left: calc(50% - 8px);
  }
  a {
    text-decoration: none;
  }
  .contenedor2 {
    width: 40px;
    max-width: 100%;
    margin: auto;
    padding: 13px 0px;
  }
  .contenido-select2 img {
    max-width: 100%;
    top: -4px;
    position: relative;
  }
  .contenido-select2{
    border: 1px solid;
    border-radius: 7px;
  }
  .selectbox2 {
    text-align: center;
    width: 30px;
    margin: auto;
    position: relative;
  }
  .opciones2 {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
    max-height: 135px;
    overflow: auto;
    z-index: 100;
    width: 100%;
    display: none;
  }
  .opciones2 .contenido-opcion2 {
    padding: 0px;
  }
  .opciones2.active2 {
    margin-top: 35px;
    display: block;
    animation: fadeIn 0.3s forwards;
    position: absolute;
    width: 50px;
    left: -11px;
  }
  .opciones2 .contenido-opcion2:hover {
    background: #013665;
    color: #fff;
  }
  .contenido-opcion2.textos2.titulo2{
    color: #013665;
  }
  a.opcion2{
      color: #013665;
  }
  .contenido-select2.contenido-opcion2.textos2.titulo2 {
    background: white;
  }

  /* ///////// INAPAM /////////// */

  .select3 {
    background: #013665;
    width: 30px;
    height: 30px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    cursor: pointer;
    align-items: center;
    transition: 0.2s ease all;
    position: relative;
    z-index: 200;
    color: white;
    font-size: 25px;
  }
  
  .select3.active3:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-top: 8px solid #ffffff;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    bottom: -25px;
    left: calc(50% - 8px);
  }
  a {
    text-decoration: none;
  }
  .contenedor3 {
    width: 40px;
    max-width: 100%;
    margin: auto;
    padding: 13px 0px;
  }
  .contenido-select3 img {
    max-width: 100%;
    top: -4px;
    position: relative;
  }
  .contenido-select3{
    border: 1px solid;
    border-radius: 7px;
  }
  .selectbox3 {
    text-align: center;
    width: 30px;
    margin: auto;
    position: relative;
  }
  .opciones3 {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
    max-height: 135px;
    overflow: auto;
    z-index: 100;
    width: 100%;
    display: none;
  }
  .opciones3 .contenido-opcion3 {
    padding: 0px;
  }
  .opciones3.active3 {
    margin-top: 35px;
    display: block;
    animation: fadeIn 0.3s forwards;
    position: absolute;
    width: 50px;
    left: -11px;
  }
  .opciones3 .contenido-opcion3:hover {
    background: #013665;
    color: #fff;
  }
  .contenido-opcion3.textos3.titulo3{
    color: #013665;
  }
  a.opcion3{
      color: #013665;
  }
  .contenido-select3.contenido-opcion3.textos3.titulo3 {
    background: white;
  }

  /* ///////// ESTUDIANTE /////////// */

  .select4 {
    background: #013665;
    width: 30px;
    height: 30px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    cursor: pointer;
    align-items: center;
    transition: 0.2s ease all;
    position: relative;
    z-index: 200;
    color: white;
    font-size: 25px;
  }
  
  .select4.active4:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-top: 8px solid #ffffff;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    bottom: -25px;
    left: calc(50% - 8px);
  }
  a {
    text-decoration: none;
  }
  .contenedor4 {
    width: 40px;
    max-width: 100%;
    margin: auto;
    padding: 13px 0px;
  }
  .contenido-select4 img {
    max-width: 100%;
    top: -4px;
    position: relative;
  }
  .contenido-select4{
    border: 1px solid;
    border-radius: 7px;
  }
  .selectbox4 {
    text-align: center;
    width: 30px;
    margin: auto;
    position: relative;
  }
  .opciones4 {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
    max-height: 135px;
    overflow: auto;
    z-index: 100;
    width: 100%;
    display: none;
  }
  .opciones4 .contenido-opcion4 {
    padding: 0px;
  }
  .opciones4.active4 {
    margin-top: 35px;
    display: block;
    animation: fadeIn 0.3s forwards;
    position: absolute;
    width: 50px;
    left: -11px;
  }
  .opciones4 .contenido-opcion4:hover {
    background: #013665;
    color: #fff;
  }
  .contenido-opcion4.textos4.titulo4{
    color: #013665;
  }
  a.opcion4{
      color: #013665;
  }
  .contenido-select4.contenido-opcion4.textos4.titulo4 {
    background: white;
  }

  /* ///////// PROFESOR /////////// */

  .select5 {
    background: #013665;
    width: 30px;
    height: 30px;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    cursor: pointer;
    align-items: center;
    transition: 0.2s ease all;
    position: relative;
    z-index: 200;
    color: white;
    font-size: 25px;
  }
  
  .select5.active5:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-top: 8px solid #ffffff;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    position: absolute;
    bottom: -25px;
    left: calc(50% - 8px);
  }
  a {
    text-decoration: none;
  }
  .contenedor5 {
    width: 40px;
    max-width: 100%;
    margin: auto;
    padding: 13px 0px;
  }
  .contenido-select5 img {
    max-width: 100%;
    top: -4px;
    position: relative;
  }
  .contenido-select5{
    border: 1px solid;
    border-radius: 7px;
  }
  .selectbox5 {
    text-align: center;
    width: 30px;
    margin: auto;
    position: relative;
  }
  .opciones5 {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
    max-height: 135px;
    overflow: auto;
    z-index: 100;
    width: 100%;
    display: none;
  }
  .opciones5 .contenido-opcion5 {
    padding: 0px;
  }
  .opciones5.active5 {
    margin-top: 35px;
    display: block;
    animation: fadeIn 0.3s forwards;
    position: absolute;
    width: 50px;
    left: -11px;
  }
  .opciones5 .contenido-opcion5:hover {
    background: #013665;
    color: #fff;
  }
  .contenido-opcion5.textos5.titulo5{
    color: #013665;
  }
  a.opcion5{
      color: #013665;
  }
  .contenido-select5.contenido-opcion5.textos5.titulo5 {
    background: white;
  }