.guia-navegacion {
    padding: 10px; 
    background-color: #A8CF45;
    color: #FFF;
    font-size: 14px;
    border-radius: 3px;
}

.link {
    font-size:12px;
    color: #FFF;
    padding: 5px 7px;
    text-decoration: none;
    border-radius: 3px;
}

.link-descarga {
    background: #A8CF45; /* verde claro */
}

.link-video {
    background: #6CD60D; /* verde claro */
}

.link-asignatura {
    background: #086337; /* verde oscuro */
}

.link-profesor {
    background: #327CB1; /* azul electrico */
}

.link-alerta {
    background: #DB4437; /* rojo */
}

.link-precaucion {
    background: yellow; /* amarillo */
}


.link-warning {
    background: #F39C11; /* naranja */
}

.link-success {
    background: #5BB33C; /* verde manzana */
}

.link-reporte {
    background: #949494; /* gris - #5C5857 */
}

.link-info {
    background: #5BC0DE; 
}

.asignatura{
    padding: 10px; 
    background-color: #086337; /*#A8CF45;*/
    color: #FFF; 
    font-size: 18px;
    border-radius: 3px;
}

.profesor{
    padding: 10px; 
    background-color: #327CB1; 
    color: #FFF; 
    font-size: 18px;
    border-radius: 3px;
}


.container2{
    width: 90%;
    margin: auto;
}

.subrayado {
  display: flex;
  flex-direction: row;
}

.subrayado:before, .subrayado:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #E2E2E2;
  margin: auto;
}


.zoom {
  transition: transform .2s; 
}

.zoom:hover {
  transform: scale(1.05); 
}

.enlace{
    display: inline-block;
    margin-top: 3px;
}


@media only screen and (max-width: 700px) {
    #myModal,#myModal2,#myModal3,#myModal4,#myViewModal,#mySaveModal,#myUpdateModal,#myDeleteModal { 
    width: 320px; 
    margin-left: calc(50% + 5px);
    transform: translateX(-50%);
    }
}

@media only screen and (max-width: 360px) {
    .container2 { width: 98%; }
}