.trinity-forms-form { max-width: 640px; }
.trinity-forms-form .trinity-forms-field { margin: 0 0 1rem; }
.trinity-forms-form .trinity-forms-field > label { display: block; font-weight: 600; margin-bottom: .25rem; }
.trinity-forms-form .trinity-forms-field input[type="text"],
.trinity-forms-form .trinity-forms-field input[type="email"],
.trinity-forms-form .trinity-forms-field input[type="number"],
.trinity-forms-form .trinity-forms-field input[type="url"],
.trinity-forms-form .trinity-forms-field input[type="tel"],
.trinity-forms-form .trinity-forms-field input[type="date"],
.trinity-forms-form .trinity-forms-field input[type="time"],
.trinity-forms-form .trinity-forms-field select,
.trinity-forms-form .trinity-forms-field textarea {
    width: 100%;
    padding: .5rem .65rem;
    border: 1px solid #c3c4c7;
    border-radius: 4px;
    font: inherit;
    box-sizing: border-box;
}
.trinity-forms-form .trinity-forms-field textarea { min-height: 6rem; resize: vertical; }
.trinity-forms-form .trinity-forms-field.has-error input,
.trinity-forms-form .trinity-forms-field.has-error select,
.trinity-forms-form .trinity-forms-field.has-error textarea { border-color: #d63638; }
.trinity-forms-form .trinity-forms-field-error { color: #d63638; font-size: .875em; margin-top: .25rem; }
.trinity-forms-form .trinity-forms-required { color: #d63638; margin-left: 2px; }
.trinity-forms-form .trinity-forms-help { color: #50575e; font-size: .875em; display: block; margin-top: .25rem; }
.trinity-forms-form .trinity-forms-actions { margin-top: 1rem; }
.trinity-forms-form .trinity-forms-submit {
    background: #2271b1; color: #fff; border: 0; padding: .6rem 1.2rem;
    border-radius: 4px; font-weight: 600; cursor: pointer;
}
.trinity-forms-form .trinity-forms-submit:disabled { opacity: .6; cursor: wait; }
.trinity-forms-form .trinity-forms-messages { margin-top: 1rem; }
.trinity-forms-form .trinity-forms-messages.trinity-forms-error { color: #d63638; }
.trinity-forms-form .trinity-forms-messages.trinity-forms-success { color: #00a32a; }
.trinity-forms-confirmation { padding: 1rem; background: #edfaef; border-left: 4px solid #00a32a; margin: 1rem 0; }
table.trinity-forms-submissions { width: 100%; border-collapse: collapse; }
table.trinity-forms-submissions th, table.trinity-forms-submissions td { padding: .5rem; border-bottom: 1px solid #ddd; text-align: left; }
