:root{
    --color-bg: #ccdddd;
    --color-txt: #20263D;
}

body{	
	overflow: hidden;
	font-family: "MS Sans Serif", "Geneva","Currier New", "Currier",  "Arial", "Helvetica";
}


a{
	text-decoration: none;
}

header{
	position: fixed;

	width: 100%;

	/*width: 1300px;

	padding: 5px calc(50% - 650px);*/

	height: 50px;

	z-index: 1;

}

#contenedorFULL{

	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	margin: 0px;

	border: 0px solid #cccccc;

	min-width: 300px;

}

.content{

	position: relative;

	top: 55px;

	width: 980px;

	height: calc(100% - 80px);

	max-width: 980px;

    margin: 0px 0px 0px 280px;

	padding: 0px calc(50% - 630px);

	overflow: auto;
	
	scrollbar-color: light;

	scrollbar-width: thin;

}

.content::-webkit-scrollbar, #menu::-webkit-scrollbar {
    -webkit-appearance: none;
}

.content::-webkit-scrollbar:vertical, #menu::-webkit-scrollbar:vertical {
    width: 6px;
}

.content::-webkit-scrollbar:horizontal, #menu::-webkit-scrollbar:horizontal {
    height: 6px;
}

.content::-webkit-scrollbar-button:increment,.content::-webkit-scrollbar-button, #menu::-webkit-scrollbar-button:increment,#menu::-webkit-scrollbar-button {
    display: none;
} 

.content::-webkit-scrollbar-thumb, #menu::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 20px;
    border: 0px solid #f1f2f3;
}

#menu::-webkit-scrollbar-thumb {
	background-color: #666;
}

.content::-webkit-scrollbar-thumb:hover, #menu::-webkit-scrollbar-thumb:hover{
    background-color: #666;
    border-radius: 20px;
    border: 0px solid #f1f2f3;
}
#menu::-webkit-scrollbar-thumb:hover{
    background-color: #999;
}

#footerAPP{

	position: fixed;

	bottom: 0px;

	left: 0px;

	width: 100%;

	height: 20px;

	margin: 0px;

	padding: 2px 0px;

	border-top: 2px solid #cccccc;

	background: #20263D;

	font-size: 8pt;

	text-align: center;

	color: #cccccc;

	min-width: 300px;

}

.form_center, .form_center2{

	position: relative;

	top: calc(50% - 180px);

	left: 0px;

	width: 300px;

	height: 350px;

	margin: 0px auto;

	border: 0px solid red;

	text-align: center;

	font-size: 18px;

	/*font-family: "Agency FB";*/

}

select{

    cursor: pointer;

    border: 0px none;

    margin: 3px 5px;

    outline: none;

    -webkit-appearance: none;
    -moz-appearance: none;
}

select:focus
{
	border: 1px solid #cccccc;
    border-bottom: 1px solid #333333;
}

select::-ms-expand
{
    display: none;
}

.form_center2{

	top: calc(50% - 300px);

	width: calc(100% - 20px);

	max-width: 450px;

	height: 400px;

}

	.inpt_radio, .inpt_radio50, .form_center select, .form_center2 select{

		width: 250px;

		height: 30px;

		border: 1px solid #cccccc;

		border-radius: 5px;

		padding: 3px 5px;

		margin: 5px;

	}

	.form_center2 .LBL{

		width: calc(100% - 10px);

		background: #333333;

		text-align: center;

		color: #ffffff;

	}

	.form_center select, .form_center2 select{

		width: 260px;

		height: 36px;

		padding: 0px;
	}

	.form_center2 label{
		
		text-align: left;

		display: inline-block;

	}

	.form_center2 input[type="text"], .form_center2 input[type="password"], .form_center2 label{

		width: calc(100% - 40px);

	}

	.formulario input[type="file"]{
		display: none;
	}

	.form_center2 .formulario input[type="text"], .form_center2 .formulario input[type="password"]{

		width: 100%;

	}

	.formulario .formX{

		width: calc(33% - 16px);

		margin: 0px 5px 0px 0px;

		border-radius: 5px;

	}

	.formulario .formY{
		width: calc(33% - 16px);

		margin: 5px 5px 5px 0px;

		border-radius: 5px;
	}

	.formulario .btnIMG{

		height: 30px;

		margin: 5px 0px;

		cursor: pointer;

		margin: 0px; 

		padding: 0px 15px; 

		float: right;

	}

	.form_center2 select{

		width: calc(100% - 30px);

	}

	.inpt_radio50{

		width: 170px;

	}

.BTNform{

    border: 1px solid #fff;

    border-radius: 6px;

    padding: 5px 7px;

	cursor: pointer;

	float: right;

}

	.BTNform span{

		display: inline-block;

		padding: 7px 3px;

		font-size: 18px;

	}

	.BTNform:hover{

		color: #14347e;

		background: #f3f3f3;

	}

	.cancel:hover{

		border: 1px solid #fff;

		background: #fff;
	}

	.BTNform:hover span{

		text-decoration: underline;
		
	}

.fLeft{
	float: left;
}

