/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_brambleberry_core/cartridge/client/default/scss/calculator.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
.fragrance-calculator,
.lye-calculator {
  width: 100%;
  max-width: 520px;
  margin: 0 auto; }
  .fragrance-calculator .calculator-title,
  .lye-calculator .calculator-title {
    font-size: 30px;
    letter-spacing: -1.2px;
    margin-bottom: 12px;
    line-height: 30px; }
  .fragrance-calculator .calculator-decription,
  .lye-calculator .calculator-decription {
    font-size: 14px;
    letter-spacing: -0.28px;
    margin: 0 0 20px;
    font-family: var(--skin-body-font);
    font-weight: 400; }

.lye-calculator-wrapper {
  background: #F5F7F3;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 20px;
  margin-bottom: 194px;
  position: relative; }

.lye-calculator-step-cta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -140px; }
  .lye-calculator-step-cta .btn {
    margin-bottom: 20px;
    width: 100%;
    height: 42px;
    text-transform: uppercase; }
  .lye-calculator-step-cta .note {
    font-size: 12px;
    letter-spacing: -0.24px;
    color: #7A7A7A;
    line-height: 130%; }
  .lye-calculator-step-cta .two-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 991.98px) {
      .lye-calculator-step-cta .two-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .lye-calculator-step-cta .two-buttons #lc-stepfinal-print,
    .lye-calculator-step-cta .two-buttons #fc-stepfinal-print {
      width: 48%;
      height: 42px;
      border-radius: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #F7F3EF;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: -0.28px;
      color: #536552 !important; }
      .lye-calculator-step-cta .two-buttons #lc-stepfinal-print svg,
      .lye-calculator-step-cta .two-buttons #fc-stepfinal-print svg {
        margin-left: 8px; }
      @media (max-width: 991.98px) {
        .lye-calculator-step-cta .two-buttons #lc-stepfinal-print,
        .lye-calculator-step-cta .two-buttons #fc-stepfinal-print {
          width: 100%;
          margin-bottom: 8px; } }
    .lye-calculator-step-cta .two-buttons #btn-lc-stepfinal-resize,
    .lye-calculator-step-cta .two-buttons .btn-fc-stepfinal-startover {
      width: 48%;
      height: 42px;
      border-radius: 100px;
      color: #6E224E  !important;
      border: 1px solid #6E224E !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: -0.28px;
      background: none; }
      .lye-calculator-step-cta .two-buttons #btn-lc-stepfinal-resize:focus,
      .lye-calculator-step-cta .two-buttons .btn-fc-stepfinal-startover:focus {
        outline: 0;
        -webkit-box-shadow: none;
                box-shadow: none; }
      @media (max-width: 991.98px) {
        .lye-calculator-step-cta .two-buttons #btn-lc-stepfinal-resize,
        .lye-calculator-step-cta .two-buttons .btn-fc-stepfinal-startover {
          width: 100%; } }
  .lye-calculator-step-cta.third {
    bottom: -60px; }
    @media (max-width: 991.98px) {
      .lye-calculator-step-cta.third {
        bottom: -112px; } }
  .lye-calculator-step-cta.fourth {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    position: static; }
    .lye-calculator-step-cta.fourth .two-buttons {
      margin-bottom: 12px; }
  .lye-calculator-step-cta.second {
    bottom: -140px; }
    @media (max-width: 991.98px) {
      .lye-calculator-step-cta.second {
        bottom: -160px; } }
  @media (max-width: 991.98px) {
    .lye-calculator-step-cta {
      bottom: -160px; }
      .lye-calculator-step-cta.fragrance-calculator-step-cta {
        margin-bottom: -82px; } }

.lye-calculator-navigation {
  margin-bottom: 24px; }
  .lye-calculator-navigation .nav-tabs {
    border-bottom: 0; }
  .lye-calculator-navigation .nav-link {
    padding: 0 24px 0 0;
    font-size: 12px;
    letter-spacing: -0.24px;
    text-transform: uppercase;
    opacity: 0.3;
    color: #7A7A7A !important;
    font-family: var(--skin-body-font-bold);
    font-weight: 400; }
    .lye-calculator-navigation .nav-link.active {
      opacity: 1; }
    .lye-calculator-navigation .nav-link:hover {
      background-color: none; }

@media (max-width: 991.98px) {
  #printable.printThis {
    width: 100%; } }

.lc-print-status {
  font-size: 24px;
  letter-spacing: -0.96px;
  font-family: var(--skin-header-font);
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 130%;
  text-align: center;
  display: none; }

.tab-pane .heading-label {
  font-size: 24px;
  letter-spacing: -0.96px;
  font-family: var(--skin-header-font);
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 130%;
  display: block; }
  .tab-pane .heading-label.startPrint {
    font-size: 16px;
    text-align: center; }

.tab-pane p {
  letter-spacing: -0.72px;
  font-size: 18px;
  margin: 0 0 12px; }
  .tab-pane p.lc-step1-selected-Percentage {
    margin-top: 12px;
    font-size: 16px; }
  .tab-pane p.lc-dynacmic-calc {
    margin-top: 0;
    font-size: 16px;
    font-family: var(--skin-body-font-bold);
    font-weight: 400; }

.heading-label-small {
  display: none;
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 130%; }

.percentage-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .percentage-boxes .lc-step1-selected-Percentage {
    width: 65%; }
  .percentage-boxes .lc-dynacmic-calc {
    width: 30%;
    text-align: right; }

#lc-dynacmic-calc-error-up {
  background: #FF1310;
  padding: 10px;
  font-size: 14px;
  color: #fff;
  border-radius: 6px;
  margin-bottom: 16px; }

