﻿
body:not(.mobile) input[type='text'], body:not(.mobile) input[type='password'], body:not(.mobile) input[type='number'], body:not(.mobile) input[type='email'] {
    width: 100%;
    box-sizing: border-box;
}

body.mobile div.ContactInformation input {
    width: 100%;
    box-sizing: border-box;
}

.error {
    color: red;
}

body:not(.mobile) .responsive {
    margin: 0 5rem;
}

    .responsive div.ContactInformation div.divFirstName, .responsive div.ContactInformation div.divMiddleName, .responsive div.ContactInformation div.divLastName,
    .responsive div.ContactInformation div.divPostalCode, .responsive div.ContactInformation div.divCity, .responsive div.ContactInformation div.divState,
    .responsive div.ContactInformation div.divFirstName input, .responsive div.ContactInformation div.divMiddleName input, .responsive div.ContactInformation div.divLastName input,
    .responsive div.ContactInformation div.divPostalCode input, .responsive div.ContactInformation div.divCity input, .responsive div.ContactInformation div.divState input,
    .responsive div.ContactInformation div.divFirstName select, .responsive div.ContactInformation div.divMiddleName select, .responsive div.ContactInformation div.divLastName select,
    .responsive div.ContactInformation div.divPostalCode select, .responsive div.ContactInformation div.divCity select, .responsive div.ContactInformation div.divState select {
        width: 100%;
        float: none;
    }

    .responsive div.ContactInformation input, .responsive div.ContactInformation select, .responsive div.ContactInformation textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 0.5em 1em;
    }

    .responsive div.ContactInformation textarea { min-height: 4rem; }

    .responsive div.ContactInformation .strong.smaller {
        display: block;
        margin-top: 1.5em;
    }

    .responsive div.ContactInformation br {
        display: none;
    }
