.login-register .login-container .form-container form .form-group small a:hover,
.login-register .login-container-full-height form .form-group small a:hover,
.login-register .register-container .form-container form .form-group small a:hover,
.login-register .register-container-full-height form .form-group small a:hover {
    text-decoration: underline
}
.login-register .login-container .form-container form .form-group .form-bottom,
.login-register .login-container-full-height form .form-group .form-bottom,
.login-register .register-container .form-container form .form-group .form-bottom,
.login-register .register-container-full-height form .form-group .form-bottom {
    color: rgba(115, 135, 156, .7)
}
.login-register {
    /*background-image: url(../img/login-bg.jpeg);*/
    background-size: cover;
    background-position: top center;
    position: relative;
    /*display: inline-block;*/
}
.login-register:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(45, 46, 46, .51);
    z-index: 1
}
.login-register .login-container,
.login-register .register-container {
    z-index: 2
}
.login-register .login-container .logo-container,
.login-register .register-container .logo-container {
    margin-bottom: 15px
}
.login-register .login-container .logo-container img,
.login-register .register-container .logo-container img {
    width: 65px;
    height: auto
}
.login-register .login-container .logo-container .logo,
.login-register .register-container .logo-container .logo {
    font-size: 18px
}
.login-register .login-container .form-container,
.login-register .register-container .form-container {
    margin: 50px 0;
    background: #fff;
    padding: 38px;
    box-shadow: 0 4px 23px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, .09);
    -webkit-box-shadow: 0 4px 23px 0 rgba(0, 0, 0, .09)
}
.login-register .login-container .form-container h4,
.login-register .register-container .form-container h4 {
    margin-bottom: 20px
}
.login-register .login-container .form-container form .form-group .btn-submit,
.login-register .register-container .form-container form .form-group .btn-submit {
    padding: 10px;
    font-size: 17px;
    border-radius: 0
}
.login-register .login-container .form-container form .form-group .form-bottom .btn-circle,
.login-register .register-container .form-container form .form-group .form-bottom .btn-circle {
    font-size: 16px
}
.login-register .login-container .form-container form .form-check,
.login-register .register-container .form-container form .form-check {
    margin-bottom: 25px
}
.login-register .login-container-full-height,
.login-register .register-container-full-height {
    background-color: #fff;
    width: 30%;
    z-index: 2;
    position: relative
}
.login-register .login-container-full-height .logo-container,
.login-register .register-container-full-height .logo-container {
    margin-bottom: 15px
}
.login-register .login-container-full-height .logo-container img,
.login-register .register-container-full-height .logo-container img {
    width: 80px;
    height: auto
}
.login-register .login-container-full-height .logo-container .logo,
.login-register .register-container-full-height .logo-container .logo {
    font-size: 18px
}
.login-register .login-container-full-height h4,
.login-register .register-container-full-height h4 {
    margin-bottom: 20px
}
.login-register .login-container-full-height form,
.login-register .register-container-full-height form {
    width: 75%
}
.login-register .login-container-full-height form .form-group .btn-submit,
.login-register .register-container-full-height form .form-group .btn-submit {
    padding: 10px;
    font-size: 17px;
    border-radius: 0
}
.login-register .login-container-full-height form .form-group .form-bottom .btn-circle,
.login-register .register-container-full-height form .form-group .form-bottom .btn-circle {
    font-size: 16px
}
.login-register .login-container-full-height form .form-check,
.login-register .register-container-full-height form .form-check {
    margin-bottom: 25px
}
.login-register .login-container .form-container,
.login-register .register-container .form-container {
    width: 440px
}
.login-register .form-check a {
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}
.login-register .form-check a:hover {
    font-weight: 600;
    opacity: .8;
    color: #2A3F54
}
@media (max-height:420px) {
    .login-register {
        min-height: 100%!important;
        height: auto!important
    }
    .login-register .logo-container {
        padding-top: 10px
    }
}
@media (max-width:576px) {
    .login-register .login-container,
    .login-register .register-container {
        width: 100%
    }
    .login-register .login-container .form-container,
    .login-register .register-container .form-container {
        margin: 0;
        min-height: 100vh;
        width: 100%;
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }
    .login-register .login-container .form-container form,
    .login-register .register-container .form-container form {
        width: 80%
    }
    .login-register .login-container-full-height,
    .login-register .register-container-full-height {
        width: 100%;
        min-height: 100vh
    }
}
@media (min-width:578px) and (max-width:1200px) {
    .login-register .login-container-full-height,
    .login-register .register-container-full-height {
        width: 50%
    }
}
@media (max-width:340px) {
    .login-register .login-container .form-container .logo-container,
    .login-register .login-container .form-container h4,
    .login-register .login-container .logo-container,
    .login-register .login-container h4,
    .login-register .login-container-full-height .form-container .logo-container,
    .login-register .login-container-full-height .form-container h4,
    .login-register .login-container-full-height .logo-container,
    .login-register .login-container-full-height h4,
    .login-register .register-container .form-container .logo-container,
    .login-register .register-container .form-container h4,
    .login-register .register-container .logo-container,
    .login-register .register-container h4,
    .login-register .register-container-full-height .form-container .logo-container,
    .login-register .register-container-full-height .form-container h4,
    .login-register .register-container-full-height .logo-container,
    .login-register .register-container-full-height h4 {
        margin-bottom: 0;
        margin-top: 0
    }
    .login-register .login-container .logo-container img,
    .login-register .login-container-full-height .logo-container img,
    .login-register .register-container .logo-container img,
    .login-register .register-container-full-height .logo-container img {
        width: 45px
    }
    .login-register .login-container .form-container,
    .login-register .login-container-full-height .form-container,
    .login-register .register-container .form-container,
    .login-register .register-container-full-height .form-container {
        padding: 2px
    }
    .login-register .login-container .form-container .material-form .form-group,
    .login-register .login-container-full-height .form-container .material-form .form-group,
    .login-register .register-container .form-container .material-form .form-group,
    .login-register .register-container-full-height .form-container .material-form .form-group {
        margin-top: 10px
    }
}