form {
	height:100%; /* changed by EP 20.1.2017 Aesthetic reasons   */
	width: 100%; /* changed by EP 20.1.2017 Aesthetic reasons   */
}



.login-container {
   /* Blocked out by EP 20.1.2017 Aesthetic reasons
  margin:auto;
    */
	/* Added by EP 20.1.2017 Aesthetic reasons   
   position: absolute; */

   margin: 0 auto;
   max-width:400px;
   background: white; /* Added by EP 20.1.2017 Aesthetic reasons  */
   border-radius:2px;
   border: 1px solid #cacaca;
   box-shadow: 2px 1px 5px #cacaca;
   
   /* Blocked out by EP 20.1.2017 Aesthetic reasons
   padding: 5px 5px 5px 5px;
    */
	/* Added by EP 20.1.2017 Aesthetic reasons   */
    padding: 50px;
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   -o-transform: translateY(-50%);
}

.login-header {
   /* changed by EP 20.1.2017 Aesthetic reasons   */
   margin-bottom: 28px;
      border-bottom: 0px solid #cacaca;
}

.login-header .caption-with-logo {
   background: url('../images/koppermannlogo.png') no-repeat right center #fff;
   height: 35px;
   color: #363636;  /* changed by EP 20.1.2017 Aesthetic reasons   */
   /* changed by EP 20.1.2017 Aesthetic reasons   */
   font-weight: normal;
   font-family: "Helvetica Neue", Helvetica, Arial;
   font-size: 2em;
   line-height: 35px;
   padding-left: 10px;
   padding-right: 120px;
   margin-bottom: 25px;   /* changed by EP 20.1.2017 Aesthetic reasons   */
   margin-top: 3px;
}

.login-header .sub-caption {
   text-align: right;
   font-size: 1em;
   color: #a9a9a9;
   font-family: 'Courier New';
}

.login-controls {
   margin-top: 3px;
}

.control-caption {
 margin-bottom: 10px; /* changed by EP 20.1.2017 Aesthetic reasons   */
 margin-top: 10px; /* changed by EP 20.1.2017 Aesthetic reasons   */
}

.login-controls .control-caption {
   font-size: 1.1em;
   font-weight: normal;
   /*   margin-bottom: 3px; changed by EP 20.1.2017 Aesthetic reasons   */
}



.login-controls .control-field {
  /* changed by EP 20.1.2017 Aesthetic reasons     margin-left: 5px; */
  /* changed by EP 20.1.2017 Aesthetic reasons  margin-right: 5px; */
  height: 40px;  /* added by EP 20.1.2017 Aesthetic reasons   */
}

.control-field  input{
   box-sizing:border-box;
   padding: 2px 10px 2px 10px;
   height: 40px; 
  display:block;
  width: 100%;
  }

.login-controls .control-field input {
  
   font-size: 1.8em; /* changed by EP 20.1.2017 Aesthetic reasons   */
   border: 1px solid #aaa;
   font-family: "Helvetica Neue", Helvetica, Arial; /* added by EP 20.1.2017 Aesthetic reasons   */
   border-radius: 2px;
   
  }


 
  
  
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important; /* added by EP 20.1.2017 Aesthetic reasons   */
	}


	
.divider {
   height: 18px; /* changed by EP 20.1.2017 Aesthetic reasons   */
   display: block;
}

.login-controls input[type="submit"] {
   padding: 20px 30px; /* changed by EP 20.1.2017 Aesthetic reasons   */
   border: 1px solid #aaa;
   background: #fff;
   border-radius: 6px;
   font-size: 20px; /* changed by EP 20.1.2017 Aesthetic reasons   */
   font-family:    font-family: "Helvetica Neue", Helvetica, Arial; /* changed by EP 20.1.2017 Aesthetic reasons   */
}
.login-controls input[type="submit"]:hover {
   padding: 20px 30px; /* changed by EP 20.1.2017 Aesthetic reasons   */
   border: 1px solid #aaa;
   background: #C0C0C0;
   border-radius: 6px;
   font-size: 20px; /* changed by EP 20.1.2017 Aesthetic reasons   */
   font-family:   font-family: "Helvetica Neue", Helvetica, Arial; /* changed by EP 20.1.2017 Aesthetic reasons   */
}

.login-pwd-change {
   font-size: 12px;
   text-align: right;
}

.login-errors {
   font-size: 13px;
   color: red;
 /*  border-top: 1px solid #cacaca;  changed by EP 20.1.2017 Aesthetic reasons   */
   padding-top: 4px;
}