@charset "UTF-8";
html{ font-family: Arial, Helvetica, "Helvetica Neue", Arial, sans-serif; }
html, body { margin: 0; padding: 0; width: 100%; height: 100%; display: table; min-width: 320px; }
#divInicial {vertical-align: middle;/* display: table-cell; */display: none;}
#divInicial.noLoginOpenser {}
#divInicial.noLoginOpenser #loginOpenser { display: none; }
#divInicial.noLoginOpenser #socialLoginForm {
    width: 100%;
    margin-top: 37px;
}
#divInicial.noLoginOpenser #login_accounts {
    text-align: center;
    margin: 0;
}
#contenedorlogin { display: none; height: 100%; top: 0; vertical-align: middle; background-color: transparent; width:100%; bottom:0; position: absolute; }
.divBoxLogin { width: 100%; height: 12%; position: absolute; top: 0px; left: 0; }
#barracorporativa_Login {width:100%;height:50px;margin-top: 129px;position: absolute;display: none;}
#barracorporativa_Login .left { width: 50%; height:50px; background: #333333; }
#divDown_Login {width:100%;height: 100%;position: fixed;left: 0;z-index: -10;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
#divBackground_Start {z-index: 0;position: fixed;background: url(../../../content/images/background_start.jpg) no-repeat fixed center;width: 100%;height: 100%;left: 0;background-size: cover;display: none;}
#imgOpenFooter_Login {background: url(../../../content/images/logoOpenserWhite.png) no-repeat center;width: 120px;background-size: contain;height: 28px;margin: 0 auto;margin-bottom: 10px;cursor: pointer;}
#divLoadingStart {z-index: 0;position: fixed;width: 100%;height: 100%;background-color: #ffffff;}
#divLoadingBackground {background-color: #dfdfdf;width: 500px;margin: 0 auto;height: 15px;border-radius: 20px;display: none;}
#divLoadingBar {width: 0%;height: 30px;background-color: #3854ff;border-radius: 20px;top: -7px;position: relative;}
#errores_login { display: none; }
#contenedorlogin footer { font-size:10px; font-weight:normal; color: whitesmoke; text-align:center; bottom:0; position:absolute; width:100%; margin:0 0 10px 0; }
#btnActiveDirectory { background-color: #0078d7; display: none; }
#divBackground_Login {background: rgba(0, 0, 0, 0.4);position: fixed;left: 0;width: 100%;height: 100%;z-index: -8;}
#divInicial .serviceDown {position: absolute;margin-top: 40px;display: none;text-align: center;}
#divInicial .serviceDown .text, #divInicial .serviceDown .text a {font-size: 20px;color: #ff3434;font-weight: 500;width: 100%;margin: auto;font-family: system-ui;float: none;text-align: start;}
#divInicial.serviceDown .serviceDown {display: block;}

/* Loading */
#loading {display:none;left: 0;right:0;top:0;bottom:0;position: fixed;z-index: 1112;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);overflow: auto;outline: 1px solid black;} /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000); */
#loading_items { position:fixed; }
#loading .img { height: 30px; width: 30px; background: url(../../../App/content/images/gif_animado.gif) no-repeat center; background-size: contain; }

.contenidologin {
	height: 400px;
	margin-top: 0 !important;
	position: absolute;
	width:486px;
	background: rgba(234, 234, 234, 0.7);
	margin:0 auto;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}
.logotipo { padding-bottom: 24px;
	width:486px;
	height:105px;
	background-color:#2E1011;
	text-align:center;
}
#contenidologin .title {
	margin:0px;
	padding:15px 0 0 0;
	display:block;
	width:486px;
	height:35px;
	color:#FFFFFF;
	font-size:18px;
	font-weight: normal;
	vertical-align:central;
}
.contenidologin span{
	display:block;
	width:24px;
	height:24px;
	float:left;
	font-size:26px;
	color:#FFFFFF;
	margin:10px 12px 0 15px;
	}
.camp1, .camp2,#socialLoginForm{
	width:242px;
	height:184px;
	float:left;
	margin:14px 0 0 0;}
.separador1{
	border-right: #EAEAEA solid 1px;
	width:1px;
	height:190px;
	float:left;
	margin-top:10px;}
.separador2{
	border-right: #EAEAEA solid 1px;
	width:1px;
	height:75px;
	float:left;
	margin:120px 0 0 -3px}
.separador2 h4{
	font-weight:normal;
	font-size:14px;
	margin:-26px 0 0 -3px;}
.camp1 h4,.camp2 h4, #socialLoginForm h4{
	font-size:14px;
	color:#333333;
	margin:0px 0 0 16px;
	padding:0px;
	text-align: left;}
.camp1 form, .camp2 form, #loginOpenser .controls{
	margin:10px 15px 0 15px;
	}
#pass input[type="text"], #recuperarcontra input[type="text"] {
	border:#B3B3B3 solid 1px;
	font-size:14px;
	background:#FFFFFF;
	/*color:#333333;*/
	margin:0px 0 8px 0px;
	width: 98%;
	height:30px;
	padding:0 0 0 5px;
	text-align:left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	}
#pass < placeholder, #recuperarcontra < placeholder{
	color:#27BE0B;
	font-weight:bold;}
#pass input[type="text"]:focus, #recuperarcontra input[type="text"]:focus{
	border:#505050 solid 1px;
    color: #333333;
	outline:0px;}
#pass::-webkit-input-placeholder { color: #27BE0B; } /* WebKit */
#pass:-moz-placeholder { color: #27BE0B; } /* Firefox 18- */
#pass::-moz-placeholder { color: #27BE0B; } /* Firefox 19+ */
#pass:-ms-input-placeholder { color: #27BE0B; } /* IE 10+ */
#pass input[type="password"] {
	border:#B3B3B3 solid 1px;
	font-size:14px;
	background:#FFFFFF;
	/*color:#333333;*/
	margin:0 0 4px 0px;
	width: 98%;
	height:30px;
	padding:0 0 0 5px;
	text-align:left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	}
