/* Redesign Login page */

body{
font-family: 'IBM Plex Sans', sans-serif;
}

.login-page, .register-page{
background-color: #f3f4f7;
}

.login-box, .register-box{
width: 1075px;
max-width: 90%;
}

.login-box-body, .register-box-body{
padding: 2.25rem !important;
}

.loginWrapper{
border: 1px solid #e2e7f1;
border-radius: 5px;
background-color: #fff;
padding:0;
overflow: hidden;
}

.logoutama,.rsuds{
display: inline-grid;
}

.logoutama{
width: 75px;
height: auto;
margin-top:15px;
}

.login-box-msg, .register-box-msg{
margin: 40px 0 0 0;
text-align: left;
padding-left: 0;
}

.login-box-msg strong, .register-box-msg strong{
color: #343a40;
font-weight: 500;
}

.form-control{
display: block;
width: 100%;
padding: 21px 15px;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #4b4b5a;
background-color: #fff !important;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.position-relative{
position: relative;
}


.form-horizontal .has-feedback .form-control-feedback {
    right: 21px;
    top: 44px;
}

.btn-primary {
    color: #fff;
    background-color: #5369f8;
    border-color: #5369f8;
    border-radius: 5px !important;
    padding: 10px 15px;
    font-size: 15px;
}

.btn-primary:hover {
    color: #fff;
    background-color: #4759d3;
    border-color: #4254c6;
}

.form-label{
color: #4b4b5a;
margin-top: 15px;
}

.loginButton{
margin-top: 15px;
}

#loginImg{
display: block;
background: url(img/login.jpeg) no-repeat 0 0;
background-size: cover;
width: 100%;
height: 100%;
min-height:487px;
}