html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

@font-face {
    font-family: "Figtree";
    src:
        local("Figtree-Regular"),
        local("Figtree"),
        url("/custom_assets/css/fonts/1249/figtree-1761231002.woff2") format("woff2-variations");
    font-weight: normal;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: "Figtree";
    src:
        local("Figtree-MediumBold"),
        local("Figtree"),
        url("/custom_assets/css/fonts/1249/figtree-1761231080.woff2") format("woff2-variations");
    font-weight: 500;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: "Figtree";
    src:
        local("Figtree-Bold"),
        local("Figtree"),
        url("/custom_assets/css/fonts/1249/figtree-1761231068.woff2") format("woff2-variations");
    font-weight: 700;
    font-style: normal;
    font-display: fallback
}


html, body.gift-card-app {
  font-size: 100%;
  font-family: Figtree, sans-serif;
  color: #002D18;
  background-color: inherit;
  background-position: center top;
  background-repeat: no-repeat;
  font-weight: 400;
}

.form-control {
  background-color: inherit;
}

* {
  outline: none;
}

a {
  color: #002D18;
  text-decoration: none;
}
a:hover, a:focus {
  color: #002D18;
}

p, .html-page-name-balanceConsult .ecard-number-label, .html-page-name-balanceConsult .code-pin-label-block, 
.edit-summary-container .edit-summary-description-block {
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 20px;
  margin-bottom: 0px;
  font-family: Figtree, sans-serif;
}

.mb-30 {
  margin: 15px 0px 50px 0px;
}

.txtright {
    text-align: right!important;
}

.global {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  background-image: none !important;
}

.global > .container {
  padding-top: 0px;
  padding-bottom: 46px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 1200px) {
  .global .body .container {
      width: 100%;
  }
}

