/**
 * 2007-2023 Floa
 *
 *  NOTICE OF LICENSE
 *
 *  This source file is subject to the Academic Free License (AFL 3.0)
 *  that is bundled with this package in the file LICENSE.txt.
 *  It is also available through the world-wide-web at this URL:
 *  http://opensource.org/licenses/afl-3.0.php
 *  If you did not receive a copy of the license and are unable to
 *  obtain it through the world-wide-web, please send an email
 *  to license@prestashop.com so we can send you a copy immediately.
 *
 *  DISCLAIMER
 *
 *  Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 *  versions in the future. If you wish to customize PrestaShop for your
 *  needs please refer to http://www.prestashop.com for more information.
 *
 *  @author 2007-2023 Floa  202 ecommerce <tech@202-ecommerce.com>
 *  @copyright Floa
 *  @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
 */
@keyframes spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.payment_method_floapay {
  margin: 0 !important;
  padding: 0 !important;
}
label[for=payment_method_floapay] > img {
  height: 25px;
  margin-bottom: -6px;
}
#checkout .additional-information {
  margin: 0 !important;
}
.fl-dnone {
  display: none !important;
}
.fl-jccenter {
  justify-content: center !important;
}
.fl-jcbetween {
  justify-content: space-between !important;
}
.fl-jcstart {
  justify-content: flex-start !important;
}
.fl-aicenter {
  align-items: center !important;
}
.fl-diflex {
  display: inline-flex !important;
}
.fl-aistart {
  align-items: flex-start !important;
}
.fl-asstrech {
  align-self: stretch !important;
}
.fd-row {
  flex-direction: row !important;
}
.fd-col {
  flex-direction: column !important;
}
.fl-gap-0 {
  gap: 0 !important;
}
.fl-gap-4 {
  gap: 4px !important;
}
.fd-gap-24 {
  gap: 24px;
}
#fl-payment-options {
  position: relative;
  border-radius: 10px;
  box-shadow: 0 16px 24px 0 rgba(22, 22, 22, 0.12);
  margin-bottom: 25px;
}
#fl-payment-options * {
  box-sizing: border-box;
}
#fl-payment-options .fl-payment-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
#fl-payment-options .fl-payment-loader .fl-payment-loader-icon {
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 2s linear infinite !important;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}
#fl-payment-options .fl-payment-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
#fl-payment-options .fl-payment-container .fl-payment-form,
#fl-payment-options .fl-payment-container .fl-payment-summary {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 50%;
  padding: 30px;
}
#fl-payment-options .fl-payment-container .fl-payment-summary {
  justify-content: center;
  align-items: center;
}
#fl-payment-options .fl-payment-form {
  border-radius: 10px;
  background-color: #fff;
  width: 100% !important;
}
@media screen and (max-width: 768px) {
  #fl-payment-options .fl-payment-form {
    padding: 0 15px 15px 15px !important;
  }
}
#fl-payment-options .fl-payment-form > #form_CBNX_scoring {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
}
#fl-payment-options .fl-payment-form .fl-form-top,
#fl-payment-options .fl-payment-form .fl-form-middle,
#fl-payment-options .fl-payment-form .fl-form-bottom {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
#fl-payment-options .fl-payment-form .fl-form-top {
  gap: 20px;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-payment-methods {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  align-items: start;
  width: 100%;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-payment-method {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 0 !important;
  padding: 16px 0 16px 8px;
  border-bottom: 1px solid rgba(246, 246, 246, 1);
  width: 100% !important;
  gap: 16px;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-payment-method:first-child,
#fl-payment-options .fl-payment-form .fl-form-top .fl-payment-method:nth-child(3) {
  margin-bottom: 14px;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-payment-method > label {
  margin-bottom: 0;
  padding: 0 0 0 4px !important;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-payment-method > label > img {
  max-width: 100%;
  max-height: 18px;
  height: auto;
  display: none;
}
@media screen and (max-width: 1200px) {
  #fl-payment-options .fl-payment-form .fl-form-top .fl-payment-method > label > img {
    max-height: 14px;
  }
}
@media screen and (max-width: 1200px) {
  #fl-payment-options .fl-payment-form .fl-form-top .fl-payment-method:first-child,
#fl-payment-options .fl-payment-form .fl-form-top .fl-payment-method:nth-child(3) {
    margin-bottom: 10px;
  }
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-payment-info {
  font-size: 14px;
  font-weight: 600;
  color: rgba(50, 50, 50, 1);
  text-align: center !important;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-method-label {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 5px;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-method-label .fl-label-title {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-method-label .fl-label-title > img {
  max-width: 100%;
  max-height: 18px;
  height: auto;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-method-label .fl-label-subtitle {
  font-size: 12px;
  font-weight: 400;
  color: #9a9ca3;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel {
  display: flex;
  flex-direction: column;
  background-color: #F6F6F8 !important;
  border-radius: 4px;
  width: 100%;
  padding: 8px 14px 8px 14px;
  gap: 10px;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-steps-container {
  width: 100%;
  height: 100%;
  align-items: flex-end;
  gap: 24px;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-dates {
  flex: 1 1 0;
  height: 100%;
  gap: 8px;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-all-steps {
  align-items: stretch;
  gap: 24px;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-steps {
  width: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-lines-steps {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  color: #323232;
  font-weight: 400;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-lines-steps:first-child {
  font-weight: 600 !important;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-date,
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-amount {
  max-width: 69%;
  font-size: 12px;
  line-height: 16px;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-amount {
  max-width: 29%;
  text-align: right;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-total-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  width: 100%;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-total,
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-fees {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  line-height: 16px;
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-total {
  font-size: 12px;
  font-weight: 600;
  color: rgba(58, 58, 58, 1);
}
#fl-payment-options .fl-payment-form .fl-form-top .fl-mobile-summary-panel .fl-fees {
  font-size: 11px;
  color: #009FFF;
}
#fl-payment-options .fl-payment-form .fl-form-middle {
  gap: 15px;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-report-date,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-civility,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthname,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthdate,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-postal-code,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-nif,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-second-lastname {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 4px;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-report-date .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-civility .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthname .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthdate .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-postal-code .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-nif .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-second-lastname .fl-error-message {
  display: none;
  font-size: 10px;
  color: #d31e1a;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-report-date > div,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-civility > div,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthname > div,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone > div,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthdate > div,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-postal-code > div,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-nif > div,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-second-lastname > div {
  width: 100%;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-report-date > label,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-civility > label,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthname > label,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone > label,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthdate > label,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-postal-code > label,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-nif > label,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-second-lastname > label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  text-align: left !important;
  color: rgba(58, 58, 58, 1);
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-report-date > input,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-civility > select,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthname > input,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone > div input,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthdate > input,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-postal-code > input,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-nif > input,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-second-lastname > input {
  font-size: 14px !important;
  height: 20px !important;
  width: 100%;
  border: 0;
  border-bottom: 1px #E1E1E1 solid !important;
  background-color: transparent !important;
  padding: 0 5px 0 0;
  color: #3A3A3A !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-report-date > input::placeholder,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-civility > select::placeholder,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthname > input::placeholder,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone > div input::placeholder,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthdate > input::placeholder,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-postal-code > input::placeholder,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-nif > input::placeholder,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-second-lastname > input::placeholder {
  color: #929292 !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-report-date > input:focus,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-civility > select:focus,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthname > input:focus,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone > div input:focus,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthdate > input:focus,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-postal-code > input:focus,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-nif > input:focus,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-second-lastname > input:focus,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-report-date > input:focus-visible,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-civility > select:focus-visible,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthname > input:focus-visible,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone > div input:focus-visible,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthdate > input:focus-visible,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-postal-code > input:focus-visible,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-nif > input:focus-visible,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-second-lastname > input:focus-visible {
  border: 0 !important;
  border-bottom: 1px #323232 solid !important;
  outline: none;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-report-date.fl-error > input,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-civility.fl-error > select,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthname.fl-error > input,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone.fl-error > div input,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthdate.fl-error > input,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-postal-code.fl-error > input,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-nif.fl-error > input,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-second-lastname.fl-error > input {
  border-color: #d31e1a !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthname.fl-error #fl-birthname,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-second-lastname.fl-error #fl-second-lastname {
  background: url("../../images/person-error.svg") no-repeat !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthdate.fl-error #fl-birthdate,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-report-date.fl-error #fl-report-date {
  background: url("../../images/calendar-error.svg") no-repeat !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-postal-code.fl-error #fl-postal-code {
  background: url("../../images/position-error.svg") no-repeat !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone.fl-error .iti__selected-flag {
  background-color: #d31e1a !important;
  color: #fff !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone.fl-error .iti__arrow {
  border-color: #fff !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-report-date.fl-error .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-civility.fl-error .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthname.fl-error .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone.fl-error .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthdate.fl-error .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-postal-code.fl-error .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-nif.fl-error .fl-error-message,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-second-lastname.fl-error .fl-error-message {
  display: flex !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthname.fl-valid #fl-birthname,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-second-lastname.fl-valid #fl-second-lastname {
  background: url("../../images/person-valid.svg") no-repeat !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-birthdate.fl-valid #fl-birthdate,
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-report-date.fl-valid #fl-report-date {
  background: url("../../images/calendar-valid.svg") no-repeat !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-postal-code.fl-valid #fl-postal-code {
  background: url("../../images/position-valid.svg") no-repeat !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone.fl-valid .iti__selected-flag {
  background-color: #009fff !important;
  color: #fff !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle .fl-payment-phone.fl-valid .iti__arrow {
  border-color: #fff !important;
}
#fl-payment-options .fl-payment-form .fl-form-middle #fl-birthname,
#fl-payment-options .fl-payment-form .fl-form-middle #fl-second-lastname {
  padding-left: 30px;
  background: url("../../images/person.svg") no-repeat;
}
#fl-payment-options .fl-payment-form .fl-form-middle #fl-birthdate,
#fl-payment-options .fl-payment-form .fl-form-middle #fl-report-date {
  padding-left: 30px;
  background: url("../../images/calendar.svg") no-repeat;
}
#fl-payment-options .fl-payment-form .fl-form-middle #fl-birthdate::-webkit-inner-spin-button,
#fl-payment-options .fl-payment-form .fl-form-middle #fl-report-date::-webkit-inner-spin-button,
#fl-payment-options .fl-payment-form .fl-form-middle #fl-birthdate::-webkit-calendar-picker-indicator,
#fl-payment-options .fl-payment-form .fl-form-middle #fl-report-date::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  left: 10%;
  opacity: 0;
}
#fl-payment-options .fl-payment-form .fl-form-middle #fl-postal-code {
  padding-left: 30px;
  background: url("../../images/position.svg") no-repeat;
}
#fl-payment-options .fl-payment-form .fl-form-middle #fl-phone {
  padding-left: 30px;
}
#fl-payment-options .fl-payment-form .fl-form-bottom .fl-eligibility-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 6px;
}
#fl-payment-options .fl-payment-form .fl-form-bottom .fl-eligibility-info-line {
  display: flex;
  align-items: start;
  font-size: 11px;
  font-weight: 400;
  line-height: 12px;
  color: #323232;
  text-align: left;
  gap: 4px;
}
#fl-payment-options .fl-payment-form .fl-form-bottom .fl-eligibility-info-line > input {
  margin: 3px;
  width: 10px;
  height: 10px;
}
#fl-payment-options .fl-payment-form .fl-form-bottom .fl-eligibility-info-line > span > a {
  text-decoration: underline !important;
  font-weight: 700;
  color: rgba(0, 159, 255, 1);
  font-size: 11px;
}
#fl-payment-options .fl-payment-form .fl-form-bottom .fl-eligibility-info-line:last-child {
  margin-bottom: 0 !important;
}
#fl-payment-options .fl-payment-form .fl-form-bottom .fl-eligibility-info-line .fl-error-message {
  display: none;
  font-size: 8px;
  color: #d31e1a;
}
#fl-payment-options .fl-payment-form .fl-form-bottom .fl-eligibility-info-line.fl-error .fl-error-message {
  display: flex !important;
}
#fl-payment-options .fl-payment-form .fl-form-bottom .fl-eligibility-info-line.fl-error > input {
  outline: 1px solid #d31e1a !important;
}
#fl-payment-options .fl-payment-summary {
  background-color: #F6F6F8 !important;
  border-radius: 0 10px 10px 0;
  display: none !important;
}
#fl-payment-options .fl-payment-summary .fl-payment-summary-panel {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 30px;
}
#fl-payment-options .fl-payment-summary .fl-top-container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  justify-content: center;
  text-align: center;
}
#fl-payment-options .fl-payment-summary .fl-top-container .fl-payment-gauge {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 0.5rem;
}
#fl-payment-options .fl-payment-summary .fl-top-container .fl-payment-due {
  position: absolute !important;
  text-align: center;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}
#fl-payment-options .fl-payment-summary .fl-top-container .fl-payment-due > h2 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 28px;
  font-weight: 600;
  color: rgba(50, 50, 50, 1);
}
#fl-payment-options .fl-payment-summary .fl-top-container .fl-payment-due > p {
  line-height: 13px;
  font-size: 12px;
  font-weight: 400;
  color: #323232 !important;
  margin-bottom: 0 !important;
}
#fl-payment-options .fl-payment-summary .fl-top-container .fl-gauge-img {
  width: 80%;
  float: none;
  max-width: none;
  margin: 0;
}
#fl-payment-options .fl-payment-summary .fl-top-container .fl-gauge-min,
#fl-payment-options .fl-payment-summary .fl-top-container .fl-gauge-max {
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  color: #9A9CA3 !important;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0 !important;
}
#fl-payment-options .fl-payment-summary .fl-middle-container {
  width: 100%;
}
#fl-payment-options .fl-payment-summary .fl-middle-container .fl-steps-container {
  width: 100%;
  height: 100%;
  align-items: flex-end;
  gap: 16px;
}
#fl-payment-options .fl-payment-summary .fl-middle-container .fl-dates {
  flex: 1 1 0;
  height: 100%;
  gap: 15px;
}
#fl-payment-options .fl-payment-summary .fl-middle-container .fl-all-steps {
  align-items: stretch;
  gap: 24px;
}
#fl-payment-options .fl-payment-summary .fl-middle-container .fl-steps {
  width: 18px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#fl-payment-options .fl-payment-summary .fl-middle-container .fl-lines-steps {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  color: #323232;
  font-size: 14px;
  font-weight: 400;
}
#fl-payment-options .fl-payment-summary .fl-middle-container .fl-lines-steps:first-child {
  font-weight: 600 !important;
}
#fl-payment-options .fl-payment-summary .fl-middle-container .fl-date,
#fl-payment-options .fl-payment-summary .fl-middle-container .fl-amount {
  max-width: 69%;
  font-size: 14px;
}
#fl-payment-options .fl-payment-summary .fl-middle-container .fl-amount {
  max-width: 29%;
  text-align: right;
}
#fl-payment-options .fl-payment-summary .fl-bottom-container {
  display: flex;
  flex-wrap: wrap;
  border-radius: 8px;
  background-color: #FFFFFF;
  width: 100%;
}
#fl-payment-options .fl-payment-summary .fl-bottom-container .fl-total-bot {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  padding: 16px;
}
#fl-payment-options .fl-payment-summary .fl-bottom-container .fl-total,
#fl-payment-options .fl-payment-summary .fl-bottom-container .fl-fees {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
#fl-payment-options .fl-payment-summary .fl-bottom-container .fl-total {
  font-size: 16px;
  font-weight: 600;
  color: rgba(58, 58, 58, 1);
}
#fl-payment-options .fl-payment-summary .fl-bottom-container .fl-fees {
  font-size: 14px;
  color: #009FFF;
}
@keyframes animateModal {
  from {
    top: 0;
    opacity: 0;
  }
  to {
    top: 50%;
    opacity: 1;
  }
}
#floaModal {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
}
#floaModal .modal-content {
  position: relative;
  max-width: 650px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation-name: animateModal;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}
@media screen and (max-width: 768px) {
  #floaModal .modal-content {
    top: 0 !important;
    left: 0 !important;
    transform: unset !important;
  }
}
#floaModal .modal-content .button {
  padding: 10px 30px;
  background: #009FFF;
  color: white;
  text-transform: uppercase;
  border: none;
  float: right;
}
#floaModal .modal-content .close {
  position: absolute;
  z-index: 10000;
  top: 0;
  right: 0;
  color: grey;
  font-size: 28px;
  font-weight: bold;
  padding: 4px 6px;
}
@media screen and (max-width: 768px) {
  #floaModal .modal-content .close {
    position: fixed;
  }
}
#floaModal .modal-content .close:hover,
#floaModal .modal-content .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}