.no-display {
    display: none
}

.ouwcf-common {
    border-radius: 5px;
    background: #ededed;
    padding: 10px 20px 10px 20px;
    margin: 0;
    border: 1px solid #21759B
}

    .ouwcf-common > h2 {
        display: none
    }

    .ouwcf-common > .errors, .ouwcf-common > .success {
        background: red;
        padding: 8px;
        border-radius: 5px;
        color: white;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .ouwcf-common > .success {
        background: green
    }

    .ouwcf-common > .buttons {
        text-align: right;
        margin-bottom: 10px
    }

        .ouwcf-common > .buttons.waiting {
            height: 11px;
            background: transparent url("ajax-loader.gif") top right no-repeat
        }

            .ouwcf-common > .buttons.waiting > div {
                display: none
            }

    .ouwcf-common > .fields > .row {
        display: block;
        margin: 1em 0 1em 0
    }

        .ouwcf-common > .fields > .row.hidden {
            display: none
        }

        .ouwcf-common > .fields > .row > p {
            margin: 0;
            padding: 0;
            line-height: 1em;
            font-style: italic
        }

        .ouwcf-common > .fields > .row > .label {
            width: 25%;
            float: left;
            display: inline-block;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 4px 0 0 0;
            white-space: nowrap;
            min-width: 100px
        }

            .ouwcf-common > .fields > .row > .label > label {
                width: 100%;
                margin: 0;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box
            }

        .ouwcf-common > .fields > .row > .field {
            display: inline-block;
            padding: 0;
            margin: 0;
            width: 75%;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box
        }

            .ouwcf-common > .fields > .row > .field > input, .ouwcf-common > .fields > .row > .field > textarea, .ouwcf-common > .fields > .row > .field > select {
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                display: block;
                border: 1px solid #ccc;
                border-radius: 3px;
                margin: 0;
                line-height: 15px;
                height: 30px;
                font-size: 15px;
                width: 100%;
                color: #999;
                background: #fdfdfd;
                padding: 5px
            }

                .ouwcf-common > .fields > .row > .field > input:focus, .ouwcf-common > .fields > .row > .field > textarea:focus, .ouwcf-common > .fields > .row > .field > select:focus {
                    outline: none !important;
                    color: black;
                    background: white
                }

            .ouwcf-common > .fields > .row > .field.checkbox > input, .ouwcf-common > .fields > .row > .field.checkbox > span {
                width: auto;
                display: inline-block;
                padding: 4px 0 4px 4px;
                background: transparent;
                border: 0
            }

            .ouwcf-common > .fields > .row > .field.checkbox > span {
                vertical-align: top;
                line-height: 1em;
                padding-top: 8px
            }

            .ouwcf-common > .fields > .row > .field.radio {
                padding: 4px 0 4px 4px
            }

            .ouwcf-common > .fields > .row > .field > textarea {
                line-height: 18px;
                height: 72px;
                max-width: 100%;
                min-width: 100%
            }

        .ouwcf-common > .fields > .row.require > .label > label {
            color: red
        }

        .ouwcf-common > .fields > .row.invalid input, .ouwcf-common > .fields > .row.invalid select, .ouwcf-common > .fields > .row.invalid textarea {
            border-color: red
        }

        .ouwcf-common > .fields > .row.invalid > .field.radio, .ouwcf-common > .fields > .row.invalid .field.checkbox {
            border: 1px solid red;
            border-radius: 3px;
            line-height: 18px
        }

        .ouwcf-common > .fields > .row.invalid input.checkbox {
            margin-left: 4px
        }

.errors {
    color: red;
}