/*Font*/
@font-face {
    font-family: "Ubuntu";
    src: url("/custom_assets/css/fonts/1197/ubuntu-1745329377.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Ubuntu";
    src: url("/custom_assets/css/fonts/1197/ubuntu-1745317871.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Ubuntu";
    src: url("/custom_assets/css/fonts/1197/ubuntu-1745329439.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Ubuntu";
    src: url("/custom_assets/css/fonts/1197/ubuntu-1745317963.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* B2C special myshop */
html.theme-enkel:not(.html-page-group-b2b),
body.page-group-ecard,
body.page-group-exception,
body.page-group-burn {
    background-image: linear-gradient(white, black);
}

body.page-group-ecard div.body,
body.page-group-exception div.body,
body.page-group-burn div.body {
    background-color: #fff;
}

/*
body.page-group-ecard header {
    box-shadow: 0px 2px 3px 0px #aaa;
}*/

body.page-group-ecard footer {
    box-shadow: 0px -2px 3px 0px #aaa;
}

.block-containers .block-container:first-child .container {
    padding-top: 40px;
    background-color: #fff;
}

/*
.block-containers .specific-to-card-type .block-container:first-child .container,
.block-containers .block-container.gts-container .container {
    padding-top: 0px;
}
*/

/* B2B special myshop */

body.page-group-b2b {
    background-image: linear-gradient(white, black);
}

body.page-group-b2b .global {
    background-color: transparent;
}

body.page-group-b2b .ecard-default h3 {
    margin: 30px 0px 40px 0px;
    padding: 6px 40px 10px 40px;
    background-color: #52A2D5;
    color: #fff;
}

body.page-group-b2b .form-control {
    border: 1px solid #52A2D5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}

body.page-group-b2b .b2b-homepage-ecard-type {
    background-color: #fff;
}

body.page-group-b2b a {
    color: #52A2D5;
    text-decoration: none;
}

body.page-group-b2b a {
    color: #337ab7;
    text-decoration: underline;
}

/** Ajout Linda 27/05/24 **/
body, body.gift-card-app.page-group-b2b, .gift-card-app.page-group-ecard, .block-body.cms-body.gts-body{
  font-family: Ubuntu, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

div.guide > p::before, div.guide > ul > li::before {
  height: 0px;
}

header, header .header-logo a{
    min-height: auto;
}

header{
   padding-top: 16px;
   box-shadow: 0px 5px 30px 0px rgba(0,0,0,0); 
   border-bottom: 2px solid #EB0029;
}

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

/****Nouveau design B2C - Linda ****/
body{
    font-weight:400;
}
.btn-custom-radio label span.radiobox-icon, .custom-checkbox label span.checkbox-icon{
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: none;
  border: 2px solid rgba(126,126,138,0.3);
  border-radius: 3px;
}

.btn-custom-radio input[type="radio"]:checked + label span.radiobox-icon, .custom-checkbox input[type="checkbox"]:checked + label span.checkbox-icon {
  border-color: #136700;
  background: #136700;
  transition: 0.2s ease 0.1s;
  cursor: pointer;
}

.custom-checkbox input[type="checkbox"]:not(:checked) + label span.checkbox-icon.form-error{
    border: 2px solid rgba(230, 47, 47, 0.9); 
}

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


/****Pop up****/
.html-page-group-b2b #contact-popin_wrapper .button-container {
  margin-top: 35px;
}

/***header***/

header .lang-selector .lang-item.selected{
    height:22px;
}

/****Intro Home****/
.container.top {
  box-shadow: none !important;
  text-align: left;
  max-width: 1170px !important;
  padding: 0px !important;
}

.header-introduction-subtitle {
  padding-top: 30px;
}

.page-group-ecard .container, .html-page-group-burn .container {
  max-width: 1170px;
  margin: 0 auto 40px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
  padding: 40px 0px;
}

.page-group-ecard .container, .block-title h3, .header-text-back, .page-name-ecardConfirm .block-title h3, .html-page-name-ecardConfirm a{
    color: #333;
}



/**** Navigation ****/
.container-fluid, .navbar-default{
      background:#fff;
}

/*
.container-fluid {
  display: flex;
  justify-content: center;
}*/

.navbar-default {
  border-color:#fff;
  margin-bottom: 0px;
  margin-top: 32px;
}

header .header-title, .container.top .col-md-12.col-sm-12{
    padding: 0px;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 3px;
    padding-bottom: 3px;
    color: #333 !important;
    font-size: 20px;
    font-weight: 300;
    border-right: 1px solid #808080;
  }

  .navbar-nav > li:last-child > a {
     border-right:0px;
   }

    .navbar-nav > li > a.nav-secondary{
        font-weight:500;
    }
}

.nav > li > a {
  width: 100%;
  text-align: center;
  min-width: 132px;
  text-decoration: none;
}

.navbar{
    min-height:auto;
    padding-bottom: 16px;
}
/*****bloc 1*****/
.header-text-back{
  font-size: 38px;
  line-height: 33px;
  color: #136700;
}

.block-title h3 {
  font-size: 27px;
  /*line-height: 49px;*/
  color: #333;  
}

.header-text-back, .block-title h3, section.content .ecard-burn h3{
    font-weight: 700;
    background-color: transparent;
}

.choose-type-container .print-icon {
  background: url("../../custom_assets/images/942/b2c/picto-email.png") no-repeat top left transparent;
  background-size: 105px;
}

.card-type-block.card-type-electronic-block .icon.email-icon {
  display: none;
}

.card-type-block.card-type-plastic-block .icon.mail-icon {
  background: url("../../custom_assets/images/942/b2c/picto-courrier.png") no-repeat top left transparent;
  background-size: auto;
  background-size: 100px;
}

 .choose-type-container .card-type-label .radiobox-label {
    max-width: 370px;
 }

.choose-type-body .card-type-block {
  border: 2px solid rgba(126,126,138,0.2);
  padding: 20px 10px;
  width: 47%;
  min-height: 280px;
}

.card-type-block.card-type-electronic-block {
  margin: 0px 25px 0px 0px;
}

.card-type-block.card-type-plastic-block {
  margin: 0px 0px 0px 25px;
}

.chooseType-title {
  font-size: 20px;
  line-height: 35px;
  font-weight: 800;
}

.chooseType-title, .payment-gts-block a, footer a.footer-link:hover, .burn-container .payment-cancel-block a, .html-page-group-burn a, .secondary-color{
    color: #136700 !important;
}

.choose-type-container .icon {
  width: 108px;
  height: 108px;
}

.card-type-block .btn-custom-radio label span.radiobox-icon {
  margin-top: 8px;
}

/****bloc2*****/
div.guide > p, div.guide > ul > li{
    background: none;
}

div.guide > p::before, div.guide > ul > li::before {
  content: '';
  width: 0px;
}

.gallery-container .visual.active {
    border-radius: 5px;
    background-color: transparent;
    border: 2px solid #136700;
}

.gallery-container .visual{
    padding: 6px;
}

/*****bloc3****/
.beneficiary-container .beneficiary-infos .textarea-feedback{
  top: 0px;
  right: 0px;
}

ul + h4 {
  margin-top: 30px;
}

/*****bloc4****/
.dispatch-container .send-type-block label span.radiobox-label, .dispatch-container .send-type-block label{
    font-size: 18px;
    line-height: 21px;
}

.dispatch-container .send-type-block.send-type-block-active {
  background-color: #F7F7F7;
  color: #000;
  border-bottom: 1px solid #F7F7F7;
  border-top-left-radius: 3px;
  border-top-right-radius: 0px;
}

.dispatch-container .send-type-block.send-type-hand-block{
  border-top-left-radius: 0px;
  border-top-right-radius: 3px;  
}

.dispatch-container .dispatch-method-choice-content-block {
  padding: 15px 20px 15px 20px;
  background-color: #F7F7F7;
  border: 1px solid #EFEFEF;
  border-top: 0px solid transparent;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 40px;
}

.dispatch-container .send-type-block{
    color: #333;
    padding: 8px 10px;
    width: 50%;
    text-align: center;
    border: 1px solid #EFEFEF;
    background: #fff;
}

.btn-custom-radio label span.radiobox-label, .block-tip-send-date .tip {
  line-height: 18px;
}

.block-body.dispatch-body.dispatch-standard-body .dispatch-method-block {
  margin-top: 50px;
}

.dispatch-container .send-type-block.send-type-block-active, .form-control::placeholder  {
  font-weight:400;
}

.dispatch-container .send-type-block.send-type-block-active {
  color: #333333;
}

.form-control::placeholder  {
  color: #8F8F99;
}


.dispatch-container .dispatch-guide, .card-type-plastic .dispatch-container .dispatch-guide{
    width:100%;
}

.dispatch-container .dispatch-method-block, .card-type-plastic .dispatch-container .dispatch-method-block {
  width: 60%;
  min-width: 654px;
}

.dispatch-container .dispatch-method-block {
  padding-left: 0px;
}

.dispatch-container .send-type-block.send-type-hand-block {
  margin-left: 0px;
  border-top-right-radius: 3px;
  border-left: 0px;
}

.dispatch-container .dispatch-method-choice{
    background:none;
}

.form-control[readonly]{
    background-color: #fff;
}

div.guide > p::before, div.guide > ul > li::before{
    display: inherit;
}

.dispatch-container .dispatch-send-date-type-block {
  width: 100%;
}

.dispatch-container .dispatch-send-date-block {
  padding-top: 0px;
}

.textarea-feedback {
  color: rgba(126,126,138,0.5) !important;
}

.beneficiary-container .ecard-overview-block .visual {
  max-width: 458px;
}

.beneficiary-container .beneficiary-infos .beneficiary-field {
  padding: 0px 0px 18px 0px;
}

.beneficiary-container .beneficiary-infos .message {
  min-height: 180px;
}

/*****bloc carte physique ****/

.card-type-plastic .dispatch-method-choice-content-block, .card-type-plastic .send-type-block.send-type-mail-block.send-type-block-active  {
  background: transparent;
  border: 0px;
}

.card-type-plastic .dispatch-method-choice-content-block{
    padding-top:10px;
}

.card-type-plastic .send-type-block.send-type-mail-block.send-type-block-active {
  text-align: left;
  padding-left: 40px;
}


/******bloc5*****/
.block-body.dispatch-body.dispatch-standard-body, .block-body.amount-body, .block-body.payment-body,
.block-body.edit-amount-body, .block-body.edit-payment-body {
  padding-top: 0px;
}

.amount-container .free-amount-block {
  width: 23%;
}

.amount-container .fixed-amount-block {
  width: 77%;
}

.amount-container .free-amount-block {
  padding-left: 0px;
  padding-bottom: 0px;
}

.block-body.amount-body .amount-guide-block .guide {
  padding-bottom: 50px;
}

.amount-container .fixed-amount {
  margin: 0px 6px 16px 6px;
  padding: 4px 0px 4px 0px;
  border: 2px solid #000;
  border-radius: 50px;
  background-color: transparent;
  color: #000;
  width: 13%;
  text-align: center;
}

.amount-container .fixed-amount, .amount-container .free-amount{
   height: 47px;
}

.amount-container .free-amount{
    border-radius: 16px;
}

.html-page-name-ecardNew .amount-container .free-amount,  .html-page-name-ecardEdit .free-amount {
  border: 1px solid #000;
  background-color: #fff;
  max-width: 150px;
}

.amount-container .fixed-amount.active, .amount-container .fixed-amount:hover{
  background-color: #EB0029;
}

.amount-container .fixed-amount.active, .amount-container .fixed-amount:hover {
  border: 1px solid #EB0029;
  color: #fff;
  transition: 0.1s ease 0.2s;
}

.select-payment-methods {
  text-align: center;
  padding: 27px 0 25px;
}

.html-page-name-ecardNew .amount-container .currency-amount {
  width: 30px;
  line-height: 45px;
}

/****Bloc 6****/
.organizer-fields-block .organizer-fields-row {
  padding: 15px 0px 0px 0px;
}

.organizer-fields-block .organizer-fields-row {
  max-width: 896px;
  margin: 0 auto;
}

.organizer-fields-block .organizer-infos-field, .participant-fields-block .participant-infos-field {
  max-width: 417px;
}

.amount-container .free-amount, .organizer-fields-block .organizer-fields-row, .organizer-fields-block .organizer-infos-field, 
.amount-container .amount-guide-block, .participant-fields-block .participant-infos-field {
    width: 100%;
}

/****Code promo ***/
.calculation-block .discount-label-block {
  width: 100%;
}

.calculation-block .calculation-add-discount-block {
  padding: 0px;
}

.discount-label-block div.guide {
  padding: 0px 0px 0px 0px;
}

.calculation-block .discount-input-block {
  padding-left: 0px;
  padding-right: 0px;
}

.calculation-block .discount-label-block .discount-title, .calculation-block .discount-refresh-block {
  text-align: left;
}

.calculation-block .discount-input-block , .calculation-block .discount-refresh-block{
    width: 40%;

}

.btn-custom-discount-code, .btn-custom-discount-code:hover{
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  transition: 0.1s ease 0.2s;
  border-radius: 50px;
  padding: 6px 25px;
  height: 47px;
  line-height: 1.8em;
  font-weight: 700;
  font-size: 16px;
}

.calculation-block .total-summary-block {
  float: right;
  display: flex;
  flex-direction: column-reverse;
}

.summary-row.discount-binder {
  font-weight: 700;
  color: #136700;
  font-size: 0.8em;
}

.discount-binder_icon-validation {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5" cy="12.5" r="12.5" fill="%23136700"/><path d="M17.1407 11.4502L12.3448 16.1154C12.2893 16.1694 12.2234 16.2122 12.1509 16.2414C12.0784 16.2706 12.0006 16.2857 11.9221 16.2857C11.8437 16.2857 11.7659 16.2706 11.6934 16.2414C11.6209 16.2122 11.555 16.1694 11.4995 16.1154L8.82461 13.4994C8.71274 13.3904 8.6499 13.2426 8.6499 13.0886C8.6499 12.9346 8.71274 12.7869 8.82461 12.6779L9.72098 11.8059C9.83267 11.6972 9.98404 11.636 10.142 11.6356C10.3 11.6351 10.4517 11.6956 10.5639 11.8037L11.9324 13.0852L11.9365 13.0892L15.3999 9.76938C15.5119 9.66089 15.6635 9.59998 15.8216 9.59998C15.9796 9.59998 16.1312 9.66089 16.2432 9.76938L17.1396 10.6254C17.1956 10.6794 17.24 10.7436 17.2704 10.8143C17.3008 10.885 17.3165 10.9609 17.3166 11.0376C17.3167 11.1142 17.3012 11.1901 17.271 11.2609C17.2408 11.3318 17.1966 11.3961 17.1407 11.4502Z" fill="white"/></svg>') no-repeat bottom center;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 4px;
  position: relative;
  margin-right: 2px;
}

.calculation-block .discount-binder-amount, .calculation-block .discount-binder-code {
  display: block;
  padding-right: 0px;
  color: #252627;
  font-weight: 400;
  line-height: 1.2;
}

/****Bloc frais de port - Carte physique ***/
.calculation-block {
  padding: 15px 0px 30px 0;
  text-align: right;
  width: 100%;
  max-width: 896px;
  margin: 0 auto;
}

.calculation-block {
  text-align: right;
}

.calculation-block .total-summary-block {
  float: right;
}

.summary-row.shipping-binder h5 strong, .summary-row.shipping-binder h5 .shipping-cost {
  font-weight: 400;
  font-size: 16px;
}

.summary-row.total-binder h4 {
  font-size: 20px;
  /*color: #EB0029;*/
}

.payment-gts-block {
  margin-top: 25px;
}

.discount-binder-amount::before {
  content: 'Vous avez économisé ';
}

/****footer***/

footer a.footer-link {
  color: #000;
  text-decoration: underline;
}

/*****Page validation ****/
.html-page-name-ecardConfirm a{
    text-decoration: underline;
    word-wrap: break-word;
}

.block-container.confirm-container.confirm-return-container {
  display: none;
}

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

.block-body.confirm-body.confirm-visual-overview-body {
  padding: 0px;
  text-align: center;
}

.block-body.confirm-body.confirm-visual-overview-body img {
  width: 100%;
  max-width: 600px;
}

/****Débit****/
.html-page-name-burnPaymentCheck .row.extra-amount-row .col-xs-8 {
  width: 40%;
}

.html-page-name-burnPaymentCheck .row.extra-amount-row .col-xs-4 {
  margin: 8px 0px 0px 0px;
  padding: 0px 5px 0px 0px;
  font-size: 16px;
  font-weight: 700;
}

/*****Page cagnotte****/
.html-page-name-ecardEdit .edit-summary-description-block h4 span.strong {
  font-size: 22px;
  color: #136700;
}

.html-page-name-ecardEdit .participations li {
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 15px;
}
/*Désactiver la cagnotte*/
.block-container.confirm-container.shared-purchase-container, .block-container.confirm-container.edit-shared-purchase-container {
  display: none;
}

/****CGV*****/
.gts-container h3, .page-name-gts h3 {
  padding: 20px 40px 20px 40px !important;
  background-color: #6E6ACF !important;
  border-radius: 15px;
}

.block-body.cms-body.gts-body {
  padding-top: 0px;
}

/*****Responsive****/
@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    width: 100%;
  }
}

@media screen and (max-width: 991px){
   .amount-container .free-amount-block, .fixed-amounts {
        display: flex;
        justify-content: center;
    } 

    .amount-container .free-amount-block {
        padding-bottom: 30px;
    }

    .amount-container .fixed-amount{
       max-width: 120px; 
    }

    .block-body.amount-body{
        padding-bottom :0px   
    }

    .block-title h3 {
        padding: 10px 40px 0px 40px;
    }

    .fixed-amounts{
        width:100%;
    }
}

@media screen and (max-width: 990px){
    .card-type-plastic .send-type-block.send-type-mail-block.send-type-block-active {
        padding-left: 0px;
    }

/*
    .dispatch-container .dispatch-method-choice-content-block{
        padding-left:0px;
        padding-right:0px;
    }
*/
}

@media screen and (max-width: 991px) and (min-width:320px) {
    /*.block-containers > div {
        padding: 0 15px;
    }*/

    .block-body.gallery-body, .block-body.payment-body {
        padding-bottom: 0px;
    }

    .dispatch-container .dispatch-guide, .dispatch-container .dispatch-method-block, .amount-container .free-amount-block, .amount-container .fixed-amount-block,
    .card-type-plastic .dispatch-container .dispatch-guide, .card-type-plastic .dispatch-container .dispatch-method-block {
        width: 100%;
    }

    div.guide > p, div.guide > ul > li {
        margin: 0px 0px 0px 0px;
    }

    .dispatch-container .dispatch-method-block{
       margin-top: 30px; 
    }

    .dispatch-container .dispatch-send-date-block{
        max-width: 150px;
    }
}

@media (max-width: 770px){
  .dispatch-container .dispatch-method-block{
    min-width: auto;
  }
}

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

  .navbar-nav {
    float: inherit;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 1200px) {
  .body {
    padding:60px 15px 30px 15px;
  }
}

@media screen and (min-width:1125px){
  .navbar-default .navbar-nav > li:hover > a::before {
    opacity: 1;
  }

  .navbar-default .navbar-nav > li > a::before {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    border-radius:50%;
    background:#43b02a;
    display: block;
    left: 50%;
    top: 100%;
    transform: translate(-50%,90%);
    opacity: 0;
    transition:opacity .2s;
  }
}

@media screen and (max-width:1125px){
    .navbar-nav > li {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 943px) and (min-width:767px){
    .choose-type-body .card-type-block{
        width:46%;
        min-height: 330px;
    }
}

@media screen and (max-width: 943px) {
    .choose-type-container .card-type-label .radiobox-label {
     text-align: center;
    }

    .card-type-block .btn-custom-radio label span.radiobox-icon {
        display: block;
        margin: 8px auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 100%;
  }
}


@media screen and (max-width: 768px) {
  .navbar-toggle.collapsed {
    display: none;
  }

  .container, .amount-container .fixed-amount, .choose-type-body .card-type-block {
    width: 100%;
  }

  .choose-type-body .card-type-block {
    width: 100%;
    min-height: inherit;
  }

  .card-type-block.card-type-electronic-block{
    margin: 0px 0px 30px 0px;
  }

    .card-type-block.card-type-plastic-block {
     margin: 0px 0px 0px 0px;
    }

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

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

    .custom-checkbox.cgv-field-block label {
       display: inherit;
    }

    .dispatch-method-choice {
        display: flex;
    }

    .dispatch-container .send-type-block.send-type-block-active{
        background-image: none;
    }

    .header-logo-block {
        margin-top: 15px;
    }

    .lang-selector {
        top: 5px;
        right: 10px;
        left: inherit;
    }
}

@media screen and (max-width: 767px) {
  .navbar-toggle.collapsed {
    display: none;
  }

  .header-logo {
    max-width: 198px;
  }

  .navbar.navbar-default {
    padding:0;
  }

    .btn-custom {
        background-color: #EB0029;
        border-color: #EB0029;
        color: #fff;
        border-radius: 50px;
        padding: 15px;
        transition: 0.1s ease 0.2s;
        font-size: 16px;
    }

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

    .dispatch-container .shipping-area-code-block {
        width: 25%;
    }

    dispatch-container .shipping-phone-block {
        width: 75% !important;
   }

   .calculation-row {
    display: flex;
    flex-direction: column-reverse;
  }

  .calculation-block {
    text-align: left;
  }

  .calculation-block .discount-label-block .discount-title {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding-top: inherit;
  }
}

@media screen and (max-width: 591px) {
    .fixed-amounts {
        display: inherit;
    }

    .amount-container .fixed-amount {
        max-width: inherit;
        width: 30% !important;
    }

    .dispatch-container .send-type-block label span.radiobox-label, .dispatch-container .send-type-block label{
        font-size: 18px;
        line-height: 22px;
    }
}

@media screen and (max-width: 480px) {
    .header-logo {
        max-width: 180px;
    }

    header {
      box-shadow: 0px 10px 30px 0px rgba(51, 51, 51, 0.15);
      border-bottom:0px;
    }

    .header-text-back {
      font-size: 27px;
      line-height: 31px;
    }

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

    .block-body.beneficiary-body{
       padding: 0px 20px;
    }

    .block-title h3 {
        padding: 0px 20px 0px 20px !important;
    }

    .dispatch-container .shipping-last-name-block, .dispatch-container .shipping-first-name-block, .edit-summary-container .edit-summary-description-block, 
    .edit-summary-container .edit-summary-visual-block{
        width: 100%;
    }

    .dispatch-container .shipping-first-name-block, .edit-summary-container .edit-summary-description-block{
        padding-right: 0px;
    }

    .edit-summary-container .edit-summary-visual-block{
        padding-left: 0px;
    }

    .container.top{
        padding-top:0px !important;
    }

    .specific-to-card-type.card-type-electronic .dispatch-method-choice-content-block {
     padding: 15px;
    }

    .btn-custom-radio label span.radiobox-label{
        max-width: 250px;
    }

    .gallery-container .carousel-text-block .guide, .block-body.beneficiary-body .beneficiary-guide .guide  {
        padding-bottom: 40px;
    }

    .gallery-container .slick-prev{
        left: -30px;
        top: 42%;
    }

    .gallery-container .slick-next{
        right:-30px;
        top: 34% !important;
    }

    .page-group-ecard .container {
        margin: 0 auto 20px;
        background: transparent;
    }

    /*
    .amount-container .free-amount {
        border: 0px solid #000;
        background-color: #f2f2f2;
    }

    .html-page-name-ecardNew .amount-container .free-amount {
        max-width: 180px;
    }*/
    
    .calculation-block .discount-refresh-block {
      width: 40%;
    }
}

@media screen and (max-width: 430px) {
    .amount-container .fixed-amount{
        width: 46% !important;
    }
}

@media screen and (max-width: 410px) {
  .btn-custom-discount-code, .btn-custom-discount-code:hover {
    padding: 6px 18px;  
  }

   .calculation-block .discount-input-block, .calculation-block .discount-refresh-block {
    width: 80%;
  }

  .calculation-block .discount-refresh-block {
    padding-left: 0px;
  }

  .summary-row.discount-binder{
    margin-top: 25px;
  }
}


@media screen and (max-width: 393px) {
    .payment-submit-methods-block ul.mpsp-payment-means-list li {
        margin: 0px 2px 10px 2px;
    }
}


/**** Proposition nouvelle maquette B2B - Linda *****/
body.page-group-b2b a, .b2b-homepage-emphasis-text, .b2b-circle-symbol::before, body.page-group-b2b .ecard-default h3, .page-group-b2b .b2b-panel-client, 
.form-ecard-number-connect, .html-page-group-ecard .block-title.consult-title h3, section.content .ecard-burn h3, .b2b-client-info .edit-link {
  color: #000;
}

.page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a{
    color: #fff;
}

/****Header****/
.lang-item-b2b {
  font-size: 10px;
}

.lang-selector-b2b .lang-item-b2b.selected{
    height:21px;
}

.flag{
  background-size: 18px !important;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: top;
  background-repeat: no-repeat !important;
}

.flag-fr {
    background: url("../images/flags/flag_fr_FR_16x11.png");
}

.flag-uk {
    background-image: url("../images/flags/flag_en_UK_16x11.png");
}

.flag-de{
    background-image: url("../images/flags/flag_de_DE_16x11.png");
}

.flag-gr{
    background-image: url("../images/flags/flag_gr_GR_16x11.png");
}

.flag-es{
    background-image: url("../images/flags/flag_es_ES_16x11.png");
}

.flag-it{
    background-image: url("../images/flags/flag_it_IT_16x11.png");
}

.flag-el{
    background-image: url("../images/flags/flag_el_EL_16x11.png");
}

.flag-hu{
    background-image: url("../images/flags/flag_hu_HU_16x11.png");
}

.flag-ja{
    background-image: url("../images/flags/flag_ja_JA_16x11.png");
}

.flag-nl{
    background-image: url("../images/flags/flag_nl_NL_16x11.png");
}

.flag-pl{
    background-image: url("../images/flags/flag_pl_PL_16x11.png");
}

.flag-ru{
    background-image: url("../images/flags/flag_ru_RU_16x11.png");
}

.flag-th{
    background-image: url("../images/flags/flag_th_TH_16x11.png");
}

.flag-tr{
    background-image: url("../images/flags/flag_tr_TR_16x11.png");
}

.flag-zh{
    background-image: url("../images/flags/flag_zh_ZH_16x11.png");
}

.flag-cs{
    background-image: url("../images/flags/flag_cs_CS_16x11.png");
}

.flag-da{
    background-image: url("../images/flags/flag_da_DA_16x11.png");
}

.flag-ko{
    background-image: url("../images/flags/flag_ko_KO_16x11.png");
}

/*
.flag-ro{
    background-image: url("../images/flags/flag_ro_RO_16x11.png");
}
*/

.b2b-header{
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.b2b-header .container {
  width: 100%;
  max-width: 100% !important;
}

.b2b-header .b2b-logo-container img{
    width:100%;
}

.b2b-header .b2b-header-buttons{
    width:50%;
}

.b2b-header .b2b-logo-container{
    max-width: 223px;
    padding: 20px 0px 16px 15px;
    float:inherit;
}

.b2b-header.b2b-homepage-header .container-fluid {
  display: flex;
  justify-content: space-around;
}

.b2b-homepage-ecard-button .btn.btn-order, .b2b-login-button .btn.btn-login, .btn.btn-b2b, 
.b2b-change-password-button .btn.btn-change-password, .b2b-client-button .btn.btn-client,.b2b-client-info .edit-link:hover, 
.page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a:first-child, .html-page-group-b2b .btn-custom, .button-ecard-number-connect input, 
.button-ecard-connect input, .b2b-header .btn.btn-contact:hover, .b2b-header .btn.btn-customer-area, .b2b-client .b2b-client-panel a:hover, 
 .b2b-header .btn.btn-contact.contact-button:hover, .b2b-confirmation-button .btn.btn-confirmation {
  background-color: #EB0029;
  border: 1px solid #EB0029;
  color:#fff;
  line-height: 1.3;
}

.b2b-header .b2b-header-buttons .btn, .b2b-homepage-ecard-button .btn.btn-order,  .b2b-login-button .btn.btn-login, .btn.btn-b2b, 
.b2b-change-password-button .btn.btn-change-password, .b2b-client-button .btn.btn-client, .b2b-client .b2b-client-panel a, 
.page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a, .b2b-confirmation-button .btn.btn-confirmation, 
.html-page-group-b2b .btn-custom, .button-ecard-number-connect input, .button-ecard-connect input, .sa-confirm-button-container button.confirm{
  padding: 12px 25px 12px 25px;
  font-size: 16px;
  border-radius: 50px;
  text-decoration: none;
  text-transform: none;
  font-weight: 700;
  height: 48px;
}

.b2b-homepage-ecard-button .btn.btn-order:hover, .b2b-login-button .btn.btn-login:hover, .btn.btn-b2b:hover,
.b2b-change-password-button .btn.btn-change-password:hover, .b2b-client-button .btn.btn-client:hover, .b2b-client-info .edit-link, 
.page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a:first-child:hover, .html-page-group-b2b .btn-custom:hover, .button-ecard-number-connect input:hover, 
.button-ecard-connect input:hover, .b2b-header .btn.btn-contact .b2b-header .btn.btn-customer-area:hover, .page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a:nth-child(2):hover,
.b2b-confirmation-button .btn.btn-confirmation:hover, .b2b-header .btn.btn-contact.contact-button, .b2b-header .b2b-header-buttons .btn:hover, .button-ecard-number-connect .btn-custom:focus{
  background-color: #fff;
  color: #333333;
  border: 1px solid #333333;
  transition: 0.2s ease 0.2s;
}

.b2b-client .b2b-client-panel a, .page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a:nth-child(2){
    color: #333333;
    border: 1px solid #333333;
    transition: ease-out 0.3s;
    background-color: #fff;
    line-height: 1.3;
}

.b2b-header .b2b-header-buttons {
  padding: 20px 0px 20px 0px;
  display: flex;
  justify-content: end;
  width: 80% !important;
}

.b2b-header .b2b-header-buttons, .b2b-header .b2b-header-buttons .col-contact, .b2b-header .b2b-header-buttons .col-customer-area{
  min-height: auto;
  float: inherit;
  width: auto;
}

.b2b-header, .html-page-name-balanceConsult body.page-group-ecard header {
  background-color: #fff;
}

.b2b-header.b2b-client-header .container, .b2b-header .container{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .lang-selector-b2b {
    top: 4px;
  }
}

/****Home top***/
.b2b-homepage-emphasis {
  background-color: #D9D9D9;
  margin-top: 40px !important;
}

.b2b-homepage-emphasis .row {
  display: flex;
  align-items: center;
}

.b2b-homepage-emphasis, .b2b-homepage-ecard-type, .b2b-homepage-footer, .html-page-group-b2b .content, .b2b-panel-client, body.page-group-b2b .global, .page-group-b2b .b2b-panel-client-text{
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}

.b2b-homepage-emphasis-text {
  padding: 20px 40px;
}

.b2b-homepage-emphasis-title, .b2b-homepage-emphasis-subtitle, .b2b-homepage-emphasis-container, .b2b-homepage-footer-text, .b2b-homepage-footer-event-title,
 .b2b-homepage-footer-event-guide, .b2b-homepage-footer-nota, .b2b-homepage-footer-title h3, .b2b-homepage-footer, .b2b-homepage-ecard-button, 
 .b2b-homepage-ecard-title h2, .b2b-homepage-footer-title h3, body.page-group-b2b .ecard-default h3, .page-group-b2b .b2b-panel-client{
    text-align:left;
}

.b2b-homepage-emphasis-container {
  margin: 40px 10px 0px 0px;
}

.b2b-homepage-emphasis-title{
    font-weight: 400;
    font-size: 38px;
     line-height: 43px;
}

.b2b-homepage-emphasis-subtitle {
  font-size: 27px;
  line-height: 34px;
  font-weight: 700;
  margin-top: 30px;
}

b2b-homepage-emphasis-subtitle, .b2b-client-orders h3{
    font-weight: 700;
}

.b2b-homepage-emphasis-content {
  margin: 0px 0px 10px 20px;
  font-size: 21px;
}

.page-name-b2b_ecard .separator, .page-name-b2b_homepage .separator {
  border-right: 0px solid #cccccc;
}

/****section textes *****/
.b2b-homepage-ecard.card-type h2 {
  opacity: 0;
}

.b2b-homepage-ecard-type {
  font-size: 18px;
  line-height: 28px;
}

.b2b-homepage-ecard-title h2, .b2b-homepage-footer-title h3  {
  padding: 48px 0px 15px 10px;
}

.b2b-homepage-ecard-title h2, .b2b-homepage-footer-title h3, body.page-group-b2b .ecard-default h3, .html-page-group-ecard .block-title.consult-title h3,
.block-title.burn-title.burn-login-title h3, section.content .ecard-burn h3  {
  font-size: 27px;
  line-height: 40px;
  font-weight: 700;
}

.b2b-homepage-ecard-button {
  padding: 30px 0px 0px 0px;
}

.b2b-homepage-ecard-text {
  padding-left: 0px;
}

@media (min-width: 1200px) {
  .b2b-homepage-ecard-text {
    min-height: 210px;
  }

  .b2b-homepage-ecard {
    width: 100%;
  }
}

/****image baniere parallax ***/
.b2b-homepage-middle-separator img{
    display: none;
}

.b2b-homepage-middle-separator {
 /* background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 384px;
  background-image: url('../../custom_assets/images/942/b2b/background_bottom.png');*/
  margin-top: 60px;
}

/****Texte exonération****/
.html-page-group-b2b footer{
    background: transparent;
}

.b2b-homepage-footer{
    margin-top: 60px;
}

.html-page-name-b2b_homepage footer {
  border-top: 0px !important;
}

.b2b-homepage-footer, .page-group-b2b .ecard-default .login-container, .b2b-client-info, .page-group-b2b .card-type-container, 
.page-group-b2b .card-custom-container, .page-group-b2b .amount-container, .page-group-b2b .send-container, .html-page-group-b2b .summary-container, 
.page-group-b2b .confirmation-container{
    background:#fff;
    border-radius:15px;
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
    color:#000;
}

.b2b-homepage-footer-title h3 {
  padding: 0px 0px 20px 0px;
  margin-top: 0px;
}

.b2b-homepage-footer-text {
  padding: 0px 0px 20px 0px;
  float: left;
}

.b2b-homepage-ecard-type, .b2b-homepage-footer-text, .b2b-homepage-footer-event-title, .b2b-homepage-footer-event-guide, .b2b-homepage-footer-nota, 
.content .b2b-client, .page-group-b2b .b2b-panel-client{
    font-size: 16px;
    line-height: 26px;
}

.b2b-client-info .edit-link, .content .b2b-client-panel h3, .b2b-client-info .edit-link span.glyphicon, .b2b-client-info .edit-link{
    font-size: 16px;
}

.b2b-homepage-footer-text, .b2b-homepage-footer-event-title, .b2b-homepage-footer-event-guide, .b2b-homepage-footer-nota {
  width: 50%;
  padding: 0 10px;
}

.b2b-homepage-footer-text {
  float: left;
}

  .b2b-homepage-footer-event-title {
  float: right;
  font-weight: 700;
}

.b2b-homepage-footer-event-guide {
  float: right;
}

.b2b-homepage-emphasis-subtitle , .b2b-homepage-footer-nota, .login-form p, .login-container p, .page-group-b2b .add-a-cart-form-row-label label,
.page-group-b2b .upload-beneficiaries-excel-file .upload-label, .page-group-b2b .upload-beneficiaries-excel-file .upload-icon,
.html-page-name-b2b_ecard_payment .xs-exclude-inline {
    color: #136700;
}

.b2b-homepage-footer-nota {
  font-style: normal;
  clear: both;
  top: -25px;
  position: relative;
}

/****footer***/
footer {
  padding-top: 20px;
  padding-bottom: 40px;
  min-height: auto;
  box-shadow: 0px 0px 0px 0px #aaa;
  background-color: #ffffff;
}

/*** Formulaire ****/
body.page-group-b2b {
  background-image: none;
  background: #fff;
  font-weight: 400;
}

.html-page-name-b2b_login .global > .container > .main, body.page-group-b2b .ecard-default h3, .html-page-group-ecard .block-title.consult-title h3 {
  background-color: transparent;
}

.html-page-group-ecard .gift-card-app .form-control, .gift-card-app .form-control {
  border: 1px solid #808080;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0) inset;
  height: 45px;
  border-radius: 16px;
  color: #333;
}

.form-control{
    color:#8F8F99;
    font-size: 16px;
}

body.page-group-b2b .ecard-default h3 {
  margin: 0px;
  padding: 0px;
}

 .page-group-b2b .ecard-default .registration-container .b2b-login-button,   
 .b2b-confirmation-button, .html-page-name-b2b_card_payment .ecard-default .payment-container, 
.html-page-name-b2b_card_payment .ecard-default .payment-container h3, .html-page-group-ecard .block-title.consult-title h3, 
.block-title.burn-title.burn-login-title h3, .page-group-b2b .confirmation-error .confirmation-error-text,
.burn-container .payment-cancel-block {
  text-align: center;
}

body.page-group-b2b .login-container h3, .page-name-b2b_login .login-form p,.html-page-name-b2b_ecard_payment .ecard-default .payment-container ,
 .html-page-name-b2b_ecard_payment .ecard-default .payment-container h3, .page-group-b2b .confirmation-success .confirmation-success-text,
 .page-group-b2b .confirmation-informations{
  text-align:left;
}

body.page-group-b2b .registration-container h3 {
  padding-left: 12px;
  padding-right: 40px;
}

.login-form p, .login-container p {
  font-size: 20px;
  margin-bottom: 40px;
  font-weight: 400;
}

.page-group-b2b .ecard-default .login-container .wrapper {
  width: 100%;
  padding: 0px;
}

.login-form .row:nth-child(2), .b2b-login-button, .b2b-password-forgotten-button, .page-name-b2b_ecard_login .login-form .row {
  max-width: 800px;
  margin: 0 auto;
}

.b2b-login-button {
  padding: 20px 0px 20px 0px;
  text-align: right;
}

.b2b-password-forgotten-button {
  display: flex;
  justify-content: right;
  color: #7E7E8A;
}

.page-group-b2b .ecard-default .login-container {
  padding: 35px 85px;
}

.page-group-b2b .ecard-default .login-container .login-form .col-md-4 {
  width: 42.6%;
  float: left;
}

.page-group-b2b .ecard-default .registration-container {
  margin-top: 60px;
  padding: 0px 70px;
}

.page-group-b2b .ecard-default{
   box-shadow: 0px 0px 0px 0px #dadfe2; 
   min-height: auto;
}

.page-group-b2b .ecard-default .registration-container h3 {
  padding-bottom: 0px;
}

.page-group-b2b .ecard-default .question-p.space {
  margin-top: 30px;
}

.page-group-b2b .ecard-default .col-md-5.col-md-push-2.form-group .registration-company-title-block {
  margin-top: 30px;
}

.page-group-b2b .nota-p {
  font-style: inherit;
  font-size: 14px;
  color: #7E7E8A;
  line-height: 20px;
  font-weight:400;
}

.html-page-name-b2b_login footer, .html-page-group-b2b footer, body.page-group-ecard footer {
  border-top: 1px solid rgba(126,126,138,0.3);
}

.registration-container .textarea-feedback {
  top: 0px;
  right: 2px;
}

.radio input[type="radio"]:not(:checked) + label span.radiobox-label, 
.radio 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 {
  padding-left: 10px;
  min-height: 30px;
}

.page-group-b2b .account-type-container .radiobox-label {
  width: 90%;
}

.registration-container .wrapper {
  padding: 0 15px !important;
}

.b2b-login-button .btn.btn-login {
  min-width: auto;
}

.page-name-b2b_ecard_login .login-container .col-md-12 {
  padding: 0px;
}

/**** Validation creation de compte ****/

.page-group-b2b .icon-confirmation {
  text-align: center;
  border: 0px solid #333;
  /*background: url('/custom_assets/images/942/b2b/icone check.png') no-repeat;
  width: 100px;
  height: 100px;
  padding: 0px;
  background-size: 100px;
  margin-bottom: 30px;*/
  display: grid;
  height: 100%;
  place-items: center;
}

.page-group-b2b .confirmation-success-icon {
  width: 100px;
  height: 100px;
  background-size: 100px;
  color: transparent;
}

/*
.page-group-b2b .confirmation-success-icon {
    background: url('/custom_assets/images/942/b2b/icone check.png') no-repeat;
}

.page-group-b2b .confirmation-error-icon{
    background: url('/custom_assets/images/942/b2b/icone remove.png') no-repeat;
}

*/

.page-group-b2b .confirmation-success-icon, .page-group-b2b .confirmation-error-icon {
  float: inherit !important;
  width: 100% !important;
  max-width: 100px;
  margin: 0 auto;
  padding: 0px !important;
  background-size: 100px;
  height: 100px;
  margin-bottom: 30px;
  border-radius: 50px;
}

.page-group-b2b .confirmation-success-icon, .page-group-b2b .confirmation-error-icon {
  border: 5px solid;
}

.page-group-b2b .confirmation-success-icon{
  border-color: #136700;
}

.page-group-b2b .confirmation-error-icon {
  border-color: #e1395f;
}

.page-group-b2b .confirmation-success .confirmation-success-text, .page-group-b2b .confirmation-error .confirmation-error-text {
  width: 100%;
}

.page-group-b2b .glyphicon-ok::before ,.page-group-b2b .glyphicon-remove::before, .page-group-b2b .icon-confirmation .glyphicon-envelope::before{
    display: none;
}


.page-group-b2b .icon-confirmation .glyphicon-remove {
  background: url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.41699 4.4165L33.5837 33.5832" stroke="%23E1395F" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.41699 33.5832L33.5837 4.4165" stroke="%23E1395F" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
  width: 38px;
  height: 38px;
}

.page-group-b2b .icon-confirmation .glyphicon-ok {
  background: url('data:image/svg+xml,<svg width="36" height="29" viewBox="0 0 36 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.3085 1.43334C30.916 0.854988 31.7244 0.53525 32.5631 0.541597C33.4019 0.547943 34.2053 0.879878 34.804 1.46736C35.4027 2.05484 35.7497 2.85191 35.7719 3.69039C35.7941 4.52887 35.4896 5.34317 34.9228 5.96147L17.716 27.4808C17.4201 27.7995 17.063 28.0553 16.666 28.2328C16.269 28.4103 15.8403 28.506 15.4056 28.514C14.9708 28.5221 14.5388 28.4424 14.1355 28.2797C13.7323 28.117 13.3659 27.8746 13.0585 27.5671L1.64759 16.1562C1.32982 15.8601 1.07494 15.503 0.898164 15.1063C0.721386 14.7095 0.62633 14.2813 0.618667 13.847C0.611005 13.4127 0.690894 12.9813 0.853565 12.5786C1.01624 12.1758 1.25836 11.81 1.56549 11.5029C1.87262 11.1957 2.23847 10.9536 2.6412 10.7909C3.04394 10.6283 3.47532 10.5484 3.9096 10.556C4.34388 10.5637 4.77217 10.6588 5.16891 10.8355C5.56566 11.0123 5.92274 11.2672 6.21884 11.585L15.2492 20.611L30.2265 1.52822L30.3085 1.43334Z" fill="%23136700"/></svg>') no-repeat center center;
  width: 36px;
  height: 29px;
}

.page-group-b2b .icon-confirmation .glyphicon-envelope{
  background: url('data:image/svg+xml,<svg width="44" height="36" viewBox="0 0 44 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 7.16667C2.5 6.01739 2.95655 4.91519 3.7692 4.10254C4.58186 3.28988 5.68406 2.83333 6.83333 2.83333H37.1667C38.3159 2.83333 39.4181 3.28988 40.2308 4.10254C41.0435 4.91519 41.5 6.01739 41.5 7.16667V28.8333C41.5 29.9826 41.0435 31.0848 40.2308 31.8975C39.4181 32.7101 38.3159 33.1667 37.1667 33.1667H6.83333C5.68406 33.1667 4.58186 32.7101 3.7692 31.8975C2.95655 31.0848 2.5 29.9826 2.5 28.8333V7.16667Z" stroke="%23136700" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 7.16666L22 20.1667L41.5 7.16666" stroke="%23136700" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
  width: 44px;
  height:44px;
}

.page-group-b2b .col-md-5.form-group.registration-kbis-block {
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: 100%;
  margin-top: 40px;
}

.page-group-b2b .col-md-5.col-md-push-2.form-group.registration-comment-block {
  float: right;
  margin-right: 16.6%;;
  margin-top: -140px;
}
/**** change password ***/
.html-page-name-b2b_change_password .change-password-container .wrapper {
  margin-top: 50px;
}

/***contact***/
.page-group-b2b #contact-popin_wrapper {
  margin-top: 20px;
  overflow: inherit;
}

/****pop up modifier les infos***/
#edit-client-popin_wrapper {
  margin: 20px;
  width: 95% !important;
  overflow: inherit !important;
}

/****Page login****/
.page-group-b2b .question-p {
  text-decoration: none;
  line-height: 18px;
}

.html-page-name-b2b_card_login .row.registration-phone-block {
  display: flex;
}

.html-page-name-b2b_card_login .form-group.col-md-4.area-code-container {
    width: 20%;
}

.html-page-name-b2b_card_login .row.registration-phone-block .form-group.col-md-8 {
    width: 80%;
    padding-left: 0px;
}

body.page-group-b2b .form-control  {
  border: 1px solid #D9D9D9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.0) inset;
  height: 45px;
  border-radius: 5px;
}

.form-group.registration-kbis-title-block .question-p {
  text-decoration: underline;
}

.account-type-container {
  padding-left: 0px;
  padding-bottom: 80px;
}

.form-group.registration-optional-title-block {
  margin-top: 80px;
}

/**** Compte client ***/
.b2b-client-panel {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

 .page-group-b2b .b2b-panel-client-text, .lang-selector-b2b {
    padding-left: 15px;
    padding-right: 15px;
 }

 .table-responsive > .table > tbody > tr > td {
  white-space: normal;
}

.content .b2b-client-panel h3{
  margin: 35px 0px 20px 0px;
  grid-column: 1 / 3;
  grid-row: 1;
  line-height: 23px;
}

.b2b-client-button{
  grid-column: 1;
  grid-row: 2;
}

.b2b-client .logout-link {
  height: 46px;
  text-align: center;
  margin-top: 30px;
}

.b2b-client .b2b-client-panel a {
  grid-column: 3;
  grid-row: 2;
}

.b2b-client-info p {
  text-decoration: none;
}

.b2b-client-info{
    border: 0px solid #ddd;
    padding: 30px 30px 70px 30px;
}

.b2b-client-orders {
  padding: 20px 0px 60px 0px;
}

.b2b-client-info .edit-link{
  position: absolute;
  right: -100%;
  padding: 5px 25px 5px 25px;
  border-radius: 50px;
}

.b2b-client-info .edit-link span.link {
  text-decoration: none;
}

.page-group-b2b .b2b-panel-client {
  font-weight: 500;
}

.b2b-client-orders .table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #ffffff;
}

.b2b-client-orders .table-striped > tbody > tr, .b2b-client-orders .table-striped > thead > tr {
  background-color: #F7F7F7;
}

.b2b-client-orders .table-striped > tbody > tr > td, .b2b-client-orders .table-striped > thead > tr > th  {
  border: 0px;
}

.b2b-client-orders .table-striped > tbody > tr > td > a {
  color: #136700;
}

.b2b-client-button {
  padding: 30px 0px 10px 0px;
}

/****page d'achat - ecard ****/

.page-group-b2b .summary-container .wrapper {
  padding: 0px 5px !important;
}

   .page-group-b2b .ecard-type-picture .icon {
     width: 106px;
   }

.page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a{
    margin:38px 0 10px 25px;
    cursor:pointer;
}

.page-group-b2b .card-type-container, .page-group-b2b .card-custom-container, .page-group-b2b .amount-container, .page-group-b2b .send-container {
  padding: 40px;
  margin-bottom: 40px;
}

.page-group-b2b .ecard-type-picture .print-icon {
  background: url("../../custom_assets/images/942/b2b/picto-email.png") no-repeat top left transparent;
  background-size: 105px;
}

.page-group-b2b .ecard-type-picture .email-icon {
  display: none;
}

.page-group-b2b .ecard-type-picture .mail-icon {
  background: url("../../custom_assets/images/942/b2b/picto-courrier.png") no-repeat top left transparent;
  background-size: 100px;
}

.page-group-b2b .ecard-type-block {
  border: 2px solid rgba(126,126,138,0.2);
  padding: 20px 10px;
  width: 47%;
  min-height: 280px;
}

.page-group-b2b .ecard-type-block.ecard-type-electronic-block {
  margin: 20px 25px 20px 0;
}

.page-group-b2b .ecard-type-block.ecard-type-plastic-block {
  margin: 20px 0px 20px 25px;
}

.page-group-b2b .chooseType-title{
    font-size:20px;
    line-height: 35px;
    color:#6E6ACF;
    font-weight:800;
}

.page-group-b2b .ecard-type-picture .icon {
  height: 108px;
}

.page-group-b2b .radio input[type="radio"]:not(:checked) + label span.radiobox-icon, 
.page-group-b2b .radio.ecard-type-label input[type="radio"]:checked + label span.radiobox-icon,
.page-group-b2b .radio input[type="radio"]:checked + label span.radiobox-icon{
  width: 18px;
  height: 18px;
  border-radius: 3px;
  float: left;
  margin-top: 2px;
}

.html-page-name-b2b_login .page-group-b2b .radio input[type="radio"]:not(:checked) + label span.radiobox-icon, 
.html-page-name-b2b_login .page-group-b2b .radio.ecard-type-label input[type="radio"]:checked + label span.radiobox-icon,
.html-page-name-b2b_login .page-group-b2b .radio input[type="radio"]:checked + label span.radiobox-icon {
  width: 13px;
  height: 13px;
  margin-top: 5px;
}

.page-group-b2b .radio.ecard-type-label input[type="radio"]:not(:checked) + label span.radiobox-icon, 
.page-group-b2b .radio.ecard-type-label input[type="radio"]:checked + label span.radiobox-icon{
    margin-top: 8px;
}

.page-group-b2b .radio.ecard-type-label input[type="radio"]:checked + label span.radiobox-icon, 
.page-group-b2b .radio input[type="radio"]:checked + label span.radiobox-icon {
  border-color: #136700;
  background: #136700;
  transition: 0.2s ease 0.1s;
}

.page-group-b2b .radio input[type="radio"]:not(:checked) + label span.radiobox-icon{
    background-image: none;
    border: 2px solid rgba(126,126,138,0.2);
}

.page-group-b2b .glyphicon.glyphicon-eye-open {
    background: url('../../custom_assets/images/942/b2b/picto-eye.png') no-repeat;
    background-size: 20px;
    width: 22px;
}

.page-group-b2b .card-custom-container .preview {
  padding: 10px 0px 10px 0px;
}

.page-group-b2b .preview-button .glyphicon{
    color: transparent;
}

.page-group-b2b .carousel-ecard-visuals {
  padding: 0px 15px !important;
}

.carousel-ecard-visuals .visual.active {
  background-color: transparent;
  border: 2px solid #136700;
  border-radius: 5px;
}

.slick-prev.slick-arrow, .slick-next.slick-arrow {
  background: url('../../custom_assets/images/1197/b2c/arrow_carousel.png') no-repeat;
  background-size: 10px;
}

.slick-next.slick-arrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.slick-next.slick-arrow {
  top: 44%;
}

.slick-next::before, .slick-prev::before {
    content: inherit !important;
}


.page-group-b2b .message-container{
    max-width: 100%;
}

.page-group-b2b .event-title-container, .page-group-b2b .validity-by-product-section-container{
    max-width: 440px;
}

.page-group-b2b .card-custom-container .textarea-feedback{
    top: 0;
    right: 0;
}

.page-group-b2b .original-cart-form p{
    text-align: right;
}

.page-group-b2b .amount-container.amount-container-panorama .wrapper {
  margin-top: 20px;
}

.row.add-a-cart-form-row {
  display: flex;
  justify-content: right;
}

.page-group-b2b .btn.btn-add-to-cart {
  min-width: 32px;
  background-color: #136700;
  font-size: 21px;
  border-radius: 50px;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 255, 0);
  height: 32px;
  line-height: 0.9;
  font-weight: 500;
}

.page-group-b2b .btn.btn-add-to-cart:hover, .page-group-b2b .btn.btn-add-to-cart:focus {
  background-color: #43B02A;
  transition: 0.2s ease-in-out 0.2s;
}

.page-group-b2b .amount-container .currency-amount {
  top: 10px;
  font-weight: 400;
  font-size: 16px;
}

.page-group-b2b .amount-container .currency-amount-right {
  right: 10px;
}

.page-group-b2b .col-md-4.txtcenter {
  width: auto;
}

.page-group-b2b .send-container .col-md-6 {
  padding: 15px 15px;
}

.page-group-b2b .send-container .col-md-6.separator {
  padding-left: 0px;
}

.page-group-b2b .new-cart-form .remove-cart-row{
    color: #e1395f;
    top: -5px;
    font-weight: 600;
}

.page-group-b2b .new-cart-form .remove-cart-row::after {
  content: ' ';
  display: inline-block;
  width: 21px;
  background: url('https://cartecadeau.mr-bricolage.f/custom_assets/images/942/b2b/trash.png') no-repeat 0 6px;
  background-size: 21px;
  margin-left: 15px;
  height: 25px;
}

.page-group-b2b .new-cart-form .remove-cart-row:hover{
  padding-right: 5px;
  transition: 0.2s ease 0.2s;
}

.page-group-b2b .send-container .send-type-email-container .radiobox-label, .page-group-b2b .send-container .send-type-hand-container .radiobox-label {
  margin-left: 25px;
  margin-top: -26px;
}

.page-group-b2b .send-container .send-type-email-container .radiobox-label, .page-group-b2b .send-container .send-type-hand-container .radiobox-label,
 .send-address-container .radiobox-label{
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  line-height: 30px !important;
}

.page-group-b2b .send-container .excel-picture{
    text-align:left;
}

.page-group-b2b .upload-beneficiaries-excel-file .upload-icon {
  font-size: 25px;
  line-height: 26px;
}

.page-group-b2b .send-container .button-container.button-next, .page-group-b2b .send-container .button-container.button-next .btn {
  text-align: right;
}

.page-group-b2b .send-container .button-container.button-next .btn {
  max-width: 100%;
  padding: 10px 20px 10px 20px;
  background-color: #EB0029;
  background-size: 18px;
  background-position: 94% 50%;
  background-image: none;
}

.page-group-b2b .send-container .button-container.button-next .btn:hover {
  color: #333333;
  box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.35);
  margin-right: 7px;
  transition: 0.3s ease 0.2s;
  margin-right: -6px;
  border: 1px solid #333333;
  background-color: transparent;
}

.page-group-b2b .upload-beneficiaries-excel-file, .page-group-b2b .button-container{
    padding: 0px;
}

.page-group-b2b .send-container .visibility-hidden {
  visibility: hidden !important;
  display: none;
}

.send-date-container .col-lg-4.col-md-4.col-sm-4 {
  width: 35%;
}

/*calendar*/

.ui-datepicker table {
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid rgba(126,126,138,0.2);
  padding: 10px 14px 10px 14px;
  border-radius: 5px;
  width: 100%;
  max-width: 316px;
  font-family: Ubuntu, sans-serif;
}

.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 {
  color: #000;
  background: transparent;
  border: none;
  padding: 8px 5px;
  height: 36px;
  line-height: 20px;
  text-align: center;
  width: 36px;
}

.ui-datepicker-days-cell-over a{
    color:#fff !important;
}

.ui-widget-header {
  border: 1px solid transparent;
  background: none;
  color: #000;
  font-weight: 400;
}

.ui-datepicker-calendar a {
  text-decoration: none !important;
}

.ui-datepicker .ui-datepicker-title{
    font-size: 1.2em;
}

.ui-datepicker .ui-datepicker-next span {
  background: url('../../custom_assets/images/942/b2c/chevron-calendar-right.svg') no-repeat;
}

.ui-datepicker .ui-datepicker-prev span {
  background: url('../../custom_assets/images/942/b2c/chevron-calendar-left.svg') no-repeat;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    cursor: pointer;
    top: 6px;
}

.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover{
    top: 6px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
}

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

.ui-state-default.ui-state-active:hover, .ui-state-default:hover, .ui-datepicker-days-cell-over {
  background: #000 !important;
  color: #fff;
  border-radius: 50px;
}

/*****page d'achat - carte physique ****/
.html-page-name-b2b_card section.content .ecard-default .card-custom-container .wrapper, .html-page-name-b2b_card .carousel-ecard-visuals, 
.html-page-name-b2b_card .send-container .wrapper, .html-page-name-b2b_card .send-container .wrapper .col-md-12 {
  padding: 0px;
}

.html-page-name-b2b_card .carousel-ecard-visuals-gallery-block, .html-page-name-b2b_card .send-address-container{
  margin-top: 15px;
}

.html-page-name-b2b_card .input-text-nota {
  margin-top: 0px;
}

.html-page-name-b2b_card .send-address-type-1-container, .html-page-name-b2b_card .send-address-type-2-container {
  margin-top: 25px;
    width: 50%;
}

.html-page-name-b2b_card .send-address-type-1-container {
  float: left;
}

.html-page-name-b2b_card .send-address-type-2-container {
  float: right;
}

.html-page-name-b2b_card .send-address-container .radiobox-label {
  margin-top: -5px;
}

.page-group-b2b .other-address .form-group{
  width: 100% !important;
}

.area-code-container::before{
  top: 4px;
  font-weight: 400;
}

.row.add-a-cart-form-row, .other-address .row:last-child {
  display: flex;
}

.page-group-b2b .other-address .form-group.col-md-1 {
  width: 30% !important;
}

 .other-address .row .form-group.col-md-12 {
    padding: 0 20px;
 }

/**** Récapitulatif achat ****/

.html-page-group-b2b .summary-container{
    padding: 40px;
}

.page-group-b2b .summary-container .b2b-summary-parameters {
  background: #fff;
}

.html-page-name-b2b_ecard_payment .ecard-default .payment-container, .html-page-name-b2b_card_payment .ecard-default .payment-container{
    margin-top:60px;
}

.html-page-name-b2b_ecard_payment .payment-explanations p, .html-page-name-b2b_card_payment .payment-explanations p {
  width: 100%;
  margin: 0 auto;
  max-width: 830px;
  padding-bottom: 30px;
}

.html-page-name-b2b_ecard_payment .xs-exclude-inline:hover {
  text-decoration: underline;
}

.page-group-b2b .summary-container .b2b-edit-order .edit-link {
  color: #fff;
  position: relative;
  background: #EB0029;
  border-radius: 50px;
  padding: 5px 10px;
  display: inline;
}

.page-group-b2b .summary-container .b2b-edit-order {
  margin: 0px 0px 10px 0;
}

.html-page-name-b2b_ecard_payment .row.b2b-edit-order .col-md-6 {
  padding-left: 0px;
}

.page-group-b2b .summary-container .b2b-edit-order .edit-link span.glyphicon {
  font-size: 16px;
}

.page-group-b2b .summary-container .b2b-edit-order .edit-link a {
  text-decoration: none !important;
  color: #fff !important;
  font-size: 14px;
}

.page-group-b2b .summary-container .b2b-order-amount {
  margin: 0px;
}

.page-group-b2b .summary-container .b2b-order-amount .col-md-6 {
  padding: 0px;
}

.page-group-b2b .summary-container .b2b-total-text {
  font-size: 24px;
  font-weight: 700;
  color: #EB0029;
}

.page-group-b2b .container{
    padding-bottom: 0px;
}

/***** Page validation ****/

.page-group-b2b .confirmation-container {
  padding: 50px 30px 20px 30px;
  margin-top: 20px;
}

.html-page-name-b2b_card_confirmation .global > .container > .main {
  background-color: transparent;
}

.page-name-ecardConfirm .block-title h3, .page-name-ecardConfirm .block-body, .page-name-participationConfirm .block-body{
  text-align:left;
}

.page-group-b2b .confirmation-informations p {
  margin-bottom: 0px;
}

.page-group-b2b .confirmation-success .confirmation-success-text{
  padding: 0px;
}


/****Page consultation***/
body.page-group-ecard div.body{
    background-color: #fff;
}

.form-ecard-number-connect{
  font-size: 18px;
}

body.page-group-ecard footer {
  box-shadow: none;
}

.consult-container .ecard-number-label, .code-pin-label-block label, .burn-login-container .ecard-number-label {
  font-weight: 400;
}

.button-ecard-number-connect .btn.btn-custom {
  width: 50%;
  margin-top: 20px;
}

.consult-balance-block .row {
  margin-top: 20px;
}

/****Page consultation /consult3***/
.code-number-container .code-number-label-block{
  text-align: left;
}

.ecard-number-field.form-group {
  padding: 0 4%;
}

/*****Paiement avec carte cadeau****/
.burn-container .payment-cancel-block, .html-page-group-burn .block-body.burn-body.burn-check-body, .block-title.burn-title.burn-check-title h3{
  max-width: 420px;
  margin: 0px auto;
}

.row.code-pin-container .col-sm-6, .row.code-pin-container .col-sm-6 label {
  padding-left: 0px;
}

.html-page-group-burn .block-body.burn-body.burn-check-body {
  padding: 30px 0px;
}

.block-title.burn-title.burn-check-title h3{
    padding: 30px 0 0 0;
}

.button-ecard-connect {
  margin-top: 30px;
  text-align: center;
}

.row.code-pin-container label {
  font-weight: 400;
}

.page-name-burnPaymentLogin .form-group input, .page-name-balanceConsult .form-group input{
  border-radius:5px !important;
}

/****Tooltip***/
.bv-tooltip-content {
  background-color: rgba(230, 47, 47, 0.9);
  border: 1px solid rgba(230, 47, 47, 0.9);
  text-align: left;
  font-family: Ubuntu, sans-serif;
}

.bv-tooltip-arrow{
    border-top-color: rgba(230, 47, 47, 0.9);
}

/****pop up erreur***/
.sa-confirm-button-container button.confirm {
  border: 2px solid #EB0029;
  transition: ease-out 0.3s;
  text-transform: uppercase;
  line-height: 0.5;
  font-family: Ubuntu, sans-serif;
  text-transform: none;
  font-weight: 700;
}

.sa-confirm-button-container button.confirm , .sweet-alert .sa-icon.sa-error .sa-line {
  background-color: #EB0029 !important;
}

.sweet-alert .sa-icon.sa-error {
  border: 5px solid #EB0029;
}

.sweet-alert h2, .sweet-alert p {
  color: #333;
  font-family: Ubuntu, sans-serif;
  line-height: 26px;
}

.sa-error .sa-line, .sa-success .sa-line {
  display: none !important;
}

.sa-x-mark.animateXMark {
  background: url('data:image/svg+xml,<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.41699 4.41602L33.5837 33.5827" stroke="%23EB0029" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.41699 33.5827L33.5837 4.41602" stroke="%23EB0029" stroke-width="7" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center 20px;
  height: 58px;
}

/****pop upp succès***/
.sweet-alert .sa-icon.sa-success .sa-line {
  background-color: #136700;
}

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  border: 5px solid #136700;
}

.sa-icon.sa-success .sa-placeholder {
  background: url('data:image/svg+xml,<svg width="36" height="29" viewBox="0 0 36 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.3085 1.43334C30.916 0.854988 31.7244 0.53525 32.5631 0.541597C33.4019 0.547943 34.2053 0.879878 34.804 1.46736C35.4027 2.05484 35.7497 2.85191 35.7719 3.69039C35.7941 4.52887 35.4896 5.34317 34.9228 5.96147L17.716 27.4808C17.4201 27.7995 17.063 28.0553 16.666 28.2328C16.269 28.4103 15.8403 28.506 15.4056 28.514C14.9708 28.5221 14.5388 28.4424 14.1355 28.2797C13.7323 28.117 13.3659 27.8746 13.0585 27.5671L1.64759 16.1562C1.32982 15.8601 1.07494 15.503 0.898164 15.1063C0.721386 14.7095 0.62633 14.2813 0.618667 13.847C0.611005 13.4127 0.690894 12.9813 0.853565 12.5786C1.01624 12.1758 1.25836 11.81 1.56549 11.5029C1.87262 11.1957 2.23847 10.9536 2.6412 10.7909C3.04394 10.6283 3.47532 10.5484 3.9096 10.556C4.34388 10.5637 4.77217 10.6588 5.16891 10.8355C5.56566 11.0123 5.92274 11.2672 6.21884 11.585L15.2492 20.611L30.2265 1.52822L30.3085 1.43334Z" fill="%23136700"/></svg>') no-repeat center center;
}

/*****Responsive***/
@media screen and (max-width: 1190px) {
    .b2b-homepage-ecard-type .row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-group-b2b .b2b-panel-client-buttons {
        padding: 12px 15px 0px 15px;
    }
}

@media screen and (max-width: 1080px) {
    .b2b-homepage-emphasis-title {
        font-size: 32px;
    }

    .b2b-homepage-emphasis-subtitle {
        font-size: 24px;
    }

    .b2b-homepage-emphasis-content {
        font-size: 18px;
    }
}

@media screen and (max-width: 1168px) {
    .b2b-homepage-emphasis {
        margin-top: 0px !important;
    }
}

@media (min-width: 992px) {
  .page-group-b2b .container {
    max-width: 1170px;
    width: 100%;
  }
}

@media (max-width: 992px) {
    /***page création compte***/
    .page-group-b2b .col-md-5.col-md-push-2.form-group.registration-comment-block{
      float: left;
      margin-right: auto;
      margin-top: 0;
      width: 100%;
    }
}

@media (max-width: 991px) {
    .page-group-b2b .ecard-default .login-container .login-form .col-md-4 {
        width: 50%;
        float: left;
    }
  
  .page-group-b2b .ecard-default .login-container .login-form .col-md-4:first-child {
    padding-left: 0px;
  }

  .page-group-b2b .ecard-default .login-container .login-form .col-md-4:last-child {
    padding-right: 0px;
  }
}

@media screen and (max-width: 991px) {
    .page-group-b2b .ecard-default .login-form .row {
        padding: 0px;
    }

  .page-group-b2b .col-contact-client {
    text-align: right;
  }

  .html-page-name-b2b_card .send-address-type-1-container, .html-page-name-b2b_card .send-address-type-2-container, .b2b-client-info .edit-link {
     width: 100%;
  }

   .b2b-client-info .edit-link {
      position: relative;
      max-width: 250px;
      right: 0px;
    }

    .page-group-b2b .send-container .send-type-email-container .radiobox-label, .page-group-b2b .send-container .send-type-hand-container .radiobox-label{
        margin-left: 0px;
        margin-top: -5px;
        max-width: 95%;
    }

    .page-group-b2b .send-container .button-container.button-next {
        margin-top: 50px;
    }

    .table.cart-summary {
        max-width: 50%;
    }

    .page-group-b2b .row.b2b-edit-order {
        margin-top: 10px !important;
    }

    .page-group-b2b .summary-container .b2b-visual-overview img {
        max-width: 100%;
        padding: 10px;
    }

    .page-group-b2b .send-container .col-md-6{
        padding-left: 0px;
    }
}

@media screen and (max-width: 958px) {
    .b2b-homepage-emphasis-text {
    padding: 0px 30px 0px 30px;
    }
}

@media screen and (max-width: 942px) {
    .page-group-b2b .ecard-type-block {
         width: 46%;
    }

    .html-page-name-b2b_ecard .custom-event-title-container {
        display: none;
    }
}

@media screen and (max-width: 929px) {
    .page-group-b2b .ecard-type-block {
        min-height: 317px;
    }

     .page-group-b2b .ecard-type-block .radiobox-label{
        width: 100%;
        margin-top: 10px;
        padding-left: 0px !important;
     }

     .page-group-b2b .ecard-type-block span.radiobox-icon{
        float:inherit !important;
     }

     .ecard-type-block .ecard-type-label .radiobox-label {
        text-align: center;
    }
}

@media screen and (max-width: 900px) {
    .b2b-homepage-emphasis-container {
        margin: 30px 10px 0px 0px;
    }

    .b2b-homepage-emphasis-title {
        font-size: 30px;
    }

    .b2b-homepage-emphasis-subtitle {
     font-size: 23px;
    }

    .b2b-homepage-emphasis-container {
        margin: 30px 10px 0px 0px;
    }

    .b2b-homepage-emphasis-content {
        margin: 0px 0px 5px 20px;
    }
}

@media screen and (max-width: 869px) {
    .page-group-b2b .ecard-type-block {
        min-height: 360px;
    }
}


@media screen and (max-width: 866px) {
    .b2b-homepage-emphasis .row {
        display: inherit;
    }

    .b2b-homepage-emphasis-text {
        padding: 30px;
    }

    .b2b-homepage-emphasis-picture img {
        height: 300px;
        width: 100%;
        object-fit: contain;
    }
}

@media screen and (max-width: 810px) {
    .b2b-homepage-emphasis-text {
        padding: 20px 40px;
    }

    .b2b-homepage-emphasis .row {
        display: inherit;
    }
    
}

@media (min-width: 768px) {
  .page-group-b2b .container {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
     .b2b-logo-container a{
        min-height: auto;
     }
     
    .page-group-b2b .ecard-type-block.ecard-type-plastic-block {
        margin: 20px 0px 20px 0px;
    }

    .html-page-group-b2b .table-responsive table, 
    .html-page-group-b2b .table-responsive table tbody, 
    .html-page-group-b2b .table-responsive table tr, 
    .html-page-group-b2b .table-responsive table td{
        width: 100%;
        display: block !important;
    }

    .b2b-client-orders .table-striped > tbody > tr:nth-of-type(2n+1) {
      background: #F7F7F7;
    }

    .b2b-client-orders .table-striped > tbody > tr, .b2b-client-orders .table-striped > thead > tr {
      padding: 20px 0;
    }

  .html-page-group-b2b tbody > tr {
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .html-page-group-b2b .table-responsive{
    border: 1px solid transparent;
  }

  .html-page-group-b2b .table-responsive .table > tbody > tr > td {
    border-top: transparent;
    }

    .b2b-homepage-emphasis {
        margin-top: 0px !important;
    }

    .table.table-striped thead tr {
     display: none !important;
    }

    .page-group-b2b .ecard-type-block {
        width: 100%;
    }

   .xs-only-inline {
      color: #136700;
    }

    .radio input[type="radio"]:not(:checked) + label span.radiobox-label, .radio 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 {
    max-width: 100%;
  }

  .page-group-b2b .send-container .send-type-email-container .radiobox-label, .page-group-b2b .send-container .send-type-hand-container .radiobox-label{
        margin-left: 25px;
        margin-top: -25px;
        max-width: 80%;
    }

    .page-group-b2b .ecard-default .login-container {
      padding: 35px 35px;
    }
}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .b2b-header.b2b-homepage-header .container-fluid, .b2b-header.b2b-client-header .container, .b2b-header .container{
        max-height:117px;
    }
}

@media screen and (max-width: 991px) and (min-width: 740px) {
    .b2b-client-info .col-md-6 {
    width: 50%;
    float: left;
    }
}

@media screen and (max-width: 480px) {
    /***header***/
    .html-page-name-b2b_homepage .b2b-header.b2b-homepage-header .container-fluid {
        flex-direction: column;
    }

     .b2b-header .container{
      flex-wrap: wrap;
     }

    .html-page-name-b2b_homepage .b2b-header .b2b-header-buttons {
        justify-content: center;
        width: 100% !important;
        padding: 20px 0px 10px 0px;
    }

    .html-page-name-b2b_homepage .b2b-header .b2b-logo-container {
        height: 50px;
    }

    .html-page-name-b2b_homepage .b2b-homepage-header .b2b-logo-container {
     padding-top: 20px !important;
     margin: 0 auto;
    }

    .html-page-name-b2b_homepage .html-page-name-b2b_homepage .lang-selector-b2b {
        width: 62%;
        text-align: right;
        line-height: 1;
        margin-top: 20px;
  }

  .b2b-header .b2b-logo-container {
    padding: 16px 15px 16px 5px;
    max-width: 200px;
    margin: 0 auto;
  }

  .b2b-homepage-ecard-title h2{
    line-height: 31px;
  }

  .b2b-header .b2b-header-buttons {
    padding: 0px 0px 20px 0px;
    display: flex;
    justify-content: center;
    width: 100% !important;
  }

  /****top home***/

    .b2b-homepage-emphasis-text {
      padding: 40px 20px 0 20px;
    }

    .b2b-homepage-emphasis-picture{
      padding: 0 20px;
    }

    .b2b-homepage-emphasis-title{
     font-size: 30px;
    }

  .b2b-homepage-emphasis .row {
    flex-wrap: wrap;
  }

  .b2b-homepage-ecard {
    padding: 0px 0px;
    }

    .b2b-homepage-ecard-text {
        padding: 0px !important;
    }

    .b2b-homepage-footer-text, .b2b-homepage-footer-event-title, .b2b-homepage-footer-event-guide, .b2b-homepage-footer-nota, 
    .page-group-b2b .ecard-default .login-container .login-form .col-md-4, .page-group-b2b .ecard-type-block, .b2b-login-button .btn.btn-login,
    .b2b-header .col-contact-client .btn.btn-contact, .b2b-client .b2b-client-panel a, .b2b-header-buttons .btn-contact, .b2b-client-button .btn.btn-client.customer-space{
         width: 100%;
    }

    .b2b-homepage-ecard-section {
         width: 100% !important;
    }

    .b2b-homepage-ecard-button .btn.btn-order{
        width: 90%;
    }

    footer p {
        display: flex;
        flex-direction: column;
    }

    footer p a {
        padding-bottom:5px;
    }

    .b2b-login-button, .b2b-homepage-ecard-button {
       text-align: center;
    }

    .b2b-password-forgotten-button {
        justify-content: center;
    }

    body.page-group-b2b .registration-container h3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .html-page-group-b2b .account-type-container {
        padding-left: 0px;
    }

    .html-page-group-b2b .login-form p{
        margin-top: 10px;
    }

    .page-group-b2b .ecard-default .login-form .row {
        padding: 0 0px;
    }

    .html-page-group-b2b .radio span.radiobox-label{
        max-width: 100% !important;
     }

     .b2b-client-info .edit-link{
        right: 0;
        /*bottom: -155%;*/
     }

     .html-page-group-b2b a.logout-link {
        width: 100% !important;
        margin-top: 10px;
    }

    .b2b-client-panel {
        grid-template-columns: repeat(1, 1fr);
    }

    .b2b-client-button {
       grid-row: 3;
    padding: 20px 0px 10px 0px;
    }

    .b2b-client .b2b-client-panel a {
        grid-row: 2;
        grid-column: 1/2;
    }

    .b2b-popin-close-button {
        top: 0px;
        right: 0px;
    }

    .b2b-homepage-footer-nota{
      top:0%;
    }

    .b2b-homepage-ecard-container {
      flex-wrap: wrap;
      gap: 0px !important;
    }

    #contact-popin {
      display: inherit !important;
    }

    /****Page login****/
    .html-page-name-b2b_card_login .form-group.col-md-4.area-code-container {
     width: 25% !important;
    }

    .html-page-name-b2b_card_login .row.registration-phone-block .form-group.col-md-8 {
        width: 75%;
    }

   .page-group-b2b .ecard-default .registration-container {
      padding-left: 0px;
      padding-right: 0px;
    }

    body.page-group-b2b .login-container h3, .page-name-b2b_login .login-form p{
      padding: 0 15px !important;
    }

    body.page-group-b2b .login-container h3{
      line-height: 27px;
    }

    .form-group.registration-optional-title-block {
      margin-top: 35px;
    }

    .page-group-b2b .ecard-default .login-container {
      padding: 35px 15px;
    }

      .page-name-b2b_login .b2b-header .b2b-header-buttons .btn, .page-name-b2b_ecard_login .b2b-header .b2b-header-buttons .btn{
        width: 90%;
    }

    .page-name-b2b_ecard_login .login-form .row {
      margin: 0px;
    }

    .page-group-b2b .ecard-default .login-container .login-form .col-md-4 {
      padding: 0 15px !important;
    }

    /***Page compte***/
    #edit-client-popin {
      margin-left: -20px;
    }

    /***** page achat ****/
     body.page-group-b2b .ecard-default h3{
        line-height: 31px;;
     }

    .page-group-b2b .b2b-panel-client-text {
        width: initial;
    }

    .page-group-b2b .b2b-panel-client-buttons, .page-group-b2b .original-cart-form p{
        text-align: center;
    }

    .page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a:nth-child(1) {
      margin-left: 0px;
    }

    .page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a:nth-child(2) {
      margin-left: 10px;
    }

    .page-group-b2b .ecard-type-block.ecard-type-plastic-block {
        margin: 20px 0px 20px 0px;
    }

    .page-group-b2b .card-type-container, .page-group-b2b .card-custom-container, .page-group-b2b .amount-container, 
    .page-group-b2b .send-container, .html-page-group-b2b .summary-container {
        padding: 40px 20px;
   }

   .page-group-b2b .event-title-container, .page-group-b2b .custom-event-title-container {
     margin: 0px;
   }

   .radio.ecard-type-label label span.radiobox-icon {
        float: inherit !important;
    }

   .page-group-b2b .original-cart-form > .row .col-md-8, .page-group-b2b .original-cart-form > .row .col-md-4, 
   .page-group-b2b .amount-container .row .col-md-5 {
        padding: 0px;
    }

    .page-group-b2b .input-text-nota {
        margin-top: -5px;
    }

    .page-group-b2b .row.add-a-cart-form-row .txtcenter {
         padding-right: 0px;
    }

    .page-group-b2b .send-date-container .radio input[type="radio"]:checked + label span.radiobox-label, 
    .page-group-b2b .send-date-container .radio input[type="radio"]:not(:checked) + label span.radiobox-label {
        display: inline;
    }

    .page-group-b2b .send-container .col-md-6.separator {
        padding-left: 0px;
        border-bottom: 1px solid #D9D9D9;
        padding-bottom: 50px;
    }

    .page-group-b2b .send-type-hand-container {
     padding-top: 30px;
    }

    .page-group-b2b .summary-container .b2b-edit-order {
        margin: 24px 0px;
    }

    .b2b-visual-overview img {
        padding: 0 10px;
    }

    .page-group-b2b .summary-container .b2b-total-text {
        text-align: center;
        font-size: 25px;
        margin-top: 10px;
        border-top: 1px solid #D9D9D9;
        padding-top: 30px;
        margin-bottom: 0px;
    }

    .page-group-b2b .summary-container .b2b-shipping-cost-text {
        text-align: right;
        font-size: 16px;
    }

     .page-group-b2b .send-container .send-type-email-container .radiobox-label, .page-group-b2b .send-container .send-type-hand-container .radiobox-label,
     .page-group-b2b .send-address-container .send-address-type-1-container .radiobox-label{
        margin-left: 20px;
        margin-top: -28px;
     }

     .html-page-name-b2b_ecard_payment .ecard-default .payment-container .wrapper {
        padding: 0px;
      }

      .send-date-container .col-lg-4.col-md-4.col-sm-4 {
        width: 35%;
      }

      .send-date-container .col-lg-4.col-md-4.col-sm-4 {
        width: 57%;
      }

    /****page confirmation achat ***/
    .page-group-b2b .confirmation-container {
      padding: 50px 20px 20px 20px;
    }

    .page-group-b2b .confirmation-success-text p {
    word-wrap: break-word;
    }

    .page-group-b2b .card-custom-container.card-custom-container-panorama .wrapper {
        padding: 0px !important;
    }

    .consult-balance-block .row .col-sm-2 {
        display:none;
    }

    .b2b-homepage-footer-text, .b2b-homepage-footer-event-title, .b2b-homepage-footer-event-guide, .b2b-homepage-footer-nota,
    .html-page-name-b2b_card_confirmation .page-group-b2b section.content .ecard-default .wrapper {
        padding: 0px;
    }

    /***debit et consultation solde***/
    .button-ecard-number-connect .btn.btn-custom, .button-ecard-connect .btn-custom{
      width: 100%;
    }
}

@media screen and (max-width: 460px){
    .b2b-header .b2b-header-buttons {
        flex-direction:row;
         padding-bottom: 15px;
    }

    .col-contact {
        padding: 0px 5px 0px 0px;
    }

    .col-customer-area {
        padding: 0px 0px 0px 5px;
    }

    .btn.btn-customer-area.customer-space {
        white-space: inherit;
        word-wrap: break-word;
    }

    .b2b-header .b2b-header-buttons .btn, .page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a{
        /*padding: 5px 25px 5px 25px;*/
        font-size: 15px;
        margin-left: 0px;
    }

    .page-group-b2b .original-cart-form p, .page-group-b2b .ecard-type-block .ecard-type-label .radiobox-label {
        text-align: left;
    }

    .page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a {
        margin: 10px 0 15px 0px;
        margin-right: 5px;
    }
}

@media screen and (max-width: 410px) {
    .b2b-homepage-emphasis-title {
        font-size: 28px;
        line-height: 1.4;
    }

    .b2b-homepage-emphasis-subtitle {
        font-size: 20px;
    }
}

/***Ajout B2B - Linda 05-05-2025 ***/

.b2b-selected-symbol::before{
  content: '•';
}

.b2b-homepage-emphasis .container-fluid {
  background: rgba(217, 217, 217, 0.40);
}

.b2b-homepage-emphasis-picture {
  padding-right: 30px;
}

.b2b-homepage-ecard.card-type {
  display: none;
}

#contact-popin .form-group, #contact-popin .frc-captcha {
  display: none !important;
}

