/* CSS Document */
html,body{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background-color:transparent;
}





table th{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-weight:lighter;
	font-size:12px;
	color:#FFF;

}
table td{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-weight:lighter;
	font-size:12px;
	color:#666;

	letter-spacing:0px;
}

.ui-datepicker{z-index: 300 !important;}

/*****************************************/

/***************STRUCTURE******************/
#div_systop{
	padding-top: 10px;
    padding-bottom: 0px;
    margin: 0px;
    height: 105px;
    background: linear-gradient(to left, rgb(255 255 255 / 60%), #225480);
    color: #225480;
    font-size: 45px;
    font-weight: 700;
    overflow: hidden;
    text-align: center;
    width: 100%;
    opacity: 1;
    z-index: 100;

}
#div_sysmain{
	background-repeat:no-repeat; 
	background-position:center; 
	float: none; 
	width:100%; 
	height: calc(100% - 74px - 30px - 4px); 
	opacity:1; 
	z-index:0;	
}
#div_sysbottom{
	padding-top:0px;
	padding-bottom:0px;
	background:#666;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	overflow:hidden;
	text-align:left;
	width:100%; 
	height:30px;	
	opacity:1;
	margin:0;
	position:absolute;
	bottom:0px;
	z-index:100;
}

.miniheader{
	width:100%;
	margin-top:0px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:Arial, Helvetica, sans-serif !important;
	font-style:italic;	
	font-size:20px;
	text-align:center;
	background-color:#427C9F;
	color:#FFF;

}






#superContainer{
	position:absolute;
	top:0px;
	left:0px;
	margin-top:50px;
	margin-bottom:30px;
	height:100%;
	width:100%;
	border-style:none;
	border-width:0px;
	z-index:10;
}

#menuButton{
	position:absolute;
	top:2px;
	left:2px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:46px;
	height:46px;
	border-style:none;
	border-color:#F00;
	border-width:0px;
	z-index:102;
	background: url(../img/bars-solid.svg) left top no-repeat;
}

#menuButton input[type='checkbox']{opacity:0;position:absolute;filter:alpha(opacity=0);margin:5px 0 0 5px}
#menuButton input[type="checkbox"]:focus+label{color:#C30}
#menuButton input[type="checkbox"]{
	background:url('../img/scheckmenu3232.png') left top no-repeat;
	position:relative;
	margin:0;
	margin-left:5px;
	margin-top:5px;
	padding:0 0 0 50px;
	cursor:pointer;
	line-height:32px;
	min-height:34px;
	display:inline-block;
	z-index:0;
	font-size:18px;
}
#menuButton input[type="checkbox"]+label{background-position:0 0}
#menuButton input[type='checkbox']:checked+label{background-position:0 -36px}
#menuButton input[type='checkbox']:disabled+label{background-position:0 -144px;color:#999}
#menuButton input[type='checkbox']:disabled:checked+label{background-position:0 -180px;color:#999}



/*****************************************/