.block-containers{
  margin: auto;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.page-name-ecardConfirm .block-containers,
.page-name-participationConfirm .block-containers{
  margin-bottom: 114px;
}

@media (min-width: 768px){
  .block-containers, .global-container-introduction, .introduction-comment {
    width: 750px;
  }
}
@media (min-width: 992px){
  .block-containers, .global-container-introduction, .introduction-comment {
    width: 970px;
  }
}

.lt-ie9 body {
  background: none no-repeat center center #fff !important;
}

/* Banner */

/* start clearfix */
.banner-text:before,
.banner-text:after {
  display: table;
  content: " ";
}
.banner-text:after {
  clear: both;
}
/* end clearfix */


/* Header */
header {
  position: sticky;
  display: block;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #002D18;
  background-size: 100%;
  /*max-width:1140px;*/
  min-height: 80px;
  margin: 0 auto;
  box-shadow: none;
  margin-top: 0px;
  z-index: 10000;
  top: 0px;
}

.gift-card-app header .header-logo {
  /*display: none;
  float: left;*/
  margin : 0px 0px 0px 0px;
  max-width: 52px;
}

header .header-title {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-transform: none !important;
  line-height: 24px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

header .header-logo img {
  margin: 0px auto;
  width: 100%;
}

header .header-title:hover {
  text-decoration: none;
}

@media screen and (min-width: 1202px) {
  
  header .header-logo a {
    padding-top: 27px;
    min-height: 65px;
  }

  header .header-title {
      line-height: 15px;
      padding: 0px 0px 0px 0px;
      color: #000;
  }
}

@media screen and (min-width: 994px) and (max-width: 1201px) {
  header .header-logo a {
    padding-top: 20px;
    min-height: 60px;
  }

  header .header-title {
    line-height: 10px;
    padding: 20px 0px 0px 0px;
    color: #000;
  }
}

@media screen and (min-width: 768px) and (max-width: 993px) {
  .global > .container {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0px;
  }

  header .header-logo img {
    float: none;
    display: block;
    margin: 0px auto 0px auto;
  }

  header .header-logo a {
    padding-top: 20px;
    min-height: 60px;
  }

  header .header-title {
    padding: 20px 0px 0px 0px;
    color: #000;
    font-size: 15px;
    line-height: 30px;
  }
}

@media screen and (max-width: 767px) {
  .banner {
    margin: 0 -13px;
  }

  .banner .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  header {
    background-image: none !important;
  }

  header .header-logo img {
    float: none;
    display: block;
    margin: 0px auto 0px 20px;
  }

  header .header-logo a {
    padding-top: 20px;
    min-height: 60px;
  }

  .title-img {
    margin: 0px 0px 20px 0px;
    max-width: 100%;
  }

  header .header-title {
    padding: 0px 13px 0px 13px;
    color: #000;
    font-size: 15px;
    line-height: 30px;
  }

  .block-body {
    padding:  0 12px;
  }
}

@media screen and (min-width: 1850px) {
  .custom1-block {
    float: left;
  }
}

/* Menu */
.gift-card-app header .after-logo {
  margin: 12px 0px 0px 0px;
}

.gift-card-app header .header-menu {
  float: none;
  padding: 8px 0px 0px 0px;
}

.gift-card-app header .navbar .navbar-nav {
  margin: 0px 0px 0px 10px;
}

.gift-card-app header .header-menu a {
  padding: 0px 20px 0px 20px;
  height: 35px;
  line-height: 4.8;
  text-decoration: none;
  color: rgba(255,255,255,0.6);
  font-size: 16px;
  font-style: normal;
  font-family: Figtree, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

.gift-card-app header .header-menu a:hover, .gift-card-app header .header-menu a:focus {
  text-decoration: none;
  color: rgba(255,255,255,1)
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .gift-card-app header .header-menu a {
    padding: 0px 8px 0px 8px;
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .gift-card-app .header-menu .navbar {
    min-height: 0px;
    margin-bottom: 0px;
  }

  .gift-card-app .header-menu .navbar-default {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0px;
    margin-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .gift-card-app .header-menu .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
  }

  .gift-card-app .header-menu .navbar-collapse {
    padding: 0 20px;
    width: 90%;
    display: flex !important;
    justify-content: left;
    margin-top: -74px;
    margin-left: 80px;
  }

  .gift-card-app header .navbar .navbar-nav a:hover {
    background: transparent;
  }
}

@media screen and (max-width: 767px) {
  .gift-card-app header .after-logo {
    margin: 5px 0px 0px 0px;
  }

  .gift-card-app header .header-logo {
    position: relative;
    z-index: 1000;
  }

  .gift-card-app header .header-menu {
    padding: 0px 0px 0px 0px;
    float: none;
    background-color: transparent;
  }
  .gift-card-app .header-menu .navbar-default {
    background-color: transparent;
  }

  .gift-card-app header .navbar-default {
    background-color: transparent;
    border-radius: 0px;
    border-top: 0px solid transparent;
    border-color: transparent;
  }

  .gift-card-app header .navbar {
    border: 0px solid transparent;
  }

  .gift-card-app header .navbar .navbar-nav {
    padding: 20px 5px;
    border-top: 1px solid #f6f6f6;
    background-color: #002e18;
    margin: 0;
    overflow: hidden;
  }

  .gift-card-app header .navbar .nav>li {
    display: inline-block;
  }

  .gift-card-app header .navbar-toggle {
    background-color: transparent;
  }

  .gift-card-app header .navbar-default .navbar-toggle:focus,
  .gift-card-app header .navbar-default .navbar-toggle:hover {
    background-color: transparent;
  }

  .gift-card-app header .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
  }
}


/* Footer */
footer {
  padding: 20px 30px;
  min-height: 60px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-color: #002D18;
  text-align: center;
  box-shadow: 0px 0px 0px 0px #aaa;
  color: #fff;
  width:100%;
  margin: 0px auto 0;
  position: sticky;
  top: 100vh;
}

footer p {
  margin: 20px 0px;
}

footer p a {
  display: inline-block;
  padding: 0px 12px;
}

footer .footer-link {
  cursor: pointer;
  line-height: 22px;
  color: rgba(255,255,255,1);
}

footer .footer-link:hover, .footer-link:focus, .payment-gts-block .merry-goblin-iframe-popin-link:hover {
  color: rgba(255,255,255,1);
}


/* Content */
.body{
  padding-top: 0px;
}

.cards-img {
  margin: 90px 0px 0px 0px;
  max-width: 100%;
}

.block-container h3 {
  padding: 0;
  background-color: transparent;
  color: #002D18;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  text-align: left;
  text-transform: uppercase;
  line-height: 24px;
  display: flex;
  font-family: Figtree, sans-serif;
}

.block-container.confirm-container {
  text-align: center;
  margin-top: 122px;
}

.block-container.confirm-container strong {
  font-weight: bold;
}

.block-container.confirm-transform-container,
.block-container.shared-purchase-container,
.block-container.edit-shared-purchase-container {
  background-color: #fff;
  border-radius: 15px;
  margin-top: 62px;
}

.block-container.edit-shared-purchase-container,
.block-container.confirm-return-container {
  display: none;
}

.block-container.confirm-transform-container .confirm-transform-title,
.block-container.shared-purchase-container .shared-purchase-title,
.block-container.edit-shared-purchase-container .edit-shared-purchase-title {
  background-color: #002e18 !important;
}

.block-container.confirm-transform-container .confirm-transform-title h3,
.block-container.shared-purchase-container .shared-purchase-title h3,
.block-container.edit-shared-purchase-container .edit-shared-purchase-title h3 {
  color: #fff !important;
  padding: 32px 67px;
}

.block-container.confirm-transform-container .ecard-pdf-link,
.block-container.shared-purchase-container .participate a,
.block-container.edit-shared-purchase-container .view a {
  color: #002e18;
  text-decoration: underline;
  word-wrap: break-word;
}

.block-container.shared-purchase-container .participate p {
  margin-top: 16px;
}

.block-container.confirm-visual-overview-container {
  display: none;
}

.block-container.confirm-container .container, .block-container.edit-ecard-container .container, .block-container.identity-verification-container .container {
  width: 100%;
}

.block-container.confirm-container .confirm-title h3, 
.block-body.confirm-body h3.chapter-title {
  margin: 0px;
  text-align: center;
  background-color: inherit;
  color: #000;
}

.block-container.confirm-container .confirm-title {
  border-radius: 10px 10px 0 0;
  background-color: inherit;
}

.block-container.confirm-container .confirm-title h3 {
  font-size: 20px;
  display: inline-block;
  line-height: 35px;
}

.block-container.confirm-container .confirm-purchase-title h3 {
  color: #002e18;
}

.block-container.confirm-container .confirm-title h3 img {
  margin-right: 5px;
  vertical-align: sub;
  height: 32px;
  width: 32px;
}

.block-container.confirm-container .wallet-mobile-title {
  background-color: #002e18 !important;
  color: #fff !important;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  display: block;
  margin: 0 -67px;
  border-radius: 10px 10px 0 0;
  padding: 32px 67px;
}

.block-container.confirm-container .confirm-livstick-block {
  display: inline-block;
  margin: 12px 0;
  padding: 0 60px;
}

.block-container.confirm-return-container a.btn {
  width: 35%;
}

@media screen and (max-width: 892px) {
  .block-body.edit-summary-body .edit-summary-description-block, .block-body.edit-summary-body .edit-summary-visual-block {
    width: 100%;
    padding-left: 0px;
  }
}

.block-body.confirm-body,
.block-body.shared-purchase-body,
.block-body.error-body {
  padding: 32px 67px 67px 67px;
  background-color: inherit;
}

.block-body.confirm-purchase-body {
  padding: 0;
}

.block-body.confirm-transform-body {
  padding: 32px 67px;
}

.block-body.confirm-body .paragraph p {
  font-size: 16px !important;
  line-height: 24px;
  padding: 0 20px;
}

.block-body.confirm-body .paragraph.new-ecard-link {
  display: none;
}

.block-body.confirm-return-body {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .block-container h3{
    padding: 30px 0px 0px 0px;
  }
}

@media screen and (max-width: 992px) {
  .cards-img {
    display: none;
  }
  .mb-30 {
    margin-bottom: 0px;
  }

}

.global-container-introduction {
  display: block;
  margin: 0 auto;
  padding: 0px 0px 30px 0px;
  text-align: left;
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

@media screen and (min-width: 993px) {
  .global-container-introduction .col-md-4
  {
    padding-left: 0px !important;
    width: 30% !important;
  }

  .global-container-introduction .col-md-8
  {
    padding-right: 0px !important;
    padding-left: 0px !important;
    width: 70% !important;
  }
}

.global-container-introduction ul {
  margin-bottom: 0px;
  padding: 20px 0px 20px 20px;
  font-size: 16px;
  text-align: left;
  list-style-type: decimal;
  line-height: 22px;
}

.introduction-subtitle {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
}

.introduction-comment {
  margin: 7px auto;
  font-size: 12px;
  font-weight: normal;
  clear: both;
}

@media screen and (max-width: 992px) {
  .global-container-introduction,
  .global-container-introduction ul,
  .global-content-introduction
  {
    text-align: center;
  }
  .introduction-comment {
    margin: 7px 10px;
  }
  .beneficiary-body .introduction-comment {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .introduction-comment {
    margin: 7px auto;
  }
}

.cgv-comment {
  margin: 20px 10px 0px 10px;
  font-size: 12px;
  font-weight: normal;
  font-family: Figtree, sans-serif;
}

.cgv-comment a:hover {
  cursor: pointer;
}

.ecard-new,
.ecard-confirm,
.ecard-edit,
.ecard-cms,
.ecard-burn,
.ecard-account,
.ecard-default {
  min-height: 650px;
  padding: 0px 0px 40px 0px;
  box-shadow: 0px 0px 0px 0px #dAdFe2;
}

@media screen and (min-width: 994px) and (max-width: 1201px) {
  .global-container-introduction ul {
    padding: 20px 0px 20px 20px;
  }
}

@media screen and (min-width: 768px) and (max-width: 993px) {
  .ecard-new,
  .ecard-confirm,
  .ecard-edit,
  .ecard-cms,
  .ecard-burn,
  .ecard-account,
  .ecard-default {
    min-height: 650px;
    padding: 0px 0px 40px 0px;
    box-shadow: 0px 0px 10px 0px #dAdFe2;
  }

  .block-containers {
    padding: 0px 0px 40px 0px;
  }

  .global-container-introduction {
    padding-bottom: 20px;
  }

  .global-container-introduction ul {
    padding: 20px 0px 20px 20px;
  }
}

@media screen and (max-width: 767px) {
  .ecard-new,
  .ecard-confirm,
  .ecard-edit,
  .ecard-cms,
  .ecard-burn,
  .ecard-account,
  .ecard-default {
    min-height: 650px;
    padding: 0px 0px 40px 0px;
    box-shadow: 0px 0px 10px 0px #dAdFe2;
  }

  .global-container-introduction {
    padding: 0px 10px 15px 10px;
    line-height: 25px;
    font-size: 18px;
  }

  .global-container-introduction ul {
    padding: 20px 0px 20px 20px;
    font-size: 16px;
  }

  .html-page-name-ecardEdit .amount-container .free-amount {
    max-width: 200px !important;
    margin: 0px auto 25px;
  }
}

section.content .ecard-new h3,
section.content .ecard-confirm h3,
section.content .ecard-edit h3,
section.content .ecard-cms h3,
section.content .ecard-burn h3,
section.content .ecard-account h3,
section.content .ecard-default h3 {
  margin: 15px 0px 40px 0px;
  padding: 60px 40px 0px 30px;
  background-color: transparent;
  color: #000;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}

section.content h3:first-child,
section.content .ecard-new h3:first-child,
section.content .ecard-confirm h3:first-child,
section.content .ecard-edit h3:first-child,
section.content .ecard-cms h3:first-child,
section.content .ecard-burn h3:first-child,
section.content .ecard-account h3:first-child,
section.content .ecard-default h3:first-child {
  margin-top: 0px;
}

section.content .ecard-new h4,
section.content .ecard-confirm h4,
section.content .ecard-edit h4,
section.content .ecard-cms h4,
section.content .ecard-burn h4,
section.content .ecard-account h4,
section.content .ecard-default h4 {
  font-weight: bold;
  font-size : 20px;
  color: #000;
}

section.content .ecard-new p + h4,
section.content .ecard-confirm p + h4,
section.content .ecard-edit p + h4,
section.content .ecard-cms p + h4,
section.content .ecard-burn p + h4,
section.content .ecard-account p + h4,
section.content .ecard-default p + h4 {
  margin-top: 30px;
}

section.content .ecard-new .wrapper,
section.content .ecard-confirm .wrapper,
section.content .ecard-edit .wrapper,
section.content .ecard-cms .wrapper,
section.content .ecard-burn .wrapper,
section.content .ecard-account .wrapper,
section.content .ecard-default .wrapper {
  padding-left: 40px;
  padding-right: 40px;
}

section.content .ecard-new .wrapper .g-recaptcha {
  padding-bottom: 15px;
    text-align: center;
}

section.content .ecard-new .wrapper .g-recaptcha > div {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  section.content .ecard-new h3,
  section.content .ecard-confirm h3,
  section.content .ecard-edit h3,
  section.content .ecard-cms h3,
  section.content .ecard-burn h3,
  section.content .ecard-account h3,
  section.content .ecard-default h3 {
    margin-top: 30px;
    padding: 6px 12px 10px 12px;
  }

  section.content .ecard-new .wrapper,
  section.content .ecard-confirm .wrapper,
  section.content .ecard-edit .wrapper,
  section.content .ecard-cms .wrapper,
  section.content .ecard-burn .wrapper,
  section.content .ecard-account .wrapper,
  section.content .ecard-default .wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  .ecard-confirm .confirm-livstick-block {
    padding: 0px 0px 0px 60px;
  }
}

.block-body .dispatch-guide h4 {
  font-size: 20px;
  color: #000;
}

.block-body .dispatch-guide h4 .title-group-gift {
  padding-left: 10px;
  line-height: 54px;
}

div.guide p {
  font-family: Figtree, sans-serif;
  line-height: 20px;
  padding: 0 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='6' style='fill:%23000;'/%3E%3C/svg%3E%0A") no-repeat 0 7px transparent;
}

div.guide .participations li {
  font-family: Figtree, sans-serif;
  padding: 0 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='6' style='fill:%23444;'/%3E%3C/svg%3E") no-repeat 0 7px transparent;
}

div.guide p:before, div.guide .participations li:before {
  font-family: Figtree, sans-serif;
  content: none;
}

div.block-tip-send-date {
  margin-top: 15px;
}

div.block-tip-send-date .tip {
  font-size: 1em;
  width: 24%;
  min-width: 300px;
  position: absolute;
  margin-top: 77px;
  margin-left: -330px;
}

.carousel-visuals-block {
  padding: 0px 0px 0px 0px !important;
  float: none !important;
  width: 100% !important;
}

.carousel-visuals-block .visual {
  padding: 4px;
  cursor: pointer;
  margin: auto;
}

.carousel-visuals-block .visual.active {
  border-radius: 4px;
  background-color: transparent;
  border: 1px solid #002D18;
}

@media screen and (max-width: 768px) {
  .carousel-visuals-block {
    padding: 0 25px !important;
  }
}

@media screen and (max-width: 991px){
  .gallery-container .slick-visuals {
    padding: 0;
  }
}

.slick-list {
  overflow: unset;
}

.gift-card-app .slick-prev::before, .slick-next::before {
  content: '';
  color: #000;
}

.gift-card-app .slick-prev {
  top: 34px;
  width: 45px;
  height: 45px;
  left: -24px;
  background: url('../../custom_assets/images/1249/b2c/left.svg') no-repeat top center transparent;
  display: none;
}

.gift-card-app .slick-next {
  top: 34px;
  width: 45px;
  height: 45px;
  right: -45px;
  background: url('../../custom_assets/images/1249/b2c/right.svg') no-repeat top center transparent;
  display: none;
}

@media screen and (max-width: 767px) {
  .gift-card-app .slick-next {
    right: -24px;
  }
}

.gift-card-app #dropin-container li:only-child {
  display: block;
}

/* Visual overview */
@media screen and (max-width: 767px){
  .ecard-overview img.visual {
    width: 100%;
  }
}

.beneficiary-body .livstick-group div.announcement p {
  margin: 24px 0px 12px 0px;
}

.beneficiary-body .livstick-group div.announcement a.btn {
  margin: 12px 0px 24px 0px;
}

@media screen and (min-width: 767px) and (max-width: 991px) {
  .block-body{
    padding: 20px 40px;
  }
}

.dispatch-container .dispatch-method-choice {
  background: url(../images/uitabs/pixel-border-grey-a9a9a9.png) repeat-x bottom left transparent;
}

.dispatch-container .send-type-block {
  border: 1px solid #A9A9A9;
  color: #fff;
  background-color: #A9A9A9;
  font-weight: bold;
  font-size: 15px;
}

.dispatch-container .send-type-block-active .radiobox-label {
  background-color: #fff;
  font-weight: normal;
  font-size: 15px;
}

.dispatch-container .dispatch-method-choice-content-block {
  min-height: 150px;
  border: 1px solid #A9A9A9;
  border-top: 0px solid transparent;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.dispatch-container .dispatch-send-date-type .radiobox-icon {
  background-image: url("../images/forms/radiobox-1c2641-blue.png");
}


/* Burn */
.form-ecard-number-connect {
  text-align: center;
}

.ecard-number-label {
  margin: 12px 0px;
  text-align: center;
  padding-top: 20px;
}

.button-ecard-number-connect {
  margin: 12px 0px;
}

.open-gift-card-popin .glyphicon {
  font-size: 1.2em;
}

.extra-amount-row {
  line-height: 32px;
}


/* Amounts */
.edit-amount-body {
  padding: 30px 0;
}

.amount-body .free-amount-block,
.edit-amount-body .free-amount-block {
  overflow: inherit;
  zoom: 1;
}

.amount-body .fixed-amount-block,
.edit-amount-body .fixed-amount-block {
  width: 63%;
}

.amount-body .custom1-block,
.edit-amount-body .custom1-block {
  width: 37%;
}

.amount-body .free-amount,
.edit-amount-body .free-amount {
  margin: 0px 20px 16px 0px;
}

.edit-amount-container .amount-guide-block {
  width: 100%;
}

.edit-amount-container .amount-guide-block div.guide {
  font-size: 80%;
}

.edit-amount-container .amount-guide-block .guide img {
  vertical-align: middle;
}

@media screen and (min-width: 1660px){
  .amount-body .fixed-amount-block,
  .edit-amount-body .fixed-amount-block {
    width: 70%;
  }

  .amount-body .custom1-block,
  .edit-amount-body .custom1-block {
    width: 30%;
    margin: unset;
  }

  .amount-body .fixed-amount,
  .edit-amount-body .fixed-amount,
  .amount-body .select-free-amount-button,
  .edit-amount-body .select-free-amount-button {
    margin: 0px 13px 16px 0px;
  }
}

@media screen and (max-width: 767px){
  .amount-container .free-amount, 
  .amount-container .currency-amount,
  .edit-amount-container .free-amount, 
  .edit-amount-container .currency-amount {
    display: block;
    float: left;
  }
  .amount-container .free-amount,
  .edit-amount-container .free-amount {
    margin-left: 40px;
  }
  .amount-container .free-amount-block, 
  .amount-body .fixed-amount-block,
  .edit-amount-container .free-amount-block, 
  .edit-amount-body .fixed-amount-block {
    float: left;
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px){
  .amount-container .currency-amount,
  .edit-amount-container .currency-amount {
    width: 35px;
  }
  .amount-container .free-amount,
  .edit-amount-container .free-amount {
    margin: 0;
  }
  .amount-body .fixed-amount-block,
  .edit-amount-body .fixed-amount-block {
    float: left;
    width: 100%;
  }

  .amount-body .fixed-amount, 
  .edit-amount-body .fixed-amount,
  .amount-body .select-free-amount-button,
  .edit-amount-body .select-free-amount-button{
    margin-right:10px !important;
  }

  #mpsp-payment-means ul {
    width: 100%;
  }
}

.amount-body .fixed-amounts,
.edit-amount-body .fixed-amounts {
  float: inherit;
  display: flex;
  justify-content: space-between;
}

.amount-body .fixed-amount, 
.edit-amount-body .fixed-amount,
.amount-body .fixed-amount.active,
.edit-amount-body .fixed-amount.active,
.amount-body .select-free-amount-button,
.edit-amount-body .select-free-amount-button,
.amount-body .select-free-amount-button.active,
.edit-amount-body .select-free-amount-button.active {
  display: block;
  border: 1px solid #F0F0F0;
  height: 48px;
  margin: 0px 10px 16px 0px;
  border-radius: 0px;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  background-color: transparent;
  color: #002D18;
  width: 71px;
  padding: 10px 0;
}

.fixed-amount.fixed-amount-ada.active,
.select-free-amount-button.active{
  background-color: #002D18;
  color: #fff;
}

.amount-body .fixed-amount:hover, 
.edit-amount-body .fixed-amount:hover, 
.edit-amount-body .fixed-amount.active, 
.fixed-amount.fixed-amount-ada.active:hover,
amount-body .select-free-amount-button:hover, 
.edit-amount-body .select-free-amount-button:hover, 
.edit-amount-body .select-free-amount-button.active, 
.select-free-amount-button.active:hover {
    background-color: #002D18;
    color: #fff;
}

.fixed-amount,
.select-free-amount-button {
  display: flex;
  align-items: center;     /* ✅ centre verticalement le texte */
  justify-content: center; /* garde le texte centré horizontalement */
  padding: 0;  
}

.fixed-amount span,
.select-free-amount-button span {
  line-height: 1;          /* empêche le texte de remonter ou descendre */
}

@media screen and (max-width: 767px) {
  .fixed-amounts {
    width: 100%;
  }

    .amount-body .fixed-amount.active,
    .edit-amount-body .fixed-amount.active {
        margin: 0;
    }

  .amount-row {
    position: relative;
  }

  .amount-body .custom1-block, 
  .edit-amount-body .custom1-block {
    position: absolute;
    top: 64px;
    right: 0;
  }
}

@media screen and (max-width: 411px) {
  .amount-body .custom1-block {
    right: 15.5%;
  }

  .edit-amount-body .custom1-block {
    right: 24.5%;
    top: 127px;
  }
}

@media screen and (min-width: 413px) and (max-width: 450px) {
  .amount-body .custom1-block, 
  .edit-amount-body .custom1-block {
    right: 9%;
  }
}


/* Payment : SMOOTH Cards */
@media screen and (min-width: 767px){
  .organizer-fields-block .organizer-group-infos-field {
    width: 100%;
  }
}

.organizer-last-name,
.organizer-email,
.organizer-first-name,
.organizer-confirm-email,
.participant-last-name,
.participant-email,
.participant-first-name,
.participant-confirm-email {
  margin: 0px auto;
}

.participant-fields-block .participant-infos-field {
  width: 100%;
}

.participant-fields-block .participant-fields-row {
  padding: 0;
}

.participant-fields-block .participant-infos-field label {
  font-weight: 400;
  font-family: Figtree, sans-serif;
  display: block;
}

.payment-captcha-block .g-recaptcha {
 padding: 0 0 0px 0;
}

.calculation-block {
  padding: 0;
}

div.select-payment-methods p {
  padding: 10px 0;
  text-align: left;
  font-size: 18px !important;
  line-height: 35px;
}

.payment-body .conclusion .introduction-comment {
  width: 100%;
}


/* Widget Tabulation */
.ui-widget-content {
  background-color: #fff;
}

.ui-widget-header {
  border: 0px solid transparent;
  background: none center center no-repeat #fff;
  color: #ffffff;
  font-weight: bold;
}

.ui-widget-header .ui-datepicker-title {
  color: #000;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 20px;
}

.ui-datepicker-title .ui-datepicker-month {
  text-align: left;
  border: unset;
}

.ui-datepicker-title .ui-datepicker-year {
  text-align: right;
  border: unset;
}

.ui-widget {
  font: 400 16px/1.2 "Figtree",sans-serif;
}

.send-date-email-electronic.datepickerui {
  position: relative;
  background-image: url('/custom_assets/images/1249/b2c/calendar-date-copy.svg');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px 17px;
  padding-right: 36px;
  cursor: pointer;
}


/* Fields */
.gift-card-app .form-control {
  border: 1px solid rgba(169, 169, 169, 0.75);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset;
}

/* Buttons */
.btn-custom{
    margin-bottom: 20px;
    padding: 10px 30px;
}


.btn-custom.disabled, 
.btn-custom.disabled:hover, 
.btn-custom.disabled:focus {
  background-color: #002D18;
  border-color: #002D18;
  color: #fff;
}

.btn-custom:not(.disabled), 
.btn-custom:not(.disabled):hover, 
.btn-custom:not(.disabled):focus {
  background-color: #008A20 !important;
  border-top-color: #002D18;
  border-bottom-color: #002D18;
  color: #fff !important;
}

.btn-custom:not(.disabled):focus {
  background-color: #008A20 !important;
  border-color: #008A20;
  color: #fff !important;
  transition: 0.1s ease-in-out 0.2s;
}


/* Radio boxes */
.checkbox label, .dispatch-send-date-type label {
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
}

.dispatch-send-date-type label,
.radio-inline label {
  line-height: 22px;
}

.dispatch-send-date-type input[type="radio"]:not(:checked),
.dispatch-send-date-type input[type="radio"]:checked,
.radio-inline input[type="radio"]:not(:checked),
.radio-inline input[type="radio"]:checked {
  display: none;
}

.dispatch-send-date-type input[type="radio"]:not(:checked) + label span.radiobox-icon,
.dispatch-send-date-type input[type="radio"]:checked + label span.radiobox-icon,
.radio-inline input[type="radio"]:not(:checked) + label span.radiobox-icon,
.radio-inline input[type="radio"]:checked + label span.radiobox-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  vertical-align: top;
  background-image: url("../images/forms/radiobox-1c2641-blue.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.dispatch-send-date-type input[type="radio"]:not(:checked) + label span.radiobox-icon,
.radio-inline input[type="radio"]:not(:checked) + label span.radiobox-icon {
  background-position: top left;
}

.dispatch-send-date-type input[type="radio"]:checked + label span.radiobox-icon,
.radio-inline input[type="radio"]:checked + label span.radiobox-icon {
  background-position: bottom left;
}

.dispatch-send-date-type input[type="radio"]:not(:checked) + label,
.dispatch-send-date-type input[type="radio"]:checked + label,
.radio-inline input[type="radio"]:not(:checked) + label,
.radio-inline input[type="radio"]:checked + label {
  padding-left: 0px;
}

.dispatch-send-date-type input[type="radio"]:not(:checked) + label span.radiobox-label,
.dispatch-send-date-type input[type="radio"]:checked + label span.radiobox-label,
.radio-inline input[type="radio"]:not(:checked) + label span.radiobox-label,
.radio-inline input[type="radio"]:checked + label span.radiobox-label {
  display: inline-block;
  padding-left: 8px;
  min-height: 22px;
  line-height: 22px;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .dispatch-send-date-type input[type="radio"]:not(:checked) + label span.radiobox-label,
  .dispatch-send-date-type input[type="radio"]:checked + label span.radiobox-label {
    max-width: unset;
  }
  .radio-inline input[type="radio"]:not(:checked) + label span.radiobox-label,
  .radio-inline input[type="radio"]:checked + label span.radiobox-label {
    max-width: 210px;
  }
}


/* Check boxes */
.checkbox label {
  line-height: 22px;
}

.checkbox-hidden {
  visibility: hidden;
}

.checkbox input[type="checkbox"]:not(:checked),
.checkbox input[type="checkbox"]:checked {
  display: none;
}

.checkbox input[type="checkbox"]:not(:checked) + label span.checkbox-icon,
.checkbox input[type="checkbox"]:checked + label span.checkbox-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  vertical-align: top;
  background-image: url("../images/forms/checkbox-light-grey.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type="checkbox"]:not(:checked) + label span.checkbox-icon {
  background-position: 0px 0px;
}
input[type="checkbox"]:checked + label span.checkbox-icon {
   background-position: -4px -4px !important;
   background-image: url('/custom_assets/images/1249/b2c/check-box.svg');
}
input[type="checkbox"]:not(:checked) + label span.checkbox-icon.form-error {
  background-position: 0px -44px;
}

.checkbox input[type="checkbox"]:not(:checked) + label,
.checkbox input[type="checkbox"]:checked + label {
  padding-left: 0px;
}

.checkbox input[type="checkbox"]:not(:checked) + label span.checkbox-label,
.checkbox input[type="checkbox"]:checked + label span.checkbox-label {
  display: inline-block;
  padding-left: 8px;
  min-height: 22px;
  line-height: 22px;
  vertical-align: top;
}

.custom-checkbox label{
  position: relative;
  display: block;
  line-height: 21px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 22px;
  cursor: pointer;
  color: #002D18;
}

.custom-checkbox label .checkbox-label {
  min-height: 21px !important;
  margin: 0;
  padding: 0;
  line-height: 27px !important;
  cursor: pointer;
  text-align: left;
  font-weight: normal;
  color: #002D18;
  font-size: 16px;
}

@media screen and (max-width: 767px){
  .custom-checkbox label span.checkbox-label {
    max-width: 100%;
  }
  .ecard-overview-sub-block-part3 {
    padding: 0;
  }
}

.custom-checkbox label .checkbox-icon{
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 16px !important;
  height: 16px !important;
  /*background-image: none;*/
  background-image: url("../images/forms/checkbox-light-grey.png");
  border: 1px solid #002D18;
  border-radius: 0px;
}


/* Errors */
.bv-tooltip-content {
  font-family: Figtree, sans-serif;
}
.form-error.form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  font-family: Figtree, sans-serif;
}
.form-error.form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
  font-family: Figtree, sans-serif;
}
.form-error.input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
  font-family: Figtree, sans-serif;
}
.form-error.form-control-feedback {
  color: #a94442;
  font-family: Figtree, sans-serif;
}

.form-error + .tooltip .tooltip-inner {
  background-color: #a94442;
  font-family: Figtree, sans-serif;
}

.form-error + .tooltip.top .tooltip-arrow,
.form-error + .tooltip.top-left .tooltip-arrow,
.form-error + .tooltip.top-right .tooltip-arrow {
  border-top-color: #a94442;
  font-family: Figtree, sans-serif;
}
.form-error + .tooltip.right .tooltip-arrow {
  border-right-color: #a94442;
  font-family: Figtree, sans-serif;
}
.form-error + .tooltip.left .tooltip-arrow {
  border-left-color: #a94442;
  font-family: Figtree, sans-serif;
}
.form-error + .tooltip.bottom .tooltip-arrow,
.form-error + .tooltip.bottom-left .tooltip-arrow,
.form-error + .tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #a94442;
  font-family: Figtree, sans-serif;
}


/* Popup overlay plugin */
.modal-popupoverlay {
  width: 100%;
  max-width: 600px;
  min-width: 275px;
  min-height: 300px;
}

#modal-popupoverlay_background {
  transition: all 0.3s 0.3s;
}
#modal-popupoverlay,
#modal-popupoverlay_wrapper {
  transition: all 0.3s ease-out;
}
#modal-popupoverlay {
  transform: translateX(0) translateY(-40%);
}
.popup_visible #modal-popupoverlay {
  transform: translateX(0) translateY(0);
}

