html,
body {
    height: 100%;
    font-size: 14px;
}

body {
    overflow-y: scroll;

}

.main {
    min-height: calc(100vh - 60px - 57px);
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.form-group.has-error .form-control {
    border-color: var(--red);
    box-shadow: none;
}

.form-group.has-error .help-block {
    color: var(--red);
    margin-top: 5px;
}