/* ────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */
/* 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;
	}

	.fichaDelegado {
		width: 19%;
		flex-basis: 19%;
	}
	.fichaDelegado img.fotoDelegado {
		top: -47px;
		left: calc(100% - 55%);
		width: 13%;
    }
	.fichaDelegado h1 {
		margin-top: 2.5rem;
		line-height: 1.2rem;
	}

	.calendario {
		flex-basis: 30%;
	}

	.calendarioEventosDiarios {
		width: 20%;
	}

	.tablaControlHorario {
		width: 30% !important;
	}

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

    #bocadilloGeolocation {
        left: 2015px;
    }

}


/***********************************************
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;
	}

	.fichaDelegado {
		width: 19%;
		flex-basis: 19%;
	}
	.fichaDelegado img.fotoDelegado {
		top: -37px;
		left: calc(100% - 55%);
		width: 15%;
    }
	.fichaDelegado h1 {
		margin-top: 2rem;
		line-height: 1.2rem;
	}

	.calendario {
		flex-basis: 23%;
	}

	.calendarioEventosDiarios {
		width: 30%;
	}

	.tablaControlHorario {
		width: 40% !important;
	}

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


    #bocadilloGeolocation {
        left: 1340px;
    }

}


/***********************************************
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;
	}

	.fichaDelegado {
		width: 23%;
		flex-basis: 23%;
	}
	.fichaDelegado img.fotoDelegado {
		top: -45px;
		left: calc(100% - 60%);
		width: 20%;
    }
	.fichaDelegado h1 {
		margin-top: 2rem;
		line-height: 1.2rem;
	}

	.tablaControlHorario {
		width: 50% !important;
	}

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

    #bocadilloGeolocation {
        left: 1000px;
    }

}


/***********************************************
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%;
	}

	.fichaDelegado {
		width: 23%;
		flex-basis: 23%;
	}
	.fichaDelegado img.fotoDelegado {
		top: -37px;
		left: calc(100% - 60%);
		width: 20%;
    }
	.fichaDelegado h1 {
		margin-top: 2rem;
		line-height: 1.2rem;
	}

	.tablaControlHorario {
		width: 50% !important;
	}

    #bocadilloGeolocation {
        left: 860px;
    }
}


/***********************************************
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%;
	}

	.fichaDelegado {
		width: 30%;
		flex-basis: 30%;
	}
	.fichaDelegado img.fotoDelegado {
		top: -40px;
		left: calc(100% - 60%);
		width: 20%;
    }
	.fichaDelegado 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%;
	}

	.fichaDelegado {
		width: 30%;
		flex-basis: 30%;
	}
	.fichaDelegado img.fotoDelegado {
		top: -35px;
		left: calc(100% - 60%);
		width: 20%;
    }
	.fichaDelegado h1 {
		margin-top: 2rem;
		line-height: 1.2rem;
    }
    
	.calendario {
		flex-basis: 30%;
	}

	.tablaControlHorario {
		width: 70% !important;
	}
	

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

    #bocadilloGeolocation {
        left: 665px;
    }

	.bloqueDatosCompradoresFicha{
		flex-direction: column;
	}

}


/***********************************************
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;
	}

	.fichaDelegado {
		width: 45%;
		flex-basis: 45%;
	}
	.fichaDelegado img.fotoDelegado {
		top: -45px;
		left: calc(100% - 60%);
		width: 20%;
    }
	.fichaDelegado 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;
    }
	
	.fichaCompradores > h1 {
		font-size: 1.5rem;
	}
	.bloqueDatosFichaCompradores_1, .bloqueDatosFichaCompradores_2 {
		flex-basis: 50%;
	}

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

    #bocadilloGeolocation {
        left: 565px;
    }

	/***** FichaCompradores *****/
	.bloqueComercialPastillasDobleBloque{
		width: 45%;
	}
}