#select-lc-step1-type,
#select-lc-step1-unit,
#select-lc-stepfinal-unit {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch; }
  #select-lc-step1-type li,
  #select-lc-step1-unit li,
  #select-lc-stepfinal-unit li {
    margin-left: 12px;
    width: 100%; }
    #select-lc-step1-type li.btn,
    #select-lc-step1-unit li.btn,
    #select-lc-stepfinal-unit li.btn {
      width: 100%; }
      #select-lc-step1-type li.btn.btn-primary,
      #select-lc-step1-unit li.btn.btn-primary,
      #select-lc-stepfinal-unit li.btn.btn-primary {
        background-color: #ECEFE7;
        color: #1E1E1E;
        font-size: 16px;
        letter-spacing: -0.32px;
        cursor: pointer; }
        #select-lc-step1-type li.btn.btn-primary.selected,
        #select-lc-step1-unit li.btn.btn-primary.selected,
        #select-lc-stepfinal-unit li.btn.btn-primary.selected {
          background-color: #536552;
          color: #fff; }
          #select-lc-step1-type li.btn.btn-primary.selected::after,
          #select-lc-step1-unit li.btn.btn-primary.selected::after,
          #select-lc-stepfinal-unit li.btn.btn-primary.selected::after {
            display: block; }
        #select-lc-step1-type li.btn.btn-primary:before, #select-lc-step1-type li.btn.btn-primary:hover,
        #select-lc-step1-unit li.btn.btn-primary:before,
        #select-lc-step1-unit li.btn.btn-primary:hover,
        #select-lc-stepfinal-unit li.btn.btn-primary:before,
        #select-lc-stepfinal-unit li.btn.btn-primary:hover {
          background: #536552;
          color: #fff; }
        #select-lc-step1-type li.btn.btn-primary::after,
        #select-lc-step1-unit li.btn.btn-primary::after,
        #select-lc-stepfinal-unit li.btn.btn-primary::after {
          content: '';
          background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.5L7.33333 9.83333L10 7.16667M14 8.5C14 11.8137 11.3137 14.5 8 14.5C4.68629 14.5 2 11.8137 2 8.5C2 5.18629 4.68629 2.5 8 2.5C11.3137 2.5 14 5.18629 14 8.5Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
          width: 16px;
          height: 16px;
          margin-left: 8px;
          display: none; }
    #select-lc-step1-type li:first-child,
    #select-lc-step1-unit li:first-child,
    #select-lc-stepfinal-unit li:first-child {
      margin-left: 0; }
    @media (max-width: 991.98px) {
      #select-lc-step1-type li,
      #select-lc-step1-unit li,
      #select-lc-stepfinal-unit li {
        margin-left: 6px; }
        #select-lc-step1-type li.btn.btn-primary,
        #select-lc-step1-unit li.btn.btn-primary,
        #select-lc-stepfinal-unit li.btn.btn-primary {
          font-size: 14px;
          position: relative;
          padding: 0; }
          #select-lc-step1-type li.btn.btn-primary::after,
          #select-lc-step1-unit li.btn.btn-primary::after,
          #select-lc-stepfinal-unit li.btn.btn-primary::after {
            margin-left: 4px; } }

@media (max-width: 375px) {
  #select-lc-step1-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    #select-lc-step1-unit li {
      -ms-flex-preferred-size: calc(50% - 12px);
          flex-basis: calc(50% - 12px);
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-left: 0;
      margin-bottom: 12px; }
      #select-lc-step1-unit li:nth-child(2n) {
        margin-left: 12px; } }

#select-lc-step1-sl {
  width: 100%; }

.lc-step1-label,
.lc-stpe1-tb-dynamic,
.lc-step2-fieldset,
.lc-step2-default,
.lc-step2-label,
.lc-stepfinal-fieldset,
.lc-stepfinal-default,
.lc-stepfinal-resize-batch,
.lc-dynacmic-calc-error {
  display: none; }

.final-step-cta .btn {
  font-size: 14px;
  letter-spacing: -0.28px;
  font-family: var(--skin-body-font-book);
  font-weight: 400;
  margin-top: 0;
  height: 42px; }
  .final-step-cta .btn svg {
    margin-left: 8px;
    width: 17px;
    margin-top: -5px; }
  .final-step-cta .btn.btn-primary {
    height: 52px;
    margin-bottom: 12px; }
    .final-step-cta .btn.btn-primary svg {
      margin-right: 8px;
      margin-left: 0; }

.lc-stpe1-tb-dynamic {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .lc-stpe1-tb-dynamic .weight {
    width: 50%;
    float: left; }
  .lc-stpe1-tb-dynamic .measure {
    width: 45%;
    float: right;
    margin-top: 10px; }
  .lc-stpe1-tb-dynamic:before, .lc-stpe1-tb-dynamic:after {
    content: '';
    clear: both; }
  .lc-stpe1-tb-dynamic:after {
    display: table; }

.lye-calculator-custom-select {
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 100px;
  height: 45px;
  padding-right: 10px; }
  .lye-calculator-custom-select.custom-select-box-qty {
    border-radius: 100px; }
  .lye-calculator-custom-select.second {
    padding-right: 0; }
  .lye-calculator-custom-select select,
  .lye-calculator-custom-select .js-open-product-search-product-flyout {
    height: 100%;
    background: transparent;
    border: 0;
    width: 100%;
    padding: 0 24px;
    cursor: pointer;
    -webkit-appearance: none; }
    .lye-calculator-custom-select select:focus,
    .lye-calculator-custom-select .js-open-product-search-product-flyout:focus {
      outline: 0;
      border: 0;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .lye-calculator-custom-select .js-open-product-search-product-flyout {
    padding-top: 9px;
    padding-bottom: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 991.98px) {
      .lye-calculator-custom-select .js-open-product-search-product-flyout {
        font-size: 14px; } }

.search-box {
  position: relative; }
  .search-box #js-tb-lc-step2-search,
  .search-box #js-tb-fc-step2-search {
    height: 45px;
    background: #fff;
    border: 1px solid #DDD;
    border-radius: 100px;
    margin-bottom: 32px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 24px;
    cursor: pointer; }
    .search-box #js-tb-lc-step2-search:focus,
    .search-box #js-tb-fc-step2-search:focus {
      outline: 0;
      border-color: #000; }
    .search-box #js-tb-lc-step2-search::-webkit-input-placeholder, .search-box #js-tb-fc-step2-search::-webkit-input-placeholder {
      color: #1e1e1e; }
    .search-box #js-tb-lc-step2-search::-moz-placeholder, .search-box #js-tb-fc-step2-search::-moz-placeholder {
      color: #1e1e1e; }
    .search-box #js-tb-lc-step2-search:-ms-input-placeholder, .search-box #js-tb-fc-step2-search:-ms-input-placeholder {
      color: #1e1e1e; }
    .search-box #js-tb-lc-step2-search::-ms-input-placeholder, .search-box #js-tb-fc-step2-search::-ms-input-placeholder {
      color: #1e1e1e; }
    .search-box #js-tb-lc-step2-search::placeholder,
    .search-box #js-tb-fc-step2-search::placeholder {
      color: #1e1e1e; }
  .search-box svg {
    position: absolute;
    right: 20px;
    top: 14px; }

#lc-dynacmic-grid-flyout ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  #lc-dynacmic-grid-flyout ul li {
    margin-bottom: 20px; }

