.form_type1 {
}

    .form_type1 .row, .form_type1 .row-group {
        padding: .4em 0 .6em 0;
    }

        .form_type1 .row-group .row {
            padding: .3em 0 .3em 0;
        }

            .form_type1 .row-group .row:first-child {
                padding-top: 0;
            }

            .form_type1 .row-group .row:last-child {
                padding-bottom: 0;
            }

    .form_type1 label.title {
        padding-bottom: .1em;
        display: block;
        font-size: 13px;
        font-weight: 500;
    }

        .form_type1 label.title:not(.no-colon):after {
            content: ':';
        }

    .form_type1 .error {
        display: block;
        font-size: 12px;
    }

    .form_type1 .ckb_with_title {
        display: block;
    }

    .form_type1 .row .val.multiple {
    }

        .form_type1 .row .val.multiple > div {
            display: inline-block;
            vertical-align: top;
        }

            .form_type1 .row .val.multiple > div:not(:last-child) {
                /*margin-right: 5px;*/
            }

html body #mainContent .form_type1 .row .val.multiple .highlighted_prompt {
    margin-top: 0;
    margin-bottom: 0;
}

.form_type1 .row.actions {
    padding-top: 1.5em;
}

body #mainContent .form_type1 input,
body #mainContent .form_type1 select,
body #mainContent .form_type1 textarea {
    margin: 0 2px 2px 0; /* Evgeny: this is so that when inputs wrap over to the next line or get 
            placed next to each other, they have some margin between them
        */
}

body .form_type1 input[type="radio"], 
body .form_type1 .form_type1 input[type="checkbox"], 
body .form_type1 input[type="radio"] + label, 
body .form_type1 input[type="checkbox"] + label, 
body .form_type1 input[type="radio"] + span, 
body .form_type1 input[type="checkbox"] + span, 
body .form_type1 select, 
body .form_type1 input.datepicker, 
body .form_type1 .ckb + span, 
body .form_type1 .ckb + label {
    font-family: var(--main-font-family);
}