/*
**************************************************************
ESAT SYSTEM
Especialistas en Sistemas y Aplicaciones Tecnológicas

http://www.esatsystem.net
Facebook and Twitter >> @esatsystem
YouTube >> esat system

By: Rashta Vidal Miguel Angel
**************************************************************
*/

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400i&display=swap');*/

body{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #ECECEC;
	font-family:Arial, Helvetica, sans-serif;
  	background-image: url("../../Images/background.jpg");
  	background-size: 100% 100%;
}

@font-face {
	font-family: 'mfont-1';
	src: url("../fonts/Roboto-Regular.ttf");
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none; color: #74C059;}
a:active {text-decoration: none;}
a{color: #2B844D;}

#mask {
	display: none;
	background: #000000; 
	position: fixed; left: 0; top: 0; 
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 1;
}

#carga{
	display: none;
	background-color: #fff;
	border-radius: 20px;
	border: 1px solid #000;
	text-align:center;
	position: fixed; left: 50%; top: 50%;
	margin-left:-75px; margin-top:-40px;
	width: 150px; height: 80px;
	padding:10px;
	z-index: 2;
}

#msjreg{
	display: none;
	position: fixed;
	background-color: #fff;
	width: 300px;
	left: 50%; top: 50%;
	margin-left: -150px;
	border-radius: 20px;
	border: 3px solid #d45d79;
	color: #d45d79;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding: 10px;
	z-index: 2;
	box-shadow: 0px 0px 4px #d45d79;
}

