/* 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*/
.usballiance-rte .bottomDescription {
  padding-top: 1rem;
}
.usballiance-rte .text-rte-center-align-grid {
  padding-left: 16rem;
  padding-right: 16rem;
}
.usballiance-rte ul {
  padding-left: 1rem;
  padding-bottom: 1.5rem;
}
.usballiance-rte .savebtn {
  padding-top: 1rem;
}
.usballiance-rte .fee-val {
  font-family: "MecherleSans-Bold", "Circular", Arial, sans-serif;
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 3.75rem;
}

.button-wrap {
  width: 100%;
  display: block;
  text-align: center;
}

.usballiance-container .button-wrap:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.left-aligned {
  float: left;
  width: auto;
}

.center-aligned {
  margin-right: 1.25rem;
  text-align: center;
  width: auto;
  display: inline-flex;
}

.right-aligned {
  float: right;
  width: auto;
}

.usballiance-container .usballiance-rte h2 {
  width: 100%;
  color: #403c3c;
  font-family: "MecherleSans-Bold", "Circular", Arial, sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.5rem;
  margin: 0 0 0.625rem 0;
  padding: 0px;
}
.usballiance-container .usballiance-rte h3 {
  width: 100%;
  color: #403c3c;
  font-family: "MecherleSans-SemiBold", "Circular", Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 0 0 0.625rem 0;
  padding: 0px;
}
.usballiance-container .usballiance-rte .top-padding {
  padding-top: 2.5rem;
}
.usballiance-container .usballiance-rte ul {
  list-style: disc;
  margin-left: 1rem;
}
.usballiance-container .usballiance-rte ul li {
  display: list-item;
  list-style-type: disc;
}
.usballiance-container .usballiance-rte ul li::marker {
  font-size: 1.5rem;
  color: #212121;
  font-weight: bold;
}
.usballiance-container .usballiance-rte ul p {
  display: inline-block;
  padding-bottom: 0px;
}
.usballiance-container .usballiance-rte .dmoLabel span.sr-only {
  position: relative;
}
.usballiance-container .text-rte .usballiance-rte {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.usballiance-container .text-rte .usballiance-rte.removeTopPadding {
  padding-top: 0;
}
.usballiance-container .text-rte .usballiance-rte.removeBottomPadding {
  padding-bottom: 0;
}
.usballiance-container .text-rte.aem-GridColumn--default--8 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--9 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--10 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--11 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--12 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--13 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--14 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--15 .usballiance-rte {
  padding-top: 0px;
  margin-right: 3%;
  padding-left: 3%;
}
.usballiance-container .text-rte.aem-GridColumn--default--16 .usballiance-rte {
  padding-right: 2%;
  padding-left: 2%;
}
.usballiance-container.usballiance-business .text-rte.aem-GridColumn--default--7 {
  margin-right: 12.65%;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: 2%;
  display: inline-flex;
  -ms-flex: 0 0 43.05555%;
  flex: 0 0 43.05555%;
  max-width: 43.05555%;
  width: 43.05555%;
}
.usballiance-container.usballiance-business .text-rte.aem-GridColumn--default--7 .usballiance-rte {
  padding: 0;
}
.usballiance-container.usballiance-business .text-rte.aem-GridColumn--default--7 .usballiance-rte ul {
  margin-left: 0;
  padding-left: 1.25rem;
}

/* info or description of credit card(if we add class name in the RTE S(props))*/
.creditcardInfo {
  margin: 0 auto;
  flex: 0 0 62.03703%;
  max-width: 62.03703%;
  font-size: 1.5rem;
  line-height: 1.875rem;
  padding: 0px;
}
.creditcardInfo p {
  font-size: 1.5rem;
  padding: 0px;
}

/*productfeatures*/
.productfeature-title > h2 {
  padding-bottom: 2% !important;
}

.left-aligned {
  margin-right: 1.25rem;
}

@media only screen and (max-width: 1023px) {
  /* info or description of credit card(if we add class name in the RTE S(props))*/
  .creditcardInfo {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    line-height: 1.5rem;
  }
  .creditcardInfo p {
    padding: 0px 1.25rem;
    font-size: 1.25rem;
  }

  .button-wrap div {
    clear: both;
    width: 100%;
    display: block;
    margin: 0.625rem 0px;
  }
}
/* tablet view css */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .usballiance-rte .text-rte-center-align-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .leftmask-lg12 {
    padding-right: 0px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .usballiance-container .text-rte.aem-GridColumn--default--16 .usballiance-rte.removeTopPadding {
    padding-top: 0;
  }
  .usballiance-container .text-rte.aem-GridColumn--default--16 .usballiance-rte.removeBottomPadding {
    padding-bottom: 0;
  }
  .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--10, .usballiance-container .text-rte.aem-GridColumn--default--16 .usballiance-rte {
    padding: 2rem 5%;
  }
  .usballiance-container .text-rte.aem-GridColumn--default--8 .usballiance-rte, .usballiance-container .aem-GridColumn--default--8 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--9 .usballiance-rte, .usballiance-container .aem-GridColumn--default--9 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--10 .usballiance-rte, .usballiance-container .aem-GridColumn--default--10 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--11 .usballiance-rte, .usballiance-container .aem-GridColumn--default--11 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--12 .usballiance-rte, .usballiance-container .aem-GridColumn--default--12 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--13 .usballiance-rte, .usballiance-container .aem-GridColumn--default--13 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--14 .usballiance-rte, .usballiance-container .aem-GridColumn--default--14 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--15 .usballiance-rte, .usballiance-container .aem-GridColumn--default--15 .usballiance-rte {
    padding-top: 0px;
    margin-right: 5%;
    padding-left: 5%;
  }
  .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--8, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--8, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--9, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--9, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--10, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--10, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--11, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--11, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--12, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--12, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--13, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--13, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--14, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--14, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--15, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--15 {
    width: 100%;
  }

  .usballiance-container.usballiance-business .aem-Grid.aem-Grid--default--16 .text-rte.aem-GridColumn--default--7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 5%;
    padding-right: 5%;
  }
  .usballiance-container.usballiance-business .aem-Grid.aem-Grid--default--16 .text-rte.aem-GridColumn--default--7 .usballiance-rte {
    padding: 0;
  }
}
/* mobile view css */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  /* text RTE */
  .usballiance-rte .text-rte-center-align-grid {
    padding-left: 0;
    padding-right: 0;
  }

  .usballiance-container .text-rte.aem-GridColumn--default--16 .usballiance-rte.removeTopPadding {
    padding-top: 0;
  }
  .usballiance-container .text-rte.aem-GridColumn--default--16 .usballiance-rte.removeBottomPadding {
    padding-bottom: 0;
  }
  .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--10, .usballiance-container .text-rte.aem-GridColumn--default--16 .usballiance-rte {
    padding: 2rem 5%;
  }
  .usballiance-container .text-rte.aem-GridColumn--default--8 .usballiance-rte, .usballiance-container .aem-GridColumn--default--8 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--9 .usballiance-rte, .usballiance-container .aem-GridColumn--default--9 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--10 .usballiance-rte, .usballiance-container .aem-GridColumn--default--10 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--11 .usballiance-rte, .usballiance-container .aem-GridColumn--default--11 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--12 .usballiance-rte, .usballiance-container .aem-GridColumn--default--12 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--13 .usballiance-rte, .usballiance-container .aem-GridColumn--default--13 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--14 .usballiance-rte, .usballiance-container .aem-GridColumn--default--14 .usballiance-rte, .usballiance-container .text-rte.aem-GridColumn--default--15 .usballiance-rte, .usballiance-container .aem-GridColumn--default--15 .usballiance-rte {
    padding-top: 0px;
    margin-right: 5%;
    padding-left: 5%;
  }
  .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--8, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default-8, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--9, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--9, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--10, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--10, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--11, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--11, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--12, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--12, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--13, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--13, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--14, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--14, .usballiance-container .aem-Grid.aem-Grid--default--16 > .text-rte.aem-GridColumn--default--15, .usballiance-container .aem-Grid.aem-Grid--default--16 > .aem-GridColumn--default--15 {
    width: 100%;
  }
  .usballiance-container .usballiance-rte .dmoLabel span.sr-only {
    position: absolute !important;
  }

  .usballiance-container.usballiance-business .aem-Grid.aem-Grid--default--16 .text-rte.aem-GridColumn--default--7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 5%;
    padding-right: 5%;
  }
  .usballiance-container.usballiance-business .aem-Grid.aem-Grid--default--16 .text-rte.aem-GridColumn--default--7 .usballiance-rte {
    padding: 0;
  }
}
/* bb page Tablet landscape mode */
@media only screen and (min-width: 1024px) and (max-width: 1295px) {
  .usballiance-container.usballiance-business .text-rte.aem-GridColumn--default--7 {
    margin-right: 6%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
  }
}
.toolTip-wrap {
  position: relative;
}
.toolTip-wrap a, .toolTip-wrap p, .toolTip-wrap button {
  display: inline;
}
.toolTip-wrap button {
  background: white;
  border: none;
}
.toolTip-wrap button:focus {
  outline: 0.125rem solid #0073a8 !important;
  outline-offset: 0;
}
.toolTip-wrap .toolTip {
  visibility: hidden;
  position: absolute;
  border-radius: 0.25rem;
  bottom: 1.5rem;
  left: 60%;
  font-size: 0.75rem;
  padding: 0.25rem 0.375rem;
  box-shadow: 0.125rem 0.125rem 0.3125rem 0.0625rem rgba(0, 0, 0, 0.3);
  width: 12.5rem;
  line-height: 1rem;
}
.toolTip-wrap .toolTip-content:hover + .toolTip, .toolTip-wrap .toolTip-content:focus + .toolTip {
  visibility: visible;
}