/* CSS à masquer sauf page de consultation et page de dépense */
.page-group-ecard:not(.page-name-balanceConsult) {
  display: none;
}
/*Test Langue arabe*/
@font-face {
    font-family: "NotoSansArabic";
    src: url("/custom_assets/css/fonts/942/notosansarabic-1741618500.ttf") format('truetype');
    font-weight: normal;
    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;
}*/

.header-title, .termsofsales-link{
    display: none !important;
}

.merchant-logo-link{
    pointer-events: none
}

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: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

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

header, .body, .btn , .btn-custom, .sa-confirm-button-container button.confirm{
    background-color: #000 !important;
    border: unset !important;
}

input:hover{
    color: #fff !important;
    transition: unset !important;
}

input.btn.btn-custom{
    width: 100% !important;
    /* margin-bottom: 50px !important; */
}

.page-group-ecard .container, .html-page-group-burn .container{
    height: 100% !important;
}
.body {
    padding: 60px 0px 0px 0px !important;
}

html.theme-enkel:not(.html-page-group-b2b), body.page-group-ecard, body.page-group-exception, body.page-group-burn{
    background-image: unset !important;
    background-color: black !important;
}

footer {
    max-width: 1170px !important;
    margin: auto;
    padding-bottom: 100px !important;
}

@media screen and (max-width: 991px) and (min-width: 320px) {

        footer {
        margin-left: 15px;
        margin-right: 15px;
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width: 480px) {
    .page-group-ecard.container {
        margin: 0 !important;
    }
        .page-group-ecard .container {
        margin: 0 !important;
    }
}

/* .block-title.consult-title {
    padding-bottom: 30px !important;
} */

.consult-container .code-pin-block{
    width: 100%;
}

/* Fusion des 4 blocs input pour saisir la carte cadeau 

 .quartet-block.form-group{
    padding: unset !important;
}
.ecard-number-fields{
    display: flex !important;
    flex-direction: row !important;
    margin: unset !important;
}

input.form-control.quartet {
    border-radius: unset !important;
    border: unset !important;
    border-top: 1px solid #D9D9D9 !important;
    border-bottom: 1px solid #D9D9D9 !important;
    text-align: left;
}

 input.form-control.quartet[data-num="1"] {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-left: 1px solid #D9D9D9 !important;
}

input.form-control.quartet[data-num="4"] {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-right: 1px solid #D9D9D9 !important;
}  */

input.form-control.quartet::placeholder , input#pin_code::placeholder {
    color: rgba(0, 0, 0, 0.3); 
}

p.ecard-number-label.consult-balance-prosodie-pin-code-tip{
    display: none !important;
}


header{
   padding-top: 20px;
   box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.15); 
}

.header-logo {
  width: 100%;
  max-width: 230px;
  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: 20px;
  height: 20px;
  background-image: none;
  border: 2px solid rgba(126,126,138,0.2);
  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: #6E6ACF;
  background: #6E6ACF;
  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: center;
  max-width: 600px !important;
  padding: 40px 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-top-left-radius: 15px;
    border-top-right-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: #000;
}

/*****bloc 1*****/
.block-title h3, .header-text-back {
  background-color: transparent;
  font-size: 27px;
  line-height: 33px;
  font-weight: 700;
}

.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{
    color: #6E6ACF;
}

.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;
}

.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;
}

.dispatch-container .send-type-block.send-type-block-active {
  background-color: #f0f0fa;
  color: #000;
  border-bottom: 1px solid #f0f0fa;
  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: #f0f0fa;
  border: 1px solid #DCDCDC;
  border-top: 0px solid transparent;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 40px;
}

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

.dispatch-container .send-type-block.send-type-block-active, .form-control::placeholder  {
  color: #000;
}

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

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

.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;
}

/*****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.amount-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;
}

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

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

.gallery-container .visual.active {
    background-color: transparent;
    border: 2px solid #6e6acf;
}

.amount-container .fixed-amount.active, .amount-container .fixed-amount:hover {
  border: 1px solid #6E6ACF;
  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%;
}

/****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: #6E6ACF;
}

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

/****footer***/

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

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

.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;
}

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

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

.html-page-name-ecardEdit .participations li {
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 15px;
}