#lc-dynacmic-grid-row-flyout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #lc-dynacmic-grid-row-flyout img {
    width: 57px;
    height: auto;
    border-radius: 6px;
    margin-right: 12px; }
  #lc-dynacmic-grid-row-flyout .flyout-product-number-copy {
    width: calc(100% - 69px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #lc-dynacmic-grid-row-flyout #prodName {
    font-size: 16px;
    letter-spacing: -0.32px;
    line-height: 120%;
    margin: 0 12px 0 0;
    width: calc(100% - 117px); }
  #lc-dynacmic-grid-row-flyout .js-add-product-flyout {
    border: 1px solid #536552;
    padding: 8px 0;
    text-align: center;
    width: 117px;
    font-size: 16px;
    letter-spacing: -0.32px;
    border-radius: 100px;
    color: #536552;
    text-transform: uppercase;
    cursor: pointer; }
  #lc-dynacmic-grid-row-flyout .js-product-quantity-flyout {
    border-radius: 6px;
    border: 1px solid #DDD;
    height: 42px;
    width: 90px;
    font-size: 16px;
    letter-spacing: -0.32px;
    color: #A4A4A4;
    margin-right: 12px;
    text-align: center; }
    #lc-dynacmic-grid-row-flyout .js-product-quantity-flyout:focus {
      outline: 0;
      border-color: #000; }

#lc-dynacmic-grid ul {
  list-style: none;
  padding: 0;
  margin: 0 0; }
  #lc-dynacmic-grid ul li {
    margin-bottom: 20px; }
    #lc-dynacmic-grid ul li:last-child {
      margin-bottom: 0; }

#lc-dynacmic-grid-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #lc-dynacmic-grid-row img {
    width: 57px;
    height: auto;
    border-radius: 6px;
    margin-right: 12px; }
  #lc-dynacmic-grid-row .flyout-product-number-copy {
    width: calc(100% - 69px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #lc-dynacmic-grid-row #prodName {
    font-size: 16px;
    letter-spacing: -0.32px;
    line-height: 120%;
    margin: 0 12px 0 0;
    width: calc(100% - 117px); }
  #lc-dynacmic-grid-row .js-add-product-flyout {
    border: 1px solid #536552;
    padding: 8px 0;
    text-align: center;
    width: 117px;
    font-size: 16px;
    letter-spacing: -0.32px;
    border-radius: 100px;
    color: #536552;
    text-transform: uppercase;
    cursor: pointer; }
  #lc-dynacmic-grid-row .js-product-quantity-flyout {
    border-radius: 6px;
    border: 1px solid #DDD;
    height: 42px;
    width: 90px;
    font-size: 16px;
    letter-spacing: -0.32px;
    color: #A4A4A4;
    margin-right: 12px;
    text-align: center; }
    #lc-dynacmic-grid-row .js-product-quantity-flyout:focus {
      outline: 0;
      border-color: #000; }
  #lc-dynacmic-grid-row .js-delete-product-flyout {
    cursor: pointer; }

.lc-hidden {
  display: none !important; }