.bloked{
	cursor: no-drop;

	color: #ccc;
	
	background: #fff;
}

	.bloked:hover{
		color: #ccc;

		background: #fff;
	}

	.bloked img{
		opacity: 0.35;

		cursor: no-drop;
	}

	.bloked:hover span{
		text-decoration: none;
	}

.btnsubmit{

	width: 150px;

	height: 35px;

	background-color: #ffffff;

	border: 2px solid #14347e;

	border-radius: 8px;

	color: #14347e;

	cursor: pointer;

	font-weight: bold;

}

	.btnsubmit:hover{

		background-color: #14347e;

		border: 2px solid #ffffff;

		color: #ffffff;

	}

.btnreset{

	width: 100px;

	height: 35px;

	background: #ffffff;

	border: 2px solid #ffffff;

	border-radius: 8px;

	color: #E31E24;

	cursor: pointer;

}

	.btnreset:hover{

		background-color: #E31E24;

		border: 2px solid #E31E24;

		color: #ffffff;

		font-weight: bold;

	}

#logo_img{

	max-height: 100px;

	max-width: 250px;

}

#logo_header{

	max-height: 40px;

	max-width: 140px;

	margin: 5px 15px;

	cursor: pointer;

	float: right;

}

#logo_header[class='noPoint']{
	cursor: auto;
}

#menu_img{

	height: 50px;

	margin: 0px 10px;

	cursor: pointer;

}

#menu_img[class='menuSub']{  
	width: 30px; 
	height: auto;
	position: absolute;
	margin: 0px;
    top: calc(50% - 70px);
    left: -10px;
	z-index: 1;
	transition: left 0.5s;
}

#menu_img[class='menuSub']:hover{
	left: 0px;
}

#notificacion{

	position: absolute;

	top: 1px;

	right: 10px;

	width: 15px;

	height: 15px;

	cursor: pointer;

}

#ocultarCredenciales{

	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;

	margin: 0px;

	border: 0px solid #cccccc;

	background: #dddddd;

	opacity: 0.7;

	display: none;

    z-index: 3;

}

.centrado{

	position: relative;

	top: calc(50% - 60px);

	left: 0px;

	width: 300px;

	height: 120px;

	margin: 0px auto;

	border: 0px solid red;

	text-align: center;

	font-size: 18px;

	font-weight: bold;

}

.loadDIV{

	display: inline-block;

	width: 20px;

	height: 20px;

	margin: 0px 5px;

	border: 1px solid #666666;

	border-radius: 15px;

	background: #ffffff;

}


#mensajes{

    background-color: #333333;

    border-right: 1px solid #cccccc;

    position: fixed;

    margin: 0px;

    padding: 10px 10px;

    top: 0px;

    right: 0px;

    width: 270px;

    height: calc(100% - 20px);

    text-align: left;

    z-index: 2;

    display: block;

    overflow-y: scroll;

    color: #ffffff;

	transition: right 1s;

}

#menu{

    background-color: #333333;

    border-right: 1px solid #cccccc;

    position: fixed;

    margin: 0px;

    padding: 55px 0px 10px 10px;

    top: 0px;

    left: 0px;

    width: 270px;

    height: calc(100% - 20px);

    text-align: left;

    z-index: 2;

    display: block;

	overflow: hidden;

	white-space: nowrap;
	
	scrollbar-color: dark;

	scrollbar-width: thin;

	transition: left 1s;
	

}

#menu[class~="menuHide"],
#UnidadN[class~="menuHide"],
#UnidadM[class~="menuHide"],
#UnidadH[class~="menuHide"]{
	left: -300px;
}

#mensajes[class~="menuHide"]{
	right: -300px;
}

#menu[class~="mnSub"]{
	padding: 55px 0px 10px 5px;

	width: 275px;

	overflow-y: visible;
}

#UnidadN,#UnidadM{

    /*background-color: #333333;

    width: 260px;*/

    position: fixed;

    top: 0px;

    left: 0px;

    width: 270px;

    height: 20px;

    text-align: center;

    margin: 0px;

    padding: 15px 5px;

	overflow: hidden;

	text-overflow: "...";

	white-space: nowrap;

	color: #ffffff;

	border-bottom: 4px solid #ffffff;

	font-weight: bold;

	transition: left 1s;

}

#UnidadM{
    height: 40px;
    width: 274px;
    padding: 5px 3px;
	text-align: left;
}

	#UnidadM > img{
		width: 25px;
		padding: 7px 10px;
		cursor: pointer;
		opacity: 0.6;
	}

	#UnidadM > img:hover{
		opacity: 1;
	}

	#UnidadM > .selectIMG{
		opacity: 1;
	}

#OcultMENU{

    background-color: #666666;

    border: 0px solid #cccccc;

    position: fixed;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    text-align: left;

    z-index: 2;

    display: block;

    opacity: 0.30;

}

#OcultMENU[class~="menuHide"]{

    display: none;

}

