.seform div.seFieldCellHorizontal input[type=tel],
.seform div.seFieldCellHorizontal input[type=date],
.seform div.seFieldCellHorizontal input[type=number] {
    margin-bottom: .5rem;
    border: 1px solid #002c77;
    border-radius: 5px;
    max-width: 30rem;
    padding: .75rem .7rem;
    width: 100%;
}
.seform div.seFieldCellHorizontal input[type=tel] {
    padding-left: 3.575rem;
}
.seform .SEAFGroupHorizontal .seLabelCellHorizontal.textareaLabel {
    -ms-flex-item-align: start;
    align-self: start;
}
div[id$="-error"] {
    color: #c30;
    font-weight: 700;
    font-size: 1rem;
    position: relative;
    top: .25rem;
    margin-bottom: 0;
}
label .description {
    font-size: 1rem;
    color: #414141;
    display: block;
}
div[id$="-error"],
.seform div.fields-row input + label {
    padding-left: .7rem;
}
.seform select[aria-invalid="true"],
.seform textarea[aria-invalid="true"],
.seform input[type="tel"][aria-invalid="true"],
.seform input[type="text"][aria-invalid="true"],
.seform input[type="email"][aria-invalid="true"],
.seform input[type="password"][aria-invalid="true"],
.seform input[type="radio"][aria-invalid="true"] + label:before,
.seform input[type="checkbox"][aria-invalid="true"] + label:before  {
    /* Use an outline with the border color change to give the appearance of a thicker border without adding any size to the field */
    border-color: #c10000;
    outline: 2px solid #c10000;

}
#initial-questions div[id$="-error"] {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0 auto .5rem;
}
#FirstName-error, #LastName-error {
    margin: 0 auto .5rem;
    display: block;
}
#initial-questions .seFieldCellHorizontal {
    margin: auto;
}
.countdown {
    display: block;
    color: #5a5850;
    font-size: 1rem;
    margin-left: .7rem;
}
button.form-button {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 16rem;
    display: block;
    margin: 2rem auto 1rem;
    color: #fff;
    background: #2e528f;
    border: none;
    outline: none;
    transition: all .25s ease-out;
    padding: 1.1rem 2rem;
}
button.form-button:focus,
button.form-button:hover {
    background: #002c77;
}
.fields-row,
#ssn-container {
    display: -ms-flexbox;
    display: flex;
    max-width: 30rem;
}
.fields-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fields-row div[id$="-error"] {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: left;
}
/* Labels of the individual fields (e.g. First, Last, Month) in the Patient Legal Name and Date of Birth Fields */
.seform div.fields-row input+label {
    margin: 0;
    text-align: left;

}
.seform select.selectMultiple {
		height: 8rem;
}
.fields-row #first-name,
.fields-row #last-name {
    -ms-flex: 1 1 39%;
    flex: 1 1 39%;
}
.fields-row.col-2 label {
    display: block;
}
.fields-row #middle-name {
    -ms-flex: 1 1 14%;
    flex: 1 1 14%;
    margin: 0 1rem .5rem;
}
.fields-row.col-2 > div:not(:last-child) {
    margin-bottom: .5rem;
}
.fields-row .two-digit {
  -ms-flex: 1 1 28%;
  flex: 1 1 28%;
  max-width: 3.5rem;
  margin-right: 1rem;
}
.fields-row .four-digit {
  -ms-flex: 1 1 44%;
  flex: 1 1 44%;
  max-width: 5rem;
  margin-bottom: .25rem;
}
#ssn-digits {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}
#ssn-show {
    -ms-flex: 0 0 10rem;
    flex: 0 0 10rem;
    margin: .5rem 0 0 1rem;
}
.g-recaptcha {
    width: 100%;
}
.rc-anchor-error-msg-container {
    max-width: 200px;
    padding-left: 12px;
}
.iti__selected-flag:focus {
    box-shadow: 0 0 6px #0037cf;
    outline: none;
}
#international-heading:focus,
#marylandResidents-heading:focus,
p[id$="Intro-heading"]:focus,
p[id$="Outro-heading"]:focus {
    outline: 2px dotted #0068c1 !important;
}