.lc-stepfinal-result table {
  width: 100%;
  margin: 0 0 24px; }
  .lc-stepfinal-result table thead {
    display: none;
    background: #ddd; }
    .lc-stepfinal-result table thead.startPrint {
      display: table-header-group; }
    .lc-stepfinal-result table thead th {
      text-align: right;
      font-size: 16px;
      letter-spacing: -0.72px;
      font-family: var(--skin-body-font-bold);
      font-weight: 400;
      line-height: 120%;
      padding: 8px;
      white-space: nowrap;
      text-transform: uppercase; }
      .lc-stepfinal-result table thead th.textalign-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: left;
        white-space: normal; }
  .lc-stepfinal-result table tbody tr td {
    text-align: right;
    font-size: 16px;
    letter-spacing: -0.72px;
    font-family: var(--skin-body-font-book);
    font-weight: 400;
    line-height: 120%;
    padding: 8px;
    white-space: nowrap;
    position: relative; }
    .lc-stepfinal-result table tbody tr td .add-btn {
      text-transform: uppercase;
      padding: 4px 14px 2px;
      color: #6E224E !important;
      border: 1px solid #6E224E;
      border-radius: 100px;
      font-size: 12px;
      letter-spacing: -0.24px;
      font-family: var(--skin-body-font);
      font-weight: 400;
      display: inline-block;
      margin-top: 5px; }
      .lc-stepfinal-result table tbody tr td .add-btn:before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.333333 1.25C0.15 1.25 0 1.39766 0 1.57812C0 1.75859 0.15 1.90625 0.333333 1.90625H1.12292C1.28125 1.90625 1.41875 2.01494 1.45 2.16875L2.67708 8.075C2.80417 8.68613 3.35 9.125 3.98333 9.125H10.3333C10.5167 9.125 10.6667 8.97734 10.6667 8.79688C10.6667 8.61641 10.5167 8.46875 10.3333 8.46875H3.98333C3.66667 8.46875 3.39375 8.24932 3.32917 7.94375L3.16667 7.15625H9.71875C10.3312 7.15625 10.8646 6.74609 11.0125 6.16162L11.8875 2.72246C11.9917 2.3082 11.675 1.90625 11.2417 1.90625H2.06458C1.92708 1.5166 1.55 1.25 1.12292 1.25H0.333333ZM2.21042 2.5625H11.2396L10.3667 6.00371C10.2917 6.29492 10.025 6.5 9.71875 6.5H3.02917L2.21042 2.5625ZM3.5 10.6016C3.5 10.471 3.55268 10.3458 3.64645 10.2535C3.74021 10.1612 3.86739 10.1094 4 10.1094C4.13261 10.1094 4.25979 10.1612 4.35355 10.2535C4.44732 10.3458 4.5 10.471 4.5 10.6016C4.5 10.7321 4.44732 10.8573 4.35355 10.9496C4.25979 11.0419 4.13261 11.0938 4 11.0938C3.86739 11.0938 3.74021 11.0419 3.64645 10.9496C3.55268 10.8573 3.5 10.7321 3.5 10.6016ZM5.16667 10.6016C5.16667 10.4507 5.13649 10.3014 5.07786 10.1621C5.01923 10.0227 4.93329 9.89614 4.82496 9.78949C4.71662 9.68285 4.58801 9.59826 4.44646 9.54054C4.30492 9.48283 4.15321 9.45312 4 9.45312C3.84679 9.45312 3.69508 9.48283 3.55354 9.54054C3.41199 9.59826 3.28338 9.68285 3.17504 9.78949C3.06671 9.89614 2.98077 10.0227 2.92214 10.1621C2.86351 10.3014 2.83333 10.4507 2.83333 10.6016C2.83333 10.7524 2.86351 10.9017 2.92214 11.041C2.98077 11.1804 3.06671 11.307 3.17504 11.4136C3.28338 11.5203 3.41199 11.6049 3.55354 11.6626C3.69508 11.7203 3.84679 11.75 4 11.75C4.15321 11.75 4.30492 11.7203 4.44646 11.6626C4.58801 11.6049 4.71662 11.5203 4.82496 11.4136C4.93329 11.307 5.01923 11.1804 5.07786 11.041C5.13649 10.9017 5.16667 10.7524 5.16667 10.6016ZM9.33333 10.1094C9.46594 10.1094 9.59312 10.1612 9.68689 10.2535C9.78065 10.3458 9.83333 10.471 9.83333 10.6016C9.83333 10.7321 9.78065 10.8573 9.68689 10.9496C9.59312 11.0419 9.46594 11.0938 9.33333 11.0938C9.20072 11.0938 9.07355 11.0419 8.97978 10.9496C8.88601 10.8573 8.83333 10.7321 8.83333 10.6016C8.83333 10.471 8.88601 10.3458 8.97978 10.2535C9.07355 10.1612 9.20072 10.1094 9.33333 10.1094ZM9.33333 11.75C9.64275 11.75 9.9395 11.629 10.1583 11.4136C10.3771 11.1983 10.5 10.9061 10.5 10.6016C10.5 10.297 10.3771 10.0049 10.1583 9.78949C9.9395 9.57412 9.64275 9.45312 9.33333 9.45312C9.02391 9.45312 8.72717 9.57412 8.50837 9.78949C8.28958 10.0049 8.16667 10.297 8.16667 10.6016C8.16667 10.9061 8.28958 11.1983 8.50837 11.4136C8.72717 11.629 9.02391 11.75 9.33333 11.75Z' fill='%236E224E'/%3E%3C/svg%3E");
        width: 12px;
        height: 12px;
        margin-right: 8px;
        display: inline-block; }
    .lc-stepfinal-result table tbody tr td.textalign-left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: left;
      white-space: normal; }
    .lc-stepfinal-result table tbody tr td img {
      width: 50px;
      border-radius: 6px;
      margin-right: 12px; }
    .lc-stepfinal-result table tbody tr td.bold {
      font-family: var(--skin-body-font-bold);
      font-weight: 400;
      font-size: 18px; }
    .lc-stepfinal-result table tbody tr td.valueToShow {
      display: none; }
      .lc-stepfinal-result table tbody tr td.valueToShow.show {
        display: table-cell; }
    @media (max-width: 768.98px) {
      .lc-stepfinal-result table tbody tr td {
        display: none; } }
  .lc-stepfinal-result table tbody tr.alter-cell-color {
    background-color: #fff; }
  @media (max-width: 768.98px) {
    .lc-stepfinal-result table tbody tr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 100%; }
      .lc-stepfinal-result table tbody tr td:first-child {
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
      .lc-stepfinal-result table tbody tr td:not(:first-child) {
        width: 50%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; } }
  @media (max-width: 991.98px) {
    .lc-stepfinal-result table#lc-result-table-totals tbody tr td {
      display: table-row;
      width: 50%; }
      .lc-stepfinal-result table#lc-result-table-totals tbody tr td:first-child {
        width: 50%; } }

.lc-stepfinal-result .lye_liq_head {
  font-size: 20px;
  letter-spacing: -0.8px;
  line-height: 110%;
  font-family: var(--skin-header-font);
  font-weight: 400;
  margin-bottom: 24px; }
  .lc-stepfinal-result .lye_liq_head.startPrint {
    display: none; }

.lc-stepfinal-result .lye_liq_body {
  display: none; }

