@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap');

/* CSS Document */
a {
    transition: all 0.5s ease 0s;
}
html,
body
{
	background:#fff;
	width:100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", sans-serif;
}

#campos div > span > input{display: none !important; }

body{
	background-image: url('../img/login_bg.jpg');
	background-size: cover;
		background-position: center top;
}


#container{
	display: table;
	width:100%;
	height: 100%;
}
#login{
	display: table-cell;
	width:100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	
}
#inner{
	display: inline-block;
	box-shadow: 0px 0px 4px #666;
	border-radius: 8px;
	overflow: hidden;
	width: 453px;
}
#header{
	text-align: center;
	background: #f57f18;
	padding: 46px 0 35px;
	border-radius: 8px 8px 0 0 ;
	overflow: hidden;
}
#header img{
	height: 75px;
}
h2{ color: #f57f18; font-weight: 500; margin: 0 0 14px; }
.info{ margin-bottom: 15px; }
.form{
	padding: 35px 42px 20px;
	background-color: #FFF;
}
.input{
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin-bottom: 11px;
}
#submit{ padding-top: 2px; }
#submit input{
	background-color: #f57f18;
    width: 108px;
    padding: 12px 0 7px;
    border-radius: 8px;
    border: 2px solid #f57f18;
    color: #FFF;
    font-weight: 700;
    font-size: 15px;
    display: inline-block;
    line-height: 1.2;

}
#error span{ color: #D00104;font-weight: 500;margin-bottom: 7px; display: block; }
#submit input:hover{
	background-color: #fff;
	color: #f57f18;
}
#recordar{ padding-top: 2px;}
#recordar label{ font-weight: 100; cursor: pointer; }
#recordar input{ cursor: pointer; }


.botones{
	padding-top: 7px;
	font-weight: 100;
}
.botones hr{
	margin:26px 0 25px;
	border-color: #ccc;
}
.botones a{ color:rgb(51, 51, 51); text-decoration: none; }
.botones a:hover{ color:#f57f18; }
.botones a.naranja{ color:#f57f18; text-decoration: underline; }
.botones a.naranja:hover{ color:rgb(51, 51, 51); }
.info_password{ margin:15px 0;}
.info_password span{ cursor: pointer; }
.info_password span:hover{ color:#f57f18;}
#scorebarBorder{ line-height: 1; margin: 0 5px;font-size: 13px; display: inline-block; vertical-align: middle; cursor: pointer; }
.input.input_pwdmeter{ padding-right: 22px; }
/*.input_pwdmeter_check{ margin-bottom: 0; }*/
.input_pwdmeter_container{ position: relative; display: block;}
#ver {
	position: absolute;
	top: 1px;
	right: 1px;
	font-size: 8px;
	cursor: pointer;
}

@media (max-width: 550px) {
	#container{display: block;}
	#login{display: block;}
	#inner{
		width:100%;
		border-radius: 0;
		box-shadow: none;
	}
	#header{border-radius: 0;}
	.form{
		max-width: 453px;
		margin: 0 auto;
	}
}
@media (max-height: 620px) {
	#container{display: block;}
	#login{display: block;}
	#inner{
		width:100%;
		border-radius: 0;
		box-shadow: none;
	}
	#header{border-radius: 0;}
	.form{
		max-width: 453px;
		margin: 0 auto;
	}
}
@media (max-width: 400px){
	.form {padding: 35px 20px 20px;}	
	h2{ font-size: 28px;}
}



#tablePwdStatus{
	-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */      
	pointer-events: none;
}


@media (max-width: 767px){
#scrollJS{cursor: move; }
}

.label_check *{
	vertical-align: middle;
}
.div_check{
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.div_check .input_check{ width: 100%; height: 100%; opacity: 0; position: absolute; top:0; left: 0; cursor: pointer; z-index: 2; margin:0; }

.div_check .check_on{ display: none; }
.div_check .input_check:checked + div .check_off{ display: none; }
.div_check .input_check:checked + div .check_on{ display: block; }