/**menu- new*/

 /*
  =====
  root
  =====
  */
  
  .page__custom-settings{
	--menuBackgroundColor: #225480;
	--menuLinkColor: #fff;
	--menuLinkColorUnactive: #241c69;
	--menuLinkOutlineOffset: -.5rem; 
  }
  
 .r-link{
	display: var(--rLinkDisplay, inline-flex) !important;
  }
  
  .r-link[href]{
	color: var(--rLinkColor) !important;
	text-decoration: var(--rLinkTextDecoration, none) !important;
  }
  
  .r-list{
	padding-left: var(--rListPaddingLeft, 0) !important;
	margin-top: var(--rListMarginTop, 0) !important;
	margin-bottom: var(--rListMarginBottom, 0) !important;
	list-style: var(--rListListStyle, none) !important;
  }
  
  
  /*
  =====
  CORE STYLES
  =====
  */
  
  .menu{
	--rLinkColor: var(--menuLinkColor, currentColor);
  }
  
  .menu__link{
	display: var(--menuLinkDisplay, block);
  }
  
  /* 
  focus state 
  */
  
  .menu__link:focus{
	outline: var(--menuLinkOutlineWidth, 2px) solid var(--menuLinkOutlineColor, currentColor);
	outline-offset: var(--menuLinkOutlineOffset);
  }
  
  /* 
  fading siblings
  */
  
  .menu:hover .menu__link:not(:hover){
	--rLinkColor: var(--menuLinkColorUnactive, rgba(22, 22, 22, .35));
  }
  
  /*
  =====
  PRESENTATION STYLES
  =====
  */
  
  .menu{
	background:linear-gradient(to top left, var(--menuBackgroundColor) 15%, #3486a9 50%, white 200%);  
	box-shadow: var(--menuBoxShadow, 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24));
	height: 105px;
    }
  
  .menu__list{
	display: flex;  
	justify-content: space-evenly;
  }
  ul li.menu__group{
	padding:  18px 0;
    text-align: center;
  }
  ul li.menu__group:nth-child(1){
	width: 300px;
 }

 ul li.menu__group a{
	font-size: 8px;
	font-weight: 600;
	display: none;
}



  ul li.menu__group i{
    font-size: 33px;
    color: #FFF;
    border: solid 2px #fff;
    text-align: center;
    height: 65px;
    width: 65px;
    display: block;
    /* margin: 4px auto; */
    line-height: 59px;
    border-radius: 50%;
  }

  ul li.menu__group span {
	position: absolute;
	top: 60%;
	margin-top: 10px;
	padding: 0.55rem 1rem;
	font-size: 1rem;
	font-weight: 500;
	white-space: nowrap;
	color: #000;
	border-radius: 50px;
	background-color: #fff;
	box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: 0;
	transition: all 0.2s ease-in-out;
  }

  ul li.menu__group:hover span {
	top: 100%;
	opacity: 0.9;
  }
  
  ul li.menu__group:nth-child(1) a{
	color:#fff;
	font-weight:700;
    display: block;
	font-size: 22px;
  }

  ul li.menu__group:nth-last-child(1){
	margin-left: 30%
  }
  
  .menu__link{
	padding:1rem 0.5rem;
	font-weight: 700;
	text-transform: uppercase;
  }
  
  /* 
  =====
  TEXT UNDERLINED
  =====
  */
  
  .text-underlined{
	position: relative;
	overflow: hidden;
	color: #fff;
    text-decoration: none;
	will-change: color;
	transition: color .25s ease-out;  
  }
  

  div.page{
	box-sizing: border-box;
	width:100%; 
	opacity:1;
	z-index:100;
	margin: auto;
	position:relative;
  }
  




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	
   
	.menu__list{
	flex-direction: column;  
	}

	.menu{
		width:100%;
		height: 100%;
	 }

	ul li.menu__group:nth-child(1){
		display:none;
	}
	ul li.menu__group:nth-last-child(1) {
		margin-left: 0;
	}
	div.page{
		position: absolute;
	}

	#div_systop {
		font-size: 25px;
		padding-top: 52px;
	}
		
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

	     
  .menu__list{
    flex-direction: column;
  }
  .menu{
	width: 100%;
    height: 100%;
  }

  ul li.menu__group:nth-last-child(1) {
    margin-left: 0;
 }
  ul li.menu__group:nth-child(1){
	display:none;
  }
  div.page{
	position: absolute;
	}
	#div_systop {
		font-size: 25px;
		padding-top: 52px;
	
	}

}



/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.menu__list {
		flex-direction: row;
	}

  div.page {
	  position:absolute;
  }

  ul li.menu__group:nth-child(1){
	display:block;
  }
  #div_systop{
	display:none;
}
 
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	ul li.menu__group:nth-last-child(1){
	margin-left: 30%;

  }

  	.menu__list {
    flex-direction: row;
	}
  .menu{
	  width:100%;
  	height: 105px;

  }

  #div_systop{
	  display:none;
  }
  ul li.menu__group:nth-child(1){
	display:block;
  }
  div.page{
	position: relative;
}




}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {


		ul li.menu__group:nth-last-child(1){
		margin-left: 30%;	}
	#menuButton{
		display:none;
	}
  	.menu__list {
    flex-direction: row;
	}


  .menu{
	  width:100%;
 	 height: 105px;

  }
  #div_systop{
	  display:none;
  }

  ul li.menu__group:nth-child(1){
	display:block;
  }
  div.page{
	position: relative;
  }
}


/**********MENU STYLING********/

.menuOpt{
	margin:0px;
	padding:0px;
	background-color:#C0C0C0;
	width:300px;
	height:100%;
}

.menuOpt li{
	background-color:rgba(0,128,192,.8);
	color:#FFF;

	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:normal;	
	vertical-align:middle;
	cursor:pointer;

	display:block;
	height:65px;
	width:300px;	
	margin-top:1px;
	padding-top:25px;
}
.menuOpt li:hover{
	background-color:rgba(0,128,192,1);
}
.linkSuc{
	color:#FFF;
	text-decoration:none;
}
.linkSuc:visited{
	color:#FFF;	
}

.linkSuc:hover{
	color:#FFF;	
}
/******************************/
/***********FORMS & DATA***************/
table.nntab {
	border-style:none;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;		
	/*background-color:rgba(255,255,255,.5);	*/
	empty-cells:hide;
}
table.nntab th{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	vertical-align:middle;
	border-style:solid;
	border-width:1px;
	border-color:#E9E9E9;
	color:#FFF;
	background-color:#0097E8;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;		
}
table.nntab td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	vertical-align:middle;
	border-style:solid;
	border-width:1px;
	border-color:#E9E9E9;
	color:#666;
	background-color:rgba(255,255,255,.5);
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;		
}