/****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 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 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) {
  .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, .btn-custom-radio label span.radiobox-label, .btn-custom-radio label span.radiobox-label  {
        max-width: inherit;
    }

    .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) {
    .btn-custom {
        background-color: #000;
        border-color: #000;
        color: #fff;
        border-radius: 50px;
        padding: 15px;
        transition: 0.1s ease 0.2s;
        font-size: 16px;
    }

    .btn-custom:hover {
        background: #6E6ACF;
        border-color: #6E6ACF;
    }


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

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

@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;
    }

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

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

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

    .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;
    }
}

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

@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 {
  color: #000;
}

.page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a, .b2b-client-info .edit-link{
    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 .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:175px;
    padding: 55px 0px 16px 15px;
    float:inherit;
}

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

.b2b-header .btn.btn-contact, .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, 
.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 {
  background-color: #6E6ACF;
  text-transform: uppercase;
  border: 2px solid #6E6ACF;
}

.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: 10px 25px 10px 25px;
  font-size: 16px;
  border-radius: 50px;
  text-decoration: none;
}

.b2b-header .btn.btn-contact:hover, .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:hover, 
.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 {
  background-color: rgba(110, 106, 207,0.3);
  color: #6E6ACF;
  border: 2px solid #6E6ACF;
  transition: 0.2s ease 0.2s;
}

.b2b-header .btn.btn-customer-area, .b2b-client .b2b-client-panel a, .page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a:nth-child(2),
.b2b-confirmation-button .btn.btn-confirmation{
    color: #6E6ACF;
    border: 2px solid #6E6ACF;
    transition: ease-out 0.3s;
    background-color: #fff;
    text-transform: uppercase;
}

.b2b-header .btn.btn-customer-area:hover, .b2b-client .b2b-client-panel a:hover, .page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a:nth-child(2):hover,
.b2b-confirmation-button .btn.btn-confirmation:hover {
    background-color: rgba(110, 106, 207,0.3);
    color: #6E6ACF;
    border: 2px solid #6E6ACF;
    transition: ease-out 0.3s;
}

.b2b-header .b2b-header-buttons {
  padding: 50px 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;
  box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.15);
}

.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 {
  color: #6E6ACF;
  font-size:27px;
  line-height: 34px;
}

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

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

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

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

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

.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  {
  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: 400px;
  }
}

/****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-footer-nota {
  font-style: normal;
  color: #6E6ACF;
  clear: both;
}

/****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;
}

.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;
}

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

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

body.page-group-b2b .login-container h3, .page-name-b2b_login .login-form p, .page-group-b2b .ecard-default .registration-container .b2b-login-button, 
.page-group-b2b .confirmation-success .confirmation-success-text, .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-informations, .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 {
  text-align: center;
}

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

.login-form p {
  color: #6E6ACF;
  font-size: 20px;
  margin-bottom: 40px;
}

.page-group-b2b .ecard-default .login-container .wrapper {
  width: 100%;
  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 20px;
}

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

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

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

.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: 20px;
}

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

.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%;
}

/**** 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;*/
}

.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;
}

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

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

/**** 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****/
.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;
}

/**** 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{
    border: 0px solid #ddd;
    padding: 30px 30px 70px 30px;
}

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

.b2b-client-info .edit-link{
  background: #6E6ACF;
  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: rgba(110, 106, 207,0.1);
}

.b2b-client-orders .table-striped > tbody > tr, .b2b-client-orders .table-striped > thead > tr {
  background-color: rgba(110, 106, 207,0.21);
}

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

/****page d'achat - ecard ****/
.page-group-b2b section.content .ecard-default .wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.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: 20px;
    height: 20px;
    border-radius:3px;
    float: left;
}

.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: #6E6ACF;
  background: #6E6ACF;
  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: #6E6ACF;
}

.slick-prev.slick-arrow, .slick-next.slick-arrow {
  background: url('../../custom_assets/images/942/b2b/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 .input-text-nota {
  margin-top: -35px;
}

.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 .add-a-cart-form-row-label label {
  color: #6E6ACF;
}

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

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

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

.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://mybox-sandbox.buybox.net/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: #6E6ACF;
  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 .upload-beneficiaries-excel-file .upload-label, .page-group-b2b .upload-beneficiaries-excel-file .upload-icon {
  color: #6E6ACF;
}

.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: 240px;
  padding: 10px 50px 10px 30px;
  background-color: #6E6ACF;
  background-size: 18px;
  background-position: 94% 50%;
}

.page-group-b2b .send-container .button-container.button-next .btn:hover {
  color: #fff;
  box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.35);
  margin-right: 7px;
  transition: 0.3s ease 0.2s;
  margin-left: 10px;
}

.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;
}

/*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: Montserrat, 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: 12px;
}

.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 {
  color: #6E6ACF;
}

.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: #6E6ACF;
  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: #6E6ACF;
}

.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 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: 60%;
  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;
}

.burn-container .payment-cancel-block{
  text-align: center;
}

.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;
}

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

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

/****pop up erreur***/
/* .sa-confirm-button-container button.confirm {
  background-color: #f27474 !important;
  border: 2px solid #f27474;
  transition: ease-out 0.3s;
  text-transform: uppercase;
} */

/*****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-group-b2b .ecard-default .login-container .login-form .col-md-4 {
        width: 50%;
        float: left;
    }
}

@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;
    }

    .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 15px 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: 400px;
        width: 100%;
        object-fit: cover;
    }
}

@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;
    }

  .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%;
    }
}

@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;
    }

    .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;
    }

    .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: 55px 15px 16px 5px;
  }

  /****top home***/

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

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

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

  .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 {
         width: 100%;
    }

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

    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: 61% !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;
    }

    /****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 achat ****/
    .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: left;
    }

    .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 .send-container .button-container.button-next .btn{
        margin-top:40px;
    }

    .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;
     }

    /****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 !important;
    }

    .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;
    }
}

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

    .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-top: 5px;
        margin-left: 0px;
    }

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

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

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

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