.html-page-group-b2b .well{
  padding-bottom: 40px;
}

.b2b-homepage-ecard-container {
  display: flex;
  gap: 30px;
}

.b2b-homepage-ecard-section {
  width: 50%;
}

.page-name-b2b_client .container-fluid {
  background: transparent;
}

/****pop up modifier les informations - page compte client ***/
.b2b-popin-close-button {
  top: 0;
  right: 0;
}

#edit-client-popin {
  overflow-y: scroll;
  max-height: 660px;
  overflow-x: hidden;
}

.input-text-nota {
  color: #7E7E8A;
}

.send-container .checkbox,.send-container .radio {
  margin-top: 5px;
  margin-bottom: 5px;
}

.original-cart-form .row:first-child {
  margin-bottom: 20px;
}

.html-page-group-b2b .input-text-complement p {
  margin-top: 15px;
}

.html-page-group-b2b .payment-container {
  margin: 0 auto;
  margin-top: 0px;
  max-width: 830px;
}

.html-page-group-b2b .payment-container .wrapper{
  padding: 0px !important;
}

@media screen and (max-width: 600px) {
  .page-group-b2b .excel-format {
    width: 100%;
  }
}

/****Suppression des liens cliquables comportement IOS/Safari mobile ****/
a[href^="tel"],
a[href^="sms"] {
  text-decoration: none !important;
  pointer-events: none;
  cursor: default;
}

/*****Désactivation du menu déroulant Pays pour la création de compte *****/
.form-group.registration-country-block{
  display: none;
}