#google_translate_element {
     position: absolute;
     z-index: 99999;
     margin: 30% 0 0 -5%;
     -ms-transform: rotate(90deg);
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
}
 .backgroundImageForLogin{
     background-image: url("../images/loginBackground.jpg");
     background-size: cover;
     height:100vh;
}
 .form {
     height:52%;
     background-color:#ffffff;
     position: absolute;
     top: 25%;
     width:38%;
     margin-left:60%;
     border-radius:4pt;
}
 input.ng-invalid {
     border: 1px solid red;
}
 #scgj-logo {
     height: 23%;
     width: 47%;
     display: inline;
}
 #valid-email {
     margin-left:50%;
}
/*=== 4. Main Form ===*/
 .main-login-form {
     position: relative;
}
 .login .form-control {
     border: 0;
     box-shadow: 0 0 0;
     border-radius: 0;
     color: #555555;
     height:auto;
}
 .login .form-control::-webkit-input-placeholder {
     color: #A9A9A9;
}
 .login .username-text {
     width:95%;
     border:none;
     outline:none;
     border-bottom: 2px solid #ccc;
}
 .login .password-text {
     width:95%;
     border:none;
     outline:none;
     border-bottom: 2px solid #ccc;
}
 .login-button {
     width: 50%;
     background-color:#3279C0;
     color: #ffffff;
     padding: 1.5%;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 12pt;
     border-radius:5px;
     border: none;
     margin-top:2%;
     margin-left:24%;
}
 .user-icon {
     margin-left:102%;
     margin-top:2%;
     cursor:auto;
}
 .password-icon {
     margin-left: 105%;
     margin-top:2%;
     margin-bottom:4%;
}
 .valid {
     margin-left:65%;
     color:red;
     font-weight:bold;
}
 #lg-username {
     display:inline;
}
 #errorMessage{
     color:red;
     font-size: 9pt;
     font-weight: bold;
}