.close-popin-link {
  display: block;
  position: relative;
  float: right;
  top: -12px;
  right: -12px;
  width: 30px;
  height: 30px;
  background: url("../images/popin/close-icon.png") no-repeat top left transparent;
  border: 0px solid transparent;
}

.sweet-alert button {
  background-color: #000 !important;
}

@media screen and (max-width: 600px) {
  .edit-client-form .button-container {
    text-align: center;
  }
}

/* Alert Message */
.sweet-alert p {
  color: #000;
}

@media screen and (max-width: 600px) {
  .edit-client-form .button-container {
    text-align: center;
  }
}

.col-contact,
.col-customer-area {
  display: inline-block;
  padding: 0px 16px 0px 16px;
  float: none;
  width: auto;
}

@media screen and (max-width: 767px) {
  .col-contact,
  .col-customer-area {
    display: block;
    padding: 0px 16px 20px 16px;
    text-align: center;
  }
}

.tick-img {
  display: inline-block;
  width: 23px;
  height: 17px;
  line-height: 22px;
  vertical-align: top;
  background-image: url("../images/forms/tick-GL.png");
  background-repeat: no-repeat;
  background-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  margin: 8px 0px 0px 0px;
}

@media screen and (min-width: 1280px) and (max-width: 1550px) { 
  .ecard-overview-block {
    width: 100% !important;
    max-width: 368px !important;
    margin: 0 auto;
  }

  .block-body.gallery-body {
    width: 100% !important;
    height: auto;
    padding-top: 0px !important;
  }
}

