/* The interactive Customer Service forms (ApplyForService, SetupNewService, ReplacementWaterApplication, Reporting),
   linked from each page's HeadContent. */

/* DevExpress sizes its fonts, padding and heights in rem, and Bootstrap 3 sets the root to 10px, so its editors came
   out at 62% size. Bootstrap 3 and the theme size everything in px, so these pages get the browser's 16px root back
   without moving anything else on them. This file loads before the site bundle, so :root, which outranks Bootstrap's
   html selector, is what lets it win. */
:root {
    font-size: 16px;
}

.customer-service-form .validation-message {
    margin-top: 5px;
    color: #a94442;
    font-size: 14px;
}

/* The section headings read as headings, in the site's blue, rather than as small captions. */
.customer-service-form .dxbl-group-header {
    color: #1857A5;
    font-weight: 700;
}

/* iOS zooms the page into any text box under 16px when it gets focus. */
@media (max-width: 767px) {
    .customer-service-form input,
    .customer-service-form textarea {
        font-size: 16px;
    }
}