html,body{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
@font-face{
	font-family: 'Ballega';
	src: url('Ballega.otf');
}
#window_m{
	position: fixed;
	left: 0px;
	z-index: 5000;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	
}
#windCont{
	width: 85%;
	height: 90%;
	border: 1px solid #0f86e1;
	background-color: white;
	box-shadow: 0px 0px 10px #329ff2;
	
}
.Rows{
  display: flex;
  flex-direction: row;
}
.cAll{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#top-menu{
	width:100%;
	height: 70px;
	background: linear-gradient(to bottom, #02b36a, #01864f);
	background: url('../Icons/metalbg.png');
	background-size: cover;
  background-repeat: no-repeat;
	position: fixed;
	top: 0px;
	left: 0px;
	display: flex;
	flex-direction: row;
	z-index: 1000;
	box-shadow: 0px 0px 4px #328290;
}
#he-rigt-cont{
width: 48%;
	position: absolute;
	right: 0px;
	height: 99%;
	border: 0px solid black;
	display: flex;
	flex-direction: row;      /* Esto es lo mismo que 'display: row' */
	justify-content: flex-end; /* Esto alinea todo al lado derecho */
	align-items: center;       /* Opcional: centra verticalmente */
}

#menu-icon{
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: none;
}
#left-menu{
	width: 20%;
	height: 100%;
	overflow-y: scroll;
	background: linear-gradient(to right, #4d514f, #8b8c91);
	background: url('../Icons/lgmenubg.png');
	position: fixed;
	top: 0px;
	left: 0px;
	display: flex;
	flex-direction: row;
	z-index: 100;

}
#left-menu>div{
	display: flex;
	flex-direction: column;
}
#btncloseml{
	display: none;
}
.lmoption{
	display: flex;
	flex-direction: row;
	cursor: pointer;
	width: 95%;
	height: 60px;
	border-bottom: 0px solid #888888;
}
.lmoption:hover{
	border:1px solid #909391;
	border-radius: 7px;
}
.lmoption > div{
	width: 99%;
	padding: 5px;
}

#cont-main-1{
	width:78%;
	margin-left: 21%;
	display: flex;
	flex-direction: column;
	border: 0px solid black;
	min-height: 550px;
}
.v-tree-frm{
	width: 32%;
	display: flex;
	flex-direction: row;
}
.btn{
	width: 99%;
	background-color: #0e7082;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 14px;
	height: 35px;
	border-radius: 5px;
	border: 1px solid #374244;
	cursor: pointer;
}
.btnapip{
	cursor:pointer;
	width:60px;
	border:1px solid #00a9c7;
	border-radius: 3px;
	margin-left: 5px;
}
.btnew{
	width: 99%;
	background-color: #0e7082;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 14px;
	height: 25px;
	border-radius: 5px;
	border: 1px solid #374244;
	cursor: pointer;
	background-color:#089b0b;
}
.btn2{
	width: 99%;
	background-color: #2582eb;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 14px;
	height: 35px;
	border-radius: 5px;
	border: 1px solid #acc3dd;
	cursor: pointer;
}
#cont-dt-prefact{
	width:99%;
	min-height:150px;
	border:1px solid #cac9c9;
	background-color:#eeeeee;
}
.camps{
	font-family:'Ballega';
	width: 99%;
	background-color: #fafafa;
	color: black;
	font-size: 14px;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #328290;
	box-shadow: 0px 0px 4px #328290;
}
.frmg{
	display: flex;
	flex-direction: column;
	width: 99%;
	padding: 5px;
}
.frmg>div{
	margin: 4px;
	margin-top: 4px;
}
.hrecibo{
	width: 99%;
	display: flex;
	flex-direction: row;
	width: auto;
	border: 1px solid #b5b5b5;
	
}
.hrecibo >div{
	border-right: 1px solid #b5b5b5;
	text-align: center;
	height: 30px;
}
#lineapi{
	width:99%;
	height:350px;
	border:1px solid #cac9c9;
	background-color:#eeeeee;
	max-height: 350px;
	overflow-x: scroll;
}
.submul{
	cursor: pointer;
	color: #e6e6e6;
	font-size: 15px;
	margin-bottom: 10px;
}
.submul :hover{
	border-bottom: 1px solid white;
	
}
.dtImpresion{
	padding: 4px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	border:2px solid green;
	border-radius: 3px;
}
.totalesfact
{
	display: flex;
	flex-direction: row;
	margin-left: 3px;
}
.totalesfact>div{
	display: flex;
	flex-direction: row;
}
.btnaded{
	border: 1px solid #3b7891;
	border-radius: 7px;
	background-color: #1799cf;
	margin: 2px;
	cursor: pointer;
	width: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	align-content: center;
}
a1{
font-family:'Ballega';
font-width:bold;
font-size: 12px;
border:0px solid;
color: #282928;
}
a2{
font-family:'Ballega';
font-width:bold;
font-size: 11px;
border:0px solid;
color: #a0a2a0;
}
f1{
font-family:'Ballega';
font-width:bold;
font-size: 18px;
border:0px solid;
color: #f8f8f8;
}
f2{
font-family:'Ballega';
font-width:bold;
font-size: 14px;
border:0px solid;
color: #282928;
}
f3{
font-family:'Ballega';
font-width:bold;
font-size: 14px;
border:0px solid;
color: #ffffff;
}
f4{
font-family:'Ballega';
font-width:bold;
font-size: 14px;
border:0px solid;
color: #262525;
}
f5{
font-family:'Ballega';
font-width:bold;
font-size: 13px;
border:0px solid;
color: #888989;
}
f6{
font-family:'Ballega';
font-width:bold;
font-size: 11px;
border:0px solid;
color: #f9f9f9;
}
/*rojo*/
f7{
font-family:'Ballega';
font-width:bold;
font-size: 13px;
border:0px solid;
color: #dd4b61;
}
/*vende*/
f8{
font-family:'Ballega';
font-width:bold;
font-size: 13px;
border:0px solid;
color: #06a737;
}