.common_green_check_button, .common_green_check_button:hover, .common_green_check_button:focus, 
  .common_green_check_button:active { outline: none !important; }
#welcome-merch-img .card-img-top { width: 80%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); }


@media (min-width: 1024px) and (max-width: 1400px) and (orientation:portrait) {
  .mt-view { margin-top: 10% !important; }
  .mt-view-forget { margin-top: 5% !important; }
     .mt-view-card-success { margin-top: 5% !important; }
  .mt-view-merch-livraison { margin-top: 10% !important; }
  .mt-view-wc-merch { margin-top: 10% !important; }
  .mt-view-merch-temp { margin-top: 10% !important; }
  .mt-view-set-card-passcode { margin-top: 10%; }
  .mt-scan-user-card { margin-top: 10% !important; }
  .mt-view-transaction { margin-top: 10%; }
  .mt-view-merch-merchandising { margin-top: 10%; }
  .mt-view-merch-recuperation { margin-top: 10% !important; }
  .mt-view-merch-add-destock { margin-top: 10% !important; }
  .mt-view-merch-stocking-item-list { margin-top: 10% !important; }
  .mt-view-merch-nettoyage { margin-top: 10% !important; }
  .mt-view-login-step2 { margin-top: 5% !important; }
  .mt-view-account-trans-list { margin-top: 12% !important; }
  .mt-change-username { margin-top: 5% !important; }
  .mt-view-user-setting { margin-top: 5% !important; }
  .mt-view-merchandiser-fridge-item-list { margin-top: 10% !important; }
  .mt-change-username-confirmation { margin-top: 5% !important; }
  .title-ft-size { font-size: 60px !important; }
  .subtitle-text { font-size: 40px !important; margin-bottom: 40px !important; padding: 0px 20px !important; 
    line-height: 48px !important; }

  .welcome-merch-subtitle-text { font-size: 40px; margin-bottom: 40px; padding: 0px 20px; line-height: 48px !important; }
 .welcome-merch-caption-text { font-size: 30px !important; margin-bottom: 15px !important; padding: 0px 0px !important; line-height: 30px !important; }
  .image-padding {
      padding-left: 0px; padding-right: 0px; max-width: 280px; text-align: center; 
      margin-top: 30px; margin-bottom: 60px; }
      .image-padding-recuperation { padding-left: 0px; padding-right: 0px; max-width: 260px; text-align: center; margin: 34px auto 0px; }
  .quantity-input { width: 25% !important; padding: 10px 0px !important;
    border: 3px solid #000; border-radius: 6px !important; text-align: center; font-size: 42px; }
  .text-after-input { font-size: 38px !important; }
  .topup_form_action { margin-top: 40px !important; margin-bottom: 20px !important; }
  #pc-popup-box-button .common_green_check_button { margin-bottom: 30px; padding: 10px 80px 10px 14px !important; outline: none !important; }
  .common_green_check_button, .common_green_check_button:hover, .common_green_check_button:focus, 
  .common_green_check_button:active { line-height: 60px !important; font-size: 36px !important; outline: none !important; }
     .common_green_check_button-mt { margin-top: 34px; }
    .topup_form_action button.common_green_check_button { padding-left: 20px !important;
    padding-right: 58px !important; padding-top: 10px !important; padding-bottom: 10px !important; font-size: 20px; line-height: 30px; }
  .common_green_check_button:before { width: 40px !important; height: 40px !important; right: 6px !important; }
  .image-padding-nettoyage { width: 70% !important; margin: auto; }
  .option-ft-size { font-size: 40px; }
  [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before {
    content: ''; position: absolute; left: 0; top: 22px; width: 17px; height: 17px; border: 0px solid #aaa;
    background: #f0f0f0; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); }

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="radio"]:not(:checked) + label, 
[type="radio"]:checked + label { position: relative; padding-left: 34px; padding-top: 1px; cursor: pointer; }
.ft-size-destock-table { font-size: 30px; border: 3px solid #ddd; }
.mt-destock-item-preview { margin-top: 6% !important; }
.delivery-instruction-img img { width: 88% !important; }
.with_tab_page_container-menu-page { display: inline-block !important; width: 100% !important; margin-top: 10% !important; }
.shadow-block { margin: 20px 0; box-shadow: 0 4px 8px 0 rgba(0,0,0,.4); display: inline-block; width: 100%; }

.image-padding-recuperation { text-align: center !important; margin: auto !important; }
.image-padding-recuperation img { width: 40% !important; }



/*================= custom-confirm-box css ====================*/

 .custom-confirm-box-container{
          position: fixed; 
          display: none;
          width: 100%; 
          height: 100%; 
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: rgba(0,0,0,0.5); /* Black background with opacity */
          z-index: 2; 

      }
    
    .custom-confirm-box {
            width: 80%;
            position: absolute;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 2px 2px 2px #fcfcfc;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            overflow: auto;
            max-height: 600px;
    }

    .custom-confirm-box img{
        width: 15%;
        margin-top: 30px; 
        margin-bottom: 15px; 

    }

    .pc-confirm-msg{
        text-align: center;
        font-weight: 600;
        font-size: 44px;
        padding: 0px 60px;
    }


    .pc-cancle-button{
        background-color: red !important;
        color:#fff;
    }
    .pc-cancle-button:before{
        content: none !important;
        background: #ff0000 !important;
    }

    .page_title {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #5b5b5b !important;
    font-weight: 700;
    font-size: 30px;
    margin-top: 12%;
}


/*================= custom-confirm-box css ====================*/

}



@media (min-width: 768px) and (max-width: 1023px) {
  .mt-view { margin-top: 14% !important; }
  .mt-view-forget { margin-top: 6% !important; }
     .mt-view-card-success { margin-top: 6% !important; }
  .mt-view-merch-livraison { margin-top: 14% !important; }
  .mt-view-merch-merchandising { margin-top: 14%; }
    .mt-view-merch-stocking-item-list { margin-top: 11% !important; }
  .mt-view-wc-merch { margin-top: 14% !important; }
  .mt-view-set-card-passcode { margin-top: 14%; }
  .mt-view-merch-temp { margin-top: 14% !important; }
  .mt-scan-user-card { margin-top: 14% !important; }
  .mt-view-transaction { margin-top: 5% !important; }
  .mt-view-merch-recuperation { margin-top: 14% !important;  }
  .mt-change-username-confirmation { margin-top: 6% !important; }
  .mt-view-user-setting { margin-top: 6% !important; }
  .mt-view-merch-add-destock { margin-top: 14% !important; }
  .mt-view-merch-nettoyage { margin-top: 14% !important; }
   .mt-view-merchandiser-fridge-item-list { margin-top: 12% !important; }
  .title-ft-size { font-size: 48px !important; }
  .subtitle-text { font-size: 30px !important; margin-bottom: 40px !important; line-height: 40px !important; }
  .welcome-merch-subtitle-text { font-size: 30px !important; margin-bottom: 10px !important; padding: 0 !important; line-height: 36px !important; }
  .welcome-merch-caption-text { font-size: 20px !important; margin-bottom: 10px !important; padding: 0px 0px !important; line-height: 30px !important; }
  .image-padding {
    padding-left: 0px; padding-right: 0px; max-width: 200px; text-align: center; 
    margin-top: 20px; margin-bottom: 40px; }
.quantity-input { width: 25% !important; padding: 8px 0px !important; border: 2px solid #000;
    border-radius: 3px !important; text-align: center; font-size: 32px; }
    .text-after-input { font-size: 28px; }
.topup_form_action { margin-top: 30px !important; margin-bottom: 30px !important; }
#pc-popup-box-button .common_green_check_button { margin-bottom: 20px; padding: 7px 70px 5px 14px; }
  .common_green_check_button-mt { margin-top: 34px; }
  .topup_form_action button.common_green_check_button { padding-left: 20px !important;
    padding-right: 58px !important; padding-top: 10px !important; padding-bottom: 10px !important; font-size: 20px; line-height: 30px; }
  .common_green_check_button:before { width: 40px !important; height: 40px !important; right: 6px !important; }
  .image-padding-nettoyage { width: 70% !important; margin: auto; }
  .option-ft-size { font-size: 30px; }
.welcome-merch-subtitle-text { width: 80%; margin: 0 auto 15px;  }
.img-merch-merchandise img { width: 80%; margin: auto; }
.img-merch-merchandise-2 img { width: 80%; margin: auto; }


[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before {
    content: ''; position: absolute; left: 0; top: 15px; width: 17px; height: 17px; border: 0px solid #aaa;
    background: #f0f0f0; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); }

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="radio"]:not(:checked) + label, 
[type="radio"]:checked + label { position: relative; padding-left: 34px; padding-top: 1px; cursor: pointer; }

.ft-size-destock-table { font-size: 20px; border: 3px solid #ddd; }
.mt-destock-item-preview { margin-top: 4% !important; }
.with_tab_page_container-menu-page { display: inline-block; width: 100%; margin-top: 10% !important; }
.mt-view-login-step2 { margin-top: 5% !important; }
.mt-view-account-trans-list { margin-top: 12% !important; }
.mt-view-stock-entry { margin-top: 11%; }
.mt-change-username { margin-top: 5% !important; }

.image-padding-recuperation { text-align: center !important; margin: auto !important; }
.image-padding-recuperation img { width: 30% !important; }


/*================= custom-confirm-box css ====================*/

 .custom-confirm-box-container{
          position: fixed; 
          display: none;
          width: 100%; 
          height: 100%; 
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: rgba(0,0,0,0.5); /* Black background with opacity */
          z-index: 2; 

      }
    
    .custom-confirm-box {
            width: 80%;
            position: absolute;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 2px 2px 2px #fcfcfc;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            overflow: auto;
            max-height: 600px;
    }

    .custom-confirm-box img{
        width: 15%;
        margin-top: 15px; 
        margin-bottom: 10px; 

    }

    .pc-confirm-msg{
        text-align: center;
        font-weight: 600;
        font-size: 34px;
        padding: 0px 60px;
    }


.page_title {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #5b5b5b !important;
    font-weight: 700;
    font-size: 30px;
    margin-top: 10%;
}

    .pc-cancle-button{
        background-color: red !important;
        color:#fff;
    }
    .pc-cancle-button:before{
        content: none !important;
        background: #ff0000 !important;
    }


/*================= custom-confirm-box css ====================*/



}

@media (max-width: 480px) { 
    .welcome-merch-caption-text { font-size: 14px !important; margin-bottom: 14px !important; padding: 0px 0px !important; line-height: 18px !important; }
  .image-padding { padding-left: 0px; padding-right: 0px; max-width: 140px; text-align: center; margin: auto; }
  .image-padding img { width: 60% !important; }
  .image-padding-nettoyage { width: 70% !important; margin: auto; }
  .quantity-input { width: 20% !important; padding: 5px !important; border: 1px solid #000; 
    border-radius: 3px !important; text-align: center; font-size: 16px; }
  input[type="number"] { -moz-appearance: textfield; }
.container-welcome-merchandise { width: 100%; padding-right: 30px !important; padding-left: 30px !important; margin-right: auto; margin-left: auto; }


/*================= custom-confirm-box css ====================*/

 .custom-confirm-box-container{
          position: fixed; 
          display: none;
          width: 100%; 
          height: 100%; 
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: rgba(0,0,0,0.5); /* Black background with opacity */
          z-index: 2; 

      }
    
    .custom-confirm-box {
            width: 80%;
            position: absolute;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 2px 2px 2px #fcfcfc;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            overflow: auto;
            max-height: 600px;
    }

    .custom-confirm-box img{
        width: 15%;
        margin-top: 15px; 
        margin-bottom: 10px; 

    }

    .pc-confirm-msg{
        text-align: center;
        font-weight: 600;
        font-size: 18px;
        padding: 0px 20px;
    }

#pc-popup-box-button .common_green_check_button { margin-bottom: 20px; padding: 7px 35px 5px 14px; }

    .pc-cancle-button{
        background-color: red !important;
        color:#fff;
    }
    .pc-cancle-button:before{
        content: none !important;
        background: #ff0000 !important;
    }


/*================= custom-confirm-box css ====================*/



}