/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
/* MEDIA QUERIES 																									  */
/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */


/***********************************************
Pantalla 3480x2160 16:9 4K
***********************************************/
@media only screen and (min-width:2651px) and (max-width: 3840px) {
	
	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }	
	
	.bloqueGaleria {
		width: calc(10% - 20px);
		margin: 10px 0px 10px 0px;	
	}
	
	.bloqueBotones {
		display: none !important;
	}
	
	.bloqueCampoFormulario select {
		width: 100% !important;
	}

	#menuMovil{
		display: block!important;
	}
	#bloqueMenuNuevo{
		display: flex!important;
	}

	.fichaEmpleado {
		width: 19%;
		flex-basis: 19%;
	}
	.fichaEmpleado img.fotoEmpleado {
		top: -29%;
		left: calc(100% - 55%);
		width: 13%;
    }
    .fichaEmpleadoPropia img.fotoEmpleado {
		top: -36%;
	}
	.fichaEmpleado h1 {
		margin-top: 2.5rem;
		line-height: 1.2rem;
	}

	.calendario {
		flex-basis: 30%;
	}

	.calendarioEventosDiarios {
		width: 20%;
	}

	.tablaControlHorario {
		width: 30% !important;
	}

	.tablaResultadosCuotas {
		width: 20% !important;
	}

    .bloqueGaleria {
		width: calc(10% - 20px);
		margin: 10px 0px 10px 0px;	
	}

    .tablaResultadosRegistroSalarial {
        margin-bottom: 2.5rem;
        width: 40%;
    }
    .tablaResultadosRegistroSalarial {
        width: 35%;
    }

    #bocadilloGeolocation {
        left: 2015px;
    }

	#texto-contenedor-tv > p{
		font-size: 6rem;
		line-height: 6rem;
	}

	#cumple-contenedor-tv > p{
		font-size: 7rem;
		margin-top: 2rem;
	}
}


/***********************************************
Pantalla 2560x1440 16:9 2K
***********************************************/
@media only screen and (min-width:1921px) and (max-width: 2560px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }

	.bloqueGaleria {
		width: calc(16.6% - 20px);
		margin: 10px 0px 10px 0px;	
	}
	
	.bloqueBotones {
		display: none !important;
	}

	#menuMovil{
		display: block!important;
	}
	#bloqueMenuNuevo{
		display: flex!important;
	}

	.bloqueCampoFormulario select {
		width: 100% !important;
	}

	.fichaEmpleado {
		width: 19%;
		flex-basis: 19%;
	}
	.fichaEmpleado img.fotoEmpleado {
		top: -23%;
		left: calc(100% - 55%);
		width: 15%;
    }
    .fichaEmpleadoPropia img.fotoEmpleado {
		top: -30%;
	}
	.fichaEmpleado h1 {
		margin-top: 2rem;
		line-height: 1.2rem;
	}

	.calendario {
		flex-basis: 23%;
	}

	.calendarioEventosDiarios {
		width: 30%;
	}

	.tablaControlHorario {
		width: 40% !important;
	}

	.tablaResultadosCuotas {
		width: 20% !important;
	}

    .bloqueGaleria {
		width: calc(16.6% - 20px);
		margin: 10px 0px 10px 0px;	
	}

    .tablaResultadosRegistroSalarial {
        margin-bottom: 2.5rem;
        width: 30%;
    }
    .tablaResultadosRegistroSalarial {
        width: 45%;
    }

    #bocadilloGeolocation {
        left: 1340px;
    }

	#texto-contenedor-tv > p{
		font-size: 4rem;
		line-height: 4rem;
	}

	#cumple-contenedor-tv > p{
		font-size: 6rem;
		margin-top: 2rem;
	}
}


/***********************************************
Pantalla 1920x1080 16:9 
***********************************************/
@media only screen and (min-width:1681px) and (max-width: 1920px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }

	.bloqueGaleria {
		width: calc(20% - 20px);
		margin: 10px 0px 10px 0px;
	}
	
	.bloqueBotones {
		display: none !important;
	}

	#menuMovil{
		display: block!important;
	}
	#bloqueMenuNuevo{
		display: flex!important;
	}

	.bloqueCampoFormulario select {
		width: 100% !important;
	}

	.fichaEmpleado {
		width: 23%;
		flex-basis: 23%;
	}
	.fichaEmpleado img.fotoEmpleado {
		top: -27%;
		left: calc(100% - 58%);
		width: 18%;
    }
    .fichaEmpleadoPropia img.fotoEmpleado {
		top: -35%;
	}
	.fichaEmpleado h1 {
		margin-top: 2rem;
		line-height: 1.2rem;
	}

	.tablaControlHorario {
		width: 50% !important;
	}
	
	.tablaResultadosCuotas {
		width: 30% !important;
	}

    .bloqueGaleria {
		width: calc(20% - 20px);
		margin: 10px 0px 10px 0px;
	}

    .tablaResultadosRegistroSalarial {
        margin-bottom: 2.5rem;
        width: 40%;
    }
    .flexRegistroSalarial > div {
        flex-basis: 40% !important;
    }
    .tablaResultadosRegistroSalarial {
        width: 65%;
    }

    #bocadilloGeolocation {
        left: 1000px;
    }

	#texto-contenedor-tv > p{
		font-size: 3rem;
		line-height: 3rem;
	}

	#cumple-contenedor-tv > p{
		font-size: 4.6rem;
		margin-top: 1.5rem;
	}
}