.fc-stepfinal-result table {
  width: 100%;
  margin: 0 0 24px; }
  .fc-stepfinal-result table thead {
    display: none;
    background: #ddd; }
    .fc-stepfinal-result table thead.startPrint {
      display: table-header-group; }
    .fc-stepfinal-result table thead th {
      text-align: right;
      font-size: 16px;
      letter-spacing: -0.72px;
      font-family: var(--skin-body-font-bold);
      font-weight: 400;
      line-height: 120%;
      padding: 8px;
      white-space: nowrap;
      text-transform: uppercase; }
      .fc-stepfinal-result table thead th.textalign-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-align: left;
        white-space: normal; }
  .fc-stepfinal-result table tbody tr td {
    text-align: right;
    font-size: 16px;
    letter-spacing: -0.72px;
    font-family: var(--skin-body-font-book);
    font-weight: 400;
    line-height: 120%;
    padding: 8px;
    white-space: nowrap;
    position: relative; }
    .fc-stepfinal-result table tbody tr td .add-btn {
      text-transform: uppercase;
      padding: 4px 14px 2px;
      color: #6E224E !important;
      border: 1px solid #6E224E;
      border-radius: 100px;
      font-size: 12px;
      letter-spacing: -0.24px;
      font-family: var(--skin-body-font);
      font-weight: 400;
      display: inline-block;
      margin-top: 5px; }
      .fc-stepfinal-result table tbody tr td .add-btn:before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.333333 1.25C0.15 1.25 0 1.39766 0 1.57812C0 1.75859 0.15 1.90625 0.333333 1.90625H1.12292C1.28125 1.90625 1.41875 2.01494 1.45 2.16875L2.67708 8.075C2.80417 8.68613 3.35 9.125 3.98333 9.125H10.3333C10.5167 9.125 10.6667 8.97734 10.6667 8.79688C10.6667 8.61641 10.5167 8.46875 10.3333 8.46875H3.98333C3.66667 8.46875 3.39375 8.24932 3.32917 7.94375L3.16667 7.15625H9.71875C10.3312 7.15625 10.8646 6.74609 11.0125 6.16162L11.8875 2.72246C11.9917 2.3082 11.675 1.90625 11.2417 1.90625H2.06458C1.92708 1.5166 1.55 1.25 1.12292 1.25H0.333333ZM2.21042 2.5625H11.2396L10.3667 6.00371C10.2917 6.29492 10.025 6.5 9.71875 6.5H3.02917L2.21042 2.5625ZM3.5 10.6016C3.5 10.471 3.55268 10.3458 3.64645 10.2535C3.74021 10.1612 3.86739 10.1094 4 10.1094C4.13261 10.1094 4.25979 10.1612 4.35355 10.2535C4.44732 10.3458 4.5 10.471 4.5 10.6016C4.5 10.7321 4.44732 10.8573 4.35355 10.9496C4.25979 11.0419 4.13261 11.0938 4 11.0938C3.86739 11.0938 3.74021 11.0419 3.64645 10.9496C3.55268 10.8573 3.5 10.7321 3.5 10.6016ZM5.16667 10.6016C5.16667 10.4507 5.13649 10.3014 5.07786 10.1621C5.01923 10.0227 4.93329 9.89614 4.82496 9.78949C4.71662 9.68285 4.58801 9.59826 4.44646 9.54054C4.30492 9.48283 4.15321 9.45312 4 9.45312C3.84679 9.45312 3.69508 9.48283 3.55354 9.54054C3.41199 9.59826 3.28338 9.68285 3.17504 9.78949C3.06671 9.89614 2.98077 10.0227 2.92214 10.1621C2.86351 10.3014 2.83333 10.4507 2.83333 10.6016C2.83333 10.7524 2.86351 10.9017 2.92214 11.041C2.98077 11.1804 3.06671 11.307 3.17504 11.4136C3.28338 11.5203 3.41199 11.6049 3.55354 11.6626C3.69508 11.7203 3.84679 11.75 4 11.75C4.15321 11.75 4.30492 11.7203 4.44646 11.6626C4.58801 11.6049 4.71662 11.5203 4.82496 11.4136C4.93329 11.307 5.01923 11.1804 5.07786 11.041C5.13649 10.9017 5.16667 10.7524 5.16667 10.6016ZM9.33333 10.1094C9.46594 10.1094 9.59312 10.1612 9.68689 10.2535C9.78065 10.3458 9.83333 10.471 9.83333 10.6016C9.83333 10.7321 9.78065 10.8573 9.68689 10.9496C9.59312 11.0419 9.46594 11.0938 9.33333 11.0938C9.20072 11.0938 9.07355 11.0419 8.97978 10.9496C8.88601 10.8573 8.83333 10.7321 8.83333 10.6016C8.83333 10.471 8.88601 10.3458 8.97978 10.2535C9.07355 10.1612 9.20072 10.1094 9.33333 10.1094ZM9.33333 11.75C9.64275 11.75 9.9395 11.629 10.1583 11.4136C10.3771 11.1983 10.5 10.9061 10.5 10.6016C10.5 10.297 10.3771 10.0049 10.1583 9.78949C9.9395 9.57412 9.64275 9.45312 9.33333 9.45312C9.02391 9.45312 8.72717 9.57412 8.50837 9.78949C8.28958 10.0049 8.16667 10.297 8.16667 10.6016C8.16667 10.9061 8.28958 11.1983 8.50837 11.4136C8.72717 11.629 9.02391 11.75 9.33333 11.75Z' fill='%236E224E'/%3E%3C/svg%3E");
        width: 12px;
        height: 12px;
        margin-right: 8px;
        display: inline-block; }
    .fc-stepfinal-result table tbody tr td.textalign-left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: left;
      white-space: normal;
      text-transform: capitalize; }
    .fc-stepfinal-result table tbody tr td img {
      width: 50px;
      border-radius: 6px;
      margin-right: 12px; }
    .fc-stepfinal-result table tbody tr td.bold {
      font-family: var(--skin-body-font-bold);
      font-weight: 400;
      font-size: 18px; }
    .fc-stepfinal-result table tbody tr td.valueToShow {
      display: none; }
      .fc-stepfinal-result table tbody tr td.valueToShow.show {
        display: table-cell; }
    @media (max-width: 768.98px) {
      .fc-stepfinal-result table tbody tr td {
        display: none; } }
  .fc-stepfinal-result table tbody tr.alter-cell-color {
    background-color: #fff; }
  @media (max-width: 768.98px) {
    .fc-stepfinal-result table tbody tr {
      width: 100%; } }

.fc-stepfinal-result .lye_liq_head {
  font-size: 20px;
  letter-spacing: -0.8px;
  line-height: 110%;
  font-family: var(--skin-header-font);
  font-weight: 400;
  margin-bottom: 24px; }
  .fc-stepfinal-result .lye_liq_head.startPrint {
    display: none; }

.fc-stepfinal-result .lye_liq_body {
  display: none; }

.mobileFloater {
  letter-spacing: -0.28px;
  font-size: 12px;
  position: absolute;
  right: 10px;
  bottom: 6px; }
  .mobileFloater span {
    margin-right: 12px; }
    .mobileFloater span:last-child {
      margin-right: 0; }

.meausrement-changer-tab,
.fc-meausrement-changer-tab {
  background: #ECEFE7;
  border-radius: 100px;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 0 24px;
  height: 53px; }
  .meausrement-changer-tab li,
  .fc-meausrement-changer-tab li {
    width: 50%; }
    .meausrement-changer-tab li a,
    .fc-meausrement-changer-tab li a {
      border-radius: 100px;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      letter-spacing: -0.32px;
      font-size: 16px;
      font-family: var(--skin-body-font);
      font-weight: 400;
      color: #7A7A7A !important; }
    .meausrement-changer-tab li.active a,
    .fc-meausrement-changer-tab li.active a {
      background: #fff;
      color: #1e1e1e !important; }

.receipe #error-msg-title,
.receipe #error-msg-note {
  font-size: 12px;
  color: red;
  margin-top: 5px;
  text-transform: uppercase; }

.modal .btn {
  height: 42px;
  margin-top: 16px;
  text-transform: uppercase; }

.modal .modal-body {
  padding: 0; }

.lc-stepfinal-resize-batch p {
  color: #1E1E1E;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: -0.24px;
  text-transform: uppercase;
  margin-bottom: 0.5rem; }

.lc-stepfinal-resize-batch .btn {
  margin-top: 0; }

.lye-calculator fieldset .lc-stepfinal-default .lc-print-status {
  display: none;
  color: #3f2d38;
  font-family: var(--skin-body-font);
  font-weight: 400;
  font-size: 1.3125rem; }

.purplebox-print-image {
  width: 100%;
  max-width: 100%;
  height: 100%; }

.purplebox-print {
  background: #6d234f !important;
  height: 51px !important; }

.lye-article-section {
  margin-bottom: 32px; }
  .lye-article-section h4 {
    font-size: 36px;
    font-family: var(--skin-header-font);
    font-weight: 400;
    line-height: 100%;
    /* 36px */
    letter-spacing: -1.8px;
    margin-bottom: 32px; }
  .lye-article-section .lye-article-section-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 991.98px) {
      .lye-article-section .lye-article-section-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .lye-article-section.fragrance {
    width: 90%;
    margin: 122px auto 32px; }
    .lye-article-section.fragrance .lye-article {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; }
      .lye-article-section.fragrance .lye-article .lye-article-image {
        max-width: 45%; }
      .lye-article-section.fragrance .lye-article .lye-article-copy {
        width: 50%; }
      .lye-article-section.fragrance .lye-article p {
        height: 62px; }
    @media (max-width: 768.98px) {
      .lye-article-section.fragrance {
        width: 100%;
        margin: 122px auto 24px; }
        .lye-article-section.fragrance .lye-article {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .lye-article-section.fragrance .lye-article .lye-article-image {
            max-width: 100%; }
            .lye-article-section.fragrance .lye-article .lye-article-image img {
              width: 100%; }
          .lye-article-section.fragrance .lye-article .lye-article-copy {
            width: 100%; }
            .lye-article-section.fragrance .lye-article .lye-article-copy h2 {
              font-size: 24px;
              letter-spacing: -0.96px;
              line-height: 110%; } }

.lye-article {
  width: 49%; }
  @media (max-width: 991.98px) {
    .lye-article {
      width: 100%;
      margin-bottom: 32px; } }
  .lye-article .lye-article-image {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 12px; }
    .lye-article .lye-article-image img {
      width: 100%;
      display: block; }
  .lye-article h5 {
    font-size: 24px;
    line-height: 110%;
    /* 26.4px */
    letter-spacing: -0.96px;
    margin: 0 0 12px;
    text-transform: uppercase; }
  .lye-article h6 {
    font-size: 12px;
    font-family: var(--skin-body-font);
    font-weight: 400;
    line-height: 130%;
    /* 15.6px */
    letter-spacing: -0.24px;
    margin: 0 0 12px; }
  .lye-article p {
    line-height: 140%;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis; }
  .lye-article .btn {
    height: 37px;
    padding-left: 24px;
    padding-right: 24px; }

.frag-calculator-wrapper {
  background: #F5F7F3;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 20px;
  margin-bottom: 12px;
  position: relative; }
  .frag-calculator-wrapper .tab-pane .heading-label {
    margin-bottom: 16px;
    line-height: 110%; }
    @media (max-width: 768.98px) {
      .frag-calculator-wrapper .tab-pane .heading-label {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    @media (max-width: 768.98px) {
      .frag-calculator-wrapper .tab-pane .heading-label .fc-step2-cat {
        width: 100%;
        display: block; } }

.frag-calculator-custom-select {
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 100px;
  height: 45px;
  padding-right: 10px;
  margin-bottom: 40px; }
  .frag-calculator-custom-select.custom-select-box-qty {
    border-radius: 100px; }
  .frag-calculator-custom-select.second {
    padding-right: 0; }
  .frag-calculator-custom-select select,
  .frag-calculator-custom-select .js-open-product-search-product-flyout, .frag-calculator-custom-select .js-open-product-search-oil-flyout {
    height: 100%;
    background: transparent;
    border: 0;
    width: 100%;
    padding: 0 24px;
    cursor: pointer;
    -webkit-appearance: none; }
    .frag-calculator-custom-select select:focus,
    .frag-calculator-custom-select .js-open-product-search-product-flyout:focus, .frag-calculator-custom-select .js-open-product-search-oil-flyout:focus {
      outline: 0;
      border: 0;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .frag-calculator-custom-select .js-open-product-search-product-flyout, .frag-calculator-custom-select .js-open-product-search-oil-flyout {
    padding-top: 9px;
    padding-bottom: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }

.frag-calculator-step-cta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -140px; }
  .frag-calculator-step-cta .btn {
    margin-bottom: 20px;
    width: 100%;
    height: 42px;
    text-transform: uppercase; }
  .frag-calculator-step-cta .note {
    font-size: 12px;
    letter-spacing: -0.24px;
    color: #7A7A7A;
    line-height: 130%; }
  .frag-calculator-step-cta .two-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 991.98px) {
      .frag-calculator-step-cta .two-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .frag-calculator-step-cta .two-buttons #lc-stepfinal-print {
      width: 48%;
      height: 42px;
      border-radius: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #F7F3EF;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: -0.28px;
      color: #536552 !important; }
      .frag-calculator-step-cta .two-buttons #lc-stepfinal-print svg {
        margin-left: 8px; }
      @media (max-width: 991.98px) {
        .frag-calculator-step-cta .two-buttons #lc-stepfinal-print {
          width: 100%;
          margin-bottom: 8px; } }
    .frag-calculator-step-cta .two-buttons #btn-lc-stepfinal-resize {
      width: 48%;
      height: 42px;
      border-radius: 100px;
      color: #6E224E  !important;
      border: 1px solid #6E224E !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: -0.28px;
      background: none; }
      .frag-calculator-step-cta .two-buttons #btn-lc-stepfinal-resize:focus {
        outline: 0;
        -webkit-box-shadow: none;
                box-shadow: none; }
      @media (max-width: 991.98px) {
        .frag-calculator-step-cta .two-buttons #btn-lc-stepfinal-resize {
          width: 100%; } }
  .frag-calculator-step-cta.third {
    bottom: -60px; }
    @media (max-width: 991.98px) {
      .frag-calculator-step-cta.third {
        bottom: -112px; } }
  .frag-calculator-step-cta.second {
    bottom: -140px; }
    @media (max-width: 991.98px) {
      .frag-calculator-step-cta.second {
        bottom: -160px; } }
  .frag-calculator-step-cta.fourth {
    bottom: -80px; }
    @media (max-width: 991.98px) {
      .frag-calculator-step-cta.fourth {
        bottom: -82px; } }
  @media (max-width: 991.98px) {
    .frag-calculator-step-cta {
      bottom: -160px; } }

