body {
    font-family: "Open Sans",sans-serif;
    padding: 5px;
    background: #000d8c;
    margin: 0;
}

div#header {
    text-align: center;
    background: white;
    padding: 10px;
    margin: 0;
    margin-bottom: 5px;
}

div#ajax_report {
    padding: 10px;
}

form#mmcform,div#register {
    text-align: left;
    background: white;
    padding: 10px;
}

.formfield, .message {
    padding: 10px 0;
}

label {
    display: block;
    margin-bottom: 7px;
}

input[type=submit],input[type=date], input[type=text], input[type=number], input[type=email],select,button {
    width: 97%;
    padding: 10px;
}

input[type=checkbox] {
    width: 50px;
    height: 25px;
    vertical-align: middle;
}

ul {
    padding-inline-start: 23px;
}

label.wide {
    font-weight: bold;
}

.yesno {
    text-align: center;
    position: relative;
    left: -48px;
}

.yesno input {margin-left: 60px;width: 20px;height: 20px;}

div#content {
    max-width: 800px;
    margin: auto;
}

h2 {
    margin: 7px 0px;
}

@media only screen and (min-width: 600px) {
    div#header,form#mmcform,div#register{
        border-radius:10px;
        padding:20px 40px
    }
}

.formfield.existing_participant,
.formfield.new_participant,
#participant_info,
#course_registration,
#policies_etc,
#submit_fields,
.dob_field,
.existing_billpayer,
.new_billpayer{
    display:none;}



.under18field,.volunteerfield{
    display:none;
}


/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"], 
    input[type="tel"], input[type="url"]{ font-size: 16px; }
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 16px; }
}