@media screen and (min-width: 1210px) and (max-width: 1330px) {
.gift-card-app header .header-menu a{
  font-size: 16px;
  letter-spacing: 1px;
}
}

.btn-homepage {
  min-width: 210px;
}

.col-contact-client {
  padding: 0px 16px 0px 16px;
  text-align: right;
  position: relative;
  min-height: 1px;
  float: left;
  width: 70%;
}

@media screen and (max-width: 991px) {
  .col-contact-client
  {
    padding: 0px 16px 0px 16px;
    text-align: center;
    width: 100%;
  }

  .carousel-visuals-block .visual {
    width: 100px;
  }
}

#edit-client-popin {
  width: 100%;
  max-width: 960px;
}

.edit-client-form h3 {
  margin: 20px 0px 30px 0px;
}

.login-container h3,
.registration-container h3 {
  padding: 8px 0px 8px 0px !important;
  margin-top: 20px !important;
  font-family: "ITCAvantGarde bold" !important;
  font-size: 28px !important;
  font-weight: bold !important;
  text-align: left !important;
  background-color: #fff !important;
  color: #000 !important;
}

.login-container p,
.registration-container p {
  line-height: 25px !important;
  font-family: "ITCAvantGarde book" !important;
  font-weight: 400 !important;
  font-size: 18.7px !important;
}

.login-container .form-control,
.registration-container .form-control {
  background-color: #f7f7f7;
}

.account-type-container {
  display: none;
}

input[name="sales-manager-ref"],
input[name="vat"]
{
  display: none;
}

@media screen and (max-width: 600px) {
  .login-container h3,
  .registration-container h3 {
    padding: 4px 0px 4px 5px !important;
    margin-top: 10px! important;
    font-size: 20px! important;
  }

  .login-container p,
  .registration-container p {
    line-height: 25px !important;
    font-family: "ITCAvantGarde book" !important;
    font-weight: 400 !important;
    font-size: 17px !important;
  }
}

.send-container .radio label {
  font-size: 14.7px !important;
}

.rgpd-tab {
  padding: 4px !important;
}

.bold-underline {
  font-weight: bold !important;
  text-decoration: underline !important;
}

/****B2C****/
.html-page-name-ecardNew .container {
  width:100%;
  max-width: 1336px;
}

.html-page-name-ecardNew h1 {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -6%;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 14px;
}

.html-page-name-ecardNew h2.block-title_subTitle {
  margin-bottom: 35px;
}

.block-title_subTitle, .block-title.beneficiary-only-title h3, .block-title.when-to-send-only-title h3, .html-page-name-ecardNew .block-title.beneficiary-title h3{
   font-size: 25px;
   line-height: 1.40;
   font-family: Figtree, sans-serif;
}

.html-page-name-ecardNew h1, 
.html-page-name-ecardNew h3{
  font-family: Figtree, sans-serif;
}

.html-page-name-ecardNew h3{
    margin: 32px 0;
}

.html-page-name-ecardNew .block-body {
  padding: 0;
}

.html-page-name-ecardNew .block-title, 
.html-page-name-ecardNew .block-body {
  background-color: transparent;
}

.html-page-name-ecardNew .block-title.beneficiary-title {
  display: none;
}

.html-page-name-ecardNew .container p a, 
.html-page-name-ecardNew .cgv-comment span.xs-exclude-inline, 
.checkbox-label.checkbox-age-limit-label a,
.consult-row .cgv_after-captcha a {
  text-decoration: underline;
  transition: 0s ease-in-out 0.2s;
}

.page-name-ecardNew .body {
  padding-bottom: 0px;
}

/****Ajout Lorenzo 16/09/2025****/

input::placeholder, textarea::placeholder {
    color: transparent !important
}

.navbar-close-button{
  color: white;
}

.block-title.empty-input-for-calendar-only-title{
  display: none
}

.beneficiary-infos-row>.specific-to-card-type.card-type-electronic{
  float:left;
}

.send-date-block input{
  background-color: transparent !important;
}