.js-seelcted-oil-info,
.js-seelcted-product-info {
  width: 100%; }

#fc-dynacmic-grid-row-flyout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }
  #fc-dynacmic-grid-row-flyout img {
    width: 22px;
    height: auto;
    border-radius: 6px;
    margin-right: 8px; }
  #fc-dynacmic-grid-row-flyout .flyout-product-number-copy {
    width: calc(100% - 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #fc-dynacmic-grid-row-flyout #prodName {
    font-size: 14px;
    letter-spacing: -0.28px;
    line-height: 120%;
    margin: 0 12px 0 0;
    width: calc(100% - 30px);
    font-family: var(--skin-body-font);
    font-weight: 400; }
  #fc-dynacmic-grid-row-flyout .js-add-product-flyout-frag {
    border: 1px solid #536552;
    padding: 8px 0;
    text-align: center;
    width: 117px;
    font-size: 16px;
    letter-spacing: -0.32px;
    border-radius: 100px;
    color: #536552;
    text-transform: uppercase;
    cursor: pointer; }
  #fc-dynacmic-grid-row-flyout .js-product-quantity-flyout-frag {
    border-radius: 6px;
    border: 1px solid #DDD;
    height: 42px;
    width: 90px;
    font-size: 16px;
    letter-spacing: -0.32px;
    color: #A4A4A4;
    margin-right: 12px;
    text-align: center; }
    #fc-dynacmic-grid-row-flyout .js-product-quantity-flyout-frag:focus {
      outline: 0;
      border-color: #000; }

