.invalidinput input[type='text'],
 .input-validation-error
{
    border: solid 1px #f00 !important;   
    background-color: #FFF0F0 !important;
}
 
.field-validation-error {color: #f00 !important;}

select.input-validation-error {
    border: solid 1px #f00 !important;   
    background-color: #FFF0F0 !important;
}

div.validation-summary-valid {display: none;}

span.field-validation-error {display: block; padding-left: 1em;}
span.field-validation-error span { color: #f00 !important; }

div.validation-summary-errors,
div.validation-summary-errors ul li {color: #f00;}

div#divCaptcha {text-align: center; padding: 20px 0; border: solid 0px red;}
div#divCaptcha .form_captchaImg {margin: auto auto; display: inline-block; }
div#divFormButtons {text-align: center; padding: 25px 0;}

.contentID {font-size: 10px; color: #a7a7a7; margin: 20px auto; text-align: center;}

     ul.ulFormRadioButtonList {margin: 0; padding: 0;}
     ul.ulFormRadioButtonList li{list-style-type: none; padding-left: 0em; text-align: left;}
     ul.ulFormRadioButtonList li label {text-align: left !important; width: 100% !important;}

@media screen and (min-width: 48em) {
    .pure-form .pure-input-md-1 {    width: 100%;}
    .pure-form .pure-input-md-2-3 {    width: 66%;}
    .pure-form .pure-input-md-1-2 {    width: 50%;}
    .pure-form .pure-input-md-1-3 {    width: 33%;}
    .pure-form .pure-input-md-1-4 {    width: 25%;}

    span.field-validation-error {display: block; padding-left: 12em;}
}



 @media screen and (min-width: 64em) {
    .pure-form .pure-input-lg-1 {    width: 100%;}
    .pure-form .pure-input-lg-2-3 {    width: 66%;}
    .pure-form .pure-input-lg-1-2 {    width: 50%;}
    .pure-form .pure-input-lg-1-3 {    width: 33%;}
    .pure-form .pure-input-lg-1-4 {    width: 25%;}

     ul.ulFormRadioButtonList {margin: 0; padding: 0;}
     ul.ulFormRadioButtonList li{list-style-type: none; padding-left: 10em; text-align: left;}
     ul.ulFormRadioButtonList li label {text-align: left !important; width: 100% !important;}

      span.field-validation-error {display: block; padding-left: 12em;}
}
  

#welcome-kit-form {
}

#welcome-kit-form label {font-weight: normal; color:#6d6e71;}
#welcome-kit-form label.brandColorRed {font-weight: bold; color:#780032;}

#welcome-kit-form ul {list-style-type: none; margin: 1.5em 0; padding: 0;}
#welcome-kit-form ul li {list-style-type: none; margin: 0 0 1.25rem; font-size: 1.125rem;}
#welcome-kit-form ul li label { color: #6d6e71; font-weight: normal; font-size: 1rem; }
#welcome-kit-form ul li input[type=radio] {padding: 0 20px 0px 0;}
#welcome-kit-form ul li span.item-title {font-weight:700;}
#welcome-kit-form ul li span.item-description { font-size: 1.0rem;}

#welcome-kit-form  #materials {margin-left: 2.5rem;}
#welcome-kit-form  #materials label {display: block; color: #6d6e71; font-weight: normal; margin-top: 5px;}
#welcome-kit-form  #materials label input {margin-right: .5rem;}
#welcome-kit-form  #divFormButtons {text-align: left;}
#welcome-kit-form  #divFormButtons input.pure-button-primary {background: #2a3f6b;}
#welcome-kit-form  #divFormButtons input.pure-button-primary:hover {background: #1d5d9c;}
#welcome-kit-form  span.field-validation-error {padding: 0;}

#welcome-kit-form span.fas { cursor: pointer;}
    #welcome-kit-form div.tooltip:before {        /*font-family: "fontawesome";        content: "\f04b";*/   }
#welcome-kit-form div.tooltip {       background: #4d4d4d;    padding: 2em;    color: #fff; position: absolute; width: auto;}
    #welcome-kit-form div.signup-tootltip {
        left: 16px;
        right: 16px;
    }


@media (min-width: 767px) {
    #welcome-kit-form div.tooltip {       
        width: 450px;        
    }   
}

#welcome-kit-form div.tooltip a{ color: #fff; text-decoration: underline;}
#welcome-kit-form div.tooltip p {margin: .8em 0;}
#welcome-kit-form div.tooltip ul { margin-top: 0;}
#welcome-kit-form div.tooltip ul li {color: #fff; list-style-type: initial; margin-left: 1em; margin-bottom: 0; font-size: 1rem;}
#welcome-kit-form div.tooltip .fa-times {position: absolute; top: 1rem; right: 1rem; cursor: pointer; font-size: 2rem;}

#divWelcomeKits {
    padding-left: 1.5rem;
}

#welcome-kit-form .underlined {text-decoration: underline;}
#welcome-kit-form #address2 {padding: 10px 0 0 1rem; cursor: pointer;}