.body-Login-back {
    background-color: #f8f8f8;
}

.btn-login {
    color: #fff;
    background-color: #C36464;
    border-color: #C36464;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

.btn-login:hover {
    color: #fff;
    background-color: #F0677C;
    border-color: #F0677C;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

.login-link {
    color: rgba(51, 51, 51, .8);
}

.login-link:hover {
    color: #C36464;
}

.login-form-control:focus {
    border-color: #333333;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(51, 51, 51, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(51, 51, 51, .6);
}

.login-form-control:hover {
    border-color: #333333;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(51, 51, 51, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(51, 51, 51, .6);
}

.login-title {
    font-size: 28px;
    color: rgba(51, 51, 51, .8);
}

.login-info {
    font-size: 12px;
    color: rgba(51, 51, 51, .8);
}

.u-border-top {
    border: 1px solid rgba(51, 51, 51, .4);
}

.mt-4 {
    margin-top: 1rem !important;
}

.mt-6 {
    margin-top: 1.5rem !important;
}

.p-4 {
    padding: 1rem;
}