#pass input[type="password"]:focus {
	border:#505050 solid 1px;
    /*color: #333333;*/
	outline:0px;}
#pass label{
	font-size:12px;
	color:#505050;}
#pass input[type="checkbox"]{
	margin-bottom:5px;
    }
.botonsesion{
	width: 98%;
	height:32px;
	font-size:14px;
	margin:0px 0 0 0;
	background:#505050;
	border: #B3B3B3 solid 1px;
	color:#EAEAEA;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	cursor: pointer;

	appearance: push-button;
    user-select: none;
    white-space: pre;
    align-items: flex-start;
    text-align: center;
	}
.botonsesion:hover{
	background:#EAEAEA;
	border:none;
	color:#333333;}
.botonsesion:active{
	background:#333333;
	border:none;
	color:#B3B3B3;}
#pass input[type="submit"]:focus, #recuperarcontra input[type="submit"]:focus {
	border: #B3B3B3 solid 1px;
	outline:0px;}
#pass a{
	font-size:13px;
	color:#505050;
	text-align:right;
	float:right;
	margin:12px 0 0 0;
	margin:6px 0 0 0;
}
#pass a:hover{
	color:#333333;
	/* margin:12px 0 0 0; */
}
#mnsociales, #mnsociales  ul  {
	list-style:none;
	margin:0;
	padding:0;}
#mnsociales  li {
	margin:44px 0 0 0px;
	padding:0; }
#socialLoginList {
    width: 100%;
    height: 184px;
    float: left;
    /*margin: 44px 0 0 0;*/
    text-align: center;
}
#loginAPI { display: none; }
#loginOpenser.unique { float: none;margin: 0 auto;margin-top: 25px; }
#loginOpenser.unique #forgotPassword_link { text-align: center; float: none; display: block; }

#mnsociales li a, #socialLoginList button, .divButtonSocial {
	width:100%;
    max-width:212px;
	display: none;
	padding:8px 0px;
	margin:8px auto 0px;
	text-decoration:none;
	text-align:center;
	font-size:16px;
	color:#FFFFFF;
	border-radius: 4px;
    border:0px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    cursor: pointer;
}
.divButtonSocial:hover { background-color: #505050 !important; color:#FFFFFF; }
.divButtonSocial .text { display: inline-block; margin-left: 5px; font-family: Arial, Helvetica, "Helvetica Neue", Arial, sans-serif; }
.divButtonSocial .fa { font-size: 18px; }
#GoogleLogin .text { margin-left: 1px; }

#mnsociales li a:hover, #socialLoginList button:hover {
	background:#505050;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	padding:8px 0px;
	margin:8px 0 0 0;}
#mnsociales li a:active,, #socialLoginList button:active{
	background:#333333;
	border:none;
	color:#B3B3B3;}
.socialtw, #Twitter{
	background:#01ACED;
	}
.socialgo, #Google{ background:#DC4A38; }
#Google { display: none; }
#mnsociales .socialgo:before, .socialtw:before, #socialLoginList button:before{
    content: attr(data-icon);
	font-size:18px;
	vertical-align: middle;
    padding-right: 5px;
}
.recuperandocontra{
	width:214px;
	height:0px;
	background: rgba(230, 230, 230, 0.9);
	display: block;
	float:left;
	position: absolute;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	overflow:hidden;
	border-radius: 0px 0px 0px 6px;
	-moz-border-radius: 0px 0px 0px 6px;
	-webkit-border-radius: 0px 0px 0px 6px;
	-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.4);
}
#recuperarcontra{
	padding:0px 15px 0px 15px;}
#recuperarcontra h4{
	font-size:14px;
	color:#333333;
	margin:20px 0 10px 0;
	padding:0px;
	text-align: left;
	}
#recuperarcontra p{
	font-size:12px;
	color:#333333;}
.text-danger { padding-top: 15px; font-size: 14px; width: 450px; line-height: 15px; }
.text-danger ul { padding-left: 20px; }

.omniser #imgPinkVerify { display: none; }
#imgPinkVerify { background: url(../../../content/images/pinkVerify.jpg) no-repeat center; background-size: contain; position: absolute; bottom: 23px; right: 0px; width: 125px; height: 40px; }

#switchLanguage { float: right; margin: 10px 5px; font-size: 15px; color: white; padding: 5px 15px; }
#comboLanguage { margin-left: 10px; border-radius: 10px; padding: 3px 7px; border: 0; outline: none; }

.mouse { cursor: pointer; }

#privacy_policy, #tems_use { text-decoration: none; color: inherit; }

.iconError {background-image: url('../images/error.png');background-size: cover;background-repeat: no-repeat;width: 18px;height: 18px;display: inline-block;float: left;margin-right: 7px;top: 4px;position: relative;}

@media (max-width: 560px) {
	#imgPinkVerify { bottom: 35px; }
}

@media (max-height: 400px) {
  #contenedorlogin footer { display: none; }
  body { background-size: inherit; }
}

@media (max-width: 500px) and (min-width: 320px) {
  .logotipo, .contenidologin h3, .contenidologin { width: 100%; }
  #socialLoginForm, .camp1 { width: 50%; }
  #socialLoginList { width: 98%; text-align: left; }
  #recuperarcontra { width: 45%; }
  #socialLoginForm h4 { margin: 0; }
  #contenedorlogin footer { margin: 0; }
}

@media (max-width: 320px) {
	body { overflow-y: hidden; }
}