#lc-dynacmic-grid ul {
  list-style: none;
  padding: 0;
  margin: 0 0; }
  #lc-dynacmic-grid ul li {
    margin-bottom: 20px; }
    #lc-dynacmic-grid ul li:last-child {
      margin-bottom: 0; }

#fc-dynacmic-grid-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #fc-dynacmic-grid-row img {
    width: 57px;
    height: auto;
    border-radius: 6px;
    margin-right: 12px; }
  #fc-dynacmic-grid-row .flyout-product-number-copy {
    width: calc(100% - 69px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  #fc-dynacmic-grid-row #prodName {
    font-size: 16px;
    letter-spacing: -0.32px;
    line-height: 120%;
    margin: 0 12px 0 0;
    width: calc(100% - 117px); }
  #fc-dynacmic-grid-row .js-add-product-flyout-frag {
    border: 1px solid #536552;
    padding: 8px 0;
    text-align: center;
    width: 117px;
    font-size: 16px;
    letter-spacing: -0.32px;
    border-radius: 100px;
    color: #536552;
    text-transform: uppercase;
    cursor: pointer; }
  #fc-dynacmic-grid-row .js-product-quantity-flyout {
    border-radius: 6px;
    border: 1px solid #DDD;
    height: 42px;
    width: 90px;
    font-size: 16px;
    letter-spacing: -0.32px;
    color: #A4A4A4;
    margin-right: 12px;
    text-align: center; }
    #fc-dynacmic-grid-row .js-product-quantity-flyout:focus {
      outline: 0;
      border-color: #000; }
  #fc-dynacmic-grid-row .js-delete-product-flyout {
    cursor: pointer; }

.fc-hidden {
  display: none !important; }