.opt_menu{

    height: 20px;

    margin: 8px 0px;

    cursor: pointer;

}

    .opt_menu label {

        width: 200px;

        color: #ffffff;

        height: 20px;

        margin: 0px;

        display: inline-block;

        padding: 4px 0px 0px 10px;

        cursor: pointer;

        font-size: 14px;

    }

    .opt_menu img{

		width: 20px;

		height: 20px;

		float: left;

		clear: both;

    }

        .opt_menu:hover label:first-of-type {

            text-decoration: underline;

        }

.evento_menu{

	margin: 0px;

	font-weight: 600;

}

.nota_menu{

	margin: 0px 0px 0px 20px;

}

	.evento_menu label:first-of-type, .nota_menu label:first-of-type{
		width: 170px;

        padding: 4px 0px 0px 0px;

		font-size: 12px;

		overflow: hidden;

		text-overflow: clip;

		white-space: nowrap;

        display: inline-flex;

		margin-right: 5px;

		color: #fff;

		height: 20px;
	}

	.nota_menu label:first-of-type{
		width: 190px;
	}

	.nota_menu label[class='fullMenu']{
		width: 230px;
	}

	.evento_menu label:nth-of-type(2), .nota_menu label:nth-of-type(2){
		color: #ccc;
		font-size: 10px;
		font-weight: 400;
		width: 40px;
		padding: 4px 0px 0px 4px;
        display: inline-flex;
	}

	.evento_menu label:nth-of-type(2){
		width: 80px;
	}

.opt_menuO {

    height: 20px;

    margin: 8px 0px;

    cursor: no-drop;

}

    .opt_menuO label {

        width: 200px;

        color: #ffffff;

        height: 30px;

        padding: 0px 0px 15px 10px;

        cursor: no-drop;

    }

    .opt_menuO img{

		width: 20px;

		height: 20px;

    }

        .opt_menuO:hover label {

            text-decoration: none;

        }

.unidadH{
	position: fixed; 

	bottom: 0px; 

	left: 0px; 

	color: #cccccc; 

	text-align: center; 

	width: 270px; 

	border-top: 2px solid #cccccc; 

	padding: 2px 10px 2px 0px;

	overflow: hidden;

	white-space: nowrap;

	transition: left 1s;

}

	.unidadH div{		
		max-width: 240px;

		max-height: 20px;

		color: #ffffff;

		margin: 0px;

		padding: 5px 3px 0px 3px;

		float: left;

		overflow: hidden;

		white-space: nowrap;

		text-overflow: ellipsis;

		text-align: left;

		font-size: 12px;

		cursor: pointer;
	}

	.unidadH div:hover{
		text-decoration: underline;
	}

.salir{

		width: 20px;

		height: 20px;

		float: right;

		margin: 0px;

		cursor: pointer;

}

#pageNAME{

	padding: 8px 15px;

	background: #dddddd;

	color: #004dff;

	border-bottom: 1px solid #000000;

	font-size: 9pt;

	margin: 0px 0px 15px 0px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;
}

	#pageNAME a{

		color: #004dff;

	}

.ResultadosX{

	width: calc(100% - 16px);

	max-width: 1200px;

	/*height: 60px;*/

	margin: 5px auto;

	padding: 15px 12px;

	padding: 5px;

	border-radius: 5px;

	border: 1px solid #666666;

	text-align: left;

	display: flex; /*inline-flex;*/

	background: #fcfcfc;

	text-overflow: ellipsis;

	cursor: pointer;

	color: #333;

}
	.ResultadosX:hover{
		background: #f3f3f3;

		color: #000;
	}

	.ResultadosX .divIMG{

		float: left; 

		width: 70px;

		height: 100%;

	}

	.ResultadosX .divTXT{
		float:right; 

		width: calc(100% - 80px);
	}

	.ResultadosX .clean{
		clear: both;
	}

	.ResultadosX img{
		
		width: 60px;

		margin: 0px;

	}

	.divTXT img{

		width: 35px;

	}