.block-container.empty-input-for-calendar-only{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.opacity-for-menu-burger{
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999;
}

.free-amount, .organizer-infos-field{
  position: relative;
}

.amount-container .free-amount > label, 
.organizer-infos-field > label, 
.beneficiary-field > label, 
.beneficiary-infos-field label, 
.send-date-block > label,
.participant-infos-field > label {
  display: block;
  pointer-events: none;
  position: absolute;
  transform-origin: 0 50%;
  transition: all 200ms ease;
  top: 25px;
  font-weight: 400;
  font-family: Figtree, sans-serif;
}

.organizer-fields-block .organizer-infos-field label {
  display: block;
}

.amount-container .free-amount > label,
.amount-container .free-amount input.form-control {
  display: none;
}

.amount-container .free-amount > .label-top, 
.organizer-infos-field > .label-top, 
.beneficiary-field > .label-top, 
.beneficiary-infos-field .label-top, 
.send-date-block > .label-top,
.participant-infos-field > .label-top {
  color: #66706B;
}

.amount-container .free-amount.input-focused label, 
.organizer-infos-field.input-focused label,
.participant-infos-field.input-focused label {
  transform: translateY(-20px) scale(0.75);
  color: #66706B;
  font-size:13px;
}

.block-container.beneficiary-container{
  display: none;
}

.custom1.dispatch-send-date input{
  background-color: transparent;
}

/* payment */

.page-name-payment .body{
  display: flex;
  padding-bottom: 0;
  background-color: #fff;
}

.page-name-payment .block-containers {
  margin-top: 62px;
}

.page-name-payment .pre-block-containers{
    background-image: url("/custom_assets/images/1249/b2c/payment-page-image-copy.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-name-payment .payment-row-before-form {
  width: 80%;
  margin: 0 auto 32px auto;
}

.page-name-payment .payment-row-before-form h3 {
  padding: 0;
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -1.92px;
  margin-bottom: 14px;
}

@media screen and (max-width: 991px) {
  .page-name-payment .pre-block-containers {
    display: none !important;
  }

  .page-name-payment .block-containers {
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .page-name-payment .pre-block-containers {
    width: 75% !important;
  }
}

.page-name-payment .payment-row-dropin{
  margin: auto;
  width: 80%
}

/* cagnotte */

.page-name-ecardEdit .body {
  padding: 0;
}

.page-name-ecardEdit .pre-block-containers{
  background-color: #E2E9E6;
}

.page-name-ecardEdit .block-containers{
  background-color: #fff;
}

.page-name-ecardEdit .block-containers .edit-summary-container .edit-summary-title h3 {
  display: block;
  text-align: left;
}

.page-name-ecardEdit .block-containers .edit-summary-container .edit-summary-title h3 .title {
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
  font-family: Figtree, sans-serif;
}

.page-name-ecardEdit .block-containers .edit-summary-container .edit-summary-title h3 .subtitle {
  font-size: 14px;
  display: block;
  text-transform: none;
  margin-top: 14px;
  font-family: Figtree, sans-serif;
}

.page-name-ecardEdit .block-containers .edit-summary-container .block-body,
.page-name-ecardEdit .block-title.summary-visual {
  display: none;
}

.page-name-ecardEdit .block-body.summary-visual{
  background-color: transparent;
  padding: 150px 0 24px 0;
}

.page-name-ecardEdit .block-body.summary-visual, 
.page-name-ecardEdit .block-body.summary-total-amount, 
.page-name-ecardEdit .block-container.summary-end-date,
.page-name-ecardEdit .block-container.summary-participantion-list {
  width: 50%;
  margin: auto;
}

.page-name-ecardEdit .block-title.summary-total-amount,
.page-name-ecardEdit .block-title.summary-end-date,
.page-name-ecardEdit .block-title.summary-participantion-list {
  display: none;
}

.page-name-ecardEdit .block-body.summary-total-amount {
  padding: 24px;
}

.page-name-ecardEdit .block-body.summary-end-date {
  padding: 0 24px 8px 24px;
}

.page-name-ecardEdit .block-body.summary-end-date .edit-summary-end-date-block img {
  vertical-align: middle;
  margin-left: -8px;
  margin-right: 4px;
}

.page-name-ecardEdit .block-body.summary-end-date .edit-summary-end-date-block strong {
  font-weight: 700;
}

.page-name-ecardEdit .block-body.summary-participantion-list {
  background-color: inherit;
  padding: 30px 0;
}

.page-name-ecardEdit .edit-summary-total-amount-block h4 {
  line-height: 27px;
}

.page-name-ecardEdit .edit-summary-total-amount-block .strong {
  font-size: 32px;
}

.page-name-ecardEdit .edit-summary-participantion-list-block {
  margin-top: 5px;
}

.page-name-ecardEdit .edit-summary-participantion-list-block ul.participations {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}

.page-name-ecardEdit .edit-summary-participantion-list-block ul.participations li {
  display: inline-flex;
  align-items: center;
  background-color: #fff;  
  border: 1px solid #ddd;  
  border-radius: 6px;      
  padding: 6px 10px;
  color: #333;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  transition: background-color 0.2s ease;
}

.page-name-ecardEdit .edit-summary-participantion-list-block ul.participations li img {
  width: 10.62px;
  height: 12px;
  margin-right: 6px;
  vertical-align: middle;
}


/****Ajout Lorenzo 16/09/2025****/

/*header*/
.header-row {
  margin: 0 auto;
  padding: 0 76px;
}

.gift-card-app header .navbar .navbar-nav li.nav-color > a {
  color: #D50032;
}

.global-container-introduction, 
.introduction-comment,
.block-title.message-only-title h3:first-child{
  display:none;
}

.organizer-container,.block-tip-send-date.hide, .dispatch-send-date-block.hide{
  display: inherit;
}

/**** Split ****/

.card-validation, .edit-card-validation {
  display: flex;
  width: 100%;
  margin: 0 auto;
  font-family: Figtree, sans-serif;
}

.page-name-ecardNew .pre-block-containers, 
.page-name-payment .pre-block-containers, 
.page-name-ecardEdit .pre-block-containers{
  display: block;
  position: sticky;
  top: 9%;
  height: 100vh;
  width: 60%;
  padding-right: 40px;
  background-color: #E2E9E6;
  margin-top : -2%;
}

.page-name-ecardNew .block-containers{
  width: 40%;
}

/** Gallery Left Part **/
.ecard-overview-block img.visual {
  padding: 0;
  width: 100%;
  border-radius: 24px;
}

.ecard-overview-block {
  width: 100%;
  max-width: 538px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slick-track {
  margin-left: 0px;
}

.gallery-container .slick-dots li.slick-active button {
  display: none;
}

.btn-custom.btn-custom-solde {
  padding: 30px 40px;
}

.custom-electronic-row .btn-custom-solde:hover {
  text-decoration: none;
}

.custom-electronic-row .btn-custom-solde {
  position: absolute;
  bottom: 0%;
  margin-bottom: 75px;
}

.html-page-name-ecardNew .btn-custom.disabled, 
.html-page-name-ecardNew a.btn-custom.disabled:hover, 
.html-page-name-ecardNew .payment-validation .btn-custom.disabled, 
.html-page-name-ecardNew .btn-custom.disabled:active, 
.html-page-name-ecardConfirm .paragraph.new-ecard-link .btn-custom.disabled,
.html-page-name-ecardConfirm .paragraph.confirm-livstick-block .btn-custom.disabled,
.html-page-group-ecard .btn-custom.disabled,
.html-page-name-ecardEdit a.btn-custom.disabled:hover, 
.html-page-name-ecardEdit .payment-validation .btn-custom.disabled, 
.html-page-name-ecardEdit .btn-custom.disabled:active {
  background: #C8C8C8;
  color: #fff;
  border-top: 1px solid #6F6F6F;
  border-bottom: 1px solid #6F6F6F;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  font-weight: 400;
  border-radius: 0px;
  background-size: 100% 200%;
  outline-color: transparent;
  /*transition: ease-out 0.3s;*/
  text-transform: uppercase;
  letter-spacing: 0.12px;
  font-size: 12px;
  font-family: Figtree, sans-serif;
}

.html-page-name-ecardNew .payment-validation .btn-custom.disabled,
.html-page-name-ecardEdit .payment-validation .btn-custom.disabled {
  width: 100%;
  background: #F3F7F5;
  color: rgba(153, 168, 161, 1);
  border-top: 1px solid #CFD8D4;
  border-bottom: 1px solid #CFD8D4;
}

.html-page-name-ecardNew .btn-custom.disabled:hover, 
.html-page-name-ecardNew .payment-validation .btn-custom.disabled:hover,
.html-page-name-ecardConfirm .paragraph.new-ecard-link .btn-custom.disabled:hover,
.html-page-name-ecardEdit .btn-custom.disabled:hover, 
.html-page-name-ecardEdit .payment-validation .btn-custom.disabled:hover{
  background-position: center bottom !important;
  color: #000;
  outline: 1px solid #bdbdbd;
}

.custom-checkbox label span.checkbox-icon{
  background-image: none;
}

.ecard-overview-sub-block-part3, .block-title.message-only-title h3 {
  padding-left: 0px;
}

/****Right Part****/
#block-containers-id.block-containers{
  padding-bottom: 0px;
  margin-bottom:0px;
  margin-top: 62px;
}

/*Into + 1. votre message*/
.block-title.message-only-title {
  padding-left: 30px;
}

.block-title.message-only-title h1 {
  margin-top: 0px;
}

.html-page-name-ecardNew .gift-card-app .form-control,
.html-page-name-ecardEdit .gift-card-app .form-control, 
.html-page-group-ecard .participant-fields-row input,
input.participant-first-name, 
.participant-infos-field.participant-e-mail-address-block input, 
.participant-infos-field.participant-confirm-e-mail-address-block input{
  border-bottom: 1px solid #F0F0F0 !important;
  border-radius: 0px;
  box-shadow: none;
  padding: 20px 0px 6px 0;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  overflow: hidden;
  font-family: Figtree, sans-serif;  
}

.gift-card-app .form-control, .btn-custom-radio label span.radiobox-label{
    line-height: 24px;
}

.gift-card-app .form-control, .form-control.message.max-length::placeholder, .gift-card-app input.form-control::placeholder {
  color: #002D18;
}

.textarea-feedback {
  color: #66706B;
  font-size: 13px;
  text-align: right;
  margin-top: 10px;
  padding-right: 0px;
  font-weight: 500;
  font-family: Figtree, sans-serif;
}

.block-body.how-to-send-only-body .wrapper .dispatch-row, .block-body.when-to-send-only-body .wrapper .dispatch-send-date-type {
  display: flex;
}

.block-body.how-to-send-only-body .wrapper .dispatch-row{
  justify-content: flex-end;
}

.send-type-block.send-type-hand-block {
  padding-right: 30px;
}

.amount-container .currency-amount, .beneficiary-only-row::after, .gift-card-app .form-control, .btn-custom-radio label span.radiobox-label,
.payment-validation .btn-custom, .cgv-comment, .btn-custom.btn-custom-solde{
    font-size: 16px;
}

/*****3. Envoyez votre carte cadeau ******/
.beneficiary-field.beneficiary-email-block.hide, .block-container.when-to-send-only-container.hide {
  display: inherit !important;
}

html-page-name-ecardNew .btn-custom, .html-page-name-ecardNew a.btn-custom:hover {
  text-decoration: none;
}

.btn-custom-radio label span.radiobox-icon {
  border: 1px solid #002D18;
  border-radius: 50px;
}

.btn-custom-radio label span.radiobox-icon, .dispatch-send-date-type input[type="radio"]:not(:checked) + label span.radiobox-icon{
    background: none;
}

.btn-custom-radio input[type="radio"]:checked + label span.radiobox-icon {
  background: #002D18;
  box-shadow: inset 0px 0px 0px 7px #fff;
}

.btn-custom-radio label span.radiobox-label{
  padding-left: 8px;
  font-family: Figtree, sans-serif;
}

.btn-custom-radio.send-type-button.send-type-email-button, .block-body.when-to-send-only-body .send-date-type-block {
  min-width: 310px;
  margin-right: 20px;
}

.block-container.beneficiary-only-container, .block-body.organizer-body {
  padding-bottom: 0px;
}

.block-title.beneficiary-only-title h3 {
  padding-top: 10px;
}

.block-body.beneficiary-only-body {
  padding-top: 15px;
}

.gift-card-app input.form-control {
  height: auto;
  margin: 0 24px 20px 0;
}

.beneficiary-first-name-block.beneficiary-infos-field, 
.beneficiary-lastname-name-block.beneficiary-infos-field, 
.beneficiary-email-block.beneficiary-email-address-block, 
.beneficiary-last-name-block.beneficiary-infos-field,
.beneficiary-infos-row>.specific-to-card-type.card-type-electronic{
  float: left;
  width: 46%;
}

.organizer-last-name{
  float: left;
}

.beneficiary-email-block.beneficiary-email-address-block.beneficiary-infos-field {
  clear: both;
}

.beneficiary-lastname-name-block.beneficiary-infos-field, .beneficiary-last-name-block.beneficiary-infos-field, .beneficiary-email-block.beneficiary-email-address-block.beneficiary-infos-field  {
  margin-right:20px;
}

.beneficiary-body .conclusion {
  clear: both;
}

.dispatch-send-date-block {
  width: 48.3%;
  margin-top: 5px;
  float:right;
}

.beneficiary-email-electronic, .organizer-confirm-email {
  margin-bottom: 10px !important;
}

p.tip {
  font-size: 14px !important;
}

.block-body.how-to-send-only-body .dispatch-row {
  display: flex;
  flex-direction: row-reverse;
}

.send-type-block {
  width: 43%;
}

.send-type-block, .block-body.beneficiary-body .wrapper {
  padding-bottom: 48px;
}

.block-title.how-to-send-only-title h3 {
  margin-bottom: 20px;
}

/*calendar*/
.when-to-send-only-container .send-date-calendar-block.display {
  display: block;
  transition: height 1s ease;
  margin-top: 35px;
}

.send-date-calendar-block {
  float: left;
  width: 100%;
  max-width: 316px;
}

.send-date-calendar-block .send-date-calendar-border {
  padding: 10px 14px 10px 14px;
  border: 1px solid #000;
  border-radius: 5px;
}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
  border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  color: #000;
  background: transparent;
  border: none;
  padding: 6px;
  height: 36px;
  line-height: 27px;
  text-align: center;
}

.ui-datepicker-next-hover, .ui-datepicker-prev-hover{
  background: transparent !important;
  border:none !important;
  color:#000 !important;
}

.ui-state-default.ui-state-active, .ui-state-default.ui-state-active:hover, .ui-state-default:hover {
  background: #002e18 !important;
  color: #fff;
  border-radius: 50px;
}

/*** 2. Montant ***/
.amount-container .fixed-amount-block, #mpsp-payment-means ul,
.edit-amount-container .fixed-amount-block, #mpsp-payment-means ul{
  padding-left:0px;
}

.amount-body .free-amount-block,
.edit-amount-body .free-amount-block{
  width: 100%;
}

.amount-container .free-amount, 
.html-page-name-ecardNew .amount-container .currency-amount, 
.organizer-fields-block .organizer-full-name-block, 
.organizer-fields-block .organizer-e-mail-and-confirm-address-block,
.edit-amount-container .free-amount, 
.html-page-name-ecardEdit .edit-amount-container .currency-amount{
  float: none;
}

.organizer-fields-block .organizer-e-mail-and-confirm-address-block {
  margin-top: 10px;
}

.html-page-name-ecardNew .amount-container .free-amount,
.html-page-name-ecardEdit .amount-container .free-amount{
  width: 100%;
  border:0px;
  margin: 20px auto 0 0;
  background-color: inherit;
}

.html-page-name-ecardNew .amount-container .free-amount .notice.error,
.html-page-name-ecardEdit .amount-container .free-amount .notice.error {
    margin-top: 15px;
}


.free-amount-block .free-amount input {
  margin: 0px;
}

.html-page-name-ecardNew .amount-container .currency-amount,
.html-page-name-ecardEdit .amount-container .currency-amount {
  padding: 0;
  font-weight: 400;
  width: 100%;
  height: auto;
  line-height: 25px;
  text-align: justify;
  font-size: 13px;
  font-family: Figtree, sans-serif;
  color: #66706B;
  display: none;
}

.html-page-name-ecardNew .amount-container .currency-amount {
    margin: 40px 0 0 0;
}

.html-page-name-ecardEdit .amount-container .currency-amount {
    margin: 50px 0 0 0;
}

.html-page-name-ecardEdit .free-amount-block .error-message {
    margin-top: 1px !important;
}

.free-amount input::placeholder, .amount-container .free-amount input.form-control {
  text-align: left;
}

.amount-container .free-amount-block,
.edit-amount-container .free-amount-block{
  padding-left: 0;
  padding-right: 0;
}

/**4. Commande**/
.html-page-name-ecardNew .organizer-fields-block .organizer-fields-row, 
.html-page-name-ecardNew .organizer-fields-block .organizer-infos-field{
  padding:0px;
}

@media screen and (min-width: 768px) {
    .organizer-infos-field.organizer-first-name-block,
    .organizer-infos-field.organizer-last-name-block {
        width: 48.4%;
    }
}

.organizer-infos-field.organizer-first-name-block {
  float: right;
  margin-top: -71px;
}

/* Conteneur parent des deux champs */
.organizer-infos-fields-row {
  display: flex;
  gap: 10px; 
  align-items: flex-start; /* aligne le haut même avec messages d'erreur */
}

.organizer-infos-fields-row .organizer-infos-field {
  flex: 1; /* même largeur */
  position: relative; /* nécessaire pour labels flottants et messages */
  min-height: 80px;   /* pour anticiper les messages d'erreur */
}

/* Messages d'erreur ne perturbent pas l'alignement */
.organizer-infos-field .notice.error {
  position: absolute;
  bottom: -20px;
  left: 0;
}

@media screen and (max-width: 767px) {
    .organizer-infos-field.organizer-last-name-block .notice.error {
        bottom: -90px;
    }
}

.organizer-infos-field.organizer-e-mail-address-block .notice.error, 
.organizer-infos-field.organizer-confirm-e-mail-address-block .notice.error{
  bottom: -40px;
}

.html-page-name-ecardNew .organizer-fields-block {
  margin-bottom: 30px;
}

.block-containers-id .custom-electronic-row{
  display:none;
}

.organizer-fields-block .organizer-e-mail-address-block, .organizer-fields-block .organizer-confirm-e-mail-address-block {
  float: none;
  width: 100%;
}

.html-page-name-participationConfirm .global,
.html-page-name-ecardConfirm .global,
.html-page-group-exception .global,
.html-page-name-confirmWaitingVerification .global{
  background-color: #f5f5f5;
  min-height: 100vh;
}

/***Optin***/

.custom-checkbox label .checkbox-label:not(.checkbox-age-limit-label){
  display: flex !important;
}

.payment-gts-block input {
  visibility: visible;
}

.cgv-comment {
  margin: 20px 10px 20px 0px;
  font-weight: normal;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}

.custom-checkbox.cgv-field-block .checkbox-icon {
  margin-top: 24px;
}

.cgv_after-captcha {
  font-weight: 400;
  font-family: 'ITCAvantGarde book', sans-serif;
  margin-bottom: 0px;
}

.payment-gts-block {
  text-align: left;
  display: flex;
}

/***Paiement***/
.payment-validation .btn-custom {
  margin-bottom: 0px;
  padding: 13px 16px;
  width: 100%;
}

.payment-option-block {
  margin-bottom: 40px;
}

#block-containers-id .block-container.payment-container {
    margin-top: 20px;
}

