.kt-login.kt-login--v1 .kt-login__aside {
width: 605px;
padding: 3rem 3.5rem;
background-repeat: no-repeat;
background-size: cover;
}
.kt-login.kt-login--v1 .kt-login__aside .kt-login__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.kt-login.kt-login--v1 .kt-login__aside .kt-login__title {
color: White;
font-size: 2rem;
font-weight: 500;
}
.kt-login.kt-login--v1 .kt-login__aside .kt-login__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu>a {
text-decoration: none;
color: White;
margin-right: 2rem;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
.kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu>a:hover {
color: White;
}
.kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu>a:hover:after {
border-bottom: 1px solid White;
opacity: .3;
}
.kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu>a:last-child {
margin-right:0;
}
.kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__copyright {
color: rgba(255, 255, 255, .4);
}
.kt-login.kt-login--v1 .kt-login__wrapper {
padding: 3rem 3rem;
background: White;
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form {
width: 100%;
max-width: 450px;
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__title {
display: block;
text-align: center;
margin-bottom: 5rem;
text-decoration: none;
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__title>h3 {
font-size: 2rem;
color: #67666E;
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-form {
margin: 4rem auto;
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-form .form-group {
margin: 0;
padding: 0;
margin: 0 auto;
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-form .form-group .form-control {
border: none;
height: 50px;
margin-top: 1.25rem;
background-color: rgba(247, 247, 249, .7);
padding-left: 1.25rem;
padding-right: 1.25rem;
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-form .form-group .form-control:focus {
-webkit-transition: background-color .3s ease;
transition: background-color .3s ease;
background-color: #F7F7F9;
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 3rem 0;
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__btn-primary {
font-weight: 500;
font-size: 1rem;
height: 50px;
padding-left: 2.75rem;
padding-right: 2.75rem;
}
@media (min-width:1025px) {
.kt-login.kt-login--v1 .kt-login__aside {
-webkit-box-flex: 1;
-ms-flex: 1;
flex:1;
}
}
@media (max-width:1024px) {
.kt-login.kt-login--v1 .kt-login__aside {
width: 100%;
height: auto;
padding: 2rem 1.5rem;
}
.kt-login.kt-login--v1 .kt-login__aside .kt-login__logo {
margin-bottom: 2.5rem;
}
.kt-login.kt-login--v1 .kt-login__aside .kt-login__info {
margin-top: 2rem;
}
.kt-login.kt-login--v1 .kt-login__wrapper {
padding: 3rem 1.5rem;
}
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 5rem;
}
}