/***********************************************
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%;
	}

	.fichaDelegado {
		padding-bottom: 2rem;
		width: 45%;
		flex-basis: 45%;
	}
	.fichaDelegado img.fotoDelegado {
		top: -35px;
		left: calc(100% - 60%);
		width: 20%;
    }
	.fichaDelegado h1 {
		margin-top: 1.5rem;
		font-size: 0.9rem;
		line-height: 1.2rem;
	}
	.botoneraDelegado i {
		margin-left: 1rem !important;
		font-size: 1.5rem !important;
	}

	.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;
    }

	.fichaCompradores > h1 {
		font-size: 1.4rem;
	}
	.datosFichaCompradores {
		flex-wrap: wrap;
	}
	.bloqueDatosFichaCompradores_1 {
		margin-bottom: 1rem;
	}
	.bloqueDatosFichaCompradores_1, .bloqueDatosFichaCompradores_2 {
		flex-basis: 100%;
	}
	
	.botoneraBloquesCompradores {
		flex-wrap: wrap;
	}
	.botoneraBloquesCompradores > div {
		margin: 0 0.5rem;
		width: 110px;
	}

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

    #bocadilloGeolocation {
        left: 410px;
    }

	/***** FichaCompradores *****/
	.bloqueComercialPastillas{
		width: 40%;
	}
	.bloqueComercialPastillasDobleBloque{
		width: 100%;
	}
	/***** Copiar *****/
	.flexCopiaCompradores{
		flex-direction: column;
		gap: 1rem;
	}
	.bloquePaquete{
		width: 100%;
		margin-bottom: 1rem;
	}
	#bloquePaqueteContenedor{
		margin-left: 0rem;
	}
	
}