/***********************************************
Pantalla 1680x1050 16:10
***********************************************/
@media only screen and (min-width:1367px) and (max-width: 1680px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }

	.bloqueGaleria {
		width: calc(20% - 20px);
		margin: 10px 0px 10px 0px;
	}
	
	.bloqueBotones {
		display: none !important;
	}
	
	#menuMovil{
		display: block!important;
	}
	#bloqueMenuNuevo{
		display: flex!important;
	}

	.bloqueCampoFormulario select {
		width: 100% !important;
	}

	.bloqueFichaRepositorioInicio .iconoFichaRepositorioInicio {
		flex-basis: 12%;
	}
	.bloqueFichaRepositorioInicio .datosFichaRepositorioInicio {
		flex-basis: 88%;
	}

	#previoImagenContenedor {
		width: 55%;
	}

	.fichaEmpleado {
		width: 23%;
		flex-basis: 23%;
	}
	.fichaEmpleado img.fotoEmpleado {
		top: -24%;
		left: calc(100% - 60%);
		width: 20%;
    }
    .fichaEmpleadoPropia img.fotoEmpleado {
		top: -31%;
	}
	.fichaEmpleado h1 {
		margin-top: 2rem;
		line-height: 1.2rem;
	}

	.tablaControlHorario {
		width: 50% !important;
	}

	.tablaResultadosCuotas {
		width: 35% !important;
	}

    .bloqueGaleria {
		width: calc(20% - 20px);
		margin: 10px 0px 10px 0px;
	}

    .flexRegistroSalarial > div {
        flex-basis: 50% !important;
    }
    .tablaResultadosRegistroSalarial {
        width: 65%;
    }

    #bocadilloGeolocation {
        left: 860px;
    }

	.botonFichaFormador {
		position: relative !important;
        top: auto;
        right: auto;
		/* margin: 1rem auto; */
    }
	.botonFichaFormador_1 {
		position: relative !important;
        top: auto;
        right: auto;
		/* margin: 1rem auto; */
    }

	.flexBotoneraFichaFormador{
		display: flex;
		flex-wrap: wrap;
		padding: 1rem;
		justify-content: center;
		align-items: center;
	}
	
	#texto-contenedor-tv > p{
		font-size: 2.5rem;
		line-height: 2.5rem;
	}

	#cumple-contenedor-tv > p{
		font-size: 4.4rem;
		margin-top: 1.5rem;
	}
}


/***********************************************
Pantalla 1366x768 16:9
***********************************************/
@media only screen and (min-width:1281px) and (max-width: 1366px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }

	.bloqueBotones {
		display: none !important;
	}

	.bloqueCampoFormulario select {
		width: 100% !important;
	}

	#menuMovil{
		display: block!important;
	}
	#bloqueMenuNuevo{
		display: flex!important;
	}

	.moduloGridHome {
		margin: 0;
	}
	#gridHome_Calendario {
		width: 35%;
	}
	#gridHome_Repositorio {
		width: 40%;
	}
	.bloqueFichaRepositorioInicio .iconoFichaRepositorioInicio {
		flex-basis: 14%;
	}
	.bloqueFichaRepositorioInicio .datosFichaRepositorioInicio {
		flex-basis: 86%;
	}

	#previoImagenContenedor {
		width: 70%;
	}

	.fichaEmpleado {
		width: 30%;
		flex-basis: 30%;
	}
	.fichaEmpleado img.fotoEmpleado {
		top: -29%;
        left: calc(100% - 58%);
        width: 18%;
    }
    .fichaEmpleadoPropia img.fotoEmpleado {
		top: -32%;
	}
	.fichaEmpleado h1 {
		margin-top: 2rem;
		line-height: 1.2rem;
	}

	.calendario {
		flex-basis: 30%;
	}
    
    .pastillaRedondaEventoAgenda img {
        max-width: 35px;
    }

	.tablaControlHorario {
		width: 60% !important;
	}

	.tablaResultadosCuotas {
		width: 40% !important;
	}

    .bloqueGaleria {
		width: calc(20% - 10px);
		margin: 10px 0px 10px 0px;
	}

    .flexRegistroSalarial > div {
        flex-basis: 60% !important;
    }
    .tablaResultadosRegistroSalarial {
        width: 85%;
    }

    #bocadilloGeolocation {
        left: 695px;
    }

	.bloqueDatosClienteFicha{
		flex-direction: column;
	}

	.bMac, .bDirIP, .bTipoIP{
		width:100% !important;
	}

	.bloqueTarjetaPlantilla {
		width: 25% !important;
	}

	.botonFichaFormador {
		position: relative !important;
        top: auto;
        right: auto;
		margin: 1rem auto;
    }
	.botonFichaFormador_1 {
		position: relative !important;
        top: auto;
        right: auto;
		margin: 1rem auto;
    }

	#texto-contenedor-tv > p{
		font-size: 2.4rem;
		line-height: 2.4rem;
	}

	#cumple-contenedor-tv > p{
		font-size: 3.5rem;
		margin-top: 1rem;
	}
}


/***********************************************
Pantalla 1280x720 16:9
***********************************************/
@media only screen and (min-width:1025px) and (max-width: 1280px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }

	.bloqueBotones {
		display: none !important;
	}

	.bloqueCampoFormulario select {
		width: 100% !important;
	}

	#menuMovil{
		display: block!important;
	}
	#bloqueMenuNuevo{
		display: flex!important;
	}

	.moduloGridHome {
		margin: 0;
	}
	#gridHome_Calendario {
		margin: 0.5rem;
		width: 33%;
	}
	#gridHome_Repositorio {
		margin: 0.5rem;
		width: 40%;
	}
	.bloqueFichaRepositorioInicio .iconoFichaRepositorioInicio {
		flex-basis: 15%;
	}
	.bloqueFichaRepositorioInicio .datosFichaRepositorioInicio {
		flex-basis: 85%;
	}

	#previoImagenContenedor {
		width: 75%;
	}

	.fichaEmpleado {
		width: 30%;
		flex-basis: 30%;
	}
	.fichaEmpleado img.fotoEmpleado {
		top: -27%;
		left: calc(100% - 60%);
		width: 20%;
    }
    .fichaEmpleadoPropia img.fotoEmpleado {
		top: -30%;
	}
	.fichaEmpleado h1 {
		margin-top: 2rem;
		line-height: 1.2rem;
    }
    
	#flexClientesMto_1 {
		flex-basis: 60%;
	}
	#flexClientesMto_2 {
		flex-basis: 38%;
	}

	.calendario {
		flex-basis: 30%;
	}

	.tablaControlHorario {
		width: 70% !important;
	}
	
	.tablaResultadosCuotas {
		width: 45% !important;
	}

    .bloqueGaleria {
		width: calc(20% - 10px);
		margin: 10px 0px 10px 0px;
	}

    .flexRegistroSalarial > div {
        flex-basis: 50% !important;
    }
    .tablaResultadosRegistroSalarial {
        width: 85%;
    }

    .bloqueDatosFichaTrabajador_3 img {
        max-width: 180px;
    }

    #bocadilloGeolocation {
        left: 665px;
    }

	.bloqueDatosClienteFicha{
		flex-direction: column;
	}

	.botonFichaFormador {
		position: relative !important;
        top: auto;
        right: auto;
		margin: 1rem auto;
    }
	.botonFichaFormador_1 {
		position: relative !important;
        top: auto;
        right: auto;
		margin: 1rem auto;
    }


	.bMac, .bDirIP, .bTipoIP{
		width:100% !important;
	}

	.bGoogleAcc, .bGooglePwd, .bMarca, .bModelo{
		width: 100% !important;
	}

	.bloqueTarjetaPlantilla {
		width: 25% !important;
	}

	#texto-contenedor-tv > p{
		font-size: 2.2rem;
		line-height: 2.2rem;
	}

	#cumple-contenedor-tv > p{
		font-size: 3rem;
		margin-top: 0.8rem;
	}
}


