﻿/*MENU NAVEGACION CUSTOM INICIO*/
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus, 
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover,
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:focus, 
.dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, 
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, 
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
	background-color: #003866 !important;
}
.navbar {
    background-color: #0060af;

}
/*MENU NAVEGACION CUSTOM FIN*/

/* PERFIL */
.contenedor-img-perfil {
     /*position: relative;*/
}

.contenedor-img-perfil>img:first-child {
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%; 
    left: 50%;   
    transform: translate(-50%, -50%);
}

.contenedor-img-perfil>div {
    position: absolute;
    bottom: 0px;
    right: 0px;   
    transform: translateY(-50%);
}

/*HORARIO*/	
.alinear-izquierda {
    float: left;
    clear: left;
    display: block;
}

.CabeceraHorario{
	font-size: 10px;
}

.CabeceraHorarioPCPequeñoHoras>span {
    background-color: white !important;
}

.CabeceraHorarioPCPequeñoHoras>span:nth-child(2) {
    margin-bottom: 5px;
}

.HorarioInhabilitado {
	background-image: url("http://www.modlang.es/fotosfm/Docdigitales/ModLang/w_59401.png");
}

.HorarioMal {
	background-image: url("http://www.modlang.es/fotosfm/Docdigitales/ModLang/w_59397.png");
}

.HorarioBien {
	background-image: url("http://www.modlang.es/fotosfm/Docdigitales/ModLang/w_59398.png");		
}

.HorarioMuyBien {
	background-image: url("http://www.modlang.es/fotosfm/Docdigitales/ModLang/w_59396.png");
}

/*xs sm*/
@media only screen and (max-width: 991px) {
	.HorarioCirculo {
		width: 17px!important;
		height: 17px!important;
		background-repeat: no-repeat;
		background-size: 100% 100%;
        margin: auto !important;
	}

    .TablaHorarios tr td{
	    width: 17px;
	    height: 17px;
        padding:0px !important;
    }

    .TablaHorarios tr th{
	font-size: 9px;
    }
}
/*md*/
@media only screen and (min-width: 992px) and (max-width:1199px) {
    .HorarioCirculo {
		width: 17px!important;
		height: 17px!important;
		background-repeat: no-repeat;
		background-size: 100% 100%;
        margin: auto !important;
	}

    .TablaHorarios tr td{
	    width: 17px;
	    height: 17px;
        padding:0px !important;
    }
    
    .TablaHorarios tr th{
	    font-size: 8px;
    }
}
/*lg*/
@media only screen and (min-width: 1200px) {
	.HorarioCirculo {
		width: 20px!important;
		height: 20px!important;
		background-repeat: no-repeat;
		background-size: 100% 100%;
        margin: auto !important;
	}

    .TablaHorarios tr td{
	    width: 20px;
	    height: 20px;
    }

    .TablaHorarios tr th{
	font-size: 10px;
    }
} 
/*HORARIO FIN*/

/*TARJETAS DEL ALUMNO*/
.tarjetaAlumno {
    padding: 15px;
}
.tarjetaAlumno>div.panel {
    background-color: #EDEDED; 
    border: 1px solid black
}

.tarjetaAlumno .tarjetaAlumnoContenedorImagenAlumno {
    padding-left: 15px; 
    height: 150px
}

.tarjetaAlumno .tarjetaAlumnoContenedorImagenAlumno img{
    max-height: 100%;
    width: 100%;
}

.tarjetaAlumno .tarjetaAlumnoContenedorImagenCentral img{
    margin: 0 auto;
    width: 80%;
}

.tarjetaAlumno .tarjetaAlumnoContenedorImagenDerecha img{
    margin: 0 auto;
    width: 70%;
}

.tarjetaAlumno .tarjetaAlumnoContenedorNombre {
    height: 55px; 
}

.tarjetaAlumno .tarjetaAlumnoContenedorImagenDerecha,
.tarjetaAlumno .tarjetaAlumnoContenedorNumeroAlumno,
.tarjetaAlumno .tarjetaAlumnoContenedorNombre{
    padding-right: 15px;
}

.tarjetaAlumno .tarjetaAlumnoContenedorTituloImagenCentral>p {
    color: blue; 
    font-size: 8px
}

.tarjetaAlumno .tarjetaAlumnoContenedorTitulo {
    padding-right: 15px; 
    padding-left: 15px;
}

.tarjetaAlumno .tarjetaAlumnoContenedorTitulo>span {
    color: blue
}

@media only screen and (min-width: 620px) and (max-width:768px) {
    .tarjetaAlumno .tarjetaAlumnoContenedorImagenDerecha,
    .tarjetaAlumno .tarjetaAlumnoContenedorNumeroAlumno,
    .tarjetaAlumno .tarjetaAlumnoContenedorNombre,
    .tarjetaAlumno .tarjetaAlumnoContenedorTitulo {
		font-size:30px
	}
}
/*GENERAL*/

.cabeceraIcono {
    display: none;
    color: #0060AF;
}

.cabeceraModalIcono {
    display: inline;
    font-size: 20px;
    display: inline;
    font-size: 20px;
    color: white;
}

.oculto {
    display: none;
}
.enlaceNaranja {
    color: #FD9900;
}

.disabled {
    color: #ddd;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.badge-list>span:nth-child(n+2) {
    margin-right: 5px;
}

.zonaGrafica {
    overflow-y: hidden;
}

.bodyTest {
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='180px'><text x='0' y='15' fill='red' font-size='20'>ModLang Pruebas</text></svg>");
}
/*FIN GENERAL*/