/***********************************************
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: 40px; */
		height: 25px;
	}
	#cabeceraNoAccess img {
		/* height: 40px; */
		height: 25px;
	}
	#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: 25px;
	}
	#contenido {
	    margin: 5px;
	}

	#mensajeResultados {
		width: 80%;
	}
	
	.bloqueCampoFormulario {
        width: 100% !important;
		margin: 0 0 10px 0;
	}
	.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;
	}
	.botoneraNuevosRegistrosAyuda {
		margin-bottom:-0.5rem !important;
	}
	
	
	#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 .bloqueDelegados:nth-child(odd){
		border-bottom: 1px solid #666666;
		margin-bottom: 0.5rem;
	}
	.fichaDelegado {
		padding-bottom: 2rem !important;
		width: 100%;
		flex-basis: 100%;
	}
	.fichaDelegado img.fotoDelegado {
		top: -40px;
		left: calc(100% - 60%);
		width: 20%;
    }
	.fichaDelegado h1 {
		margin-top: 1.5rem;
		font-size: 0.9rem;
		line-height: 1.2rem;
	}
	.botoneraDelegado i {
		margin-left: 1rem !important;
		font-size: 1.5rem !important;
	}

	.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;
	}
	

	.fichaCompradores {
		margin-top: 1rem;
	}
	.fichaCompradores > h1 {
		font-size: 1.3rem;
	}
	.fichaCompradores h1 span {
		margin-bottom: .5rem;
		font-size: .7rem;
	}
	.fichaCompradores h1 span:before {
		content: "\A";
		white-space: pre;
	}
	.datosFichaCompradores {
		flex-wrap: wrap;
	}
	.bloqueDatosFichaCompradores_1 {
		margin-bottom: 1rem;
	}
	.bloqueDatosFichaCompradores_1, .bloqueDatosFichaCompradores_2 {
		flex-basis: 100%;
	}
	.flexDatosEmpresa {
		flex-wrap: wrap;
	}
	
	.botoneraBloquesCompradores {
		flex-wrap: wrap;
	}
	.botoneraBloquesCompradores > div {
		margin: 0 0.5rem;
		width: 110px;
	}
    
    .bNuevoDocumentoCompradores {
		position: relative !important;
        right: auto;
		margin: 0 auto;
        margin-bottom: 3rem;
    }

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

	/* Estilos Nuevos */

	#bloqueSwitchMovil{
		display: flex;
		flex-direction: column;
		gap: 10px; 
	}

	/***** FichaCompradores *****/
	.bloqueCabeceraFichaCompradores{
		flex-direction: column;
	}
	.botoneraFichaCompradores{
		margin-top: 1.5rem;
		gap: 25px;
		flex-direction: row;
		justify-content: center;
	}

	.bloqueComercialPastillas{
		width: 100%;
	}
	.bloqueComercialPastillasDobleBloque{
		width: 100%;
	}
	.contenedorComercialDobleBloque{
		flex-direction: column;
    	align-items: center;
		margin-top: 2rem;
        padding-top: 2rem;
        border-top: 2px dashed #d8d8d8;
	}
	.bloqueTituloBotoneraComercialDatosPastilla{
		flex-direction: row;
		width: 100%;
		gap: 10px;
		justify-content: flex-end;
	}
	.bloqueComercialDatosPastilla{
		margin: 0;
	}
	.bloqueDatosPastillaDobleBloque{
		width: 100%;
	}
	#contenedorDatosPastillaDobleDireccion{
		transform: rotate(90deg);
	}
	.bloqueDatosPastillaDobleBloqueCochesKilometros{
		margin-left: 0;
		margin-top: 2rem;
	}

	/***** Copiar *****/
	.flexCopiaCompradores{
		flex-direction: column;
		gap: 1rem;
	}
	.bloquePaquete{
		width: 100%;
		margin-bottom: 1rem;
	}
	#bloquePaqueteContenedor{
		margin-left: 0rem;
	}

	/***** Coches *****/
	.txtCosteCocheSimbolos{
		text-align: center;
	}
	.bCosteCoche1{
		width: 90% !important;
	}
	.bCosteCoche2{
		width: 5% !important;
	}
	.bCosteCoche3{
		display: none;
	}

	/***** Estadisticas *****/
	.bloqueDatosResumenGlobales {
		flex-direction: column;
	}
	.columnaDatosResumen{
		width: 98%;
	}
	.estadisticasParciales{
		margin-right: 0;
	}
	.flexEstadisticasParciales{
		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);
	}

	.fichaDelegado {
		width: 45%;
		flex-basis: 45%;
	}
	.fichaDelegado img.fotoDelegado {
		top: -40px;
		left: calc(100% - 60%);
		width: 20%;
    }
	.fichaDelegado 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;
    }
    
    .bNuevoDocumentoCompradores {
        top: 1rem; 
	}

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

	/* Estilos Nuevos */

	#bloqueSwitchMovil{
		display: flex;
		flex-direction: column;
		gap: 10px; 
	}

	/***** FichaCompradores *****/
	.bloqueCabeceraFichaCompradores{
		flex-direction: column;
	}
	.botoneraFichaCompradores{
		margin-top: 1.5rem;
		gap: 25px;
		flex-direction: row;
		justify-content: center;
	}

	.bloqueComercialPastillas{
		width: 100%;
	}
	.bloqueComercialPastillasDobleBloque{
		width: 100%;
	}
	.contenedorComercialDobleBloque{
		flex-direction: column;
		align-items: center;
		margin-top: 2rem;
		padding-top: 2rem;
		border-top: 2px dashed #d8d8d8;
	}
	.bloqueTituloBotoneraComercialDatosPastilla{
		flex-direction: row;
		width: 100%;
		gap: 10px;
		justify-content: flex-end;
	}
	.bloqueComercialDatosPastilla{
		margin: 0;
	}
	.bloqueDatosPastillaDobleBloque{
		width: 100%;
	}
	#contenedorDatosPastillaDobleDireccion{
		transform: rotate(90deg);
	}
	.bloqueDatosPastillaDobleBloqueCochesKilometros{
		margin-left: 0;
		margin-top: 2rem;
	}

	/***** Copiar *****/
	.flexCopiaCompradores{
		flex-direction: column;
		gap: 1rem;
	}
	.bloquePaquete{
		width: 100%;
		margin-bottom: 1rem;
	}
	#bloquePaqueteContenedor{
		margin-left: 0rem;
	}

	/***** Coches *****/
	.txtCosteCocheSimbolos{
		text-align: center;
	}
	.bCosteCoche1{
		width: 90% !important;
	}
	.bCosteCoche2{
		width: 5% !important;
	}
	.bCosteCoche3{
		display: none;
	}

}