table.dataForm tr.label td,table.dataForm td.label{
	font-weight:bold;
	color:#666;
	
}
table.dataForm tr.labelSub td,table.dataForm td.labelSub{
	font-weight:normal;
	font-style:italic;
	color:#666;
}
table.dataForm tr.data td,table.dataForm td.data{
	color:#666;
	font-weight:normal;
}
table.dataForm tr.dataSub td,table.dataForm td.dataSub{
	font-weight:normal;
	font-style:italic;
}
table.dataForm tr.dataSubMin td,table.dataForm td.dataSubMin{
	font-weight:normal;
	font-style:italic;
	font-size:10px;
}
table.dataForm tr.labelTitle td,table.dataForm td.labelTitle{
	font-weight:bold;
	font-size:13px;
	color:#555;
	background-color:#E5E5E5;
}
table.dataForm tr.dataTitle td,table.dataForm td.dataTitle{
	font-weight:normal;
	font-size:13px;
	color:#555;
	background-color:#E5E5E5;

}

table.dataForm tr.labelFoot td,table.dataForm td.labelFoot{
	font-weight:bold;
	background-color:#D5D5D5;
	color:#666;
	
}
table.dataForm tr.labelSubFoot td,table.dataForm td.labelSubFoot{
	font-weight:normal;
	font-style:italic;
	background-color:#D5D5D5;
	color:#666;
	
}
table.dataForm tr.dataFoot td,table.dataForm td.dataFoot{
	font-weight:normal;
	background-color:#D5D5D5;
	color:#666;
	
}


table.dataOutput{
	border-width:1px;
	border-spacing:1px;
	border-style:solid;
	border-color:#F5F5F5;

	
}
table.dataOutput th{
	background-color:#09AFFF;
}

table.dataOutput tr.title td,table.dataOutput td.title{
	font-weight:normal;
	color:#FFF;
	background-color:#0097E8;
	font-size:15px;
	text-align:center;
}
table.dataOutput tr.titleSub td,table.dataOutput td.titleSub{
	color:#FFF;
	background-color:#09AFFF;
	font-size:14px;
}

table.dataOutput tr.label td,table.dataOutput td.label{
	font-weight:bold;
	color:#444;
	background-color:#FDFDFD;
}
table.dataOutput tr.labelSub td,table.dataOutput td.labelSub{
	font-weight:normal;
	font-style:italic;
	font-size:13px;
	color:#333;
	background-color:#FDFDFD;
}
table.dataOutput tr.data td,table.dataOutput td.data{
	font-weight:normal;
	background-color:#FDFDFD;
	color:#555;
}

table.dataOutput tr.labelTitle td,table.dataOutput td.labelTitle{
	font-weight:bold;
	font-size:14px;
	color:#666;
	background-color:#EFEFEF;
}
table.dataOutput tr.dataTitle td,table.dataOutput td.dataTitle{
	font-weight:normal;
	font-size:14px;
	color:#666;
	background-color:#EFEFEF;

}


table.dataOutput tr.labelFoot td,table.dataOutput td.labelFoot{
	font-weight:bold;
	background-color:#D5D5D5;
	color:#555;
	font-size:12px;
	border-color:#FFF;
}
table.dataOutput tr.labelSubFoot td,table.dataOutput td.labelSubFoot{
	font-weight:normal;
	font-style:italic;
	background-color:#F4F4F4;
	color:#555;
	font-size:12px;
	border-color:#FFF;
}
table.dataOutput tr.dataFoot td,table.dataOutput td.dataFoot{
	font-weight:normal;
	background-color:#D5D5D5;
	color:#555;
	font-size:12px;
	border-color:#FFF;
}
/********************Detalle Formulario*****************/

table.dataOutputDet tr.title td,table.dataOutputDet td.title{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	background-color:#39F;
	font-size:13px;
	text-align:center;
}
table.dataOutputDet tr.titleSub td,table.dataOutputDet td.titleSub{
	font-weight:bold;
	color:#333;
	background-color:#F7F7F7;
	font-size:12px;
}

table.dataOutputDet tr.data td,table.dataOutputDet td.data{
	font-weight:normal;
	background-color:#FDFDFD;
	color:#555;
}
table.dataOutputDet tr.data-even td,table.dataOutputDet td.data-even{
	font-weight:normal;
	background-color:#F2F2F2;
	font-size:12px;
}
table.dataOutputDet tr.data-odd td,table.dataOutputDet td.data-odd{
	font-size:12px;

}
table.dataOutputDet tr.data-can td,table.dataOutputDet td.data-can{
	font-weight:normal;
	background-color:#FFC4C4;
	color:#555;
	font-size:12px;	
}
table.dataOutputDet tr.data-err td,table.dataOutputDet td.data-err{
	font-weight:normal;
	background-color:#FFC;
	color:#999;
	font-size:12px;
}