.formulario{

	width: calc(100% - 30px);

	max-width: 1200px;

	margin: 5px auto;

	padding: 5px 5px 5px 15px;

	border-radius: 10px;

	border: 3px solid #e1e1e1;

	text-align: left;

	display: block;

	background: #ffffff;

}

	.formulario legend{

	  font-size: 18pt;

	  /*font-family: monospace;*/

	  text-align: left;

	}

	.formulario label{

		display: inline-block;

		width: calc(100% - 10px);

		padding: 0px 5px;

	}

	.formulario input, .formulario textarea, .formulario select{

		height: 30px;

		width: 100%;

		background-color: #f9f9f9;

		margin-bottom: 20px;

		border: none;

		border-radius: 5px;

		text-indent: 5px;

	}

	.formulario .lblCheck{    
		display: inline-block;
		background: #fff;
		border: 1px #333 solid;
		border-radius: 4px;
		margin: 10px 0px 0px 14px;
		width: 12px;
		height: 12px;
		cursor: pointer;
		font-weight: bold;
		overflow: hidden;
		text-overflow: "";
		white-space: nowrap;
	}
	
	.formulario .lblCheck:hover, .formulario .lblCheck_hover{
		border-color: #056ff9;
		background: #eee;
		background: #f1f9ff;
	}

	.formulario .Checked{
		background: #056ff9;
	}

	.formulario .Checked:hover{
		background: #056ff9;
	}

	.formulario .lblCheck div{ 
		display: none;
	}

	

	.formulario .lblDisabled, .formulario .lblDisabled:hover, .formulario .lblDisabled_hover{
		border-color: #666;
		background: #eee;
		cursor: initial;
	}

	.formulario .Checked div{
		display: block;
		border: 0px solid #fff;
		width: 4px;
		position: relative;
		height: 10px;
		z-index: 1;
		transform: rotate(40deg);
		margin: 0px auto 0px auto;
		font-size: 11px;
		font-weight: bold;
	}

	.formulario .Checked div::after {
		top: 80%;
		height: 25%;
		margin-top: -15%;
		width: 100%;
	}
	.formulario .Checked div::before, .Checked div::after {
		content: "";
		position: absolute;
		z-index: -1;
		background: #fff;
	}
	.formulario .Checked div::before {
		left: 80%;
		width: 60%;
		margin-left: -15%;
		height: 100%;
	}

	.formulario .lblDisabled div::before, .lblDisabled div::after {
		background: rgb(0, 0, 0);
	}

	.formulario input[type="radio"]{
		margin: 0px;
		height: 14px;
		width: 14px;
	}

	.formulario .lblCheck input[type="radio"], .formulario .lblCheck input[type="checkbox"]{    
		display: block;
		position: relative;
		left: -3px;
		top: -3px;
		width: 0px;
		height: 0px;
		opacity: 0;
	}

	.formulario select{

		height: 32px;

		margin: 0px 0px 20px 0px;

		text-align: left;

	}

	.formulario textarea{

		height: 90px;

		width: calc(100% - 10px);

		text-indent: 0px;

		padding: 5px;

		resize: none;
	}

	.formulario .combina1{

		width: 40px;

		border-radius: 5px 0px 0px 5px;

		text-indent: 0px;

	}

	.formulario .combina2{

		width: calc(100% - 40px);

		border-radius: 0px 5px 5px 0px;

	}

	.formulario .input-origen{

		display: inline-block;

		width: calc(100% - 110px);

		text-indent: 5px;

	}

	.formulario .input-color{

		width: 50px; 

		height: 35px;

		background: transparent; 

		border-radius: 0px; 

		border: 0px; 

		cursor: pointer; 

		float: right; 

		clear: right;


	}

	.formulario .changeIMG{
		
		max-height: 50px; 

		max-width: 160px; 

		border-radius: 5px;

	}

	.formulario .input-pss{

		display: inline-block;

		width: calc(100% - 150px);

		text-indent: 5px;

	}

	.formulario .input-lic{

		display: inline-block;

		width: 50px;

		text-align: center;

	}

	.formulario .input-origen-medio{

		display: inline-block;

		width: calc(50% - 120px);

		margin: 0px 15px 20px 0px;

	}

	.formulario .input-origen-medio2{

		display: inline-block;

		width: calc(50% - 120px);

		margin: 0px 0px 20px 0px;

	}

	.formulario .LBL80{

	    width: 90px;

	}

	.formulario .LBL_200{

	    width: 200px;

	}

	.formulario .LBL_check{

	    width: calc(50% - 50px);

	}

	.formulario .LBL_130{

	    width: 130px;

	}

	.formulario .multiLBL{
		width: calc(100% - 16px);

		height: 100px;

		padding: 8px;

		background-color: #f9f9f9;

		overflow: auto;

		border-radius: 5px;
	}

	.formulario .multisel{
		
		color: #14347e;

		cursor: pointer;

	}

	.formulario .multisel:hover{
		
		color: #e00000;

		text-decoration: underline;


	}

	.formulario p:first-of-type, .formulario p:last-of-type{
		margin-block-start: 0px;
		margin-block-end: 0px;
	}

	.formulario .requiredINP{
		background: #f0c1b3;
	}


.lastFielset{
	border: 0px none;

	margin-bottom: 60px;
}
			
