.logo {
    margin: 50px auto;
    width: 150px;
}

.copyright {
    font-size: 11px;
    margin: 20px auto;
    width: 100%;
    text-align: center;
}

.copyright a{
    color: #586374;
}

.copyright a:hover{
    text-decoration: underline;
}
.note {
    margin: 20px auto;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.social {
    margin: 20px auto;
    width: 360px;
    text-align: center;
}

.portal-register {
    margin-top: 10px;
}

.forgot{
    font-size: 11px;
}

.form-box {
    margin-top: 10px;
}

.remember-me {
    margin-left: 5px;
}

.form-group {
    position: relative;
}

.form-group.has-success .fa-check {
    position: absolute;
    display: initial;
    right: 8px;
    top: 10px;
}

.form-group.has-error .fa-exclamation {
    display: initial;
    position: absolute;
    right: 8px;
    top: 10px;
}

span.remember-me {
    color: #444 !important;
}

input.remember-me {
    margin-top: 3px;
    width: 14px;
    height: 14px;
    margin-left: -14px !important; 
}

.btn {
    border-radius: 0px;
}

ul#account-list {
    list-style-type: none;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: none;
        overflow: hidden;
    }

    .logo {
        width: 247px;
        margin: 10px auto;
    }
}