.login {

    background-color: #009dc7 !important

}

.login .logo {

    margin: 8% auto 0;

    padding: 15px;

    text-align: center

}

.login .content {

    background-color: #fff;

    -webkit-border-radius: 7px;

    -moz-border-radius: 7px;

    -ms-border-radius: 7px;

    -o-border-radius: 7px;

    border-radius: 7px;

    width: 400px;

    margin: 40px auto 10px;

    padding: 10px 30px 30px;

    overflow: hidden;

    position: relative

}

.login .content h3 {

    color: #4db3a5;

    text-align: center;

    font-size: 28px;

    font-weight: 400!important

}

.login .content h4 {

    color: #555

}

.login .content .hint {

    color: #999;

    padding: 0;

    margin: 15px 0 7px

}

.login .content .forget-form,

.login .content .login-form {

    padding: 0;

    margin: 0

}

.login .content .form-control {

    

    height: 43px;

    color: #8290a3;

    border: 1px solid #dde3ec

}

.login .content .form-control:active,

.login .content .form-control:focus {

    border: 1px solid #c3ccda

}

.login .content .form-control::-moz-placeholder {

    color: #8290a3;

    opacity: 1

}

.login .content .form-control:-ms-input-placeholder {

    color: #8290a3

}

.login .content .form-control::-webkit-input-placeholder {

    color: #8290a3

}

.login .content select.form-control {

    padding-left: 9px;

    padding-right: 9px

}

.login .content .forget-form,

.login .content .register-form {

    display: none

}

.login .content .form-title {

    font-weight: 300;

    margin-bottom: 25px

}

.login .content .form-actions {

    clear: both;

    border: 0;

    padding: 25px 30px 0px 30px;

    margin-left: -30px;

    margin-right: -30px

}

.login .content .form-actions>.btn {

    margin-top: -2px

}

.login-options {

    margin-top: 30px;

    margin-bottom: 30px;

    overflow: hidden

}

.login-options h4 {

    float: left;

    font-weight: 600;

    font-size: 15px;

    color: #7d91aa!important

}

.login-options .social-icons {

    float: right;

    padding-top: 3px

}

.login-options .social-icons li a {

    border-radius: 15px!important;

    -moz-border-radius: 15px!important;

    -webkit-border-radius: 15px!important

}

.login .content .form-actions .checkbox {

    margin-left: 0;

    padding-left: 0

}

.login .content .forget-form .form-actions {

    border: 0;

    margin-bottom: 0;

    padding-bottom: 20px

}

.login .content .register-form .form-actions {

    border: 0;

    margin-bottom: 0;

    padding-bottom: 0

}

.login .content .form-actions .btn {

    margin-top: 1px;

    font-weight: 600;

    padding: 10px 20px!important

}

.login .content .form-actions .btn-default {

    font-weight: 600;

    padding: 10px 25px!important;

    color: #6c7a8d;

    background-color: #fff;

    border: none

}

.login .content .form-actions .btn-default:hover {

    background-color: #fafaff;

    color: #45b6af

}

.login .content .forget-password {

    font-size: 14px;

    float: right;

    display: inline-block;

    margin-top: 10px

}

.login .content .check {

    color: #8290a3

}

.login .content .rememberme {

    margin-left: 8px

}

.login .content .create-account {

    margin: 0 -40px -30px;

    padding: 15px 0 17px;

    text-align: center;

    background-color: #6c7a8d;

    -webkit-border-radius: 0 0 7px 7px;

    -moz-border-radius: 0 0 7px 7px;

    -ms-border-radius: 0 0 7px 7px;

    -o-border-radius: 0 0 7px 7px;

    border-radius: 0 0 7px 7px

}

.login .content .create-account>p {

    margin: 0

}

.login .content .create-account p a {

    font-weight: 600;

    font-size: 14px;

    color: #c3cedd

}

.login .content .create-account a {

    display: inline-block;

    margin-top: 5px

}

.login .copyright {

    text-align: center;

    

    padding: 10px;

    color: #ffffff;

    font-size: 14px

}

@media (max-width: 440px) {

    .login .content,

    .login .logo {

        margin-top: 10px

    }

    .login .content {

        width: 280px

    }

    .login .content h3 {

        font-size: 22px

    }

    .forget-password {

        display: inline-block;

        margin-top: 20px

    }

    .login-options .social-icons {

        float: left;

        padding-top: 3px

    }

    .login .checkbox {

        font-size: 13px

    }

}

.btn-log {
    color: #fff;
    background: #009dc7;
    font-size: 16px;
    letter-spacing: 0.5px;
}