.block-title.payment-title {
  display: none;
}

.block-body.payment-body .custom-electronic-row .btn-custom-solde{
  display:none;
}

#mpsp-payment-means ul {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin: 0 auto;
  gap: 16px;
}

#mpsp-payment-means ul li.payment-mean-block {
  list-style: none;
}

.payment-mean-google_pay-button label img {
  height: 35px;
}

.payment-mean-block .btn-custom-radio label {
  padding: 3px 8px;
}

.payment-mean-block .btn-custom-radio label:hover, 
.payment-mean-block .btn-custom-radio input[type="radio"]:checked + label{
  background: rgba(255,255,255,1);
  border-color: #000;
  transition: 0.3s ease-in-out 0.3s;
}

.payment-mean-block .btn-custom-radio input[type="radio"]:checked + label{
  border: 1px solid #002e18;
}

.payment-validation, .custom-electronic-row {
  display: flex !important;
  justify-content: center;
  margin-top: 16px;
}

#dropin-cancel {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .payment-submit-block {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999; 
  }

  .payment-submit-block input[type="submit"] {
    width: 100%; 
  }
}

p.footer_mentions{
  font-size: 12px !important;
  line-height: 1.5;
  padding: 0 30px;
}

.footer_mentions a {
  color: #fff;
  padding: 0px;
}

/**Page consultation solde**/
.block-title.consult-title h3{
  text-align: center;
}

.button-ecard-number-connect input.btn-custom {
  width: 100%;
}

.html-page-name-balanceConsult .block-containers {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.html-page-name-balanceConsult .gift-card-app input.form-control {
  margin: 0px;
}

.consult-container .quartet-block {
  padding: 0 1.5%;
}

.consult-container .ecard-number-fields {
  margin: 12px -0%;
}

/**page de consultation solde 3***/
.form-consult-prosodie-code {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
}

.form-consult-prosodie-code .ecard-number-label {
  margin: 0px 0px 0px;
  text-align: left;
  padding-top: 10px;
}

.form-consult-prosodie-code .gift-card-app input.form-control{
  max-width:inherit;
}

.no-js.html-page-name-default.html-page-group-ecard.theme-enhanced header {
  width: 100%;
  max-width: 1336px;
}

.html-page-name-balanceConsult .consult-container .code-pin-block, .html-page-name-balanceConsult .consult-container .code-pin-label-block {
  width: 100%;
}

.html-page-name-balanceConsult .consult-container .code-pin-label-block label {
  font-weight: 400;
  padding: 0px 0px 7px 0;
}


/*******Responsive********/

@media screen and (max-width: 1360px){
  .btn-custom-radio.send-type-button.send-type-email-button, .block-body.when-to-send-only-body .send-date-type-block {
    min-width: 280px;
  }

  .beneficiary-last-name-block.beneficiary-infos-field, 
  .beneficiary-lastname-name-block.beneficiary-infos-field, 
  .beneficiary-first-name-block.beneficiary-infos-field {
    width: 48.2%;
  }

  .amount-body .fixed-amounts,
  .edit-amount-body .fixed-amounts{
    display: inherit;
  }

  .btn-custom-radio label span.radiobox-label {
    padding-left: 10px;
  }
}

@media screen and (max-width: 1360px) and (min-width: 1285px){
  .ui-widget{
    font-size:14px;
  }

  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    height: 31px;
    line-height: 20px;
  }

  div.block-tip-send-date .tip{
    margin-left: -292px;
  }
}

@media screen and (max-width: 1249px) and (min-width: 1080px){
  .beneficiary-last-name-block.beneficiary-infos-field, 
  .beneficiary-lastname-name-block.beneficiary-infos-field, 
  .beneficiary-first-name-block.beneficiary-infos-field {
    width: 47.8%;
  }
}


@media screen and (max-width: 1285px) and (min-width: 1080px){
  .block-body.how-to-send-only-body .wrapper .dispatch-row, .block-body.when-to-send-only-body .wrapper .dispatch-send-date-type,  .amount-body .fixed-amounts  {
     display: inherit;
  }

  .btn-custom-radio.send-type-button.send-type-email-button, .block-body.when-to-send-only-body .send-date-type-block {
    margin-bottom: 10px;
  }

  .dispatch-send-date-block {
    width: 100%;
    float: inherit;
  }

  div.block-tip-send-date .tip{
    margin-top: 55px;
    margin-left: -2px;
    width: 330px;
  }
}


@media screen and (max-width: 1080px) and (min-width: 810px){
   .block-body.how-to-send-only-body .wrapper .dispatch-row, .block-body.when-to-send-only-body .wrapper .dispatch-send-date-type,  .amount-body .fixed-amounts  {
     display: inherit;
  }

   .btn-custom-radio.send-type-button.send-type-email-button, .block-body.when-to-send-only-body .send-date-type-block {
    margin-bottom: 10px;
  }

  .block-container.confirm-return-container a.btn {
    width: 45%;
  }

  .custom-checkbox label {
    padding: 0px 0px 0px 20px;
  }

  .checkbox-label.checkbox-has-video-label::before {
    width: 150px;
  }

  #mpsp-payment-means ul {
    width: 80%;
  }

  .dispatch-send-date-block {
    width: 100%;
    float: inherit;
  }

  div.block-tip-send-date .tip {
    margin-top: 55px;
    margin-left: 0px;
    width: 330px;
  }
}

@media screen and (max-width: 1080px) and (min-width: 989px){
   .block-body.how-to-send-only-body .wrapper .dispatch-row, .block-body.when-to-send-only-body .wrapper .dispatch-send-date-type,  .amount-body .fixed-amounts  {
     display: inherit;
  }

  .btn-custom-radio.send-type-button.send-type-email-button, .block-body.when-to-send-only-body .send-date-type-block {
    margin-bottom: 10px;
  }

  .amount-container .free-amount {
    width: 40% !important;
  }

  .beneficiary-last-name-block.beneficiary-infos-field, .beneficiary-lastname-name-block.beneficiary-infos-field, .beneficiary-first-name-block.beneficiary-infos-field, .organizer-last-name {
    width: 47.5%;
  }
}

