html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
body > .header7 {
    flex: 1 0 auto;
}
footer {
    flex-shrink: 0;
}

#logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    background: url('../i/ticketer-dashboard-logo-2x_3.png') no-repeat center top;
    background-size: contain;
    height: 110px;
    top: 120px;
    max-width: 75%;
}

.recoveryForm{
    text-align: center;
    vertical-align: middle;
    max-width:700px;
    width:100%;
    margin: 20px auto 0;
    padding: 20px;
}
.recoveryForm input{
    display: block;
    width: 100%;
    text-align: center;
}
.recoveryForm button{
    float: none;
}
.recoveryForm .row{
    padding-top: 10px;
    padding-bottom: 10px;
}
#versionWrapper:before{
    content: '-';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#versionWrapper:after{
    content: '-';
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}
.captchaWrapper{
    display: inline-block;
}
.failed:not(.captchaWrapper) {
    border: 2px solid #a52612 !important;
}
.failed.captchaWrapper iframe {
    border: 2px solid #a52612 !important;
}

@media(max-width:690px){
    .recoveryForm input {
        padding: 0;
    }
}