@charset "UTF-8";
/* CSS Document */

/*CSS RESET*/
@media print {
  .breaker { page-break-inside: avoid; page-break-before: always; }
} 

.no-scroll {
  overflow: hidden;
}

.ok-print{ display:none;}
*:focus {/*quit focus brightness*/
	outline: none;
}
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, cel, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u , i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
textarea{resize:none;}

header,nav,footer,section{/*for old internet explorer*/	display:block;}


html{height: 100%;}
body {font-family: 'Inter', sans-serif;/*background:#94c1c8;*/}

ol, ul, li{list-style:none;}

.bullet-red{padding:5px;background:#CC0000;color:#ffffff;border-radius:8px;}
.bullet-green{padding:5px;background:#009900;color:#ffffff;border-radius:8px;}

a{text-decoration:none;}
a:hover {color:#000;}
.vi{display:block;}
.nvi{display:none;}
section {
	width: 100%;
}
.section{overflow:hidden;padding:0 20px;}
.oneside{
	float: left;
	width: 100%;
}
.twoside{
	float: left;
	width: 50%;
}
.threeside{
	float: left;
	width: 33.33%;
}
.container{
	width: 1024px;
	overflow: hidden;
	margin: 0 auto 0 auto;
}
.wrapper {
	width: 100%;
	overflow: hidden;
}
.wrapper-v{overflow:visible;}
.wrapper-h{overflow:hidden;}
.wrapper-visible {
	width: 100%;
	overflow:visible;
}


.sticky-left{position:sticky;left:0;}
.sticky-top{position:sticky;top:0;}
.zi-1{z-index:1;}
.zi-2{z-index:2;}
.zi-3{z-index:3;}
.zi-4{z-index:4;}
.zi-5{z-index:5;}

.fs-1{font-size:3rem!important;}
.fs-2{font-size:2.5rem!important;}
.fs-3{font-size:2rem!important;}
.fs-4{font-size:1.5rem!important;}
.fs-5{font-size:1.2rem!important;}
.fs-6{font-size:1rem!important;}
.fs-7{font-size:0.8rem!important;}
.fs-8{font-size:0.5rem!important;}

.pointer{cursor:pointer;}
textarea{resize:none;}

.t-lower{
	text-transform:lowercase!important;
}



/* Hide scrollbar for IE, Edge and Firefox */
 /* IE and Edge */
 /* Firefox */
#program-body::-webkit-scrollbar, .scroll-container::-webkit-scrollbar {
   display: none;
 }
#program-body {
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}


.readonly{background:#efefef!important;}
.bg-alert{background: rgba(255,0,0,0.3)!important;}
.overlay{height:calc(100vh);width:calc(100vw);background-color:rgba(0,0,0,0.6);position:fixed;z-index:99;top:0px;left:0px;}



.hidden{display: none;}
.fleft{float:left!important;}
.fright{float:right!important;}

.bradius2{border-radius:2px;}
.bradius4{border-radius:4px;}
.bradius6{border-radius:6px;}
.bradius8{border-radius:8px;}

.box-padding-5{padding:5px;}
.box-padding-10{padding:10px;}
.box-padding-15{padding:15px;}
.box-padding-20{padding:20px;}
.box-padding-30{padding:30px;}
.box-padding-40{padding:40px;}
.box-padding-50{padding:50px;}

.text-align-l{text-align:left;}
.text-align-c{text-align:center;}
.text-align-r{text-align:right;}

.margin-auto{margin-left:auto;margin-right:auto;}

.margin_0_10{margin:0 10px;}
.margin_10_0{margin:10px 0px;}
.margin_10_10{margin:10px 10px;}
.margin_0_20{margin:0 20px;}
.margin_20_0{margin:20px 0px;}
.margin_20_20{margin:20px 20px;}

.margin-top-0{	margin-top: 0px;}
.margin-top-10{	margin-top: 10px;}
.margin-top-15{margin-top:15px;}
.margin-top-20{margin-top: 20px;}
.margin-top-25{margin-top:25px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-50{margin-top:50px;}
.margin-top-60{margin-top:60px;}
.margin-top-70{margin-top: 70px;}
.margin-top-80{margin-top: 80px;}
.margin-top-90{margin-top: 90px;}
.margin-top-100{margin-top: 100px;}

.margin-left-0{margin-left:0px;}
.margin-left-5{margin-left:5px;}
.margin-left-10{margin-left:10px;}
.margin-left-15{margin-left:15px;}
.margin-left-20{margin-left:20px;}
.margin-left-25{margin-left:25px;}
.margin-left-30{margin-left:30px;}
.margin-left-40{margin-left:40px;}
.margin-left-50{margin-left:50px;}
.margin-left-60{margin-left:60px;}
.margin-left-70{margin-left:70px;}
.margin-left-80{margin-left:80px;}
.margin-left-90{margin-left:90px;}

.margin-right-0{margin-right:0px;}
.margin-right-5{margin-right:5px;}
.margin-right-10{margin-right:10px;}
.margin-right-15{margin-right:15px;}
.margin-right-20{margin-right:20px;}
.margin-right-25{margin-right:25px;}
.margin-right-30{margin-right:30px;}
.margin-right-40{margin-right:40px;}
.margin-right-50{margin-right:50px;}
.margin-right-60{margin-right:60px;}
.margin-right-70{margin-right:70px;}
.margin-right-80{margin-right:80px;}
.margin-right-90{margin-right:90px;}

.margin-bottom-0{margin-bottom:0px;}
.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-bottom-50{margin-bottom:50px;}

.padding-left-5{padding-left:5px;}
.padding-left-10{padding-left:10px;}
.padding-left-15{padding-left:15px;}
.padding-left-20{padding-left:20px;}
.padding-left-25{padding-left:25px;}
.padding-left-30{padding-left:30px;}
.padding-left-40{padding-left:40px;}

.padding-right-5{padding-right:5px;}
.padding-right-10{padding-right:10px;}
.padding-right-15{padding-right:15px;}
.padding-right-20{padding-right:20px;}
.padding-right-25{padding-right:25px;}
.padding-right-30{padding-right:30px;}
.padding-right-40{padding-right:40px;}

.padding-top-5{padding-top:5px;}
.padding-top-10{padding-top:10px;}
.padding-top-15{padding-top:15px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-40{padding-top:40px;}
.padding-top-50{padding-top:50px;}
.padding-top-80{padding-top:80px;}
.padding-top-100{padding-top:100px;}

.padding-bottom-5{padding-bottom:5px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-15{padding-bottom:15px;}
.padding-bottom-20{padding-bottom:20px;}
.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-40{padding-bottom:40px;}
.padding-bottom-50{padding-bottom:50px;}
.padding-bottom-60{padding-bottom:60px;}
.padding-bottom-80{padding-bottom:80px;}
.padding-bottom-100{padding-bottom:100px;}




.linea-registro{padding: 1px 0 1px 0;}





.line-find-button{height: 24px;
		width: 24px;
		color: #ffffff;
		cursor: pointer;
		border: 1px solid #4dbdd5;
		background: #00B4CE;
		font-size: 15px;
		border-radius: 50px;
		margin-top: 3px;
		display: flex;
		justify-content: center;
		align-items: center;}
.icon-button-rounded {
			height: 24px;
			width: 24px;
			color: #ffffff;
			cursor: pointer;
			border: 1px solid #4dbdd5;
			background: #00B4CE;
			font-size: 15px;
			border-radius: 50px;
			margin-top: 3px;
			display: flex
		;
			justify-content: center;
			align-items: center;
		}




/******** SLIDER-LATERAL-MENU-NAVIGATION **************/
.user-icon-slider-lateral-menu{	width:45px; height:45px;}
/********BUTTONS********/
.login-submit-button{
	border-radius: 4px;
	text-align: center;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	width: 100%;
	cursor: pointer;
	border: 0;
	-webkit-appearance: none;
}
 .submit-button_finder{	background: #00bcd4;	color: #ffffff;	text-align: center;	font-size: 16px;	line-height: 32px;	height: 32px;	width: 100px;letter-spacing:1px;	cursor: pointer;	float:left;margin-top:30px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);border-radius:2px;}
.submit-button_finder:hover{background:#4DD0E1;color:#ffffff;}

.basic-button-icon {
	background: #00abc7;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	padding: 10px 20px;
	cursor: pointer;
	float: left;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border-radius: 4px;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.basic-button-icon:hover{
	color:#ffffff;
	opacity: 0.6;
}
/****** COLORS *******/
.nexus-primary-bgcolor{background-color:#00bcd4;}
.nexus-primary-font-color{color:#00bcd4;}
.nexus-secondary-bgcolor{background-color:#ffffff;}
.nexus-secondary-font-color{color:#ffffff;}
.nexus-third-bgcolor{background-color:#818181;}
.nexus-third-font-color{color:#818181;}
.nexus-alert-bgcolor{background-color:#ff0000;}
.nexus-alert-font-color{color:#ff0000;}


.bg-green{background-color:#009900;}
.ft-green{background-color:#009900;}
.bg-gray{background-color:#cfcfcf;}
.ft-gray{background-color:#cfcfcf;}
.ft-white{color:#ffffff;}
/******** DROP SHADOW *********/
.s-shadow{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.m-shadow{box-shadow: 0 2px 4px rgba(0,0,0,0.12), 0 2px 3px rgba(0,0,0,0.24);}
.l-shadow{box-shadow: 0 3px 5px rgba(0,0,0,0.12), 0 3px 4px rgba(0,0,0,0.24);}
.xl-shadow{box-shadow: 0 7px 7px rgba(0,0,0,0.12), 0 7px 7px rgba(0,0,0,0.24);}

/****** FONT SIZES *******/

h1{font-size:32px;font-weight:300;letter-spacing:1px;}
h2{font-size:24px;font-weight:300;letter-spacing:1px;}
h3{font-size:16px;font-weight:300;letter-spacing:1px;}
h4{font-size:12px;font-weight:300;letter-spacing:1px;}
.text-thin{font-size:13px;font-weight:300;}
.text-normal{font-size:13px;font-weight:400;}
.text-extra-bold{font-size:13px;font-weight:500;}
.text-extra-bold{font-size:13px;font-weight:700;}

.text-bold{font-weight:bold;}

/******* BUTTONS *******/
.back_button span{font-size:32px;color:#cacaca;line-height:40px;transition:all 0.3s ease;float:right;display:block;}
.back_button span:hover{color:#00b4ce;}

.button-bar{max-width:1440px;height:100px;border-top:1px solid #d0d0d0;margin:40px -20px 0 -20px;padding: 0 20px;}
.button-bar .button{height:80px;width:150px;padding-bottom:10px;padding-top:10px;cursor:pointer;border-right:1px solid #d0d0d0;float:left;}
.button-bar .button:first-child{margin-left:-20px;}

.button-bar .button.right{margin-right:-20px;float:right;border-right:none;border-left:1px solid #d0d0d0;}
.button-bar .button .button-img{height:60px;width:100px;text-align:center;margin:0 auto 0 auto;}
.button-bar .button .button-img span{font-size:40px;color:#cacaca;line-height:60px;transition:all 0.3s ease;}
.button-bar .button:hover > .button-img span,.button-bar .button:hover > .button-text{color:#00b4ce;}
.button-bar .button:hover > .button-img span,.button-bar .button:hover > .button-text{color:#00b4ce;}

.button-bar .button .button-text{height:20px;width:100px;text-align:center;margin:0 auto 0 auto;font-size:13px;line-height:20px;color:#7d8290;transition:all 0.3s;}
.button-bar .button.fright{border-right:none!important;border-left:1px solid #d0d0d0;}

.pagination-bar{
	width:100%;border-top:1px solid #d0d0d0;margin:0px 0 0 0;
}

.button-s{text-align: center;font-size: 16px;line-height: 32px;	height: 32px;	width: 100px;letter-spacing:1px;	cursor: pointer;	border-radius:2px;}
.button-m{text-align: center;font-size: 16px;line-height: 40px;	height: 40px;	width: 120px;letter-spacing:1px;	cursor: pointer;	border-radius:2px;}
.button-l{text-align: center;font-size: 16px;line-height: 40px;	height: 40px;	width: 160px;letter-spacing:1px;	cursor: pointer;	border-radius:2px;}
.button-xl{text-align: center;font-size: 16px;line-height: 40px;	height: 40px;	width: 200px;letter-spacing:1px;	cursor: pointer;	border-radius:2px;}
.button-xxl{text-align: center;font-size: 16px;line-height: 40px;	height: 40px;	width: 300px;letter-spacing:1px;	cursor: pointer;	border-radius:2px;}






/*****DELIMITADORES-LINEA****/

.delimiter-line{width:1240px;margin:0 -20px 15px -20px;border-bottom:1px solid #cacaca;}



/*********LEYENDA******/

.leyenda{
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	display: flex;
	line-height: 20px;
	height: 40px !important;
	align-items: center;
	/*margin-bottom: 10px;*/
}



.campo-leyenda{padding-left:10px;display:flex;
	align-items: flex-end;height:40px;margin-bottom:5px;font-size:13px;font-weight:700;float:left;line-height:13px;}
.campo-leyenda.s{width:100px;}
.campo-leyenda.m{width:200px;}
.campo-leyenda.l{width:350px;}
.campo-leyenda.xl{width:350px;}

.leyenda .campo-leyenda{padding-left:10px;height:25px;font-size:12px;font-weight:700;float:left;display:flex;align-items: center;}
.leyenda .campo-leyenda.s{width:100px;}
.leyenda .campo-leyenda.m{width:200px;}
.leyenda .campo-leyenda.l{width:350px;}
.leyenda .campo-leyenda.xl{width:350px;}

.registro{width:100%;display:block;color:#333333;cursor:pointer;display:flex;}
a.registro:hover{background-color:#B2EBF2!important;}
.registro:hover{background-color:#B2EBF2!important;}
a.registro:hover > .sticky-left{background-color:#B2EBF2!important;}
.registro:hover > .sticky-left{background-color:#B2EBF2!important;}
.registro .campo-registro{padding-left:10px;display:flex;
	align-items: center;height:40px;font-size:12px;font-weight:400;float:left;text-transform:capitalize}
.registro .campo-registro span.notice{padding:5px;border-radius:4px;}
.registro .campo-registro.s{width:100px;}
.registro .campo-registro.m{width:200px;}
.registro .campo-registro.l{width:350px;}
.registro .campo-registro.xl{width:350px;}

.registro .campo-registro .opcion{display:block;height:45px;width:45px;margin-left:15px;float:left;}
.registros-container{height:400px;border-bottom:2px solid #cccccc;}

#registros .linea-registro .campo {
	margin-top: 0px !important;
	min-height: 1px;
}


.resumen{width:100%;display:block;color:#333333;cursor:pointer;}
.resumen .campo-resumen{height:24px;font-size:12px;float:left;text-transform:capitalize;}


.result-bar{width:100%;height:60px;border-top:1px solid #d0d0d0;margin-top:10px;}

.check_row{
	margin-top:10px;
}

/**ANIMATION***/

.rotate360loop{animation: rotate360 1s infinite;}

@keyframes rotate360 {
  0% {transform: rotate(-360deg) ;}

}


.contenedor-padding{padding:10px 20px;}

/*.row{display:flex;} este es el bueno realmente*/
.row{display:flex;width:100%;max-width:100%;/*flex-wrap:wrap;*/}

.b-radius-4{border-radius:4px;}
.b-radius-8{border-radius:8px;}
.b-radius-12{border-radius:12px;}
.b-radius-16{border-radius:16px;}

.d-flex{display:flex; flex-wrap:wrap;}
.h-left{justify-content:flex-start;}
.h-center{justify-content:center;}
.h-right{justify-content:flex-end;}
.v-top{align-content:flex-start;}
.v-center{align-content:center;}
.v-bottom{align-content:flex-end;}
.flex-row{flex-direction: row;}
.flex-column{flex-direction: column;}


.bg-grey{background-color:#dfdfdf;}

/* GRID COLUMNS */
.col-inner.bg-white{background-color:#ffffff;}
.col{padding:0px 15px 30px 0px;}
.col-inner{width:100%;}
.col-00{width:2.08333333%;}
.col-0{width:4.166666666%;}
.col-05{width:6.249999999%;}
.col-1{width:8.33333333%;}
.col-105{width:12.5%;}
.col-2{width:16.66666667%;}
.col-205{width:20.83333333%;}
.col-3{width:25%;}
.col-4{width:33.33333333%;}
.col-5{width:41.66666666%;}
.col-6{width:50%;}
.col-7{width:58.33333333%;}
.col-8{width:66.66666666%;}
.col-9{width:75%;}
.col-10{width:83.33333333%;}
.col-11{width:91.66666667%;}
.col-12{width:100%;}

.col-offset-00{width:2.08333333%;}
.col-offset-0{margin-left:4.166666666%;}
.col-offset-05{margin-left:6.249999999%;}
.col-offset-1{margin-left:8.33333333%;}
.col-offset-105{margin-left:12.5%;}
.col-offset-2{margin-left:16.66666667%;}
.col-offset-205{margin-left:20.83333333%;}
.col-offset-3{margin-left:25%;}
.col-offset-4{margin-left:33.33333333%;}
.col-offset-5{margin-left:25%;}
.col-offset-6{margin-left:50%;}
.col-offset-7{margin-left:58.33333333%;}
.col-offset-8{margin-left:66.66666666%;}
.col-offset-9{margin-left:75%;}
.col-offset-10{margin-left:83.33333333%;}
.col-offset-11{margin-left:91.66666667%;}
.col-offset-12{margin-left:100%;}

.colpx-00{width:15.8325px;}
.colpx-0{width:31.665px;}
.colpx-05{width:63.33px;}
.colpx-1{width:126.66px;}
.colpx-105{width:189.99px;}
.colpx-2{width:253.32px;}
.colpx-205{width:316.65px;}
.colpx-3{width:379.98px;}
.colpx-4{width:33.33333333%;}
.colpx-5{width:41.66666666%;}
.colpx-6{width:50%;}
.colpx-7{width:58.33333333%;}
.colpx-8{width:66.66666666%;}
.colpx-9{width:75%;}
.colpx-10{width:83.33333333%;}
.colpx-11{width:91.66666667%;}
.colpx-12{width:100%;}

.colpx-offset-0{margin-left:31.665px;}
.colpx-offset-05{margin-left:63.33px;}
.colpx-offset-1{margin-left:126.66px;}
.colpx-offset-105{margin-left:189.99px;}
.colpx-offset-2{margin-left:253.32px;}
.colpx-offset-205{margin-left:316.65px;}
.colpx-offset-3{margin-left:379.98px;}
.colpx-offset-4{margin-left:506.64px;}
.colpx-offset-5{margin-left:633.3px;}




