.wrapper__inner {
    position  : relative;
    width     : 100%;
    max-width : var(--default-container-max-width);
    margin    : 0 auto;
}
#submit-login{
    margin-top: 10px;
}
#main {
    max-width       : 100%;
    min-height      : 50vh;
    display         : flex;
    flex-direction  : column;
    justify-content : center;
    align-items     : center;
    padding         : .75rem 0;
}

#main > * {
    width     : 100%;
    margin    : 0;
    max-width : 600px;
}

.page-header h1 {
    margin        : 0;
    padding       : 1em 1.5em;
    text-align    : center;
    color         : var(--primary-color);
    /*border-bottom : 1px solid var(--primary-color);*/
    background    : white;
}

.form-footer {
    text-align : center;
}

.forgot-password, .no-account{
    text-align: center;
}
.forgot-password a, .no-account a{
    color :#232323;
    font-family: 'Spartan';
}
.forgot-password a:hover, .no-account a:hover{
    color : var(--primary-color);
}

.page-authentication #content {
    box-shadow: 2px 2px 11px 0 rgba(0,0,0,.1);
    background: white;
    padding: 1rem;
    max-width: 800px;
    margin: 0 auto;
}

.page-customer-account #content {
    box-shadow: 2px 2px 11px 0 rgba(0,0,0,.1);
    background: white;
    padding: 1rem;
    font-size: .875rem;
    color: #878787;
}

.send-renew-password-link{
    text-align: justify;
    padding-left: 0;
    padding-right: 0;
}
.btn-primary{
    font-family: 'Spartan';
    font-weight: 400;
    /*line-height: 25px;*/
    /*width: 400px;*/
    /*margin: auto;*/
    /*max-width: 100%;*/
}

.page-customer-account a {
    color: var(--primary-color);
}
.page-customer-account a:hover {
    color : #bb60c7;
}
.label, label, .alert{
    font-family: 'Spartan'!important;
    font-weight: 500;
}
.form-control {
    background: #ebebeb;
    color: #acaaa6;
    border: 1px solid #e2e2e2;
    padding: .5rem 1rem;
}