.divINP{

	width: calc(99% - 8px);

	position: relative; 

	border: 1px solid #999999; 

	padding: 0px; 

	display: inline-flex; 

	border-radius: 3px; 

	margin: 20px 5px 0px 0px;
}

			
.divTB{

	width: calc(99% - 10px);

	position: relative; 

	border: 0px solid #999999; 

	padding: 10px 5px; 

	display: inline-block; 

	border-radius: 0px; 

	margin: 0px;

	font-size: 13px;

	color: #444;
}

	.divTB p:last-of-type{
		margin-block-end: 0px;
	}

	.divTB span{

		width: 100%;
		
		display: block;
		
		overflow: hidden;
		
		text-overflow: clip;
		
		white-space: nowrap;
	}

	.divTB .titleTB{
		font-size: 15px;

		font-weight: 600;

		color: #000011;
	}

	.divTB .red{
		color: #990000;
	}

	.center span{
		display: block;
		padding: 0px;
		margin: 0px;
		text-align: center;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		position: absolute;
		width: 100%;
	}

	.nine-tenth{
		width: calc(89.1% - 8px);
	}

	.eight-ninth{
		width: calc(88% - 8px);
	}

	.seven-eighth{
		width: calc(86.625% - 8px);
	}

	.six-seventh{
		width: calc(84.857% - 8px);
	}

	.five-sixth{
		width: calc(82.5% - 8px);
	}

	.four-fifth, .eight-tenth{
		width: calc(79.2% - 8px);
	}

	.seven-ninth{
		width: calc(77% - 8px);
	}

	.three-quarter, .six-eighth{
		width: calc(74.25% - 8px);
	}

	.five-seventh{
		width: calc(70.714% - 8px);
	}

	.seven-tenth{
		width: calc(69.3% - 8px);
	}

	.two-third, .four-sixth, .six-ninth{
		width: calc(66% - 8px);
	}

	.five-eighth{
		width: calc(61.875% - 8px);
	}

	.three-fifth, .six-tenth{
		width: calc(59.4% - 8px);
	}

	.four-seventh{
		width: calc(56.571% - 8px);
	}

	.five-ninth{
		width: calc(55% - 8px);
	}

	.half, .two-quarter, .three-sixth, .four-eighth, .five-tenth{
		width: calc(49.5% - 8px);
	}

	.four-ninth{
		width: calc(44% - 8px);
	}

	.three-seventh{
		width: calc(42.429% - 8px);
	}

	.two-fifth, .four-tenth{
		width: calc(39.6% - 8px);
	}

	.three-eighth{
		width: calc(37.125% - 8px);
	}

	.third, .two-sixth, .three-ninth{
		width: calc(33% - 8px);
	}

	.three-tenth{
		width: calc(29.7% - 8px);
	}

	.two-seventh{
		width: calc(28.286% - 8px);
	}

	.quarter, .two-eighth{
		width: calc(24.75% - 8px);
	}

	.two-ninth{
		width: calc(22% - 8px);
	}

	.fifth, .two-tenth{
		width: calc(19.8% - 8px);
	}

	.sixth{
		width: calc(16.5% - 8px);
	}

	.seventh{
		width: calc(14.143% - 8px);
	}

	.eighth{
		width: calc(12.375% - 8px);
	}

	.ninth{
		width: calc(11% - 8px);
	}

	.tenth{
		width: calc(9.9% - 8px);
	}

	.divINP:first-of-type{
		margin: 10px 5px 0px 0px;
	}

	.divINP:last-of-type{
		margin: 20px 5px 20px 0px;
	}

	.divINP fieldset, .divINP2 fieldset{

		position: absolute; 

		font-size: 8pt; 

		top: -8px; 

		left: 10px; 

		padding: 0px 5px; 

		margin: 0px; 

		background: #ffffff; 

		border: 0px none;

		border-radius: 5px;
	}

	.divINP input, .divINP2 input, .divINP select, .divINP2 select, .divINP button, .divINP textarea{

		margin: 0px; 

		color: #14347e; 

		font-size: 11pt; 

		height: 35px; 

		border: 0px;
		
		text-indent: 5px;

		padding: 0px;
		
		border-radius: 3px;

		width: 100%;

		font-family: "Arial", "Helvetica", "MS Sans Serif", "Geneva","Currier New", "Currier";
	}

	.divINP textarea{

		height: 90px;

		width: calc(100% - 10px);

		padding: 5px;

		resize: none;

		text-indent: 0px;

	}

	.divINP input:focus, .divINP select:focus{
		border: 2px solid #14347e;
		height: 31px; 
		width: calc(100% - 4px);
		border-radius: 3px;
		outline: none;
	}

	.divINP .combina1:focus{
		width: 40px;
	}

	.divINP .combina2:focus{
		width: calc(100% - 44px);
	}

	.divINP textarea:focus{
		border: 2px solid #14347e;
		width: calc(100% - 14px);
		border-radius: 3px;
		height: 86px;
		outline: none;
	}

	.divINP select:focus{
		width: 100%;
		height: 35px; 
	}

	.divINP select, .divINP2 select{
		text-align-last: left;
	}

	.divINP button{
		background-color: #14347e;
		
		color: #ffffff;

		cursor: pointer;

		width: 100%;

		font-weight: bold;
	}

	.divINP button:hover{
		background-color: #14347e;

		text-decoration: underline;
	}

.BTNimg{

    width: 25px;

    margin: 5px 3px;

    cursor: pointer;

    text-align: center;

    float: left;

}

.notifMsg, .alertMsg, .errorMsg {

	position: fixed;
	
	width: 970px;

	height: 16px;

	max-width: 980px;

	padding: 10px 5px;

	margin: 5px auto;

	border-radius: 5px;

	border: 1px solid #5c9657;

	background: #b8f0b3;

	color: #5c9657;

	font-size: 12px;

	overflow: hidden;

	white-space: nowrap;

	display: none;

	z-index: 1;
}

	.notifMsg label, .alertMsg label, .errorMsg label {

		display: inline-block;

		width: 13px;

		height: 13px;

		float: right;

		border: 1px solid;

		border-radius: 4px;

		text-align: center;

		font-family: Arial;

		font-size: 10px;

		font-weight: bold;

		margin: 1px 0px;

		cursor: pointer;

	}

	.notifMsg div, .alertMsg div, .errorMsg div {

		display: inline-block;

		width: calc(100% - 20px);

		height: 16px;

		overflow: hidden;

		text-overflow: ellipsis;

		white-space: nowrap;

		text-align: center;

	}