/***********************************************
Pantalla 1024x600 16:10
***********************************************/
@media only screen and (min-width:960px) and (max-width: 1024px) {

	.show-mobile { display:none !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:inherit; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:none !important; }
	
	th.show-screen { display:table-cell; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	td.show-screen { display:table-cell; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }

	.bloqueBotones {
		display: none !important;
	}

	#mensajeResultados {
		width: 45%;
	}

	.bloqueCampoFormulario select {
		width: 100% !important;
	}

	#menuMovil{
		display: block!important;
	}
	#bloqueMenuNuevo{
		display: flex!important;
	}

	#gridHome {
		padding: 0;

		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
	}
	.moduloGridHome {
		margin: 0;
	}
	#gridHome_Calendario {
		margin: 0.5rem;
		width: 40% !important;
	}
	#gridHome_Repositorio {
		margin: 0.5rem;
		width: 55% !important;
	}

	#previoImagenContenedor {
		width: 100%;
	}
	.bRecortarFoto {
		line-height: 15px;
	}

	.fichaEmpleado {
		width: 45%;
		flex-basis: 45%;
	}
	.fichaEmpleado img.fotoEmpleado {
		top: -30%;
        left: calc(100% - 58%);
        width: 18%;
    }
    .fichaEmpleadoPropia img.fotoEmpleado {
		top: -36%;
	}
	.fichaEmpleado h1 {
		margin-top: 2rem;
		line-height: 1.2rem;
	}

    .buscadorCalendario {
        width: 19% !important;
    }
	#calendarioMensual .cal_dia, #calendarioMensual .cal_dia_vacio {
		min-height: 6rem;
	}
	.calendario {
		flex-basis: 31%;
	}
	.bloqueSelectorAnio p#anioCalendario {
		font-size: 1.6rem;
	}

    .pastillaRedondaEventoAgenda img {
        max-width: 35px;
    }
	
	.fichaCliente > h1 {
		font-size: 1.5rem;
	}
	.bloqueDatosFichaCliente_1, .bloqueDatosFichaCliente_2 {
		flex-basis: 50%;
	}
	.flexDatosEmpresa {
		flex-wrap: wrap;
	}
	.bloqueDatosFichaCliente_2 .flexDatosEmpresa > div {
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	
		flex-basis: 100%;
	}
    .bloqueDatosFichaCliente_2 .flexDatosEmpresa > div:nth-child(even) {
		margin-top: 1rem;
		padding-top: 1rem;
		border-top: 2px dashed #d8d8d8;
    }
    
    .bloqueSeccionEmpresa {
        flex-basis: 45%;
    }
    #flexClientesMto_1 {
		flex-basis: 60%;
	}
	#flexClientesMto_2 {
		flex-basis: 38%;
	}

	.tablaResultadosCuotas {
		width: 60% !important;
	}

    .bloqueGaleria {
		width: calc(25% - 10px);
		margin: 5px 0px 5px 0px;
	}

    .bloqueCobro {
        margin: 0 0.5rem 1rem 0.5rem;
    }

    .flexRegistroSalarial > div {
        flex-basis: 60% !important;
    }
    .botonInformeRegistroSalarial {
        margin-left: 1rem; 
    }
    .tablaResultadosRegistroSalarial {
        width: 95%;
    }

    .bloqueDatosFichaTrabajador_3 img {
        max-width: 110px;
    }

    #bocadilloGeolocation {
        left: 565px;
    }

    .bloqueContadorSeleccionados {
        left: 2%;
        bottom: 1rem;
        width: 96%;
    }

	.datosFichaCursos {
		display: flex !important;
		flex-direction: column;
	}

	.botonFichaFormador {
		position: relative !important;
        top: auto;
        right: auto;
		margin: 1rem auto;
    }
	.botonFichaFormador_1 {
		position: relative !important;
        top: auto;
        right: auto;
		margin: 1rem auto;
    }
	.bloqueDatosFichaFormador_2{
		margin-bottom: 2rem;
		flex-basis: 100%;
	}
	.bMac, .bDirIP, .bTipoIP{
		width:100% !important;
	}
	.bGoogleAcc, .bGooglePwd, .bMarca, .bModelo{
		width: 100% !important;
	}

	.bloqueTarjetaPlantilla {
		width: 30% !important;
	}

	#texto-contenedor-tv > p{
		font-size: 2.2rem;
		line-height: 2.2rem;
	}

	#cumple-contenedor-tv > p{
		font-size: 2.2rem;
	}
}