#fc-dynacmic-grid-flyout ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  #fc-dynacmic-grid-flyout ul li {
    margin-bottom: 20px; }

#select-fc-step1-unit {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch; }
  #select-fc-step1-unit li {
    margin-left: 12px;
    width: 100%; }
    #select-fc-step1-unit li.btn {
      width: 100%; }
      #select-fc-step1-unit li.btn.btn-primary {
        background-color: #ECEFE7;
        color: #1E1E1E;
        font-size: 16px;
        letter-spacing: -0.32px;
        cursor: pointer; }
        #select-fc-step1-unit li.btn.btn-primary.selected {
          background-color: #536552;
          color: #fff; }
          #select-fc-step1-unit li.btn.btn-primary.selected::after {
            display: block; }
        #select-fc-step1-unit li.btn.btn-primary:before, #select-fc-step1-unit li.btn.btn-primary:hover {
          background: #536552;
          color: #fff; }
        #select-fc-step1-unit li.btn.btn-primary::after {
          content: '';
          background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.5L7.33333 9.83333L10 7.16667M14 8.5C14 11.8137 11.3137 14.5 8 14.5C4.68629 14.5 2 11.8137 2 8.5C2 5.18629 4.68629 2.5 8 2.5C11.3137 2.5 14 5.18629 14 8.5Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
          width: 16px;
          height: 16px;
          margin-left: 8px;
          display: none; }
    #select-fc-step1-unit li:first-child {
      margin-left: 0; }

.css-placeholder {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#tb-fc-step2-amt {
  background: #FFF;
  border: 1px solid #DDD;
  border-radius: 100px;
  height: 45px;
  padding-right: 24px;
  padding-left: 24px;
  margin-bottom: 0;
  width: 100%; }
  #tb-fc-step2-amt::-webkit-input-placeholder {
    color: #000; }
  #tb-fc-step2-amt::-moz-placeholder {
    color: #000; }
  #tb-fc-step2-amt:-ms-input-placeholder {
    color: #000; }
  #tb-fc-step2-amt::-ms-input-placeholder {
    color: #000; }
  #tb-fc-step2-amt::placeholder {
    color: #000; }

.how-much {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .how-much #div-fc-amt {
    margin-right: 12px;
    width: calc(100% - (55% + 12px)); }
  .how-much #select-fc-step1-unit {
    margin-bottom: 0;
    width: 55%; }
  @media (max-width: 768.98px) {
    .how-much {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .how-much #div-fc-amt {
        margin-right: 0;
        margin-bottom: 12px;
        width: 100%; }
      .how-much #select-fc-step1-unit {
        width: 100%; } }

.js-frag-search-oil-module #fc-dynacmic-grid-row-flyout img {
  width: 32px; }

.js-frag-search-product-module #fc-dynacmic-grid-row-flyout img {
  width: 32px; }

.fc-step2-label.heading-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

#fc-result-table tbody tr:nth-child(odd):not(.fc-row-pink),
#fc-result-table-totals tbody tr:nth-child(odd):not(.fc-row-pink) {
  background: #fff; }

#fc-result-table tbody tr.fc-row-pink,
#fc-result-table-totals tbody tr.fc-row-pink {
  background: #FFC0BE; }

@media (max-width: 991.98px) {
  #fc-result-table-totals td {
    white-space: inherit; } }

#fc-result-table {
  margin-bottom: 0; }

.fc-container {
  letter-spacing: -0.28px;
  font-size: 14px;
  font-family: var(--skin-body-font);
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .fc-container .fc-checkmark {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-right: 4px;
    background: #FFC0BE; }

.which-frag {
  position: relative; }

.css-frag-search-oil-module {
  background: #fff;
  padding: 12px 24px 0 24px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  border-radius: 6px;
  border: 1px solid #000;
  display: none; }
  .css-frag-search-oil-module.show-module {
    display: block; }
  .css-frag-search-oil-module .search-box #js-tb-fc-step2-search {
    border-radius: 0;
    margin-bottom: 12px;
    border: 0;
    border-bottom: 1px solid #DDD;
    padding-left: 0; }
  .css-frag-search-oil-module .search-box svg {
    right: 0; }
  .css-frag-search-oil-module .search-box .module-close {
    position: absolute;
    right: 0;
    top: -12px;
    display: none;
    cursor: pointer; }
  .css-frag-search-oil-module .search-box.written .svg {
    display: none; }
  .css-frag-search-oil-module .search-box.written .module-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .css-frag-search-oil-module #fc-dynacmic-grid-flyout {
    max-height: 270px;
    overflow: hidden;
    overflow-y: auto; }
    .css-frag-search-oil-module #fc-dynacmic-grid-flyout li {
      cursor: pointer; }

.results-qa-list .results-qa {
  background: #ECEFE7;
  border-radius: 50px;
  margin-bottom: 12px;
  padding: 14px 19px; }
  .results-qa-list .results-qa.open {
    border-radius: 10px; }
    .results-qa-list .results-qa.open .results-answer {
      display: block; }
    .results-qa-list .results-qa.open .results-question svg {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg); }
  .results-qa-list .results-qa .results-question {
    font-size: 14px;
    letter-spacing: -0.28px;
    line-height: 130%;
    font-family: var(--skin-body-font);
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    cursor: pointer; }
  .results-qa-list .results-qa .results-answer {
    font-size: 12px;
    letter-spacing: -0.28px;
    line-height: 130%;
    font-family: var(--skin-body-font);
    font-weight: 400;
    display: none;
    margin-top: 12px; }

.side-panels #lyeProductsPanel .module-close {
  background: #536552;
  padding: 5px 25px;
  color: #fff !important;
  font-family: var(--skin-body-font-book);
  font-weight: 400;
  font-size: 14px;
  border-radius: 20px;
  margin-top: -5px; }
  @media (max-width: 991.98px) {
    .side-panels #lyeProductsPanel .module-close {
      padding: 5px 15px;
      font-size: 12px;
      margin-top: 0; } }


/*# sourceMappingURL=calculator.css.map*/