@media screen and (max-width: 990px) and (min-width: 810px){
    .beneficiary-field.beneficiary-firstname-block, 
    .beneficiary-field.beneficiary-lastname-block, 
    .organizer-last-name, .organizer-infos-field.organizer-first-name-block,
    #mpsp-payment-means ul {
        width: 100%;
    }
}

@media screen and (max-width: 809px)and (min-width: 768px){
  .gift-card-app header .header-logo {
    width: 100% !important;
  }
}

@media screen and (max-width: 989px){
  .organizer-infos-field.organizer-first-name-block {
    margin-top: 0px;
  }

  .beneficiary-last-name-block.beneficiary-infos-field, 
  .beneficiary-lastname-name-block.beneficiary-infos-field, 
  .beneficiary-first-name-block.beneficiary-infos-field {
    width: 100%;
  }

    .page-name-ecardEdit .block-body.summary-visual{
        padding: 30px 0;
    }

    .page-name-ecardNew .organizer-fields-block .organizer-infos-field {
        margin-bottom: 10px;
    }

    .html-page-name-ecardNew .gift-card-app .form-control {
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 810px) {
  .ecard-overview-block{
    max-width:100%;
    text-align: center;
    background-color: #e1e8e5;
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    padding: 40px 0;
  }

  .block-body.confirm-body,
  .block-body.error-body {
    padding: 5px;
  }

  .block-body.payment-body .custom-electronic-row .btn-custom-solde{
    display:inherit;
    position: inherit;
    margin: 40px 0;
  }

  .payment-body .custom-electronic-row .btn-custom-solde{
    text-align:center;
  }

  .custom-electronic-row, .custom-electronic-row{
    margin:0px;
  }

  .header-row {
    padding: 0;
  }

  .pre-block-containers .custom-electronic-row .btn-custom-solde{
    display:none;
  }

 .body:not(.html-page-name-ecardNew .body) {
    padding: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .html-page-name-ecardNew .block-body {
    padding: 30px 0px;
  }

  #block-containers-id.block-containers{
    margin-top: 0;
  }

  #block-containers-id .block-container {
    margin: 0 10px 0 0 !important;
    padding-bottom: 0 !important;
  }

  .block-container.gallery-container {
    padding-bottom: 0px;
  }

  .block-body.gallery-body {
    padding: 25px 30px 0px;
  }

  .carousel-visuals-block {
    padding: 0px !important;
  }

  .gift-card-app header .header-logo{
    width:70%;
  }

  .edit-block-container h3 {
    padding: 30px;
  }

  .card-validation, .edit-card-validation, .block-body.when-to-send-only-body .wrapper .dispatch-send-date-type {
    display: inherit;
  }

  .block-body.how-to-send-only-body .wrapper .dispatch-row {
    display: flex;
    flex-direction: column;
  }

  .page-name-ecardNew .pre-block-containers, .page-name-ecardEdit .pre-block-containers {
    position: inherit;
    height: auto;
    width: 100%;
    padding: 0px 15px;
  }

  #block-containers-id {
    padding: 0 15px;
  }

  .gallery-container .select-visual-button {
    display: none;
  }

  .page-name-ecardNew .block-containers,
  .beneficiary-first-name-block.beneficiary-infos-field, 
  .organizer-last-name, 
  .organizer-infos-field.organizer-first-name-block, 
  #mpsp-payment-means ul, 
  .beneficiary-last-name-block.beneficiary-infos-field, 
  .beneficiary-lastname-name-block.beneficiary-infos-field, 
  .beneficiary-first-name-block.beneficiary-infos-field {
    width: 100%;
  }

  .btn-custom-radio label span.radiobox-label, .btn-custom-radio label span.radiobox-label {
    max-width: 100%;
  }

  .block-title.message-only-title {
    padding-left: 0px;
  }

  .block-body {
    padding: 30px 0 30px 0px;
  }

  .send-type-block.send-type-email-block, .send-date-type-block.send-date-type-now-block {
    margin-bottom: 15px;
    padding-bottom: 0 !important;
  }

  .send-type-block.send-type-hand-block {
    order: 1;
    padding-right: 0px;
  }

  .send-type-block.send-type-email-block {
    order: 2;
  }

  .beneficiary-field.beneficiary-firstname-block {
    margin-right: 12px;
  }

  .dispatch-send-date-block {
    width: 100%;
    float: inherit;
  }

  div.block-tip-send-date .tip {
    margin-top: 55px;
    margin-left: 0px;
    width: 330px;
  }

  .amount-body .fixed-amounts,
  .edit-amount-body .fixed-amounts {
    display: inherit;
    justify-content: space-between;
  }

  .amount-body .fixed-amount, 
  .edit-amount-body .fixed-amount,
  .amount-body .select-free-amount-button, 
  .edit-amount-body .select-free-amount-button{
    width: 90px;
  }

  .payment-validation {
    margin: 30px auto 0;
  }

  footer p a {
    display: flex;
    justify-content: center;
  }

  footer p a, footer p span {
    padding-bottom: 8px;
    display: block;
  }

  footer p {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;           /* espace entre les liens */
    justify-content: center;
    padding: 0;
    margin: 20px 0;
  }

  /* Chaque lien : exactement 50% de la ligne */
  footer p a {
    box-sizing: border-box;
    text-align: center;
    white-space: normal;        /* autorise le texte à se couper */
    margin-bottom: 10px;
  }

  .page-name-ecardEdit .block-body.summary-visual, 
  .page-name-ecardEdit .block-body.summary-total-amount, 
  .page-name-ecardEdit .block-container.summary-end-date,
  .page-name-ecardEdit .block-container.summary-participantion-list {
    width: 100%;
  }

  .fixed-amounts {
    flex-wrap: wrap;      /* ✅ autorise le retour à la ligne */
    justify-content: center;
  }

  .fixed-amount,
  .select-free-amount-button {
    flex: 1 1 45%;        /* environ 2 boutons par ligne */
    min-width: 100px;
    margin-bottom: 10px;
  }

  .custom1-block {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .custom1-block .fixed-amount {
    flex: 1 1 45%;
  }

  .gift-card-app .slick-next {
    right: -24px;
  }
}

@media screen and (max-width: 399px) {
  #mpsp-payment-means ul {
    gap: 0.05%;
  }

  .payment-body {
    margin: 0 -10px;
  }
}

@media screen and (min-width: 400px) and (max-width: 810px) {
  #mpsp-payment-means ul {
    gap: 0.5%;
  }
}

.block-container.confirm-return-container a.btn {
  width: 100%;
}

.block-body.confirm-return-body {
  margin-top: 50px;
}

.custom-checkbox label {
  padding: 0px 0px 0px 20px;
}

.checkbox-label.checkbox-has-video-label::before {
  width: 115px;
}

/*menu burger*/

.navbar-default .navbar-toggle {
  border-color: transparent;
}

.navbar-toggle{
  margin-right:0px;
  margin-top: -37px;
}

.navbar-toggle .icon-bar {
  width: 23px;
  border-radius: 10px;
  padding-bottom: 3px;
  margin-bottom: 4px;
}

.navbar-collapse{
  padding: 0px;
}

.navbar {
  min-height: 20px;
  margin-bottom: 0px;
}

.html-page-name-ecardEdit #mpsp-payment-means ul{
  width:60%
}

.gift-card-app .slick-prev, 
.gift-card-app .slick-next {
  top: 70%;
  z-index: 999;
}

@media screen and (max-width: 767px) {
  .navbar-toggle .icon-bar:nth-child(4) {
    display: none;
  }

  #navbar-hamburger {
    display: block !important;
  }

  #navbar-close {
    display: none !important;
  }

  .navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 2px;
    background-color: #ccc;
    margin: 5px auto;
    transition: all 0.3s ease;
  }

  .navbar-toggle.collapsed .icon-bar,
  .navbar-toggle:not(.collapsed) .icon-bar {
    transform: none !important;
  }

  .navbar-collapse .nav.navbar-nav {
    display: flex;
    flex-wrap: nowrap;         
    justify-content: center;   
    align-items: center;
    overflow-x: auto;          
    white-space: nowrap;       
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .navbar-collapse .nav.navbar-nav li {
    display: inline-block;
    margin: 0 5px;            
    flex: 0 0 auto;
  }

  /* Liens */
  .navbar-collapse .nav.navbar-nav li a {
    display: inline-block;
    text-decoration: none;      
    font-weight: 500;
    padding: 5px 10px;
    transition: color 0.2s ease;
    margin-top: -30px;
  }

  .navbar-collapse .nav.navbar-nav li a:hover {
    color: #082e17;            
  }
}

@media screen and (max-width: 480px) {
  .html-page-name-ecardEdit #mpsp-payment-means ul,
  .html-page-name-ecardNew #mpsp-payment-means ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
}

@media screen and (max-width: 540px) {
  .html-page-name-ecardEdit #mpsp-payment-means ul,
  .html-page-name-ecardNew #mpsp-payment-means ul{
    width: 100%;
  }
}

@media screen and (max-width: 425px) {
  .checkbox-label.checkbox-has-video-label::before {
    width: 155px;
  }
}


/****Ajout Linda 03/09/25****/
.number-step{
  border: 1px solid #002D18;
  height: 24px;
  width: 24px;
  display: block;
  text-align: center;
  font-size: 12px;
  margin-right: 16px;
  font-weight: 400;
  line-height: 25px;
}

.beneficiary-field.message-only-message-block textarea {
  height: 50px;
}

.block-container.message-only-container {
  padding-top: 0px;
}

.block-container.message-only-container, .block-container.amount-container{
  border-bottom: 1px solid #F0F0F0;
}

.block-container.organizer-container{
    border-top: 1px solid #F0F0F0;
}

.block-container.message-only-container, .block-container.when-to-send-only-container{
  padding-bottom: 62px;
}

.block-container.amount-container{
  padding: 22px 0 62px 0;
}

.block-container.edit-amount-container{
  padding: 89px 0 0 0;
}

/****right part****/
#block-containers-id .block-container {
  margin: 0 76px 0 88px;
}

#block-containers-id .block-container.intro-container {
    margin: 0 76px 35px 88px;
}

#block-containers-id .block-container.edit-payment-container {
    padding-top: 45px;
}


/* loader */


.isloading-wrapper.isloading-right{
	margin-left:0px;
}
.isloading-overlay{
	position: relative;
	background-color: rgb(255,255,255)!important;
}
.isloading-overlay .isloading-wrapper {
    background-clip:padding-box;
    display:inline-block;
    margin:0 auto;
    padding:10px 20px;
    top:10%;
    z-index:9000;
    color: white;
    font-size: 0;
}

/* icons */

.buybox-icon {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: rotate(0, 0);
	padding-left: 0px;
	width: 500px;
	height: 500px;
	vertical-align: bottom;
	opacity: 0.9;
}

