 .onWhite * {
     color: #0a233f !important;
 }
 .onlySmall {
     display: none;
}
/* Slate */
 button.default.form_button_submit {
     text-align: center !important;
}
 div.form_question .form_label, div.form_question label {
     line-height: 1.2em !important;
}
 .form_container .form_pages * {
     color: #0a233f !important;
}
 .form_container a:focus {
     display: inline !important;
}
 .form_container .form_pages input {
     background-color: unset !important;
     border: #0a233f 2px solid !important;
     border-radius: 3px !important;
     width: 100%;
}
 .form_container .form_pages select {
     background-color: unset !important;
     border: #0a233f 2px solid !important;
     width: 100%;
}
 .form_responses option:hover {
     background-color: #00b2e2 !important;
     color: #0a233f !important;
}
 .form_question {
     margin-bottom: 1% !important;
}
 div[data-required="1"]>label:after, .form_pages div[data-required="1"]>fieldset legend:after, .form_pages div[data-required="1"]>fieldset div.form_label:after {
     content: " *";
     font-weight: 900;
     color: #000 !important;
}
 .survey-rfi fieldset .form_responses select {
     margin-left: 2px !important;
     max-width: 64px !important;
}
 .survey-rfi input, .survey-rfi select {
     padding: 0px !important;
     padding-left: 2px !important;
     margin: 0px !important;
     border-radius: 0px !important;
}
 .survey-rfi * {
     text-align: left !important;
     line-height: normal;
}
 .survey-rfi .form_responses select, .survey-rfi .form_responses input {
     max-width: 100% !important;
}
 .survey-rfi .action {
     margin-bottom: 20px;
}
 div.lightgray .form_label *, div.lightgray .form_question *, div.lightgray .form_responses *, div.lightcyan .form_label *, div.lightcyan .form_question *, div.lightcyan .form_responses * {
     color: #0a233f !important;
}
 div.lightgray .form_label a, div.lightcyan .form_label a, div.none .form_label a {
     color: #00b2e2 !important;
}
 div.blue .form_label *, div.blue .form_question *, div.blue .form_responses * {
     color: #000 !important;
}
 div.blue .form_responses input, div.blue .form_responses select {
     border: 1px solid #00b2e2 !important;
     background-color: #0a233f !important;
     color: #000 !important;
}
 div.blue .form_label a {
     color: #00b2e2 !important;
}
 .form_responses select {
     max-width: 405px !important;
}
 button.default.form_button_submit:hover {
     background-color: #0a233f !important;
     color: #ffffff !important;
     border-width: 2px !important;
     border-color: #00b2e2 !important;
     border-style: solid !important;
     padding: 10px !important;
}
 button.default.form_button_submit {
     background-color: #00b2e2 !important;
     color: #0a233f !important;
     border-width: 2px !important;
     border-color: #0a233f !important;
     border-style: solid !important;
     padding: 10px !important;
}
 div.blue .form_responses input:focus {
     outline: 2px solid #000 !important;
}
 div.blue .form_responses select:focus, div.blue .form_label a:focus {
     outline: 2px solid #000 !important;
}
 div.lightgray .form_responses input:focus, div.lightcyan .form_responses input:focus, div.none .form_responses input:focus {
     outline: 2px solid #81d1e2 !important;
}
 div.blue .form_responses select:focus, div.blue .form_label a:focus {
     outline: 2px solid #000 !important;
}
 div.lightgray .form_responses select:focus, div.lightgray .form_label a:focus, div.lightcyan .form_responses select:focus, div.lightcyan .form_label a:focus, div.none .form_responses select:focus, div.none .form_label a:focus {
     outline: 2px solid #81d1e2 !important;
}
 div.blue button.default.form_button_submit:focus {
     outline: 2px solid #000 !important 
}
 div.lightgray button.default.form_button_submit:focus, div.lightcyan button.default.form_button_submit:focus, div.none button.default.form_button_submit:focus {
     outline: 2px solid #81d1e2 !important 
}

 @media only screen and (max-width: 1024px){
     .flexCard.intro * {
         text-align: center !important;
    }
}
 @media only screen and (max-width: 849px){
     .sr-only {
         display: none;
    }
     .onlySmall {
         display: block !important;
    }
}
 