/***********************************************
Tablet 
***********************************************/
@media only screen and (min-width:768px) and (max-width: 959px) {
	
	.show-mobile { display:none !important; }
	.show-tablet { display:inherit !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:inherit !important; }
	.hide-tablet { display:none !important; }
	.hide-screen { display:inherit !important; }	
	
	th.show-tablet { display:table-cell !important; }
	th.hide-mobile { display:table-cell !important; }
	th.hide-screen { display:table-cell !important; }	
	td.show-tablet { display:table-cell !important; }
	td.hide-mobile { display:table-cell !important; }
	td.hide-screen { display:table-cell !important; }	

	/* #cabecera {
		align-items: center;
	} */
	#cabecera {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 9999;
		padding: 5px 10px;
		height: 50px;
		align-items: center;
	}
	
	#cabecera .bloqueUsuarioCabecera img{
		margin-left: 0;
		height: 25px;
	}
	#cabecera img {
		margin-left: 3rem;
		height: 40px;
	}
	#cabecera img.logoGrupo {
		margin-left: 0;
		height: 25px;
	}
	.contenedorActivo{
		display: flex !important;
	}
	#menuMovil{
		display: none;
	}
	#bloqueMenuNuevo{
		display: none;
		width: 200px;
		z-index: 999;
		clip-path: inset(0px 0px 0px 0px) !important;
		top: 47px;
		height: calc(100vh - 47px);
	}
	.menuNuevo{
		justify-content: flex-start;
	}
	.menuNuevo ul{
		padding-top:2rem;
	}
	#bloqueMenuNuevo .menuNuevo li{
		justify-content: left;
		padding-left: 8px;
	} 
	#bloqueMenuNuevo .menuNuevo li span{
		display: block;
	} 
	.logoMenu{	
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#formularioLogin{
		width: 100%;
	}
	#contenedor {
	    width: 100%;
	    min-height: 100vh;
	    margin: 0px;
		padding: 70px 10px 100px 10px
	}

	.contenedorPanel{
		grid-template-columns: 1fr 1fr;
		grid-template-rows: repeat(6,200px);
	}
	.contenedorPanel #incidenciasPanel {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 3;
		grid-row-end: 5;
	}
	.contenedorPanel #tareasPanel {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 5;
		grid-row-end: 7;
	}

	#mensajeResultados {
		width: 50%;
	}

    .botoneraInformes {
        width: 100%;
        flex-wrap: wrap;
    }
	
	#bTitularBuscador {
		width: calc(100% - 570px);
	}

	#bLogin {
		width: calc(50% - 20px);
	}
	
	#bPassword {
		width: calc(50% - 20px);
	}
	
	#bConfirmacionPassword {
		width: calc(50% - 20px);
	}
	
	#bPermisos {
		width: calc(50% - 20px);
	}		
	
	.opcionMenu p {
	    line-height: 1.1rem; 
	    font-size: .75rem;
	}	
	
	.botonesTabla {
		width: 80px !important;
	}
	
	.colgadorSubTabla {
	    background-size: 70px auto;
	}
	
	td.botonesTabla img {
		width: 25px;
	    margin: 0px 5px 5px 5px !important;
	}	
	
	#previoImagenContenedor {
 	   width: 90%;
       margin: 10px auto 10px auto;
	}
	
	.bloqueBotones {
		display: none !important;
	}

	.bloqueCampoFormulario select {
		width: 100% !important;
	}

	#gridHome {
		padding: 0;

		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
	}
	.moduloGridHome {
		margin: 1rem;
		width: 100% !important;
	}
	.bloqueFichaRepositorioInicio .iconoFichaRepositorioInicio {
		flex-basis: 12%;
	}
	.bloqueFichaRepositorioInicio .datosFichaRepositorioInicio {
		flex-basis: 88%;
	}

	.fichaEmpleado {
		padding-bottom: 2rem;
		width: 45%;
		flex-basis: 45%;
	}
	.fichaEmpleado img.fotoEmpleado {
		top: -26%;
		left: calc(100% - 60%);
		width: 20%;
    }
    .fichaEmpleadoPropia img.fotoEmpleado {
		top: -27%;
	}
	.fichaEmpleado h1 {
		margin-top: 1.5rem;
		font-size: 0.9rem;
		line-height: 1.2rem;
	}
	.botoneraEmpleado i {
		margin-left: 1rem !important;
		font-size: 1.5rem !important;
	}

	#bloqueFotoEmpleado {
		flex-basis: 35%;
	}
	#bloqueInformacionEmpleado {
		flex-basis: 63%;
	}
	#bloqueJornadaEmpleado {
		flex-basis: 35%;
	}
	#bloqueInformacionEmpresa {
		flex-basis: 63%;
	}

	.calendario {
		flex-basis: 47%;
	}
	.calendarioEventosDiarios {
		width: 80%;
	}
	.bloqueSelectorAnio {
		padding: 0.5rem;
	}
	.bloqueSelectorAnio p#anioCalendario {
		padding-left: 1rem;
		padding-right: 1rem;
		font-size: 1.1rem;
	}
	.diasVacaciones {
		margin: 0 0.5rem;
	}
	#leyendaAgenda {
		padding: .5rem;
		padding-bottom: 0;
		flex-wrap: wrap;
	}
	#leyendaAgenda p {
        margin-right: 1rem;
		margin-bottom: .5rem;
		font-size: .7rem;
    }
    .pastillaEventoAgenda p {
        font-size: .6rem;
        line-height: .7rem;
    }

    .pastillaRedondaEventoAgenda img {
        max-width: 25px;
    }

	.fichaCliente > h1 {
		font-size: 1.4rem;
	}
	.datosFichaCliente {
		flex-wrap: wrap;
	}
	.bloqueDatosFichaCliente_1 {
		margin-bottom: 1rem;
	}
	.bloqueDatosFichaCliente_1, .bloqueDatosFichaCliente_2 {
		flex-basis: 100%;
	}
	.flexDatosEmpresa {
		flex-wrap: wrap;
	}
	.bloqueDatosFichaCliente_2 .flexDatosEmpresa > div {
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	
		flex-basis: 100%;
	}
    .bloqueDatosFichaCliente_2 .flexDatosEmpresa > div:nth-child(even) {
		margin-top: 1rem;
		padding-top: 1rem;
		border-top: 2px dashed #d8d8d8;
	}
	
	.botoneraBloquesCliente {
		flex-wrap: wrap;
	}
	.botoneraBloquesCliente > div {
		margin: 0 0.5rem;
		width: 110px;
	}
    
    .bloqueSeccionEmpresa {
        flex-basis: 45%;
    }
    #flexClientesMto_1 {
		flex-basis: 60%;
	}
	#flexClientesMto_2 {
		flex-basis: 38%;
	}

	.tablaResultadosCuotas {
		width: 85% !important;
	}

    .bloqueConceptoPresupuesto p.numConcepto {
        margin-top: .5rem;
        margin-right: 0;
        margin-bottom: 1rem;
        margin-left: .5rem;
        width: 100%;
    }

    .bloqueSumaHoras {
        padding: 1.5rem;
        flex-basis: 45%;
    }
    p.horasTrabajadas {
        margin: 1rem;
    }
    p.horasDiferencia {
        margin: 1rem;
    }

    .bloqueGaleria {
		width: calc(33% - 15px);
		margin: 10px 0px 10px 0px;
	}

    .bloqueCobro {
        margin: 0 0rem 1rem 0rem;
        flex-basis: 100%;
    }

    .tablaResultadosRegistroSalarial {
        margin-bottom: 2.5rem;
        width: 100%;
    }
    .flexRegistroSalarial > div {
        flex-basis: 90% !important;
    }
    .botonInformeRegistroSalarial {
        margin-left:0; 
    }

    #bloqueCategoriasCalculadora .datosCategoriaConvenio {
        flex-wrap: wrap;
    }
    #bloqueCategoriasCalculadora .datosCategoriaConvenio > div:first-child {
        margin-right: 0;
        margin-bottom: 1rem;
        padding-right: 0;
        padding-bottom: 1rem;
        border-right: 0;

        border-bottom: 2px dashed #d8d8d8;
        flex-basis: 100%;
    }

    .bloqueDatosFichaTrabajador_1 {
        flex-basis: 45%;
    }
	.bloqueDatosFichaTrabajador_2 {
		margin-top: 2rem;
		flex-basis: 100%;
	}
    .bloqueDatosFichaTrabajador_3 {
		margin-top: 2rem !important;
		flex-basis: 100% !important;
    }

    .bloqueSelectorClienteTrabajador .bloqueCampoFormulario:first-child {
        width: 100% !important;
    }

    .bloqueDatosFichaContratacion {
        flex-basis: 100% !important;
    }

    #bocadilloGeolocation {
        left: 410px;
    }

    .bloqueDatosFichaAlumno > div {
        flex-basis: 45%;
    }
	.bloqueDatosFichaCurso  {
		display: block;
	}
	.bloqueDatosFichaCurso_2  {
		margin-top: 2rem;
	}
	.bloqueDatosFichaCurso > div {
		flex-basis: 100%;
	}
	.bloquePaquete{
		width: 100%;
		margin-bottom: 1rem;
	}
	#bloquePaqueteContenedor{
		margin-left: 0rem;
	}
	.bloqueTotalPrecio{
		width: 100%;
	}
	.bloqueCoeficiente{
		width: 100%;
	}

    .bloqueContadorSeleccionados {
        left: 2%;
        bottom: 1rem;
        width: 96%;
    }
	.datosFichaCursos{
		display: flex !important;
		flex-direction: column;
	}
	.bloqueDatosClienteFicha{
		flex-direction: column;
	}

	.bMac, .bDirIP, .bTipoIP{
		width:100% !important;
	}

	.bGoogleAcc, .bGooglePwd, .bMarca, .bModelo, .bNumMovil, .bCompania{
		width: 100% !important;
	}
	.bPin, .bPuk{
		width: 45.5% !important;
	}

	.bloqueTarjetaPlantilla {
		width: 35% !important;
	}

	.bloqueDatosFichaFormador_2{
		margin-bottom: 2rem;
		flex-basis: 100%;
	}

	#texto-contenedor-tv > p{
		font-size: 1.5rem;
		line-height: 1.5rem;
	}

	#cumple-contenedor-tv > p{
		font-size: 2rem;
	}
}


