#app_login {
	
    position: absolute;
    top: 0;
    left:0;
    height: 100vh;
    width:  100vw;
    background-image: url('../img/login_bg.jpg');
    background-position: center top; 

    background-repeat: no-repeat;
/*    background-attachment: fixed; */
/*    background-size: cover; */

	padding:  0;
	margin:   0;
	overflow: hidden;
	z-index: 10;
}

#login_form_close {
	
	position: absolute;
    top: 2vw;
	left: 95vw;
	z-index: 12;
	height: 3vw;
	width:  3vw;
	
	padding: 0;
	margin: 0;
    overflow: hidden;
/*    border: 1px solid white;	*/

    background-image: url('../img/cross_dark.svg');
	background-color: rgba(250, 250, 250, 0.33);
    background-position: center center; 
    background-repeat: no-repeat;
    background-size: 100% auto; 
		
} 

#login_form_close:hover, #login_forgot_box:hover {

       cursor: pointer;
}

#login_form_box {
	
/*	position: absolute; */
	position: relative;
        top: 2vw;
	left: 10vw;
	
/*	height: calc(100vh - 4vw);*/
	height: calc(100% - 4vw);
	width: 38vw;
	
	z-index: 11;
	padding: 0;
	margin: 0;
    overflow: hidden;
	background-color: rgba(250, 250, 250, 0.33);
    border: 1px solid rgba(243, 159, 53, 0.2);
		
} 

#login_hd {
	
    height: 37.55vw;
    width: 100%;
    background-position: left top; 
    background-repeat: no-repeat;	
    background-size: 100% auto;
    opacity: 1;
}

#login_hd { background-image: url('../img/signin.svg'); }

.form_submit {
  display: block;

  position: relative;
  left:20%;
  width: 60%;
  margin: 0;
  padding:0;
  
/*  	background-color: #e0830d; */
  color: #fff;

  font-size: 4vw;
  line-height: 4.2vw;
  height: 8vw;
  border: 0;
  cursor: pointer;

  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}

.form_submit { background-color: #f39f35; border-color: #f39f35; outline-color: #f39f35; }

#login_error_box {
	
	position: absolute;
    top: 27vw;
	left: 10%;
	
	height: 7%;
	width: 80%;
	
	padding: 0;
	margin: 0;
    overflow: hidden;
/*    border: 1px solid red;	*/
	
	color: #cc0033;
	display: inline-block;

	font-family: roboto, Arial, sans-serif;
    text-align: left;
    white-space:nowrap;
	font-size: 1.4vw;  
    line-height: 1.6vw;
    text-overflow: ellipsis;	
}

#login_forgot_box {
	
	position: absolute;
    top: 85%; /*37vw;*/
	left: 10%;
	
	height: 1.8vw;
	width: 38%;
	
	padding: 0;
	margin: 0;
    overflow: hidden;
/*   border: 1px solid red;	 */
	display: inline-block;

	font-family: roboto, Arial, sans-serif;
    text-align: left;
    white-space:nowrap;
	font-size: 1.4vw;  
    line-height: 1.5vw;
    text-overflow: ellipsis;	
}

#login_forgot_box { color: #bceabd; /*#4688f1;*/}
	
.form_field{
	
	font-family: roboto, Tahoma, Arial, sans-serif;
    text-align: left;
    white-space:nowrap;
	font-size: 2vw;  
    line-height: 2.2vw;
    text-overflow: ellipsis;

}

.form_gap {
	width:1px;
	height:3vw;
}

.form_input_box {
	
	position: relative;
	left:10%;
/*	border: 1px solid green;	*/
	width: 80%;
	margin: 0;
	padding:0;
}

.field_label{
	
	pointer-events:none;
	position: absolute;
	left:0;
	color:#494a4d;
	transition: top .6s ease,font-size .6s ease,line-height .6s ease;
}

.field_line {
	left: 0;
	border-bottom: 1.3px solid #696a6d;
}

.field_line:before {
  width: 0;
  border-bottom: 3px solid black;
  
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  
  position: absolute;
  transition: width .6s ease,border-color .6s ease;
}

.field_input:focus~.field_line:before {  width: 100%;}

.field_input:valid~.field_line:before {
  
  border-bottom: 3px solid  #222;/*#e0830d;*/
  width: 100%;
}

.field_input:-webkit-autofill~.field_label {

  color:red;

}

.field_input {
    box-shadow:none;
}
/*
#username_input {
  -webkit-appearance: none;
  appearance: none;
}
*/
.field_input:autofill {
  background: transparent;  /* or any other */
}

.field_input:-moz-placeholder,

.field_input:focus {
    box-shadow:none !important;
}

.field_input:invalid {
    border: none;
}

.field_input[type=email]::-ms-clear { display: none; }

.micon_box:hover { cursor: pointer;}