.notifMsg{

	border: 1px solid #026500;

	background: #b8f0b3;

	color: #026500;
}

.alertMsg{

	border: 1px solid #c27000;

	background: #ffd186;

	color: #c27000;
}

.errorMsg{

	border: 1px solid #bc1d00;

	background: #ffae9f;

	color: #bc1d00;

	color: #880000;
}

.menuBTN, .menuBTN2{

	width: calc(100% - 40px);

	max-width: 980px;

	min-height: 140px;

	margin: 10px auto;

	padding: 20px 15px;

	background: #efefef;

	border: 2px solid #cccccc;

	border-radius: 3px;
	
	justify-content: space-around;

	display: flex;
    
    flex-wrap: none;

    overflow-x: hidden;

}

.menuBTN2{
	max-width: 980px;
}

	.BTNmenu, .BTNmenu5, .BTNmenu4{

		width: calc(25% - 20px);

		height: 132px;

		background: #ffffff;

		border: 1px solid #333;

		border-radius: 6px;

		margin: 10px;

		min-width: 100px;

		max-width: 180px;

    	text-align: center;

    	cursor: pointer;

	}

		.BTNmenu:hover img{
			-moz-transform: scale(0.95);
			-webkit-transform: scale(0.95);
			transform: scale(0.95);
		}

	.BTNmenu5{

		max-width: 150px;

		width: calc(20% - 24px);

	}

	.BTNmenu4{

		max-width: 150px;

		width: calc(25% - 24px);

		margin: 10px 5px;

	}
			.BTNmenu img, .BTNmenu5 img, .BTNmenu4 img{

				margin: 12px;

				width: 	72px;

				height: 72px;

			}

	.BTNtxt{

		position: relative;

		margin: 0px;

		padding: 5px 0px;

		bottom: 0px;

		width: 100%;

		height: 21px;

		left: -1px;

		background: #20263D;

		border: 1px solid #333;

		border-top: 2px solid #333333;

		border-radius: 0px 0px 6px 6px;

		color: #ffffff;

		text-align: center;

	}

.dataExp{    
	position: absolute;

    display: block;

	top: 0px;

    padding: 5px 0px 0px 290px;

    width: calc(100% - 380px);

	overflow: hidden;

	text-overflow: "...";

	white-space: nowrap;

	transition: width 1s, padding 1s;
}

	.dataExp label{
		display: inline-block;

		font-size: 12px;

		margin: 3px 0px 0px 0px;

		overflow: hidden;

		text-overflow: "...";

		white-space: nowrap;

		max-width: 100%;
	}

	.dataExp label:nth-of-type(2){
		width: 150px;
	}
	
	.dataExp label:first-of-type{
		font-size: 16px;
	}

	.dataExp label:last-of-type{
		float: right;
		font-size: 14px;
	}

@media screen and (max-width: 1550px) {

	.content{
		width: calc(100% - 350px);
		padding: 0px calc(50% - 630px);
	}

}

@media screen and (max-width: 1350px) {

	#menu[class~="loadMenu"],
	#UnidadN[class~="loadMenu"],
	#UnidadM[class~="loadMenu"],
	#UnidadH[class~="loadMenu"]{
		left: -300px;
	}

	.dataExp{    
		position: absolute;
		display: block;
		padding: 5px 0px 0px 10px;
		top: 0px;
		width: calc(100% - 100px);
		left: 0px;
	}

	.content{		
		margin: 0px;
		padding: 0px calc(50% - 490px);
		width: calc(100% - 40px);
	}
	
	.notifMsg, .alertMsg, .errorMsg {
		width: calc(100% - 90px);
	}

}

@media screen and (max-width: 1040px) {

	.content{		
		margin: 0px;
		padding: 0px 30px;
		width: calc(100% - 60px);
	}

}

@media screen and (max-width: 950px) {

	.content{		
		padding: 0px 20px;
		width: calc(100% - 40px);
	}

	.notifMsg, .alertMsg, .errorMsg {
		width: calc(100% - 50px);
	}

	#reportesBTN{
		display: none;
	}
}

@media screen and (max-width: 900px) {

	.formulario{

		width: calc(100% - 30px);

		padding: 5px 5px 5px 15px;

		margin: 5px auto;

	}

	.ResultadosX{

		width: calc(100% - 20px);

		padding: 5px;

		margin: 5px auto;

	}

}

@media screen and (max-width: 870px) {

	.menuBTN, .menuBTN2{
    	flex-wrap: wrap;
	}

	.BTNmenu{
		width: 28%;

		max-width: 250px;
	}

}

