/* ---------------------------------
 *	José Luis Rodriguez
 *	jrodriguez@bincodex.com
 *	https://bincodex.com
 *	2025-06-02 16:39:53
 * ------------------------------------ */


@media only screen and (max-width: 1500px) {
	.def-content-lista-tabla {
		padding: 50px;
	}
}



@media only screen and (max-width: 1365px) {
	.def-content-lista-tabla {
		padding: 20px;
		gap: 10px;
	}
}


@media only screen and (max-width: 1200px) {
	.def-content-lista-tabla {
		grid-template-columns: repeat(2,1fr);
		padding: 20px;
		gap: 10px;
	}
}


@media only screen and (max-width: 1120px) {
	.one-data-view-tree {
		gap: 15px;
		padding: 15px;
		height: calc( 100vh - 196px );
	}
}



@media only screen and (max-width: 1000px) {

	.def-info-app-header {
		display: none;
	}

	#def-tools-header {
		transform: translateX(50px);
	}

	#def-panel-principal {
		left: -300px;
		box-shadow: 1px 0px 3px #000;
		z-index: 2;
	}

	#def-tit-menu-movil {
		display: flex;
	}

	#def-menu-toggle {
		display: flex;
	}

	#def-info-usuario {
		width: 100px;
		height: 100px;
	}

	#def-img-usuario {
		width: 93px;
		height: 93px;
	}

	#def-nav-principal {
		height: calc(100vh - 184px);
	}

	#def-nav-principal ul {
		padding-inline-start: 40px;
	}

	#def-contenido-principal {
		margin-left: 0px;
		width: calc(100vw - 20px);
	}

	.one-data-view-tree {
		gap: 40px;
		padding: 10px;
	}

}


@media only screen and (max-width: 950px) {
	.def-content-lista-tabla {
		grid-template-columns: repeat(1,1fr);
		padding: 10px;
		gap: 10px;
		margin-bottom: 50px;
	}
}


@media only screen and (max-width: 800px) {
	.one-data-view-tree {
		grid-template-columns: repeat(5,1fr);
	}
}


@media only screen and (max-width: 750px) {

	.def-header-tool-buscar-paginacion {
		position: absolute;
		top: 40px;
		min-width: 320px;
		background: #fff;
		padding: 3px 4px;
		left: -50px;
		background: var(--color-navbar);
		width: 100vw;
	}

	#def-contenido-principal {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.def-estructure-inputs {
		grid-template-columns: repeat(2,1fr);
	}

	.one-data-view-tree {
		grid-template-columns: repeat(4,1fr);
		height: calc( 100vh - 237px );
	}

	.def-grid-1_2 {
		grid-template-columns: repeat(1,1fr);
	}

	.def-panel-dashboard {
		grid-template-columns: repeat(1,2fr);
	}

}



@media only screen and (max-width: 560px) {

	.one-data-view-tree {
		grid-template-columns: repeat(3,1fr);
	}
}


@media only screen and (max-width: 480px) {
	.def-estructure-inputs {
		grid-template-columns: repeat(1,1fr);
	}
	#def-buscador{
		width: 100px;
	}
}


@media only screen and (max-width: 420px) {

	.one-data-view-tree {
		grid-template-columns: repeat(2,1fr);
	}

}


@media only screen and (max-width: 380px) {
	.core-modalwin-boton {
		padding: 5px;
		font-size: 0.9em;
		min-width: 120px;
	}
}