/***********************************************
Mobile (portrait)
***********************************************/
@media only screen and (max-width:767px) {
	
	.show-mobile { display:inherit !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:inherit !important; }
	
	th.show-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	th.hide-screen { display:table-cell !important; }	
	td.show-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }
	td.hide-screen { display:table-cell !important; }
	td span.show-mobile { display:inline !important; }	
	
	.bVolver {
		margin-top: 1.5rem;
	}
	.bNuevo {
		font-size: 0.7rem !important;
		margin-top: .2rem;
		margin-bottom: .2rem;
	}

	#rutaSeccion {
		padding: 0 .5rem;
	}

	#cabecera {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 9999;
		padding: 5px 10px;
		height: 50px;
		align-items: center;
	}
	
	#cabecera .bloqueUsuarioCabecera img{
		margin-left: 0;
		height: 25px;
	}
	#cabecera img {
		margin-left: 3rem;
		height: 30px;
	}
	#cabeceraNoAccess img {
		height: 40px;
	}
	#cabeceraNoAccess .logoGrupo {
		height: 30px;
	}
	.menuNuevo{
		justify-content: flex-start;
	}
	#menuMovil{
		display: none;
	}
	#bloqueMenuNuevo{
		display: none;
		width: 200px;
		z-index: 999;
		clip-path: inset(0px 0px 0px 0px) !important;
		top: 47px;
		height: calc(100vh - 47px);
	}
	#bloqueMenuNuevo .menuNuevo li{
		justify-content: left;
		padding-left: 8px;
	} 
	#bloqueMenuNuevo .menuNuevo li span{
		display: block;
	} 
	.contenedorActivo{
		display: flex !important;
	}
	.logoMenu{	
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#contenedor {
		margin: 0px;
		padding-top: 35px;
	    width: 100%;
	    min-height: 100vh;
		padding-left: 0;
	}
	.contenedorPanel {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}
	.moduloPanel{
		grid-column: 1 !important;
		grid-row: auto !important;
		min-height: 400px;
	}
	.moduloPanel #uploadifive-file_upload{
		width: 100% !important;
	}
	#formularioLogin{
		width: 100%;
	}
	.contenidoLogin{
		width: 100%;
	}
	.cabeceraLogin img{
		height: 40px;
	}
	#contenido {
	    margin: 5px;
	}

	#mensajeResultados {
		width: 80%;
	}
	
	.bloqueCampoFormulario {
        width: 100% !important;
	}
	.bloqueCampoFormulario input {
		width: 100%;
	}
	.bloqueCampoFormulario select {
		width: 100% !important;
	}
	.bloqueCampoFormulario textarea {
		width: 100%;
	}

    .contenidoVM {
        max-height: 80vh;
    }

	.fs-wrap {
		width: 100% !important;
	}

    .flexCharts {
        margin-bottom: 0;

        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    .flexCharts > div {
        margin-bottom: 2rem;
        width: 60%;
    }
	
	.bloqueEnlacesInicio {
        margin: 2rem 1rem 1rem 1rem;
        min-width: 0px;
        width: 100%;
    }
    .contenidoEnlacesInicio {
        padding-left: 0;
        flex-wrap: wrap;
    }
    .enlaceInicio {
		width: 110px;
        margin-bottom: 1.5rem;
    }

	#ayuda {
	    margin-bottom: 20px;
	    padding: 5px;
	} 	
	
	#ayuda img.iconoAyuda {
	    width: 30px;
	    height: 30px;
	}
	
	#ayuda p {
		width: calc(100% - 35px);
	    font-size: .8rem;
	}

	#botoneraNuevosRegistros .cl-switch .label {
		font-size: 0.8rem;
	}
	
	#bTitularBuscador {
		width: 100%;
	}
	
	#bFecha {
		width: 100%;
		margin-right: 0px;
	}
	
	#bFechaDesdeBuscador, #bFechaHastaBuscador {
		width: calc(50% - 5px);
		margin-right: 0px;
	}

	#bFechaDesdeBuscador input , #bFechaHastaBuscador input {
		width: 100%;
	}
	
	#bCategoria {
		width: 100%;
		margin-right: 0px;
	}	

	.botonBuscar, .botonVerTodo {
	    margin: 0.5rem .9rem 0 0.5rem;
	}
	
	.botonesTabla {
		width: 30px !important;
		vertical-align: top;
	}
	
	.menuBotones {
		display: block;
	}
		
	.botonesTabla div {
		display: none;
	}
	
	.colgadorSubTabla {
	    background-size: 35px auto;
	}
	
	td.botonesTabla img {
		width: 25px;
	    margin: 0px 5px 0px 5px !important;
	}		
	
	#bTags {
		width: 100%;
		margin-right: 0px;
	}	
	
	#bTag {
		width: calc(100% - 32px);
	}	
	
	#bVolver {
		margin-top: 30px;
	}	
	
	.filaPaginacion {
        justify-content: flex-end;
    }
	
	.flexScrollup {
        justify-content: flex-end !important;
    }

	#numResultadosPaginacion {
		display: none;
	}
	.resultadosBusqueda {
	    display: none;
	}

	#gridHome {
		margin-top: 1rem;
		padding: 0;

		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
	}
	.moduloGridHome {
		margin: 1rem;
		width: 100% !important;
	}
	.bloqueFichaRepositorioInicio .iconoFichaRepositorioInicio {
		flex-basis: 20%;
	}
	.bloqueFichaRepositorioInicio .iconoFichaRepositorio img {
		width: 100%;
		max-height: none;
	}
	.bloqueFichaRepositorioInicio .datosFichaRepositorioInicio {
		flex-basis: 80%;
	}
		
	.datosRecorte {
		display: none;
	}
	#previoImagenContenedor {
 	   width: 100%;
       margin: 10px auto 10px auto;
	}	
	
	#bLogin {
		width: 100%;
	}
	#bPassword {
		width: 100%;
	}
	#bConfirmacionPassword {
		width: 100%;
	}
	#bPermisos {
		width: 100%;
	}	

	#bloqueResultados .bloqueEmpleados:nth-child(odd){
		border-bottom: 1px solid #666666;
	}
	.fichaEmpleado {
		padding-bottom: 2rem !important;
		width: 100%;
		flex-basis: 100%;
	}
	.fichaEmpleado img.fotoEmpleado {
		top: -30%;
		left: calc(100% - 60%);
		width: 20%;
    }
    .fichaEmpleadoPropia img.fotoEmpleado {
		top: -29%;
	}
	.fichaEmpleado h1 {
		margin-top: 1.5rem;
		font-size: 0.9rem;
		line-height: 1.2rem;
	}
	.botoneraEmpleado i {
		margin-left: 1rem !important;
		font-size: 1.5rem !important;
	}

	.flexEmpleadosMto {
		flex-wrap: wrap;
	}
	#bloqueFotoEmpleado {
		flex-basis: 100%;
		order: 2;
	}
	#bloqueInformacionEmpleado {
		flex-basis: 100%;
		order: 1;
	}
	#bloqueInformacionEmpresa {
		flex-basis: 100%;
	}
	#bloqueJornadaEmpleado {
		flex-basis: 100%;
	}

    .buscadorCalendario {
        width: 100% !important;
    }
	#leyendaAgenda {
		display: none;
	}
	#bloqueInfoAgenda {
		flex-wrap: wrap;
		justify-content: center;
	}
	.bloqueSelectorAnio {
		padding: 1rem;

		order: 2;
	}
	.bloqueSelectorAnio p#anioCalendario {
		padding-left: 1rem;
		padding-right: 1rem;
		font-size: 1.5rem;
	}
	.bloqueInfoVacaciones {
		margin-top: 1rem;
		padding: 0.5rem;
		width: 90%;
		
		order: 1;

		flex-wrap: wrap;
	}
	.diasVacaciones {
		margin: 0rem 0.5rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
	}

	#calendarioMensual, #calendarioAnual {
		margin: 0 1rem;
	}
	#calendarioMensual .cal_dia, #calendarioMensual .cal_dia_vacio {
        padding: .2rem;
		min-height: 2rem;
	}
	#calendarioMensual .cal_dia > p {
        font-size: 0.6rem;
        line-height: 0.7rem;
	}
	.pastillaEventoAgenda p {
		display: none;
	}
	.pastillaEventoAgenda img {
		right: 0rem;
		top: 0rem;
		max-width: 7px;
	}
    .pastillaRedondaEventoAgenda img {
        max-width: 20px;
    }
	.calendario {
		flex-basis: 100%;
	}

	.calendarioEventosDiarios {
		width: 90%;
	}

	.buscadorControlHorario {
		justify-content: center !important;
	}
	.contenidoBuscadorControlHorario {
		flex-basis: 100%;
	}
	.buscadorControlHorario > img {
		flex-basis: 100%;
		margin-top: 1rem;
	}
	.celdaDia {
		flex-basis: 25%;
	}
	.celdaFichajes {
		flex-basis: 53%;
	}
	.celdaTotal {
		flex-basis: 22%;
	}
	.pastillaFichaje {
		margin: .5rem 0.3rem .5rem 0;
	}

    .botoneraInformes {
        width: 100%;
        flex-wrap: wrap;
    }
    .botoneraInformes .boton {
        margin-bottom: .5rem;
	}
    .botoneraInformes .botonInforme {
        margin-bottom: 1.5rem;
	}
	
	#bloqueNombreCliente .fs-dropdown {
		width: 100% !important;
	}
	#bloqueCampoActividad .fs-dropdown {
		width: 325px !important;
	}
	#bloqueCampoCNAE .fs-dropdown {
		width: 325px !important;
	}
	#bloqueCampoIAE .fs-dropdown {
		width: 325px !important;
	}

	.fichaCliente {
		margin-top: 1rem;
	}
	.fichaCliente > h1 {
		font-size: 1.3rem;
	}
	.fichaCliente h1 span {
		margin-bottom: .5rem;
		font-size: .7rem;
	}
	.fichaCliente h1 span:before {
		content: "\A";
		white-space: pre;
	}
	.datosFichaCliente {
		flex-wrap: wrap;
	}
	.bloqueDatosFichaCliente_1 {
		margin-bottom: 1rem;
	}
	.bloqueDatosFichaCliente_1, .bloqueDatosFichaCliente_2 {
		flex-basis: 100%;
	}
	.flexDatosEmpresa {
		flex-wrap: wrap;
	}
	.bloqueDatosFichaCliente_2 .flexDatosEmpresa > div {
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	
		flex-basis: 100%;
	}
	.bloqueDatosFichaCliente_2 .flexDatosEmpresa > div:nth-child(even) {
		margin-top: 1rem;
		padding-top: 1rem;
		border-top: 2px dashed #d8d8d8;
	}
	.bloqueDatosFichaCliente_3 .flexDatosEmpresa > div {
		flex-basis: 100% !important;
	}
	.bloqueDatosFichaCliente_3 .flexDatosEmpresa > div {
		margin-left: 0;
		margin-top: 1rem;
		padding-left: 0;
		padding-top: 1rem;
		border-left: 0;
		border-top: 2px dashed #d8d8d8;
	}
	.bloqueDatosFichaCliente_3 .flexDatosEmpresa > div:first-child {
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
	}
	
	.botoneraBloquesCliente {
		flex-wrap: wrap;
	}
	.botoneraBloquesCliente > div {
		margin: 0 0.5rem;
		width: 110px;
	}
    
    #tablaDocumentos, #tablaFacturas {
        margin-top: 3rem;
    }
    .bNuevaCarpetaCliente {
		position: relative !important;
        top: auto;
        right: auto;
		margin: 0 auto;
    }
    .bNuevoDocumentoCliente {
		position: relative !important;
        right: auto;
		margin: 0 auto;
        margin-bottom: 3rem;
    }

    .bNuevoPresupuestoETT {
		position: relative !important;
        right: auto;
		margin: 0 auto;
        margin-bottom: 2rem;
        margin-top: -2rem;
    }

    .bloqueSeccionEmpresa {
        padding: .5rem 1rem;
        width: 100%;
    }
    .bloqueSeccionEmpresa .flex {
        flex-wrap: nowrap;
    }
    .bloqueServicioEmpresa .bloqueCampoFormulario {
        width: auto !important;
    }
    .bloqueServicioEmpresa p:first-child {
        line-height: 1.1rem;
    }
    .flexClientesMto {
        flex-wrap: wrap;
    }
    #flexClientesMto_1 {
		flex-basis: 100%;
	}
	#flexClientesMto_2 {
        margin-bottom: 20px;
		flex-basis: 100%;
	}
    #flexClientesMto_3 {
        flex-basis: 100%;
    }

	.tablaResultadosCuotas {
		width: 100% !important;
	}

    .bloqueConceptoPresupuesto p.numConcepto {
        margin-top: 0.5rem;
        margin-right: 0rem;
        margin-bottom: 1rem;
        margin-left: .5rem;
    }
    .bloqueConceptoPresupuesto img {
        margin-top: .5rem;
        margin-left: .5rem;
        margin-bottom: .5rem;
    }
    .bloqueServicioAceptacion {
        margin-top: 1.5rem;
    }

    .contenedorBolsaHoras {
        flex-wrap: wrap;
    }
    .bloqueSumaHoras {
        padding: .5rem;
        float: none;
        flex-basis: 90%;
    }
    p.horasTrabajadas {
        margin: 1rem;
        font-size: 1.1rem;
        line-height: 1.2rem;
    }
    p.horasDiferencia {
        margin: 1rem;
        font-size: 1rem;
        line-height: 1.1rem;
    }

    .bloqueGaleria {
		width: 100%;
		margin: 5px 0px 20px 0px;
	}

    .bloqueCobro {
        margin: 0 0rem 1rem 0rem;
        flex-basis: 100%;
    }

    .tablaResultadosRegistroSalarial {
        margin-bottom: 2.5rem;
        width: 95%;
        overflow: scroll;
    }
    .flexRegistroSalarial > div {
        flex-basis: 90% !important;
    }
    .botonInformeRegistroSalarial {
        margin-left:0; 
    }

    #bloqueCategoriasCalculadora .datosCategoriaConvenio {
        margin: 0 0 1rem 0;
        flex-wrap: wrap;
    }
    #bloqueCategoriasCalculadora .datosCategoriaConvenio > div {
        margin-right: 0;
        margin-bottom: 1rem;
        padding-right: 0;
        padding-bottom: 1rem;
        border-right: 0;

        border-bottom: 2px dashed #d8d8d8;
        flex-basis: 100%;
    }
    #bloqueCategoriasCalculadora .datosCategoriaConvenio > div:last-child {
        border-bottom: 0;
        margin-bottom: 0;
    }

    #bloqueDatosAcademicos {
        flex-basis: 100%;
    }
    #bloqueOtraInformacion {
        flex-basis: 100%;	
    }

    .bloqueDatosFichaTrabajador_1 {
        margin-bottom: 2rem;
        flex-basis: 100%;
    }
    .bloqueDatosFichaTrabajador_2 {
		margin-top: 2rem;
        flex-basis: 100%;
    }
    .bloqueDatosFichaTrabajador_3 {
        display: none;
    }

    .bloqueSelectorClienteTrabajador {
        flex-basis: 100%;
    }

    .bloqueDatosFichaContratacion {
        flex-basis: 100% !important;
    }

    .pizarraProcesos {
        width: 95%;
    }
    .tarjetaProcesoSeleccion .datosTarjeta {
        padding-bottom: 2rem;
    }

    .bloqueCampoCalculadoraHoras {
        width: auto !important;
    }

    .bloqueDatosFichaAlumno {
        flex-wrap: wrap;
    }
    .bloqueDatosFichaAlumno > div {
        flex-basis: 100%;
    }
	.bloqueDatosFichaCurso  {
		display: block;
	}
	.bloqueDatosFichaCurso_2  {
		margin-top: 2rem;
	}
	.bloqueDatosFichaCurso > div {
		flex-basis: 100%;
	}
	.bloqueCodigos fieldset{
		flex-basis: 100%;
	}

    .flex3 {
        flex-wrap: wrap;
    }
    .bloqueMtoKitDigital > fieldset {
        flex-basis: 100%;
    }
	.bloquePaquete{
		width: 100%;
		margin-bottom: 1rem;
	}
	#bloquePaqueteContenedor{
		margin-left: 0rem;
	}
	.bloqueTotalPrecio{
		width: 100%;
	}
	.bloqueCoeficiente{
		width: 100%;
	}

    .bloqueContadorSeleccionados {
        left: 3%;
        bottom: 1rem;
        width: 94%;
        flex-wrap: wrap;
    }
    .bloqueContadorSeleccionados > .botonera {
        flex-wrap: wrap;
        justify-content: center;
    }
    .bloqueContadorSeleccionados .bloqueCampoFormulario {
        margin-bottom: 10px;
    }
    .bloqueContadorSeleccionados > .botonera .botonRemesa {
        margin-left: auto;
    }
	.datosFichaCursos{
		display: flex;
		flex-direction: column;
	}
	.bloqueDatosClienteFicha{
		flex-direction: column;
	}
	.bloqueDatosFichaFormador_2{
		margin-bottom: 2rem;
		flex-basis: 100%;
	}
	.flexDatosFormadores > div {
		/* margin-left: 1rem; */
		padding-left: 0;
		border-left: 0;
		flex-basis: 100%;
		margin-top: 1rem;
	}
	.flexDatosFormadores > div:first-child {
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
		flex-basis: 100%;
	}
	.botonFichaFormador {
		position: relative !important;
        top: auto;
        right: auto;
		margin: 1rem auto;
    }
	.botonFichaFormador_1 {
		position: relative !important;
        top: auto;
        right: auto;
		margin: 1rem auto;
    }
	.botonFichaFormador{
		margin: 1rem;
	}

	.materialForm-mobile{
		align-items: center !important;
		margin-top: 4rem !important;
		margin-left: 0.5rem !important;
		margin-right: 2rem !important;
	}
	h2.tituloMaterialForm{
		font-size: 1.2rem !important;
        line-height: 1.4rem;
	}
	.imagenCabMaterialForm{
		padding: 0rem;
		margin-left: 0% !important;
		margin-right: 0% !important;
	}

	#contenidoRepositorioCliente .bloqueFichaRepositorio{
		flex-basis: 48%;
		margin: 0px; 
		margin-bottom: 10px; 
	}
    h1.tituloMaterialFormativo {
        margin-right:0;
        font-size: 1.1rem;
    }
	.contenedorReview{
		margin-right:10%;
		margin-left:10%;
	}

	.bloqueTarjetaPlantilla {
		width: 100% !important;
	}
	.bMapaAñadir {
		width: 100%;
		margin-bottom: 10px;
	}
	.bMapaEliminar {
		width: 100%;
		margin-bottom: 10px;
	}

	.contenedorReservas {
		flex-direction: column !important;
		align-items: center;
		justify-content: center;
	}

	#side-list{
		min-width:115px !important;
		width:15% !important;
	}

	.filaBuscador{
		flex-direction: column !important;
		padding-inline: 8px;
	}

	#listaReproduccionTV{
		width: 100%;
	}
}


