.auth-wrapper {
    padding-top: 35px;
}
.auth-wrapper > div {
    margin: auto;
    padding:2rem;
    background: #f3f3f3 none repeat scroll 0 0;;
    border-radius: 1rem;
}
.auth-wrapper > div.with-shadow {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.auth-wrapper:not(.forgot-password) > div {
    max-width: 600px;
}
.auth-wrapper.forgot-password > div {
    max-width: 500px;
}
a.fotgot-password {
    color: #333;
    text-decoration: none;
}
a.fotgot-password:hover {
    color: #cc6c17!important;
}
.btn-submit {
    background-color: #333;
    color: #fff!important;
    border-color: #333;
    padding-left: 40px;
    padding-right: 40px;
}
.btn-submit:hover {
    background: linear-gradient(135deg, var(--golden) 0%, var(--golden-dark) 100%);
    border-color: #f89741;
}

.divider {
    display: flex;
    align-items: center;
    text-align: center;
}
.divider::before,
.divider::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #dee2e6;
}
.divider:not(:empty)::before {
    margin-right: .75em;
}
.divider:not(:empty)::after {
    margin-left: .75em;
}