/* font-size px to rem */
/* margin and padding px to rem conv */
/* line height px to rem conv */
/* letter space px to rem conv */
/* media query px to rem Conv */
/* stateFarm background color */
/* #701611 */
/* #a11b13 */
/* #d62311 */
/* #fc2929 */
/* #EF756c */
/* #2d2929 */
/* #403c3c */
/* #767676 */
/* #7f7e7d */
/* #acabab */
/* #e4e3e3 */
/* #f4f3f3 */
/* F7F7FA*/
/*CDCDD3 */
/* #ffffff */
/* #b39462 */
/* #debc85 */
/* #f2ddbb */
/* #f7f0e4 */
/*#996100*/
/*#da8a00;*/
/*#f1aa1b;*/
/*#f1c479;*/
/*#1a7558;*/
/*#239873;*/
/*#0eb275;*/
/* #85d0ac;*/
/* stateFarm text btn color */
/* #ffffff */
/* #d62311 */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* #2d2929 */
/* #403c3c */
/* #767676 */
/*  Rate table error and warning msg */
/* #a11b13 */
/*#f1aa1b;*/
/*#da8a00;*/
/* #ffffff */
/* #a11b13 */
/*#faedef*/
/* #fc2929 */
/* input realted color */
/* #a11b13 */
/* #0a41c5 */
/* divider color */
/* #e4e3e3 */
/* link and link with super script realted color */
/* #d62311 */
/* #a11b13 */
/* #a11b13 */
/* #701611 */
/* button related color */
/* #d62311 */
/* #ffffff */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* #701611 */
/* #ffffff */
/* Text color */
/* 0c2074 */
/* #2C2C2C */
/* #2d2929 */
/* 323232*/
/* #403c3c */
/* #555555 */
/* #767676 */
/* #f7f0e4 */
/* #ffffff */
/* #000000 */
/* #174085 */
/* #007CBE*/
/* #6E6E6E */
/* #e4e3e3 */
/*CDCDD3 */
/* #BE1324 */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* statefarm font weight */
/* Marker */
/* bullet styling*/
/* #403c3c */
/* Gradiant*/
/* Border color and theme and type*/
/*CDCDD3 */
/* #0073a8 */
/* #0a41c5 */
/* #cccccc */
/*Animation ease for timing */
/*Media query for tablet mobile and desktop */
/* Base root with rem calculation*/
/* font-size px to rem */
/* margin and padding px to rem conv */
/* line height px to rem conv */
/* letter space px to rem conv */
/* media query px to rem Conv */
/* Font family*/
/* stateFarm background color */
/* #701611 */
/* #a11b13 */
/* #d62311 */
/* #fc2929 */
/* #EF756c */
/* #2d2929 */
/* #212121 */
/* #403c3c */
/* #767676 */
/* #7f7e7d */
/* #acabab */
/* #e4e3e3 */
/* #f4f3f3 */
/* F7F7FA*/
/*CDCDD3 */
/* #ffffff */
/* #b39462 */
/* #debc85 */
/* #f2ddbb */
/* #f7f0e4 */
/*#996100*/
/*#da8a00;*/
/*#f1aa1b;*/
/*#f1c479;*/
/*#1a7558;*/
/*#239873;*/
/*#0eb275;*/
/* #85d0ac;*/
/* stateFarm text btn color */
/* #ffffff */
/* #d62311 */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* #2d2929 */
/* #403c3c */
/* #767676 */
/*  Rate table error and warning msg */
/* #a11b13 */
/*#f1aa1b;*/
/*#da8a00;*/
/* #ffffff */
/* #a11b13 */
/*#faedef*/
/* #fc2929 */
/* input realted color */
/* #a11b13 */
/* #0a41c5 */
/* divider color */
/* #e4e3e3 */
/* link and link with super script realted color */
/* #d62311 */
/* #a11b13 */
/* #a11b13 */
/* #701611 */
/* button related color */
/* #d62311 */
/* #ffffff */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* #701611 */
/* #ffffff */
/* Text color */
/* 0c2074 */
/* #2C2C2C */
/* #2d2929 */
/* #212121 */
/* 323232*/
/* #403c3c */
/* #555555 */
/* #767676 */
/* #f7f0e4 */
/* #ffffff */
/* #000000 */
/* #174085 */
/* #007CBE*/
/* #6E6E6E */
/* #e4e3e3 */
/*CDCDD3 */
/* #BE1324 */
/* #d62311 */
/* #a11b13 */
/* #701611 */
/* statefarm font weight */
/* Marker */
/* bullet styling*/
/* #212121 */
/* Gradiant*/
/* Border color and theme and type*/
/*CDCDD3 */
/* #0073a8 */
/* #0a41c5 */
/* #cccccc */
/*Animation ease for timing */
/*Media query for tablet mobile and desktop */
/*Table header*/
/*#eeeded*/
/*#f7f0e4*/
.dmoformContainer {
  padding-left: 5%;
}
.dmoformContainer .redirectbtn {
  display: none;
}
.dmoformContainer .usballiance-flexcontainer {
  padding: 2.5rem 0px 2.5rem 0px;
}
.dmoformContainer ul {
  list-style: disc;
  margin-left: 1rem;
}
.dmoformContainer ul li {
  display: list-item;
  list-style-type: disc;
}
.dmoformContainer ul li::marker {
  font-size: 1.5rem;
  color: #212121;
  font-weight: bold;
}
.dmoformContainer ul p {
  display: inline-block;
  padding-bottom: 0px;
}
.dmoformContainer .demoform-title {
  color: #767676;
  font-family: "MecherleSans-Regular", "Circular", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.0625rem;
  line-height: 1.3125rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.dmoformContainer .description {
  padding-bottom: 2.125rem;
}

.retriveOffer-wrap {
  width: 100%;
  display: flex;
}
.retriveOffer-wrap form {
  width: 84%;
}
.retriveOffer-wrap .leftmask-sm {
  padding-right: 1.875rem;
}
.retriveOffer-wrap .leftmask-lg {
  padding: 0px;
}

.form-wrap .formItem {
  position: relative;
}
.form-wrap .formItem label:not([class^=errorMsg]) {
  display: none;
  font-size: 0.75rem;
  font-family: "MecherleSans-Regular", "Circular", Arial, sans-serif;
  line-height: 2.5rem;
  color: #6e6e6e;
  margin: 0px;
}
.form-wrap .formItem.error label {
  color: #be1324;
  display: inline-flex;
}
.form-wrap input {
  line-height: 1.5rem;
  font-size: 1rem;
  color: #6e6e6e;
  padding: 0.625rem 0px 0.625rem 0px;
  font-family: "MecherleSans-Regular", "Circular", Arial, sans-serif;
  border: 0px;
  border-bottom: 0.0625rem solid #cccccc;
  width: 100%;
}
.form-wrap input:focus {
  outline: none;
  border: 0.125rem solid #0a41c5;
  border-radius: 0.25rem;
}
.form-wrap .formItem.error input {
  outline: none;
  border: 0px;
  border-radius: 0px;
  border-bottom: 0.125rem solid #be1324;
}
.form-wrap .formItem.error input:focus {
  outline: none;
  border: 0px;
  border-radius: 0px;
  border-bottom: 0.125rem solid #be1324;
}
.form-wrap .formItem .errorSymbol {
  position: absolute;
  top: 2.25rem;
  right: 0.625rem;
  width: 1.25rem;
}
.form-wrap .formItem .errorMsg {
  color: #be1324;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-family: "MecherleSans-Regular", "Circular", Arial, sans-serif;
}
.form-wrap .formItem .errorSymbol {
  display: none;
}
.form-wrap .error-content-container .offerConfirmation, .form-wrap .error-content-container .offerZIP, .form-wrap .error-content-container .offerValidationError, .form-wrap .error-content-container .multipleError {
  display: none;
}
.form-wrap .formItem.error .errorSymbol {
  display: inline-flex;
  outline: none;
}
.form-wrap .error-content-container .errorSymbol, .form-wrap .formItem .errorSymbol {
  display: none;
  fill: #be1324;
}
.form-wrap .error-content-container.error .errorSymbol {
  display: inline-flex;
}
.form-wrap .error {
  display: block;
}
.form-wrap .confCode, .form-wrap .zipCode {
  margin-bottom: 2.75rem;
}
.form-wrap .submitCode {
  padding: 0.75rem 0px;
}
.form-wrap .usballiance-primarybtn {
  width: 100%;
}
.form-wrap .error-content-container {
  padding: 1rem;
  margin-bottom: 1rem;
  display: flex;
  box-sizing: border-box;
  border: 0.0625rem solid rgba(190, 19, 36, 0.16);
  border-radius: 0.25rem;
  background-color: #faedef;
  border-top: 0.3125rem solid #be1324;
  box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.1);
  display: none;
  outline: none;
  color: #2c2c2c;
}
.form-wrap .error-content-container.error {
  margin-top: 5rem;
}

