@media (max-width: 1200px){
	/*
	Necesitamos diferenciar, dentro de fuera de iframe
	*/
	/*.contnewtl{
		flex-direction: column;
	}
	.colnewtl{
		order: 1;
		flex-direction: row;
		flex: 0 1 auto;
		margin: 0;
	}
	.blonewtl{
		flex: 1 1 50%;
	}
	.common_avatar{
		width: 80px;
		height: 80px;
	}*/
	
	#widgets_portada{
		flex-direction: column;
	}
	
	#widgets_portada .bloqueportada{
		width: 100%;;
	}
}
@media (max-width: 1100px){
	.bloqueportada table.estandar tr td input[type="text"]{
		width: 100% !important;
	}

	.maxwidth50{
		max-width: 100%;
	}
}
@media (max-width: 1000px){
	.bloqueportada{
		width: 100%;
		margin: 0 0 10px 0;
		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		-o-transition-duration: .5s;
		-ms-transition-duration: .5s;
		transition-duration: .5s;
	}
	#bloquemapa, #listguardas{
		width: 100%;
		min-height: auto;
	}
	.flexitem{
		flex: 0 1 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}
	
	.panel_admin a{
		padding: 7px 7px;
		height: 40px;
	}
	.panel_admin a .fas, .panel_admin a .far{
		font-size: 14px;
		width: 35px;
		margin-right: 0;
	}

	.panel_admin li a:hover, .panel_admin li a.currmenu{
		border-left: 0;
	}
	.common_avatar.cont-avatar-alumn-action { /* Para acciones.php */
		min-width: 50px;
		min-height: 50px;
    }
}

@media (max-width: 780px){
	table.estandar tr td .campo_texto, table.estandar tr td input[type='file'], table.estandar tr td input[type='text'], table.estandar tr td select, table.estandar tr td select, table.estandar tr td textarea{
		width: 100% !important;
		min-width: 0;
	}
	.pest{
		padding: 10px 7px 7px 7px;
	}
	#carga{
		width:100%;
		height:390px;
	}
	#listpuntos{
		width: 100%;
		min-height: auto;
	}
	.colnewtl{
		flex: 0 1 200px;
	}
}
@media (max-width: 700px){
	body.showhidemenu #menu{
		width: 35px;
	}
	#menu{
		padding-left: 5px;
		width: 220px;
		position: absolute;
	}
	.panel_admin a{

		padding: 4px 7px;
		height: 30px;
	}
	.panel_admin a .fas, .panel_admin a .far{
		font-size: 14px;
		width: 35px;
		margin-right: 0;
	}

	.panel_admin li a:hover, .panel_admin li a.currmenu{
		border-left: 0;
	}
	#contenido_admin{
		padding:5px 5px 5px 45px !important;
	}
	h1{
		font-size: 16px;
		display: block;
		width: 100%;
		text-align: center;
		border-bottom: #ddd 1px solid;
		padding-bottom: 5px;
	}
	h2{
		font-size: 16px;
	}
	h3{
		font-size: 14px;
	}

	#toolbarlogo{
		display: none;
	}
	#desp:before{
		/*content:"MENÚ";*/
	}

	#toplydia{
		/*position: relative;*/
		/*margin-top: -30px;
		height: 40px;

		z-index: 100;*/
	}

	#fechahora{
		display: none;
	}
	/*#descon{
		white-space: nowrap;
		text-indent: -9999px;
		padding: 4px 0;
	}
	#descon a{
		height: 16px;
		width: 16px;
		display: block;
	}*/
	#toolbar{
		height: 30px;
		justify-content:flex-end;
	}
	#debugconsole{
		top:0px;
		position: relative;
	}
	/*Fin cabecera*/
	
	.contnewtl{
		flex-direction: column;
	}
	.colnewtl, .cuadnewtl{
		flex: 1 1 100%;
	}
    .tabs {/* Para edición de avatar (update_avatar.php) */
        transform: scale(0.6);
    }
    .alumn-signature {/* Para edición de avatar (update_avatar.php) */
        text-align: center;
    }
}
@media (max-width: 600px){
	.estandar .admin_boton:not(.salirver){
		width: 45%;
	}
	.leyenda{
		width: 100%;
		max-width: 1000px;
		margin-top: 0;
	}
	
	.blonewtlrow .avcontainer{
		flex: 0 0 60px;
	}
	.common_avatar{
		width: 40px;
		height: 40px;
	}
	.common_avatar i {
		font-size: 34px;
	}
	.bloqueportada4{
		width: 48%;
	}
}
@media (max-width: 500px){
	#fixedbuttons #seltodos{
		width: 100%;
		display: block;
	}
	#fixedbuttons .date{
		width: 45% !important;
	}
	#btnapp{
		width: 99%;
		min-width: 99%;
		display: block;
	}
	.botonera .admin_boton{
		width: 24%;
		min-width: 24%;
		box-sizing: border-box;
	}
	#lydia_popup #closepop{
		font-size: 12px;
	}
	
	#lptitle{
		width: 60%;
		padding: 4px 5px;
	}
	#nombreuser span, #descon span{
		display: none;
	}
	#nombreuser span#cont_new_messages{
		display: block;
	}
	#nombreuser span.new_messages{
		display: block;
		margin-left: 25px;
		top: 20px;
	}
	#toolbotonera{
		align-self: center;
	}
	#nombreuser i, #descon i{
		font-size: 22px;
		display: block;
		width: 30px;
		text-align: center;
	}
}
@media (max-width: 400px){
	.botonera .admin_boton{
		width: 31%;
		min-width: 31%;
	}
	
	.bloqueportada4{
		width: 100%;
	}
}
@media (max-width: 390px) { /* Para acciones php */
    .bloqueportada.bloqueportada2.cont-alumn-action{
        flex-direction: column;
    }
}
@media (max-width: 300px){
	.botonera .admin_boton{
		width: 49%;
		min-width: 49%;
	}
}