.btn-oauth {
    padding: 0px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-evenly;
    height: 35px;
    margin: 20px 25px;
}

.btn-oauth > img {
    padding: 5px;
    max-height: 100%;
    max-width: 100%;
}

.user-icon {
    margin-top: 20px;
}

#login_form {
    margin-bottom: 20px;
}

.divider {
    display: flex;
    flex-direction: row;
    margin: 20px;
    color: #AAA;
}

.divider::before, .divider::after{
    content: "";
    flex: 1 1;
    border-bottom: 1px solid;
    margin: auto 10px;
}

.center {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.box {
    background: #545454;
    width: 250px;
    border-radius: .4em;
    border-width: 1px;
    border-color: #000;;
    text-align: center;
}

.box td {
    color: #AAA;
}

.box i {
    color: #000;
}

.accounts {
    background-color: #545454;
    border: none;
}

.accounts input {
    width: 100%;
}

.accounts td {
    padding: 5px 25px;
    word-break: break-word;
}

.unequal {
    color: #F00;
}

.terms {
    size: 200px;
    width: 200px;
    font-size: x-small;
    color: #AAA;
}

body {
    margin: 0px;
    padding: 0px;
}

html {
    margin: 0px;
    padding: 0px;
}

table, td, th {
    padding: 4px;
}

.terms_priv {
    margin: 10px;
}