.wrapper__inner {
    position  : relative;
    width     : 100%;
    max-width : var(--default-container-max-width);
    margin    : 0 auto;
}

#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(--third-color);
    background    : white;
}

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

#main .page-header h1{
    border-radius: 25px 25px 0px 0px;
    font-weight: 500;
    padding-bottom: 0px;
    line-height: 30px;
}
#content.page-content{
    border-radius: 0px 0px 25px 25px;
    padding: 35px;
}

.page-header h1, #content.page-content{
    background: white;
    color: var(--secondary-color);
}

#content.page-content label{
    color: var(--third-color);

}
#content.page-content .btn-primary{
    background: var(--secondary-color);
    color: rgb(226,226,226);
    font-weight: 500;
}

.wrapper__inner a {
    color: black;
}

.wrapper__inner a:hover {
    color: var(--secondary-color);
}
#wrapper{
    background-color: #f1f1f1;
}
#wrapper:before {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:url('../../../img/bg/bg-authentification.jpg') 0 0 no-repeat;
    background-size:cover;
    background-position: center;
    opacity:.35;
    z-index:-1;
}
.custom-checkbox input[type=checkbox] + span .checkbox-checked {
     color: black;
}
.custom-checkbox input[type=checkbox] + span {
    border: 2px solid rgb(226,226,226);
}
.form-control {
    color: #1a1a1a;
}