.usballiance-container .multipleError ul {
  padding-left: 3.75rem;
  margin-top: 1.25rem;
  margin-left: 0;
}

.dmoformContainer .multipleError li {
  display: list-item;
  list-style-type: disc;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-family: "MecherleSans-Regular", "Circular", Arial, sans-serif;
  color: #4F4F4F;
}
.dmoformContainer .multipleError li::marker {
  font-size: 0.875rem;
  color: #6e6e6e;
  font-weight: normal;
}

.form-wrap .error-content-container span {
  vertical-align: text-top;
}
.form-wrap .error-content-container.error {
  display: block;
}
.form-wrap .usballiance-primarybtn:focus {
  outline: 0.125rem solid #0a41c5;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  /*.retriveOffer-wrap .leftmask-sm5 {
  	-ms-flex: 0 0 50%;
  	flex: 0 0 50%;
  	max-width: 50%;
  }*/
  .aem-Grid.aem-Grid--default--16 > .dmoForm.aem-GridColumn.aem-GridColumn--default--6 {
    width: 100%;
  }

  .aem-Grid.aem-Grid--default--16 > .dmoForm.aem-GridColumn.aem-GridColumn--default--10 {
    width: 100%;
  }

  .aem-Grid.aem-Grid--default--16 > .dmoForm.aem-GridColumn.aem-GridColumn--default--8 {
    width: 100%;
  }

  .dmoformContainer {
    padding-left: 0px;
  }
  .dmoformContainer .usballiance-flexcontainer {
    padding: 2rem 5%;
  }

  .retriveOffer-wrap form {
    width: 100%;
  }
}
/*tablet css */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .aem-Grid.aem-Grid--default--16 > .dmoForm.aem-GridColumn.aem-GridColumn--default--6 {
    width: 100%;
  }

  .aem-Grid.aem-Grid--default--16 > .dmoForm.aem-GridColumn.aem-GridColumn--default--10 {
    width: 100%;
  }

  .aem-Grid.aem-Grid--default--16 > .dmoForm.aem-GridColumn.aem-GridColumn--default--8 {
    width: 100%;
  }

  .dmoformContainer {
    padding-left: 0px;
  }
  .dmoformContainer .usballiance-flexcontainer {
    padding: 2rem 5%;
  }

  .retriveOffer-wrap form, .dmoformContainer .description {
    width: 100%;
  }
}