.spaceh-lg{width: 100%; height: 130px; clear: left;}
.spaceh-mld{width: 100%; height: 100px; clear: left;}
.spaceh-msd{width: 100%; height: 80px; clear: left;}
.spaceh-md{width: 100%; height: 60px; clear: left;}
.spaceh-ms{width: 100%; height: 30px; clear: left;}
.spaceh-nh{width: 100%; height: 20px; clear: left;}
.spaceh-ns{width: 100%; height: 10px; clear: left;}
.spaceh-mx{width: 100%; height: 5px; clear: left;}
.ocult{display: none;}
.visible{display: block;}
.asterisk{color: #C32B2B;}


/*#name{position: absolute; top: 285px; left: 140px; width: 950px; text-align: center; font-weight: bold; font-size: 25px;}
#hors{position: absolute; top: 538px; left: 233px; width: 600px; text-align: center; font-weight: bold; font-size: 20px;}*/
.code{text-align: center; font-weight: bold; font-size: 28px;}
.pmf{text-align: center; font-weight: bold; font-size: 20px;}
.cnd{text-align: center; font-weight: bold; font-size: 15px;}

.container{margin-top: 40px; margin-bottom: 40px;}
	.container section{border-radius: 20px; box-shadow: 0px 0px 10px #2A0B37;}
		.container section #menu-lat{position: relative; overflow: hidden; border-radius: 20px 0 0 20px; background-color: rgba(216,216,216, 0.9);}
			.container section #menu-lat .head{overflow: hidden; padding: 20px; text-align: center; color: #000; min-height: 870px;}
				.container section #menu-lat .head h4{color: #1C2124; text-shadow: 2px 2px 2px #fff; font-weight: bold;}
				.container section #menu-lat .head h2{color: #1C2124; text-shadow: 2px 2px 2px #fff; font-weight: bold;}
				.container section #menu-lat .head img{width: 150px; height: 150px; border-radius: 100%; border-bottom: 4px solid #62A51F;}
				.container section #menu-lat .head .footlat2{position: absolute; width: 315px; bottom: 20px; color: #000; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 9pt;}
					.container section #menu-lat .head .footlat2 img{width: 150px; height: 30px;}
			.container section #menu-lat .mimenu{list-style-type: none;margin: 0;padding: 0;overflow: hidden; min-height: 700px;}
				.container section #menu-lat .mimenu li{text-align: center;padding: 14px 16px;text-decoration: none; text-align: left; border-bottom: 2px solid #62a51f; line-height: 20px;border-radius: 20px; margin-bottom: 5px;}
				.container section #menu-lat .mimenu a li:hover{background-color: #1c2124; color: #62a51f; transition: 0.3s;}
			.container section #menu-lat .menugraf{position: absolute; bottom: -50px; height: 450px;}
		.container section #infoindex{position: relative; overflow: hidden; padding: 20px; background-color: rgba(216,216,216, 0.9); border-radius: 0 20px 20px 0;}
			.container section #infoindex #cancel{position: absolute; top: 5px; right: 5px; font-size: 30px; color: #9B3737;}
			.container section #infoindex #ResultD i.icon-search{font-size: 70px; color: #9D9D9D;}
			.container section #infoindex #ResultD i.icon-user-circle{font-size: 70px; color: #444d8d;}
			.container section #infoindex #ResultD i.icon-id-card{cursor: pointer;}
			.container section #infoindex #ResultD #datos{color: #444d8d; font-size: 16px; font-weight: bold;}
			.container section #infoindex #ResultD table{font-size: 13px;}
				.container section #infoindex #ResultD table i.icon-id-card{font-size: 23px; color: #2CAB74;}
		.container section #infobody{position: relative; min-height: 800px; padding: 20px; background-color: rgba(216,216,216, 0.9); border-radius: 0 20px 20px 0;}
			.container section #infobody a i{font-size: 20px; color: #02548E;}

		.container section #infoindex .group-pro{background-color: #fff; border: 3px solid #1c2124; border-radius: 10px; font-size: 0.9em; font-weight: bold; padding: 5px;}
			.container section #infoindex .group-pro i{font-size: 80px;}
		.container section #infoindex .group-pro:hover{background-color: #62a51f; transition: 0.3s; color: #fff; cursor: pointer;}
			
		.container section #configbody{position: relative; min-height: 800px; padding: 20px; background-color: rgba(216,216,216, 0.9); border-radius: 0 20px 20px 0;}
			.container section #configbody .group{background-color: #1c2124; color: #fff; padding: 20px; border-radius: 20px;}
				.container section #configbody .group i{font-size: 40px;}
			.container section #configbody .group:hover{background-color: #62a51f; transition: 0.3s; color: #fff; cursor: pointer;}
			.container section #configbody .menu{font-size: 0.8em;}
				.container section #configbody .title{font-size: 1.2em; font-weight: bold;}
				.container section #configbody table{font-size: 0.8em;}
					.container section #configbody table i{font-size: 20px;}
					.container section #configbody table i.icon-folder2{color: #3A8625; cursor: pointer;}
					.container section #configbody table i.icon-upload{color: #255386; cursor: pointer;}
					.container section #configbody table i.icon-times{color: #862525; cursor: pointer;}
					.container section #configbody table i.icon-pencil3{color: #00687C; cursor: pointer;}
					.container section #configbody table i.icon-file-excel{color: #366B38; font-weight: bold; cursor: pointer;}
					.container section #configbody table i.icon-eye{color: #332D0F; font-weight: bold; cursor: pointer;}
				.container section #configbody .menu i{font-size: 70px;}
		.container section #reportbody{position: relative; min-height: 800px; padding: 20px; background-color: rgba(216,216,216, 0.9); border-radius: 20px;}
			.container section #reportbody table{font-size: 0.9em;}
			.container section #reportbody .titlehead{font-size: 1.4em; font-weight: bold;}
			.container section #reportbody .subtitlehead{font-size: 1em;}
	.container #reporthead{}
		.container #reporthead img{width: 120px;}
	.footlat3{color: #fff; text-align: center; margin-bottom: 10px; font-size: 9pt;}

@media(max-width: 576px){
	body{
  		background-image: none;
  	}
  	.ocult{display: block;}
	.visible{display: none;}
	.container{margin-top: 20px; margin-bottom: 0px;}
		.container section{border-radius: 0px; box-shadow: none;}
			.container section #menu-lat{border-radius: 0px; margin-bottom: -100px;}
				.container section #menu-lat .head .footlat2{display: none;}
			.container section #infoindex{background-image: none; min-height: 0px; overflow: hidden;}
				.container section #infoindex #cancel{display: none;}
			.container section .footlat3{display: block;}
		.container section #reportbody{background-color: #ececec; border-radius: 0px;}
			.container section #reportbody table{font-size: 0.7em;}
			.container section #reportbody .titlehead{font-size: 1em;}
			.container section #reportbody .subtitlehead{font-size: 0.8em;}
	.footlat3{color: #000;}
}

@media(min-width: 1500px){
	.container section #menu-lat{position: relative; min-height: 800px;}
}