table.dataOutputDet tr.labelFoot td,table.dataOutputDet td.labelFoot{
	font-weight:bold;
	background-color:#D5D5D5;
	color:#555;
	font-size:12px;
	border-color:#FFF;
}
/*************************************************************************/

table.dataReport tr.title td,table.dataReport td.title{
	color:#FFF;
	background-color:#40BCFF;
	font-size:15px;
	text-align:center;
}
table.dataReport tr.titleSub td,table.dataReport td.titleSubA{
	font-weight:bold;
	color:#333;
	background-color:#F7F7F7;
	font-size:13px;
}

table.dataReport tr.titleSub td,table.dataReport td.titleSubB{
	font-weight:normal;
	color:#333;
	background-color:#F7F7F7;
	font-size:13px;
}

table.dataReport tr.titleSub td,table.dataReport td.titleSubC{
	font-weight:normal;
	font-style:italic;
	color:#333;
	background-color:#F7F7F7;
	font-size:13px;
}


table.dataReport tr.titleFoot td,table.dataReport td.titleFoot{
	font-weight:bold;
	color:#333;
	background-color:#F7F7F7;
	font-size:13px;
}
table.dataReport tr.data td,table.dataReport td.data{
	font-weight:normal;
	color:#333;
	background-color:#FFF;
	font-size:12px;
}

table.dataReport tr.data-even td,table.dataReport td.data-even{
	font-weight:normal;
	background-color:#F2F2F2;
	font-size:12px;
}
table.dataReport tr.data-odd td,table.dataReport td.data-odd{
	font-size:12px;

}
table.dataReport tr.data-can td,table.dataReport td.data-can{
	font-weight:normal;
	background-color:#FFC4C4;
	color:#555;
	font-size:12px;	
}
table.dataReport tr.data-err td,table.dataReport td.data-err{
	font-weight:normal;
	background-color:#FFC;
	color:#999;
	font-size:12px;
}

table.dataReport tr.labelFoot td,table.dataReport td.labelFoot{
	font-weight:bold;
	background-color:#D5D5D5;
	color:#555;
	font-size:12px;
	border-color:#FFF;
}


/*Estilo OutputNo Margin*/
table.dataOutputBlank{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-width:0px;
	border-spacing:0px;
	border-style:none;
	border-color:#F5F5F5;
}
table.dataOutputBlank tr.title td,table.dataOutputBlank td.title{
	font-weight:normal;
	color:#FFF;
	background-color:#22B7FF;
	font-size:15px;
	text-align:center;
}
table.dataOutputBlank tr.titleSub td,table.dataOutputBlank td.titleSub{
	font-weight:bold;
	color:#333;
	background-color:#EFEFEF;
	font-size:15px;
}
table.dataOutputBlank td{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-size:13px;
	vertical-align:middle;
	border-style:none;
	border-width:0px;
	border-color:#E9E9E9;
	padding:2px;
	margin:0px 0px 0px 0px;	
}
table.dataOutputBlank tr.label td,table.dataOutputBlank td.label{
	font-weight:bold;
	color:#444;
	background-color:#FDFDFD;
}
table.dataOutputBlank tr.labelSub td,table.dataOutputBlank td.labelSub{
	font-weight:normal;
	font-style:italic;
	font-size:13px;
	color:#333;
	background-color:#FDFDFD;
}
table.dataOutputBlank tr.data td,table.dataOutputBlank td.data{
	font-weight:normal;
	background-color:#FDFDFD;
	color:#555;
}

/***************************Other Syles***************************************/
body {
	background-color:transparent;	
}
	
	input, textarea, select { 
	padding-left:0px;
	padding-right:0px;
	padding-top:3px;
	padding-bottom:3px;
	color: #666 !important;
    border: solid 1px #E5E5E5  !important;
    outline: 0  !important;
    font: normal 13px/100% Arial, Helvetica, sans-serif  !important;
	border-radius: 2px  !important;
    /*width: 200px;*/
    background: #FFFFFF url('bg_form.png') left top repeat-x  !important;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF))  !important;
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px)  !important;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px  !important;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px  !important;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px  !important;

    }

input:hover, textarea:hover,
input:focus, textarea:focus { 
    border-color: #C9C9C9  !important; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px  !important;	
    }

.boton{
	background:#09F;
	width:75px;
	min-height:25px;
	color:#FFF;
	border-radius: 2px;
	border: solid 1px #E5E5E5;
}

.boton:hover{
	opacity:0.7;
	cursor:pointer;
}

.boton1 {	background:#09F !important;
	width:75px !important;
	min-height:25px !important;
	color:#FFF !important;
	border-radius: 2px !important;
	border: solid 1px #E5E5E5 !important;
}