@media screen and (max-width: 770px) {
	
	/*.notifMsg, .alertMsg, .errorMsg {
		width: calc(100% - 70px);
	}*/

	.divTB:last-of-type{
		display: none;
	}

	.nine-tenth, .eight-ninth, .seven-eighth, .six-seventh, .five-sixth, .four-fifth, 
	.eight-tenth, .seven-ninth, .three-quarter, .six-eighth, .five-seventh, .seven-tenth,
	.two-third, .four-sixth, .six-ninth, .five-eighth, .three-fifth, .six-tenth, .four-seventh,
	.five-ninth, .half, .two-quarter, .three-sixth, .four-eighth, .five-tenth{
		width: calc(99% - 8px);
	}

	.four-ninth{
		width: calc(88% - 8px);
	}

	.three-seventh{
		width: calc(84.858% - 8px);
	}

	.two-fifth, .four-tenth{
		width: calc(79.2% - 8px);
	}

	.three-eighth{
		width: calc(74.25% - 8px);
	}

	.third, .two-sixth, .three-ninth{
		width: calc(66% - 8px);
	}

	.three-tenth{
		width: calc(59.4% - 8px);
	}

	.two-seventh{
		width: calc(56.572% - 8px);
	}

	.quarter, .two-eighth{
		width: calc(49.5% - 8px);
	}

	.two-ninth{
		width: calc(44% - 8px);
	}

	.fifth, .two-tenth{
		width: calc(39.6% - 8px);
	}

	.sixth{
		width: calc(33% - 8px);
	}

	.seventh{
		width: calc(28.286% - 8px);
	}

	.eighth{
		width: calc(24.75% - 8px);
	}

	.ninth{
		width: calc(22% - 8px);
	}

	.tenth{
		width: calc(19.8% - 8px);
	}

	.full-md{
		width: calc(99% - 8px);
	}

	.xlarge-md{
		width: calc(74.25% - 8px);
	}

	.large-md{
		width: calc(66% - 8px);
	}

	.medium-md{
		width: calc(49.5% - 8px);
	}

	.small-md{
		width: calc(33% - 8px);
	}

	.xsmall-md{
		width: calc(24.75% - 8px);
	}

	.BTNmenu5{

		margin: 10px 5px;
		
	}


	.formulario .LBL_check{

	    width: calc(100% - 50px);

	}

}

@media screen and (max-width: 720px) {

	/*.BTNmenu5{

		width: (25% - 24px);

	}*/

}

@media screen and (max-width: 650px) {

	.formulario .input-origen-medio, .formulario .input-origen-medio2{

		width: calc(100% - 110px);

		margin: 0px 0px 20px 0px;

	}

}

@media screen and (max-width: 600px) {

	.BTNmenu5{

		width: calc(45% - 14px);

		max-width: 170px;

		margin: 10px;
		
	}

	.menuBTN2{
		width: calc(100% - 14px);

		padding: 10px 5px;

		min-height: 110px;
	}

	.BTNmenu4{

		width: calc(25% - 15px);

		height: 100px;

		margin: 10px 5px;

		min-width: 70px;

	}
		.BTNmenu4 img{

			margin: 6px;

			width: 	55px;

			height: 55px;

		}

		.BTNmenu4 .BTNtxt{
			font-size: 12px;

			height: 16px;
		}

	.formulario .btnIMG{

		padding: 0px 12px; 

	}

	.four-ninth, .three-seventh, .two-fifth, .four-tenth, .three-eighth, .third, .two-sixth, .three-ninth,
	.three-tenth, .two-seventh, .quarter, .two-eighth{
		width: calc(99% - 8px);
	}

	.two-ninth, .fifth, .two-tenth, .sixth, .seventh{
		width: calc(66% - 8px);
	}

	.eighth, .ninth, .tenth{
		width: calc(33% - 8px);
	}

	.full-md{
		width: calc(99% - 8px);
	}

	.xlarge-md{
		width: calc(74.25% - 8px);
	}

	.large-md{
		width: calc(66% - 8px);
	}

	.medium-md{
		width: calc(49.5% - 8px);
	}

	.small-md{
		width: calc(33% - 8px);
	}

	.xsmall-md{
		width: calc(24.75% - 8px);
	}
	

	.full-sm{
		width: calc(99% - 8px);
	}

	.xlarge-sm{
		width: calc(74.25% - 8px);
	}

	.large-sm{
		width: calc(66% - 8px);
	}

	.medium-sm{
		width: calc(49.5% - 8px);
	}

	.small-sm{
		width: calc(33% - 8px);
	}

	.xsmall-sm{
		width: calc(24.75% - 8px);
	}

	.content{

		width: calc(100% - 30px);

		padding: 0px 15px;

	}
	
	.notifMsg, .alertMsg, .errorMsg {
		width: calc(100% - 40px);
	}

	.formulario{

		width: calc(100% - 25px);

		padding: 5px 5px 5px 10px;

		margin: 5px auto;
	}

	.dataExp label:last-of-type{
		display: none;
	}

}

