body {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  color:#666666;
   }
   
   .fields{
     font-family: 'Noto Sans', sans-serif;
     padding: 6px;
     position: relative;
     display: flex;
     flex-direction: column;
   }
   
    .black-title {
    font-size: 30px;
    font-weight: normal;
    line-height: 1.7;
    text-decoration: none;
    margin: 0;
   }
   
   .black-small-title {
     font-size: 15px;
     font-family: 'Noto Sans', sans-serif;
     color:#666666;
     line-height: 1.64;
     margin: 0px;
   }

.green-title {
    margin: 0px;
    color: #00833B;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.7;
   }
   
    form {
      /*max-width: 550px;*/
      margin: auto;
    }

#formContainer {
            width: 100%;
            margin: 0 auto;
            max-width: 100%;
        }
   
    label {
      font-size: 14px;
      line-height: 1.7;
   }
   
    .required {
      display: inline;
      color: #F00023;
      font-weight: bold;
   }
   
    .error{
    color: #F00023;
    display: block;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    line-height: 24px;
    padding: 0 8px;
   
    }

   input[type="text"], 
   input[type="number"],
   input[type="tel"], 
   input[type="email"],  
   textarea, 
   button {
    font-family: 'Noto Sans', sans-serif;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #666666;
    font-size: 14px;
    line-height: 1.7;
    padding: 6px;
    width:470px;
   }
   
   select{
     font-family: 'Noto Sans', sans-serif !important;
     background-color: #fff;
     border: 1px solid #ccc;
     color: #666666;
     font-size: 14px;
     line-height: 1.7;
     padding: 6px;
     width:484px;
 display: block;
   }
   
   #telephone {
     width:484px;
   }
   
   #dateValidationMessage {
     display:none;
   }
      
   .date-field {
     flex-direction:row;
   }
   
   .month, 
   .day, 
   .year {
     width: 85px;
display:inline;
   }
  
   input[type="checkbox"], 
   input[type="radio"] {
     width: auto;
     margin-right: 5px;
   }
   
   .btn-field {
     flex-direction: row;
   }
   
    input[type="submit"], 
   .submit-button {
     font-family: 'Noto Sans', sans-serif !important;
     background: #00833B;
     border: 0px solid black;
     border-radius: 3px;
     color: #ffffff;
     font-size: 14px;
     font-weight: bold;
     text-align: center;
     line-height: 120%;
     padding: 12px 20px;
     text-decoration: none;
     min-width: 0px;
     width:auto;
    }
   
    input[type="submit"]:hover {
      background-color: #45a049;
    }
   
   .text-unsubscribe {
     color: #666666;
    font-weight: 400;
    line-height: 1.7;
     margin: 10px 0;
   }
   
 .term-condition-link { 
   text-decoration: none;
   color: #666666;
   border-bottom: 1px solid #00833B;
   } 
  
  .term-condition-link:hover {
    text-decoration: underline;
  }
   
  .toggleFieldSection {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    }
   
    .toggleFieldSection > input {
      width: auto;
      margin-right: 10px;
      margin-top:6px;
    }
   
    .toggleFieldSection > #InfoTermData {
      width: 96% !important;
    }
   
    .toggleFieldSection > span {
      width: 100% !important;
    }
   
    #thanks-msg-container {
      width: 885px;
      margin: 60px auto;
      display:none;
   }
   
   #thanks-msg-container  h2:before{
     background-color: #00833B;
     content: "";
     display: inline-block;
     height: 1px;
     position: absolute;
     top: -10px;
     width: 60px;
   }
   
   #thanks-msg-container h2{
     font-size: 26px;
     line-height: 1.31;
     font-family: 'Noto Sans', sans-serif;
     color: #666666;
     font-weight: 300;
     letter-spacing: -.1px;
     margin-bottom: 30px;
     margin-top: 10px;
   }
   
   #thanks-msg-container p {
     font-family: 'Noto Sans', sans-serif;
     color: #666;
     font-size: 14px;
     letter-spacing: -.2px;
     line-height: 1.75;
     margin: 0;
   }
   
    .thanks-black-txt {
     color: #666666 !important;
     font-size: 26px !important;
      font-weight:300;
   }
   
   .thanks-green-txt {
     color: #00833B !important;
     font-size: 22px !important;
     font-weight:400;
   }

   .thanks-green-head {
     color: #00833B !important;
      font-size: 26px !important;
      font-weight:300;
   }

   .thanks-black-subHead {
     color: #666666 !important;
     font-size: 22px !important;
     font-weight:400;
   }

   .thanks-link {
     border-bottom: 1px solid #00833B;
     color: #666666;
     text-decoration: none;
   }
   
   .thanks-link:hover {
     color: #00833B;
   }

.inline-label {
            display: inline-block;
            padding-left: 30px;
            vertical-align: top;
        }

        .span-wrapper {
            position: relative;
        }

.span-wrapper input {
margin: 0 8px;
position: absolute;
top: 4px;
}

 #thankYouMessage {
    display: none;
    font-size: 26px;
    color: #666666;
    padding: 20px;
  }

 .hidden {
            display: none;
        }
 div#selectionSection {
 padding: 6px;
}
 .btnPrevNext{
 font-family: 'Noto Sans', sans-serif;
        background: #00833B;
    border: 0px solid black;
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 120%;
    padding: 12px 20px;
    text-decoration: none;
    width: auto;
    margin-top:12px;
  }
#userSelectionError {
display:block;
}
 div#accountDeletionMessage{
  width: 515px;
    font-size: 14px;
    line-height: 1.7;
    margin:6px;
  }
div#accountDeletionMessage p {
    margin-bottom: 0px;
    margin-top: 0px;
}
div#clientProblemMessage {
    margin: 6px;
}
#step2,
  #step3 {
    padding: 6px;
  }

.list-style {
  font-size: 13px;
  color: #666666;
  margin: 0;
  line-height: 1.7;
}

#centerFormContainer {
  width: 95%;
  max-width: 1248px;
  margin: 0 auto;
  padding: 0 20px 57px;
}

#centerBody {
  margin: 0 auto;
}

.banner-img {
  width: 100%;
  display: block;
  max-width: 100%;
}

.sideFields {
  display: flex;
  justify-content: space-between;
  margin: 16px 0;
}

.select-height {
  height: 37.8px;
}
   
   @media only screen and (max-width: 768px) {
  /* Your mobile-specific styles here */
     input[type="text"],
     input[type="email"],
     input[type="number"],
     textarea {
       width:96% !important;
     }
     
    select {
      width:100%;
     }
     
     #telephone {
       width: 100%;
     }
     
    .toggleFieldSection > #InfoTermData {
      width: 90% !important; 
    } 
     
     #thanks-msg-container {
       width: 90%;
     }
#centerFormContainer {
    padding:0
    }
#centerFormContainer .sideFields {
    flex-direction:column
  }
}