.buybox-icon-cog {
	background: url("/custom_assets/images/1249/b2c/loader.gif") no-repeat top left;
	width: 125px;
	height: 70px;
	background-size: 125px, 70px;
}

.rotating {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}

/* wallet mobile */
.add-gift-card-to-wallet-block {
    margin-bottom: 35px;
}

.amount-container .fixed-amount span,
.amount-container .select-free-amount-button span {
  font-family: Figtree, sans-serif;
  line-height: 30px !important;
  text-align:  center !important;
}

.ui-datepicker .ui-datepicker-title select {
  font-weight:100;
}

.ui-datepicker th {
    font-weight: lighter;
}

@media screen and (max-width: 1024px) {
  header .header-logo img {
    margin-left: 25px;
  }

  .ecard-overview-block img.visual {
    width: 80%;
  }

  .ecard-overview-block{
    max-width:100%;
    text-align: center;
    background-color: #e1e8e5;
    position: unset;
    top: unset;
    left: unset;
    transform: unset;
    padding: 40px 0;
  }

  .block-title.confirm-title,
  .block-body.confirm-body,
  .block-container.confirm-transform-container,
  .block-container.shared-purchase-container,
  .block-body.error-body {
    padding: 10px;
  }

  .block-container.confirm-transform-container {
    padding: 0;
    margin: 10px 10px 45px 10px;
  }

    .add-gift-card-to-wallet-block {
        margin-bottom: 0;
    }

  .block-body.confirm-transform-body {
    padding: 32px 0 0 0;
  }

    .block-container.confirm-container {
        margin-top: 0;
    }

    .block-container.confirm-transform-container .confirm-transform-title h3, 
    .block-container.shared-purchase-container .shared-purchase-title h3, 
    .block-container.edit-shared-purchase-container .edit-shared-purchase-title h3,
    .block-container.confirm-container .wallet-mobile-title {
        padding: 32px 20px;
    }

    .page-name-ecardConfirm .block-containers,
    .page-name-participationConfirm .block-containers {
        padding-bottom: 0;
        margin-bottom: 0;
    }

  .block-body.payment-body .custom-electronic-row .btn-custom-solde{
    display:inherit;
    position: inherit;
    margin: 40px 0;
  }

  .payment-body .custom-electronic-row .btn-custom-solde{
    text-align:center;
  }

  .custom-electronic-row, .custom-electronic-row{
    margin:0px;
  }

  .header-row {
    padding: 0;
  }

  .pre-block-containers .custom-electronic-row .btn-custom-solde{
    display:none;
  }

 .body:not(.html-page-name-ecardNew .body) {
    padding-left: 15px;
    padding-right: 15px;
  }

  .html-page-name-ecardNew .block-body {
    padding: 30px 0;
  }

  .html-page-name-ecardNew .block-body.empty-input-for-calendar-only-body {
    padding: 10px 0;
  }

  #block-containers-id.block-containers{
    margin-top: 0;
    padding: 0 25px;
  }

  #block-containers-id .block-container {
    margin: 0 10px 0 0 !important;
    padding-bottom: 0 !important;
  }

  .block-container.gallery-container {
    padding-bottom: 0px;
  }

  .block-body.gallery-body {
    padding: 25px 30px 0px;
    overflow: hidden;
  }

  .carousel-visuals-block {
    padding: 0px !important;
  }

  .gift-card-app header .header-logo{
    width:70%;
  }

  .edit-block-container h3 {
    padding: 30px;
  }

  .amount-container .fixed-amount-block {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .card-validation, .edit-card-validation, .block-body.when-to-send-only-body .wrapper .dispatch-send-date-type {
    display: inherit;
  }

  .block-body.how-to-send-only-body .wrapper .dispatch-row {
    display: flex;
    flex-direction: column;
  }

  .page-name-ecardNew .pre-block-containers, .page-name-ecardEdit .pre-block-containers {
    position: inherit;
    height: auto;
    width: 100%;
    padding: 0px 15px;
  }

  #block-containers-id {
    padding: 0 15px;
  }

  .gallery-container .select-visual-button {
    display: none;
  }

  .page-name-ecardNew .block-containers,
  .beneficiary-first-name-block.beneficiary-infos-field, 
  .organizer-last-name, 
  .organizer-infos-field.organizer-first-name-block, 
  #mpsp-payment-means ul, 
  .beneficiary-last-name-block.beneficiary-infos-field, 
  .beneficiary-lastname-name-block.beneficiary-infos-field, 
  .beneficiary-first-name-block.beneficiary-infos-field,
  .beneficiary-email-block.beneficiary-email-address-block.beneficiary-infos-field,
  .specific-to-card-type.card-type-electronic,
  .beneficiary-infos-row>.specific-to-card-type.card-type-electronic
  {
    width: 100%;
  }

  .btn-custom-radio label span.radiobox-label, .btn-custom-radio label span.radiobox-label {
    max-width: 100%;
  }

  .block-title.message-only-title {
    padding-left: 0px;
  }

  .block-body {
    padding: 30px 0 30px 0px;
  }

  .send-type-block.send-type-email-block, .send-date-type-block.send-date-type-now-block {
    margin-bottom: 15px;
    padding-bottom: 0 !important;
  }

  .send-type-block.send-type-hand-block {
    order: 1;
    padding-right: 0px;
  }

  .send-type-block.send-type-email-block {
    order: 2;
  }

  .beneficiary-field.beneficiary-firstname-block {
    margin-right: 12px;
  }

  .dispatch-send-date-block {
    width: 100%;
    float: inherit;
  }

  div.block-tip-send-date .tip {
    margin-top: 55px;
    margin-left: 0px;
    width: 330px;
  }

  .amount-body .fixed-amounts,
  .edit-amount-body .fixed-amounts {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start;
    gap: 12px; /* espace propre entre les boutons */
  }

  .amount-body .fixed-amount, 
  .edit-amount-body .fixed-amount,
  .amount-body .select-free-amount-button, 
  .edit-amount-body .select-free-amount-button{
    flex: 0 0 calc(25% - 12px) !important; /* forcé 4 par ligne */
    max-width: calc(25% - 12px) !important;
    min-width: 0 !important; /* empêche toute contrainte */
    padding: 6px 0 !important;
    margin: 0;
    box-sizing: border-box !important;
    white-space: nowrap !important;  
    overflow: hidden !important;     
    text-overflow: ellipsis !important;
  }

    .fixed-amounts .fixed-amount:nth-of-type(5) {
        margin-left: 12px;
    }

  .payment-validation {
    margin: 30px auto 0;
  }

  footer p a {
    display: flex;
    justify-content: center;
  }

  footer p a, footer p span {
    padding-bottom: 8px;
    display: block;
  }

  footer p {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;           /* espace entre les liens */
    justify-content: center;
    padding: 0;
    margin: 20px 0;
  }

  /* Chaque lien : exactement 50% de la ligne */
  footer p a {
    box-sizing: border-box;
    text-align: center;
    white-space: normal;        /* autorise le texte à se couper */
    margin-bottom: 10px;
  }

  .page-name-ecardEdit .block-body.summary-visual, 
  .page-name-ecardEdit .block-body.summary-total-amount, 
  .page-name-ecardEdit .block-container.summary-end-date,
  .page-name-ecardEdit .block-container.summary-participantion-list {
    width: 100%;
  }

  .fixed-amounts {
    flex-wrap: wrap;      /* ✅ autorise le retour à la ligne */
    justify-content: center;
  }

  .fixed-amount,
  .select-free-amount-button {
    flex: 1 1 45%;        /* environ 2 boutons par ligne */
    min-width: 100px;
    margin-bottom: 10px;
  }

  .custom1-block {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .custom1-block .fixed-amount {
    flex: 1 1 45%;
  }

  .gift-card-app .slick-next {
    right: -24px;
  }

    .add-gift-card-to-wallet-link {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px){
  #block-containers-id.block-containers{
    padding: 0 10px;
  }
}

@media screen and (min-width: 992px){
  .html-page-name-ecardNew .gift-card-app .form-control:hover,
  .html-page-name-ecardEdit .gift-card-app .form-control:hover, 
  .html-page-group-ecard .participant-fields-row input:hover,
  input.participant-first-name:hover, 
  .participant-infos-field.participant-e-mail-address-block input:hover, 
  .participant-infos-field.participant-confirm-e-mail-address-block input:hover{
    border-bottom: 2px solid #002D18 !important;
  }
}

.greyzone {
  height:62px;
  background-color:#f5f5f5;
  margin: 0 -67px;
}

.notice.error .error-message {
    color: #e72734;
    margin-top: -10px;
    margin-bottom: 15px;
    font-family: Figtree, Arial, Helvetica, sans-serif;
    font-optical-sizing: auto;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    text-align: left;
}

.beneficiary-first-name-row .notice.error .error-message,
.send-date-block .notice.error .error-message {
    margin-top: -15px;
}

.beneficiary-email-address-row .notice.error {
    margin-top: 15px;
}

.cgv-field-block .notice.error .error-message {
    margin-bottom: 0;
    position: absolute;
    left: 29px;
    bottom: 0;
}

@media screen and (max-width: 1024px){
    .greyzone,
    .block-container.confirm-container .wallet-mobile-title {
        margin: 0;
    }

    .cgv-field-block .notice.error .error-message {
        bottom: -17px;
    }

    .payment-captcha-block {
        margin-top: 10px;
    }

    .mpsp-payment-means-image img {
        width: 90% !important;
    }

    .html-page-name-ecardEdit .payment-gts-block {
        margin-top: 30px;
    }

    .html-page-name-ecardEdit .cgv-field-block .notice.error .error-message {
        top: -10px;
    }
}

.label-input {
    font-size: 100%;
    display: block;
    pointer-events: none;
    transform-origin: 0 50%;
    transition: all 200ms ease;
    top: 25px;
    transform: translateY(0);
}

.label-multiline {
  top: 9px !important;
}

.label-error {
    color: #e72734 !important;
}

.html-page-name-ecardNew .gift-card-app .form-control.form-error {
    border-color: #e72734 !important;
}

.label-top {
    font-size: .87em;
    transform: translateY(-28px);
    pointer-events: auto;
}

.beneficiary-field textarea {
  width: 100%;
  min-height: 60px;
  padding: 8px;
  box-sizing: border-box;
  resize: none; /* empêche le redimensionnement manuel */
  font-family: sans-serif;
}

.dtp-active {
  display: block !important;
}

.dtp-no-active {
  display: none !important;
}

.ui-icon-circle-triangle-w {
    cursor: pointer;
    background-position: -97px 1px;
}

.ui-icon-circle-triangle-e {
    cursor: pointer;
    background-position: -34px 1px;
}

.ui-datepicker-month {
  font-weight: normal;
}

.ui-datepicker-year {
  font-weight: normal;
}

#mpsp-payment-means ul {
  display: none !important;
}

.mpsp-payment-means-image {
  text-align: center;
}

.mpsp-payment-means-image img {
  width: 265px;
}

.block-title:not(.edit-amount-title) .free-amount .error-message {
    margin-top: 25px !important;
    text-align: left;
}