.form {
    >.viewport {
    }
    .section-label {
        -fx-font-size: 120%;
        -fx-text-fill: -df-text;
    }
    .help-line {
        -fx-text-fill: -df-text-dark;
    }
    .editing-cell {
        -fx-padding: 0;
    }
    .button-small {
        -fx-background-radius: 0px;
        -fx-border-radius: 0px;
    }
    .check-box {
        -fx-graphic-text-gap: 0;
        -fx-label-padding: 0;
    }
}

// Warning: These make a lot of assumptions and target very generally.
// You might want to avoid these style classes for your field validation.

.field-error {
    -fx-border-width: 1 !important;
    -fx-border-color: -df-error-severity-fatal !important;
    -fx-effect: none !important;
}

.field-warning {
    -fx-border-width: 1 !important;
    -fx-border-color: -df-error-severity-warning !important;
    -fx-effect: none !important;
}

.field-info {
    -fx-border-width: 1 !important;
    -fx-border-color: -df-error-severity-info !important;
    -fx-effect: none !important;
}

.no-scroll-list-view .scroll-bar .increment-arrow,
.no-scroll-list-view .scroll-bar .decrement-arrow,
.no-scroll-list-view .scroll-bar .increment-button,
.no-scroll-list-view .scroll-bar .decrement-button {
    -fx-padding:0;
}
