html{
	scroll-behavior:smooth;
}
<style type="text/css">
	body{
		margin:0px;
		width:100%;
		height:100%;
		overflow:hidden;
		user-select:none;
		-webkit-user-select:none;
		-moz-user-select:none;
	}
	section{
		display:none;
	}
	table{
		padding:10px;
		max-width:100%;
		border:1px solid grey;
		border-radius:5px;
	}
	table td, th{
		table-layout:auto;
		height:30px;
		font-size:16px;
	}
	table.tablesorter thead tr:nth-child(2) th, 
	table.tbDts thead tr:nth-child(2) th{
		white-space:nowrap;
		cursor:pointer;
	}
	.nmppl{
		display:none;
	}
	.rszeCel{
		 resize:horizontal;
		 width:100%;
		 min-width:100%;
		 height:auto;
		 border:0px;
		 padding-right:10px;
		 white-space:nowrap;
		 overflow-x:hidden;
		 background-color:transparent;
	}
	table thead th b.simbol{
		color:blue;
		cursor:pointer;
		user-select:none;
		-webkit-user-select:none;
		-moz-user-select:none;
		margin-left:20px;
	}
	img{
		user-select:none;
		-webkit-user-select:none;
		-moz-user-select:none;
	}
	div{
		overflow-x:auto;
		max-width:100%;
	}
	input[type=date]{
		height:30px;
		min-height:30px;
		background-color:white;
		color:black;
		border-color:lightgrey;
		font-size:14px;
		border-radius:5px;
		display:inline-block;
		margin:5px 0px 10px 0px;
		padding-left:10px;
		outline:none;
	}
	input[type=date]:disabled{
		background:lightgrey;
	}
	input[type=text]{
		min-height:30px;
	}
	select{
		background-color:white;
		border:1px solid grey;
		border-radius:5px;
		color:black;
		font-size:14px;
		min-height:30px;
	}
	div.img-prod figcaption{
		padding:10px;
	}
	div.img-prod figure{
		display:inline-block;
		width:270px;
		height:auto;
	}
	div.img-prod img{
		border:2px solid lightblue;
		cursor:pointer;
		width:250px;
		height:200px;
	}
	div.img-inv figure{
		display:inline-block;
		border:2px solid lightblue;
		width:300px;
		height:auto;
		max-width:95%;
		border-radius:5px;
		margin:10px;
	}	
	div.img-inv img{
		border:2px solid lightblue;
		cursor:pointer;
		width:270px;
		height:200px;
		margin:10px 5px 0px 5px;	
		border-radius:5px;		
	}
	div.img-inv figcaption{
		padding:10px;
	}
	div.img-inv input[type=text]{
		display:inline-block; 
		border:0px;
		background-color:transparent;
		color:#000;
		font-weight:bold !important;
		outline:none;
		width:50%;
	}
	div.img-inv input[type='checkbox']{
		display:inline-block;
	}
	div.img-inv textarea{
		text-align:justify; 
		display:inline-block; 
		margin-bottom:10px; 
		resize:none; 
		word-wrap:break-word; 
		border:0px; 
		background-color:transparent;
		width:100%;
		outline:none;
	}
	img[src*='veritems.png']{
		display:none;
	}
	#dntp{
		border:1px solid blue; 
		border-radius:10px; 
		margin:10px 20px; 
		padding: 15px 20px;
		font-weight:bold;
	}
	#dm{
		z-index:9999;
		cursor:pointer; 
		color:white; 
		background-color:#2c3e50; 
		width:20%; 
		font-size:16px; 
		font-weight:bold; 
		padding:10px 10px;
		position:fixed; 
		top:90px; 
		left:78%;
		overflow-y:scroll;
		-webkit-scrollbar:none;
		-ms-overflow-style: none;
		scrollbar-width: none;
		height:auto;
		max-height:90%;
	}
	#dm div{
		padding-top:5px; 
		display:flex; 
		align-items:center; 
	}
	#divdatos{
		margin-top:10px; 
		width:100%;
	}
	#divdatos div{
		padding:5px 0px;
		display:inline-block;
		width:45%;
	}
	#divdatos label{
		float:right;
		text-align:right;
	}
	#divdatos select{
		width:120px;
		float:left;
		margin-left:5px;
	}
	#fgfco1, #fgfco2{
		display:none;
		border:1px solid black;
		border-radius:5px;
		padding:40px 10px; 
		margin:20px auto;
		width:90%;
		background-color:lightgrey;
	}
	div.mnBtn{
		margin:0px auto;
		padding:0px 0px;
		width:auto;
		text-align:center;
	}
	.btgfco{
		display:inline-block;
	}
	input[type='checkbox']{
		-ms-transform:scale(1.3);
		-moz-transform:scale(1.3);
		-webkit-transform:scale(1.3);
		margin:10px;
	}
	input[name='comchk'], input[name='comchkdis'], input#todoscom{
		-ms-transform:scale(0.7);
		-moz-transform:scale(0.7);
		-webkit-transform:scale(0.7);
	}
	.dvmnidx{
		margin:0px auto;
		width:70%;
	}
	.dvmnidx h2{
		font-size:2vw;
	}
	.dvmnidx .mnu-ctnr{
		position:relative;
		text-align:center;
		color:black;
		display:inline-block;
		padding:0px 0px 5px 0px	;
		cursor:pointer;
		width:18%;
	}
	.dvmnidx .mnu-ctnr div{
		position:absolute;
	}	
	.dvmnidx .mnu-ctnr img{
		opacity:0.5;
		max-width:100%;
	}
	.dvmnidx .mnu-ctnr img.imgcta{
		opacity:0.3;
		content:url('images/repcuentas.png');
	}
	.dvmnidx .mnu-ctnr img.imgpro{
		opacity:0.3;
		content:url('images/pvdrs.png');
	}
	.dvmnidx .mnu-ctnr div.desc{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		font-weight:bold;
		margin-top:0px;
		font-size:1.6vw;
		color:darkblue;
		width:75%;
	}
	.img-cta{
		margin-left:2px;
		cursor:pointer;
		height:32px; 
		vertical-align:middle;
		border-radius:5px;
	}
	.bar-ttlo{
		color:white;
		padding:10px;
		width:calc(100% - 20px);
		z-index:9995; 
		position:fixed;
		background:#2c3e50;
		border-radius:5px;
		left:0; 
		top:0;
	}
	.bar-ttlo .titulo{
		font-size:36px;
	}
	.bar-ttlo .sbttlo{
		font-size:20px;
	}
	.bar-ttlo a{
		text-decoration:none;
		padding:0px 5px; 
		color:white; 
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		text-transform:uppercase;
	}
	.bar-ttlo img{
		border-radius:5px; 
		float:left; 
		margin-right:10px;
	}
	.bar-ttlo .menu a:hover, .bar-ttlo .menu a:focus, .bar-ttlo .menu a:active{
		color:red;
		font-weight:bold;
	}
	.mntel, #msmn{
		display:none;
	}
	.dvmnNav{
		float:right; 
		margin-right:20px;
		padding:0px;
		overflow-x:hidden;
	}
	.dvmnNav .menu{
		font-size:20px;
		text-align:right;
		vertical-align:middle;
		padding:30px 20px 0px 0px;
	}
	.barNav{
		width:60%;
		color:white;
		background-color:transparent;
		vertical-align:middle;
		min-height:30px;
		font-weight:bold;
		z-index:9995; 
		position:fixed; 
		top:50px;
		left:38%;
	}
	.barNav a{
		color:white;
	}
	.div-mail{
		width:600px; 
		max-width:95%; 
		text-align:center; 
		margin:80px auto 0px auto; 
		font-size:30px;
	}
	.loader{
		position:fixed;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		z-index:9999;
		background:url('images/pageloader.gif') 50% 50% no-repeat rgb(249,249,249);
		opacity:.8;
	}
	.bton{
		width:90px;
		height:40px; 
		background-color:lightblue;
		margin:5px; 
		padding:5px; 
		display:inline; 
		border-radius:10px; 
		cursor:pointer;
	}
	.btn-frm{
		min-width:70px;
		height:40px; 
		background-color:darkblue;
		margin:5px; 
		padding:5px 10px; 
		display:inline; 
		border-radius:5px; 
		cursor:pointer;
		color:white;
		font-size:16px;
	}
	.btn-frm:hover,
	.btn-frm:focus{
		color:#ffffff;
		background-color:#48ACCA;
		border-color:#4B4DA6;
	}
	div.tbStiky{
		border:1px solid grey;
		border-top:2px solid grey;
		resize:horizontal;
		border-radius:10px;
		margin:0px auto;
		width:90%;
	}
	.dvnta{
		text-align:center;
		font-weight:bold;
		padding:10px 0px;
	}
	div.tbStiky:has(.td-edit){
		width:60%;
		margin-top:10px;
	}
	.tbStiky > .tbDts tr td:first-child, .tbDts tr th:first-child{
		position:sticky;
		left:0px;
	}
	.tbStiky > .tbDts thead{
		position:-moz-sticky; 
		position:-ms-sticky;
		position:-o-sticky; 
		position:-webkit-sticky;
		position:sticky;
		top:0px;
		z-index:1;
	}		
	.ttlrpt{
		color:black;
		padding-left:20px;
		font-size:20px !important;
		font-weight:bold;
	}
	.stkcht{	
		background-color:#E6E6E6;
		padding:5px 10px;
		user-select:none;
		-webkit-user-select:none;
		-moz-user-select:none;
		position:sticky;
		left:0px;
	}
	#stkcht{	
		color:blue;
		cursor:pointer; 
		font-size:24px;
	}
	.tbEdt{
		width:90%;
	}
	.tbDts{
		border-collapse:separate;
		border-spacing:0px;
		padding:0px;
		width:100%;
	}
	thead th, thead td, 
	.tbEdt tbody td{
		border:0px;
	}
	.tbDts tbody td:hover{
		background-color:lightgrey!important;
	}	
	.tbDts thead th, 
	.tbDts tfoot th{
		 background-color:#E6E6E6;
	}
	.tbDts thead td{
		background-color:#E6E6E6;
		font-weight:bold;
		border-left:0px;
	}	
	.tbDts tbody th{
		background-color:#E6E6E6;
		cursor:pointer;
		border:0px;
	}	 
	.tbDts td, 
	.tbDts th{
		border:2px solid white;
		padding:5px 10px;
	}	
	.tbEdt tbody tr:nth-child(odd), 
	.tbDts tbody tr:nth-child(odd),
	.tbDts tbody tr:nth-child(odd) td:first-child,
	.tbEdt tbody tr:nth-child(odd) td input{
		background-color:#DAEDF6;
	}
	.tbEdt tbody tr:nth-child(even), 
	.tbDts tbody tr:nth-child(even), 
	.tbDts tbody tr:nth-child(even) td:first-child,
	.tbEdt tbody tr:nth-child(even) td input{
		background-color:lightyellow;
	}
	table#vrdcvt thead td, table#vrdccp thead td{
		border:1px solid grey;
	}
	.tbEdt input{
		height:30px;
		min-height:30px;
		min-width:110px;
		width:100%;
	}				
	.tbEdt tbody th{
		background-color:#E6E6E6;
	}					
	.tbEdt tbody td input{
		border:0px;
	}
	.correo{
		display:none !important;
	}
	.btSmt{
		color:#ffffff;
		background-color:#3A44A9;
		border-color:#3A44A9;
		cursor:pointer;
		padding:0px 10px;
		border-radius:5px;
		font-weight:bold;
		font-size:16px;
	}
	.btSmt:hover, .btSmt:focus{
		color:#ffffff;
		background-color:#48ACCA;
		border-color:#4B4DA6;
	}
	.icn15, div.img-inv img.icn15, div.img-prod img.icn15{
		margin-left:5px; 
		width:15px;
		height:15px;
		cursor:pointer;
		display:inline-block
	}	
	.icn28{
		margin:5px 1px 0px 0px;
		width:30px;
		height:30px;
		cursor:pointer;
		vertical-align:top;
		border-radius:4px;
	}
	.icn35, div.img-inv img.icn35{
		width:35px;
		height:35px;
		border-radius:4px;
		cursor:pointer;
		vertical-align:middle;
		display:inline-block;
		margin:5px 1px;
	}
	.icn50, div.img-inv figure img.icn50{
		width:50px;
		height:50px;
		border-radius:4px;
		cursor:pointer;
		vertical-align:middle;
		margin:0px 5px 5px 0px;
		display:inline;
		border:0px;
	}
	.frmPgn{
		 margin-top:20px; 
	}
	.frmPgn select{
		min-width:50px;
		font-size:16px;
		border-radius:0px;
		border:1px solid black;
		background-color:white;
		color:black;
	}
	.frmPgn label{
		padding:0px 5px;
		vertical-align:middle;
		font-size:18px;
	}
	#timp{ 
		width:calc(100% - 10px); 
		text-align:center;
		font-weight:bold;
	}
	#octrHead{
		float:left;
		margin-left:-10px;
		width:20px; 
		cursor:pointer;
	}
	#mtrHead{
		float:left;
		margin-left:5px;
		width:20px;
		cursor:pointer;
		display:none;
	}
	#mbscr{
		background-image:url('images/serching.png');
		background-position:10px 50%;
		background-repeat:no-repeat;
		width:50%; height:30px;
		font-size:14px;
		padding:5px 10px 5px 40px;
		border:1px solid #ccc;
		margin:10px auto 10px auto;
		outline:none;
	}
	#ctgrs, #cps, #tpftro, #perpag, #pgn, #ventas, #gastos, #tpIpto, #mtrPor, #seldoc, #tablas{
		height:30px;
		margin:5px 5px 0px 5px;
	}
	#selodn{
		height:30px;
		margin:5px 0px 5px 5px;
	}
	#fch1, #fch2{
		margin:5px 5px 0px 5px;
		min-width:100px;
		padding:0px 5px;
	}
	#txtbqda{
		height:23px;
		margin-left:5px;
		margin-top:5px;
	}
	#dvBqda{
		text-align:center;
		padding-bottom:10px;
		margin:0px auto;
		user-select:none;
		-webkit-user-select:none;
		-moz-user-select:none;
	}
	#btnbrar{
		margin:5px 5px 0px 1px;
	}
	#fldMdl{
		border-radius:10px;
	}
	#canvas{
		cursor:crosshair;
	}
	#ctnt-m{	
		content:url("images/encindex.png");
		width:28%; 
		margin-top:10px;
		padding:0px 0px;
		display:inline-block;
		vertical-align:top;
	}
	#lgMnu{	
		width:34%; 
		margin:10px 0px;
		padding:0px 0px;
		display:inline-block;	
		vertical-align:top;
	}		
	#ctnt-t{	
		content:url("images/piepag.png");
		width:60%; 
		margin:auto;
		padding:40px 20px;
	}	
	.bkgIdx{
		padding:50px 0px; 
		background-image:url(images/bground.jpg); 
		background-size:cover;
		background-repeat:no-repeat;
	}
	.bkgIdx2{
		padding:50px 0px; 
		background-image:url(images/bground2.jpg);
		background-size:cover;
		background-repeat:no-repeat;
	}
	.bkgIdx img, .bkgIdx2 img{
		border-radius:30px;
	}
	label.login{
		width:60px;
		float:left;
		padding:0px 10px 0px 0px;
	}
	.frmmdl{
		max-width:50%; 
		position:fixed; 
		top:20%; 
		left:25%;
		display:none;
		z-index:9997;
	}
	.frmmdl2{
		opacity:0.5; 
		background-color:lightgrey;
		width:100%;
		height:100%;
		position:fixed;
		top:0;
		left:0;
		display:none;
		z-index:9996;
	}	
	.tbmdl{
		width:95%;
		border-radius:10px;
		border-spacing:10px;
		background-color:lightblue;
		border:0px;
	}
	.dvMnu div{
		width:80%; 
		margin:0px auto;
	}
	.dvMnu h2{
		font-size:24px;
		margin:0px;
	}
	.dvMnu img{
		width:15%;
		cursor:pointer; 
		padding:10px;	
	}
	.dvMail{
		width:60%;
	}
	.dvMail #correo, .dvMail #nombre{
		width:86%;
		height:28px;
	}
	#captcha, img#bar-lgo{
		max-width:80%;
		margin:0px;
		border-radius:8px;
	}
	#formreg, #forming{
		padding:2%;
		margin:auto;
		width:600px;
		max-width:95%;
		border:1px solid black;
		border-radius:10px;
	}
	#formreg input[type=text], 
	#formreg input[type=password], 
	#forming input[type=text], 
	#forming input[type=password]{
		width:94%;
		height:30px;
		margin:5px 0px;
		padding:0px 2%;
		background-color:#EAF2F8;
		border-radius:5px;
		border-color:lightgrey;
	}	
	#formreg label, #forming label{
		font-size:20px;
		margin-left:10px;
	}
	table.vrftpd{
		width:50%;
		border-radius:20px;
		border-spacing:15px;
		background-color:#F2F2F2
	}
	.pub02{
		width:75%;
		margin:auto;
	}
	.pub02 ul{
		list-style-type:none;
		padding:0px 0px 50px 0px;
	}
	.pub02 li{
		display:inline-block; 
		padding:10px 10px 0px 0px;
	}
	#ifrm-car{
		z-index:9999;
		top:3%;
		left:20%;
		height:90%;
		padding:20px 5px 0px 5px;
		border-radius:10px;
		border:2px solid black;
		background-color:white;
		position:fixed; 
		width:60%;
		max-width:100%;
	}	
	#ifrm-ped, #ifrm-ped2{
		z-index:9999;
		top:3%;
		left:2%;
		height:90%;
		padding:20px 5px 0px 5px;
		border-radius:10px;
		border:2px solid black;
		background-color:white;
		position:fixed; 
		width:95%;
		max-width:100%;
	}
	#ifrm-reg{
		z-index:9999;
		top:3%;
		left:30%;
		height:90%;
		padding:20px 5px 0px 5px;
		border-radius:10px;
		border:2px solid black;
		background-color:white;
		position:fixed; 
		width:40%;
		max-width:100%;
	}	
	#ifrm-ing{
		z-index:9999;
		top:8%;
		left:30%;
		height:80%;
		padding:20px 5px 0px 5px;
		border-radius:10px;
		border:2px solid black;
		background-color:white;
		position:fixed; 
		width:40%;
		max-width:100%;
	}
	#tabnvoreg.tab_ing{
		width:90%;
		border-spacing:20px; 
		background-color:#F2F2F2;
		border: 5px solid lightblue;
		margin:auto;
		border-radius:20px; 
	}
	.tab_ing{
		width:40%;
		border-spacing:20px; 
		background-color:#F2F2F2;
		border:5px solid lightblue;
		margin:auto;
		border-radius:20px;
		padding:0px 10px;
	}
	.tab_ing input[type=text], 
	.tab_ing input[type=password],
	.tab_ing input[type=number],
	.tab_ing input[type=date]{
		width:90%;
		background-color:lightblue;
		height:40px;
		font-size:18px;
		border-radius:5px;
		display:inline-block;
		margin:5px 0px;
		padding:0px 5px;
	}		
	.tab_ing select{
		width:92%;
		background-color:lightblue;
		height:30px;
		font-size:18px;
		border-radius:5px;
		padding:10px;
	}		
	.tab_ing input[type=reset],
	.tab_ing input[type=button],
	.tab_ing input[type=submit]{	
		margin:5px;
		cursor:pointer;
		display:inline-block;
	}
	.tab_ing label{	
		font-size:20px;
		font-weight:bold;
		width:100%;
		text-align:left;
		margin-left:30px;
	}
	.tab_ing div.grp-pwd{
		border:1px solid black;
		background-color:lightblue;
		padding:5px;
		height:30px;
		width:90%;
		border-radius:5px;
		margin:0px auto;
	}
	.tab_ing div.grp-pwd input{
		border:0px;
		width:80%;
		position:relative;
		background-color:lightblue;
		outline:none;
		height:30px;
		padding:0px 5px;
		margin:0px 0px;
		float:left;
	}
	.tab_ing .div-ppal{
		display:inline-block; 
		width:33%;
	}
	.tab_ing div.grp-pwd img{
		width:25px;
		max-width:10%;
		height:25px;
		border:0px;
		position:relative;
		top:2px;
		float:right;
		cursor:pointer;
		content:url('images/eye_icon.png');
	}
	.inpCtch{
		padding:10px 0px 10px 5px;
		display:inline-block;
		border:1px solid black;
		border-radius:10px;
		box-sizing:border-box;
		width:40% !important;
		font-size:22px;
		text-align:center;
		vertical-align:top;
		margin-left:10px;
	}
	.cvsCtch{
		display:inline-block;
		border:3px solid darkblue;
		border-radius:10px;
		margin-left:10px;
		margin-top:5px;
		cursor:pointer;
		padding:2px 12px 0px 10px;
		background-color:darkblue; 
	}
	.cvsCtch:hover{
		background-color:lightblue;
		color:white;
	}
	.solotl{
		display:none;
	}
	@media(max-width:1070px){
		.mntel{
			display:block;
			cursor:pointer;
			font-size:40px;
			float:right;
			margin-right:15px;
			padding-top:10px;
			max-width:18%;
		}		
		.bar-ttlo .menu a{
			display:block;
			text-align:left;
			padding:10px 20px;
		}
		.bar-ttlo .menu{
			display:none;
		}
		#msmn{
			display:none !important;
		}
		.tab_ing{
			width:70%;
		}
	}
	@media(max-width:1024px){
		.bar-ttlo .titulo{
			font-size:28px;
		}
		.bar-ttlo .sbttlo{
			font-size:20px;
		}
	}
	@media(max-width:767px){
		.solopc, #ctnt-t{
			display:none;
		}
		.solotl{
			display:inline-block;
		}
		.bkgIdx, .bkgIdx2{
			padding:0px 0px 0px 0px; 
			background-image:none; 
		}
		.bkgIdx img,.bkgIdx2 img{
			border-radius:0px;
		}
		#ctnt-m, #ctnt-t{
			width:80%;
			margin-top:0px;
			margin-bottom:10px;
		}
		#lgMnu{
			width:90%;
			margin-top:0px;
		}
		.pub02{
			width:100%;
			margin:auto;
		}
		input[type=text], input[type=number]{
			min-width:100px;
		}
		table{
			max-width:none !important;
		}
		.dvMnu div, .dvMail, div.tbStiky, .tbDts, .tbEdt, .dvmnidx{
			width:100% !important;			
		}
		.dvMnu img{
			padding:0px 3px 10px 3px; 			
			width:20%;	
		}		
		.dvMnu h2{
			font-size:18px;
		}
		.dvMail h3{
			font-size:16px;
		}
		.dvMail #correo, .dvMail #nombre{
			width:75%;
		}
		.frmPgn img.icn50{
			width:50px;
			height:50px;
			margin:0px 10px;
		}
		.frmmdl{
			max-width:90%; 
			position:fixed; 
			top:10%; left:5%;
		}
		table.vrftpd{
			width:90%;
			border-radius:20px;
			border-spacing:15px;
			background-color:#F2F2F2
		}
		div.img-prod figure{
			width:90%;
			margin:10px;
		}
		div.img-prod img{
			border:2px solid lightblue;
			width:90%;
		}
		div.img-prod figcaption{
			padding:0px;
		}		
		div.img-inv figure{
			display:inline-block;
			border:2px solid lightblue;
			width:100%;
			margin:10px 20px;
			height:auto;
		}		
		div.img-inv figcaption{
			display:inline-block;
			padding-left:5px;
		}	
		div.img-inv img{
			border:2px solid lightblue;
			cursor:pointer;
			width:90%;
			height:auto;
			margin:10px 5px 5px 5px;		
		}
		div.img-inv input[type=text]{
			display:inline-block; 
			border:0px;
			width:50%;
			padding:0px;
			margin:0px;
			background-color:transparent;
			color:#000;
			font-weight:bold !important;
			outline:none;
		}
		#ifrm-reg, #ifrm-ing, #ifrm-car, #ifrm-ped, #ifrm-ped2{
			top:3%;
			left:2%;
			width:95%;
			max-width:100%;
		}
		.tab_ing{
			width:90%;
		}
		.tab_ing .div-ppal{
			width:100%;
			margin:0px !important;
		}
		.mntel{
			padding-top:0px;
			margin-right:5px;
		}		
		.dvmnidx .mnu-ctnr{
			width:20%;
		}
		.dvmnidx h2{
			font-size:4vw;
		}
		.dvmnidx .mnu-ctnr div.desc{
			font-size:2.8vw;
			width:80%;
		}
	}
	@media print{
		table{
			page-break-inside:avoid;
		}
		[name='boton']{
			display:none;
		}
	}
</style>