@media screen and (max-width: 520px) {

	.BTNmenu{
		width: 40%;

		max-width: 230px;
	}

	.menuBTN{

		padding: 20px 5px;

		width: calc(100% - 40px);

	}

	.ResultadosX{

		width: calc(100% - 16px);

		margin: 5px auto;

	}

	.formulario .formX, .formulario .formY{
		width: 99%;

		margin: 5px 0px;
	}

	.divTB{
		font-size: 11px;
	} 

		.divTB .titleTB{
			font-size: 12px;
		}

}

@media screen and (max-width: 450px){

}

@media screen and (max-width: 400px) {

	.content{

		width: calc(100% - 16px);

		padding: 0px 8px;

	}
	
	.notifMsg, .alertMsg, .errorMsg {
		width: calc(100% - 26px);
	}

	.menuBTN2{
		min-height: 60px;
	}

	.BTNmenu4{

		width: 55px;

		height: 55px;

		margin: 5px 0px;

		min-width: 50px;

	}
		.BTNmenu4 img{

			margin: 6px;

			width: 	40px;

			height: auto;

		}

		.BTNmenu4 .BTNtxt{
			display: none;
		}

	.formulario .btnIMG{

		padding: 0px 10px; 

	}

	.two-ninth, .fifth, .two-tenth, .sixth, .seventh, .eighth, .ninth, .tenth{
		width: calc(99% - 8px);
	}

	.full-md{
		width: calc(99% - 8px);
	}

	.xlarge-md{
		width: calc(74.25% - 8px);
	}

	.large-md{
		width: calc(66% - 8px);
	}

	.medium-md{
		width: calc(49.5% - 8px);
	}

	.small-md{
		width: calc(33% - 8px);
	}

	.xsmall-md{
		width: calc(24.75% - 8px);
	}
	

	.full-sm{
		width: calc(99% - 8px);
	}

	.xlarge-sm{
		width: calc(74.25% - 8px);
	}

	.large-sm{
		width: calc(66% - 8px);
	}

	.medium-sm{
		width: calc(49.5% - 8px);
	}

	.small-sm{
		width: calc(33% - 8px);
	}

	.xsmall-sm{
		width: calc(24.75% - 8px);
	}
	

	.full-xs{
		width: calc(99% - 8px);
	}

	.xlarge-xs{
		width: calc(74.25% - 8px);
	}

	.large-xs{
		width: calc(66% - 8px);
	}

	.medium-xs{
		width: calc(49.5% - 8px);
	}

	.small-xs{
		width: calc(33% - 8px);
	}

	.xsmall-xs{
		width: calc(24.75% - 8px);
	}

	.BTNmenu, .BTNmenu5{
		margin: 10px 0px;
	}

	.BTNmenu5{

		width: 40%;

		margin: 10px 5px;

	}
	.ResultadosX{

		/*height: 70px;*/

	}

		.ResultadosX img{

			/*height: 50px;

			margin: 10px 15px 10px 0px;*/

		}
		

	.formulario .input-pss{

		width: calc(100% - 10px);

		margin: 5px 0px 10px 0px;

	}

	.dataExp label:nth-of-type(1){
		font-size: 14px;
		margin-top: 5px;
	}

	.dataExp label:nth-of-type(1n + 2){
		font-size: 10px;
		max-width: 120px;
	}

}

@media screen and (max-height: 650px) {

	.form_center2{

		top: 20px;

	}

}


@media screen and (max-height: 620px) {

	#menu{

  		overflow-y: scroll;

    	width: 290px;	

	}

}


@media screen and (max-height: 500px) {

	.menuBTN2{
		width: calc(100% - 14px);

		padding: 10px 5px;

		min-height: 110px;
	}

	.BTNmenu4{

		width: calc(25% - 15px);

		height: 100px;

		margin: 10px 5px;

		min-width: 70px;

		max-width: 120px;

	}
		.BTNmenu4 img{

			margin: 6px;

			width: 	55px;

			height: 55px;

		}

		.BTNmenu4 .BTNtxt{
			font-size: 12px;

			height: 16px;
		}

}

@media screen and (max-height: 400px) {

	.form_center{

		top: 20px;

	}

	.menuBTN2{
		min-height: 60px;

		padding: 5px;
	}

	.BTNmenu4{

		width: 55px;

		height: 55px;

		margin: 5px 0px;

		min-width: 50px;

	}
		.BTNmenu4 img{

			margin: 6px;

			width: 	40px;

			height: auto;

		}

		.BTNmenu4 .BTNtxt{
			display: none;
		}

}

@media print{
	header, #footerAPP, #menu_img[class="menuSub"]{
		display: none;
	}

	#menu, #menu[class="mnSub"], #UnidadN, #UnidadM, .unidadH, #menu_img{
		height: 0px;
		width: 0px;
		min-height: 0px;
		min-width: 0px;
		border: 0px;
		padding: 0px;
		margin: 0px;
		position: absolute;
	}

	#content{
		top: 0px;
		height: initial;
		margin: 0px;
		padding: 0px;
		width: 100%;
		min-width: 950px;
		overflow: hidden;
	}

	body{
		overflow: auto;	
	}
}