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

/*CSS RESET*/

*: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;
}

#program-body::-webkit-scrollbar, .scroll-container::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
 /* IE and Edge */
 /* Firefox */
 
#program-body {
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}
/*
.scroll-container.scroll-container:hover,
.scroll-container:active,
.scroll-container:focus {
  overflow-y: scroll;
}
*/
.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;}

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;}


.bg-red{background:rgba(255, 0, 0, 0.4)!important;}
.bgs-red{background:rgba(255, 0, 0, 1)!important;}
.bg-green{background:rgba(37, 255, 0, 0.4)!important;}
.bgs-green{background:rgba(37, 255, 0, 1)!important;}
.bg-orange{background:rgba(253, 130, 4, 0.4)!important;}
.bgs-orange{background:rgba(253, 130, 4, 1)!important;}
.bg-ulight-gray{background:rgba(204, 204, 204, 1)!important}
.bg-light-gray{background:rgba(170, 170, 170, 0.2)!important}
.bg-gray{background:rgba(170, 170, 170, 0.5)!important}
.bg-dark-gray{background:rgba(170, 170, 170, 0.8)!important}
.color-white{color:#ffffff!important;}
.bg-blue{background:#00B4CE!important;}




.t-capital:first-letter{text-transform:uppercase;}
.t-capitalize{text-transform:capitalize!important;}
.t-lower{text-transform: lowercase!important;}
.t-upper{text-transform: uppercase!important;}


.transition-03{transition:all 0.3s;}
.transition-01{transition:all 0.1s;}



.input{height: 30px;
	line-height: 30px;
	border: none;
	background: transparent;
	/* width: 92%; */
	font-size: 12px;
	color: #333333;
	margin-left: 4px;
	margin-right: 4px;
	width: calc(100% - 10px) !important;font-family:arial;}

*[disabled]{
	background: #efefef!important;
}

a{text-decoration:none;}
a:hover {color:#000;}
.vi{display:block;}
.nvi{display:none;}
@media only screen and (min-width: 1366px) {
	.section{overflow:hidden;padding:0 50px;}
}
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;
}


.readonly{background:#efefef!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;}
.super-overlay{height:calc(100vh);width:calc(100vw);background-color:rgba(0,0,0,0.6);position:fixed;z-index:99996;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;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{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-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-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-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;}

.hr-1{margin-top:5px;margin-bottom:5px;}
.hr-2{margin-top:10px;margin-bottom:10px;}
.hr-3{margin-top:15px;margin-bottom:15px;}
.hr-4{margin-top:20px;margin-bottom:20px;}

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


/******** TOOLTIPS *******/
	.tooltip-open{padding:11px 0px;text-align:center;background:#999999;color:#ffffff;border-radius:4px;	width: calc(100% - 10px);cursor:pointer;font-size:11px;}
	.tooltip-open.inlist{position:absolute;z-index:9;padding:8px 14px;left:50%;transform:translatex(-50%);text-align:center;background:#999999;color:#ffffff;border-radius:4px;cursor:pointer;width: auto;cursor:pointer;}
	.tooltip-new{
		z-index:99997;
		cursor:default;
		min-width:100px;
		min-height:100px;
		max-height:400px;
		/*max-width:500px;*/
		position:absolute;
		transform:translatex(-50%);
		padding:20px;
		text-align:center;
		color:#ffffff;
		border-radius:8px;
		background:#454545;
		cursor:pointer;
		
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		
	}
	.tooltip-line:hover{
		background-color:rgba(255,255,255,0.2);
	}
	
	.tooltip-new .tooltip-campo-container{overflow-y:scroll;max-height:260px;}
	.tooltip-new .tooltip-leyenda{
		display:flex;height:30px;line-height:30px;border-bottom:1px solid #ffffff;font-weight:bold;
		line-height:15px;
	}
	.tooltip-new .tooltip-campo{ font-size:12px;  display:flex; line-height:15px;height:30px;}

	.tooltip-control-bar{
		height:32px;
		width:100%;
		display:flex;
		flex-direction: row;
		justify-content: right;
		align-items:center;
	}
	.tooltip-control-bar .tooltip-button{
		font-size:16px;
		opacity:1;
		height:30px;
		width:calc(100% - 10px);
		border-radius:4px;
		
	}
	.tooltip-control-bar .tooltip-button:hover{
		font-size:16px;
		opacity:0.6;
	}
/******** 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{background:#009eb7;color:#ffffff;}



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


/****** 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-fase1{background-color:#B3E5FC }
.bg-fase2{background-color:#FFCDD2}
.bg-fase3{background-color:#D1C4E9 }
.bg-fase4{background-color:#FFE0B2}
.bg-fase5{background-color:#C8E6C9 }
.bg-fase6{background-color:#FFF9C4}
.bg-fase7{background-color:#D7CCC8 }
.bg-fase8{background-color:#F8BBD0 }
.fase-cabecera{position:relative;margin-top:-30px;	height: 70px;}
.fase-cabecera.start{border-radius:8px 0 0 8px;}
.fase-cabecera.end{border-radius:0 8px 8px 0;}

.fase-cabecera .fase-titulo{font-size:14px;line-height:15px;font-weight:bold;position:absolute;top:0px;text-align:center;width:100%;}
.fase-cabecera .fase-subtitulo{font-size:14px;line-height:15px;position:absolute;top:15px;text-align:center;width:100%;font-style:italic; }
.fase-cabecera .campo-leyenda{margin-top:30px;}


.notice.color-na{background:#999999;color:#ffffff;}
.notice.color-no{background:#D22B2B;color:#ffffff;}
.notice.color-si{background:#4CBB17	;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;}

/******* 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{ width:calc(100% + 20px); height:100px;border-top:1px solid #d0d0d0;margin:40px -10px 0 -10px;padding: 0 0px;}
.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:0px;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;text-align:center;margin:0 auto 0 auto;font-size:13px;/*line-height:0px;*/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;
	/*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;}
.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;display:flex;
	align-items: flex-end;height:40px;margin-bottom:5px;font-size:13px;font-weight:700;float:left;}
.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;}

.registro .registro-button{font-size:16px;background:#ffffff;border-radius:8px;box-shadow: 0 1px 1px hsl(0deg 0% 0% / 4%), 0 2px 2px hsl(0deg 0% 0% / 4%), 0 3px 3px hsl(0deg 0% 0% / 4%), 0 4px 4px hsl(0deg 0% 0% / 4%), 0 8px 8px hsl(0deg 0% 0% / 4%);padding:6px;color:#333333;}
.registro .registro-button:hover{color:#00BCD4;}

#registros .linea-registro .campo{margin-top:0px!important;min-height:1px;}
.package-container{background:#cfcfcf;/*width:calc(100% - 20px);*/padding:10px;border-radius:8px;margin-top:30px;}
.package-registros{min-height:50px;}
.package-registros .linea-registro .campo{margin-top:0px!important;min-height:1px;}

.container-packages .label{color:#454545!important;}



.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) ;}

}

.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;flex-wrap:wrap;}
.v-bottom{align-content:flex-end;}
.flex-row{flex-direction: row;}
.flex-column{flex-direction: column;}
.flex-wrap{flex-wrap:wrap;}

.row{display:flex;	
	width: 100%;
	max-width: 100%;
	/*flex-wrap: wrap;*/}

.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-305{width:29.1666666%;}
.col-4{width:33.33333333%;}
.col-405{width:37.49999%;}
.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;}





/****************CALENDAR STYLE*******************/


.button-bar-calendar{
	width:20%;
	margin:20px auto;
	
}

.calendar {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.month {
  background: white;
  /*border-radius: 16px;*/
  border:1px solid #dfdfdf;
  /*box-shadow: 0 4px 10px rgba(0,0,0,0.1);*/
  
  padding: 16px;
  width: 280px;
}
.month h4 {
  text-align: center;
  margin-bottom: 10px;
  font-size:16px;
  font-weight:bold;
}

.month > div {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
}
.weekday{
	text-align:center;
	background:#cccccc;
	border-radius:4px;
}
.day {
  aspect-ratio: 1;
  background: #f0f0f0;
  border-radius: 6px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s;
}
.day:hover {
  background: #cce5ff;
}
.day.selected {
  background: #28a745;
  color: white;
  font-weight: bold;
}
.day.disabled {
  background: transparent;
  cursor: default;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0; left: 0;
  width: 100vw; 
  height: 100vh;
  background: rgba(0,0,0,0.3);
  justify-content: center;
  align-items: center;
}
.modal-header{
	border-bottom:1px solid #cccccc;
	padding-bottom:20px 20px 10px 20px;

}
.modal-content {
  background: white;
  border-radius: 20px;
  padding: 20px;
  width: 1000px;
  max-width: 95%;
  max-height: 80%;
  margin-top:80px;
  overflow-y: auto;
  position: relative;
}
.modal-title {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #999;
}
.cerrar {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 24px;
  cursor: pointer;
  color: #999;
}
.cerrar:hover {
  color: #333;
}
.btn {
  background-color: #00BCD4;
  border: none;
  color: white;
  padding: 8px 14px;
  margin: 0 2px;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s;
}
.btn:disabled {
  background-color: #00acc1;
  cursor: default;
}
.btn:hover:not(:disabled) {
  background-color: #0097a7;
}

.btn#yearDisplay{color:#000000;}