/***********************************************
Mobile (landscape)
***********************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.show-mobile { display:inherit !important; }
	.show-tablet { display:none !important; }
	.show-screen { display:none !important; }
	.hide-mobile { display:none !important; }
	.hide-tablet { display:inherit !important; }
	.hide-screen { display:inherit !important; }
	
	th.show-mobile { display:table-cell !important; }
	th.hide-tablet { display:table-cell !important; }
	th.hide-screen { display:table-cell !important; }	
	td.show-mobile { display:table-cell !important; }
	td.hide-tablet { display:table-cell !important; }
	td.hide-screen { display:table-cell !important; }
	td span.show-mobile { display:inline !important; }
	
	#mensajeResultados {
		width: 50%;
	}

	.filaPaginacion {
        justify-content: space-between;
    }
    .resultadosBusqueda {
        display: inherit;
	}
	
    .flexCharts {
        margin-bottom: 2rem;

        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: flex-start;
    }
    .flexCharts > div {
        margin-bottom: 0;
        width: 40%;
    }
    
    .bloqueEnlacesInicio {
        width: auto;
	}
	
	.bloqueFichaRepositorioInicio .iconoFichaRepositorioInicio {
		flex-basis: 12%;
	}
	.bloqueFichaRepositorioInicio .datosFichaRepositorioInicio {
		flex-basis: 88%;
	}
    
	#bLogin {
		width: calc(50% - 20px);
	}
	
	#bPassword {
		width: calc(50% - 20px);
	}
	
	#bConfirmacionPassword {
		width: calc(50% - 20px);
	}
	
	#bPermisos {
		width: calc(50% - 20px);
	}

	.fichaEmpleado {
		width: 45%;
		flex-basis: 45%;
	}
	.fichaEmpleado img.fotoEmpleado {
		top: -20%;
		left: calc(100% - 60%);
		width: 20%;
    }
    .fichaEmpleadoPropia img.fotoEmpleado {
		top: -25%;
	}
	.fichaEmpleado h1 {
		margin-top: 1.5rem;
		font-size: 0.9rem;
		line-height: 1.2rem;
	}

	.calendario {
		flex-basis: 47%;
	}
    .buscadorCalendario {
        width: 40% !important;
    }

	.buscadorControlHorario {
		justify-content: space-between !important;
	}
	.contenidoBuscadorControlHorario {
		flex-basis: 85%;
	}
	.buscadorControlHorario > img {
		flex-basis: 15%;
		margin-top: 1rem;
    }
    
    #tablaDocumentos, #tablaFacturas {
        margin-top: 1.5rem;
    }
    .bNuevoDocumentoCliente {
        top: 1rem; 
	}
    .bNuevoPresupuestoETT {
        top: 1rem; 
        margin-top: -2rem;
	}
	
	.tablaResultadosCuotas {
		width: 70% !important;
	}

    .bloqueGaleria {
		width: calc(50% - 10px);
		margin: 10px 0px 10px 0px;
	}

    .bloqueSelectorClienteTrabajador {
        flex-basis: 49%;
    }
	.bloqueDatosFichaCurso  {
		display: block;
	}
	.bloqueDatosFichaCurso_2  {
		margin-top: 2rem;
	}
	.bloqueDatosFichaCurso > div {
		flex-basis: 100%;
	}
	.bloqueCodigos fieldset{
		flex-basis: 100%;
	}
	.bloquePaquete{
		width: 100%;
		margin-bottom: 1rem;
	}
	#bloquePaqueteContenedor{
		margin-left: 0rem;
	}
	.bloqueTotalPrecio{
		width: 100%;
	}
	.bloqueCoeficiente{
		width: 100%;
	}

    .bloqueContadorSeleccionados > .botonera {
        flex-wrap: nowrap;
    }
    .bloqueContadorSeleccionados .bloqueCampoFormulario {
        margin-bottom: 0px;
    }
    .bloqueContadorSeleccionados > .botonera .botonRemesa {
        margin-left: auto;
        min-width: 175px;
    }
	.datosFichaCursos{
		display: flex;
		flex-direction: column;
	}
	.bloqueDatosClienteFicha{
		flex-direction: column;
	}
	.materialForm-mobile{
		align-items: center !important;
		margin-top: 4rem !important;
		margin-left: 0.5rem !important;
		margin-right: 2rem !important;
	}
	h2.tituloMaterialForm{
		font-size: 1.2rem !important;
        line-height: 1.4rem;
	}

	.bloqueDatosFichaFormador_2{
		margin-bottom: 2rem;
		flex-basis: 100%;
	}
	
	.bloqueDatos {
		margin-left: 0px !important;
	}

}