/* Custom css classes */
.text-C {width: 100% !important; margin: 3% 0 !important;}
.digital-library-head-img { display: block; margin-left: auto; margin-right: auto; }
.digital-library-img { margin-left: auto; margin-right: auto; }
.benefits-img { width: 150px; height: 150px; }
.promo-ltbl-black { color:#fff; background-color:#000000; }
.promo-payu { color:#fff; background-color:#A6C307; }
#onecard { max-width: 680px !important; }
.fullView .onecard-box { width: 325px !important; }
.fullView .onecard-left { float: left !important; clear: both !important; }
.fullView .onecard-right { float: right !important; }
.fullView .onecard-box h1 { font-family: 'Roboto', sans-serif; font-size: 18px; text-align: left; color: #ff2a6f; }
.fullView .onecard-box ul { padding-top: 10px !important; border-top: 1px solid #ff2a6f; list-style-type: disc; padding-left: 40px; }
.fullView .onecard-box ul li { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 20px; color: #434f51; list-style: disc; }
.fullView .onecard-box p { padding-top: 10px; border-top: 1px solid #ff2a6f; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 20px; color: #434f51; }
.row:before, .row:after {display: none !important;}
.flex-box-fix { height: 630px;}
.flex-box-fix .bsns-itm, .flex-box-fix .bsns-cnt {display: flex;flex-direction: column;justify-content: space-between; height: 100%;}
.body_cst .new-flex-box, .container-fluid .new-flex-box { height: 95%;}
.body_cst .new-flex-box .new-flex-box-item {height:100%;}
.container-fluid .new-flex-box .height-100 { height: 100%;}
.container-fluid .new-flex-box .new-flex-content {height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
@media screen and (min-width: 1025px) and (max-width: 1440px) {.flex-box-fix { height: 715px;}}
@media screen and (min-width: 742px) and (max-width: 891px) {.prom-msgs .ikatalog-wrapper {text-align: center;} .prom-msgs .ikatalog-wrapper .ikatalog-btn {display: inline-block;margin-bottom: 22px;margin-left: 20px;}}
@media screen and (max-width: 1024px) {.container-fluid .new-flex-box .new-flex-content .header_cst {font-size: 2rem;} .bsns-itm .bsns-img-c img {height:250px;}}
@media screen and (max-width: 834px) {.container-fluid .new-flex-box .new-flex-content .header_cst {font-size: 1.8rem;}}
@media (max-width: 680px) { .fullView .onecard-right { float: left !important; clear: both !important; } }
.mailing_welcome { padding:40px; text-align:center; font-family:Arial; font-size:26px; color:#ffffff; }
.mailing_content { padding: 5px; font-family:Arial; }
.mailing_avon_logo { width: 100px; }
.mailing_ftr { padding: 40px; background-color: #344447; display: flex; justify-content: center; align-items: center; }
.mailing_ftr2 { padding: 30px; background-color: #23363a; display: flex; justify-content: space-around; align-items: center; }
.mailing_ftr3 { padding: 0 0 30px 0; background-color: #23363a; display: flex; justify-content: center; align-items: center; }
.mailing_ftr_desc { font-family:Arial; font-size:16px; color:#6f7e81; }


/*START popup no pesel*/
.add-address-button, .accept-button {height: 3em;padding: 0 2em;background-color: #ff336d;color: white;margin: 2em auto;width: 30%;border: 1px solid #ff336d;webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;border-radius: 5px;cursor: pointer;}
.accept-button {line-height: 3em;}
.add-address-button:hover,.add-address-button:focus,.add-address-button:active,.accept-button:hover,.accept-button:focus,.accept-button:active{box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);}
.add-add-pop-up, .accept-pop-up {font-size: 1.5em;font-weight: 200;padding-top: 1em;margin: 0;color: black;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-font-smoothing: antialiased;}
@media (max-width: 480px){.add-address-button, .accept-button{width: 85%;}}
/*END popup no pesel*/

@media screen and (max-width: 1440px) {.offr-cont .offr-desc {font-size: 22px;padding: 15px 30px 24px;}}

@media screen and (max-width: 834px) {
    .offr-cont {
        font-size: 0.3rem !important;
        padding-left: 10%;
        padding-right: 10%;
    }
    .offr-hdng {
        font-size: 14px !important;
    }
    .offr-desc {
        font-size: 12px !important;
        padding: 0 !important;
        padding-left: 30% !important;
        padding-right: 30% !important;
    }
    .offr-lm-btn {
        width: 40% !important;
        height: 25px !important;
        font-size: 10px !imporant;
        line-height: 25px !important;
    }
}
@media (max-width: 680px) {
    .fullView .onecard-right {
        float: left !important;
        clear: both !important;
    }
}

@media (min-width: 680px) {
.offr-cont {
    padding-left: 30% !important;
    padding-right: 30% !important;
}}

@media (min-width: 992px) {
.offr-lm-btn {
    bottom: 20px !important;
    left: 30% !important;
    right: 30% !important;
    position: absolute !important;
    width: 40% !important;
}

.offr-cont {
    padding-left: 15px !important;
    padding-right: 15px !important;
    left: 0 !important;
    right: 0 !important;
    width: 33% !important;
}

.offr-cont>div>.offr-hdng,
.offr-cont>div>.offr-desc {
    color: #000000 !important;
}

.offr-dtls-caro .odr-slk-lft {
    position: absolute !important;
    left: 28% !important;
    top: auto !important;
    bottom: 20px !important;
    margin-left: 0;
}

.offr-dtls-caro .odr-slk-rgt {
    position: absolute !important;
    left: 35% !important;
    top: auto !important;
    bottom: 20px !important;
    margin-left: 0;
}
}


    @media print {
      #rightPanelOrderDetails .productDetails,
      #rightPanelOrderDetails #orderSummary {
        font-size: 12px!important;
      }
      .pao-wrapper .right-pane {
        padding: 0 !important;
      }
      #orderSummary, #custOrd-0 {
        padding: 5px 5px 5px 5px;
      }
      .btm-mrgn {
        display: none;
      }
      img, #orderLanding, #declinePopup, #headerimport, .hr-line, .pao-head, .secckt-txt, .oh-landing, #orderDetails, #items-list {
          display: none!important;
      }
      .pr-subC {
          height: 10px;
          font-size: 12px!important;
      }
      .pr-desc {
        font-size: 12px!important;
      }
      .pr-subC .pr-qty {
          top: 10px;
          font-size: 12px!important;
      }
      order-submit, order-contactinfo {
          display: none!important;
      }
      .pr-desc .name,
      .pr-desc .desc,
      .pr-price,
      .pr-qty,
      .ot-head,
      .crdDtls-c .crdName,
      .crdNum,
      .shpng-days,
      .ot-ttl,
      .addr-c .addr,
      .addr-c,
      .addr,
      .smry-td .lbl,
      .ttl-earn .ttl,
      .smry-td .amnt,
      .smry-td .ttl,
      .ttl-earn .amnt {
        font-size: 12px!important;
      }
      .ot-ttl {
        font-weight: 600!important;
      }
      .loc-c {
        padding: 0 0 0!important;
        font-size: 12px!important;
      }
      .smry-td>div {
        padding-bottom: 0!important;
        font-size: 12px!important;
      }
      .ttl-earn {
        padding: 0 25px !important;
        font-size: 12px!important;
      }
      .bnkCard-c, .loc-c {
        padding: 0 0 0!important;
      }
      .gglMap-lnk[_ngcontent-c31],
      .gglMap-lnk[_ngcontent-c12],
      .gglMap-lnk {
          display:none;
      }
      .ordItems > .pr-items {
        display: flex;
        justify-content: flex-start;
      }
      .pr-price,
      .pr-bottomTxt {
        text-align: right;
        margin-right: 10px;
      }
      .pr-desc {
        width: 50%!important;
      }
      .mv-rgt,
      .mv-lft {
        float: none!important;
        width: 25%!important;
      }
      .pr-qty {
        position: unset!important;
      }
      .pr-items {
        padding-top: 15px!important;
        padding-bottom: 15px!important;
      }
  }
  
    .editBtn, .edit-Cm {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
      }
      
        /* DCS_CSS_Start */
        
        .payNwBtn{
      margin:0 auto;
      display:block;
  }
  .avn-prim-btn {
      background-color: #7F28C4;
      color: #ffffff;
      border: none;
      font-size: 16px;
      border-radius: 4px;
      text-align: center;
      font-weight: bold;
      outline: none;
      cursor: pointer;
      margin-left: auto;
      margin-right: auto;
      height: 56px;
      line-height: 56px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 312px;
  }
  
  .stts-img {
    width: 61px;
    margin: 0 auto;
  }

  .stts-img img {
    max-width: 100%;
  }

  .label1 {
    text-align: center;
    font-size: 24px;
    font-weight: 200;
    color: #181818;
    padding-top: 20px;
  }

  .label2 {
    text-align: center;
    color: #546264;
    font-size: 16px;
    margin-bottom: 40px;
  }
  .schdlPay-info {
    text-align: center;
    color: #546264;
  }
  @media only screen and (max-width: 767px) {
    .label1 {
        padding: 45px 30px 20px;
    }
    .label2 {
        padding: 0 60px;
    }
    .cls {
        width: 312px;
        margin-bottom: 30px;
    }
  }

  @media only screen and (min-width: 768px) {
    .label1 {
        padding-bottom: 10px;
    }
    .cls {
        width: 376px;
        margin-bottom: 30px;
    }
    .schdlPay-info {
        margin-bottom: 45px;
        padding: 0 45px;
        border-top: solid 1px #e4eded;
        padding-top: 45px;
    }
  }
     
  .mdo-mdl-wrp {
    max-width: 750px;
    width: 90%;
    min-width: 344px;
    margin: auto;
    background: #fff;
  }

  @media (min-width:768px) {
  
    .mdo-mdl-wrp .mab-mdl-cont {
        max-width: 590px;
        margin: auto;
        padding: 65px 8% 35px;
    }
  
    .mdo-mdl-wrp .avn-prim-btn
    {
        margin-top: 65px;
        margin-bottom: 35px;
        min-width: 312px;
        display: block;
    }
  }

  @media (max-width:767px) {

    .mdo-mdl-wrp .mab-mdl-cont {
        min-width: 314px;
        width: 80%;
        margin: auto;
        padding: 35px 0;
    }

    .sm-mdl-wrp .mab-mdl-cont {
        padding: 26px 0 25px;
    }

    .mdo-mdl-wrp .avn-prim-btn{
        margin-top: 25px;
        margin-bottom: 25px;
    }
  }
  
  div.outOfStck {
  background: #c71a1a !important;
  color: #fff !important;
  }

      .avn-prim-btn {max-width:100%;}
      
      
@media (min-width: 992px) {
.offr-hdng {
    font-size: 36px !important;
 }
.ofr-bnr .ofbnr-hd {
    font-size: 36px !important;
 }
.db-usr-nme {
    font-size: 32px !important;
 }
}
.failMdl.in{display:flex!important;padding-right:0!important}.failMdl .mdl-content{width:540px;padding:65px;height:auto;max-width:95%;background:#fff;position:relative;margin:auto}.scnt-txt{width:300px;padding-top:30px;padding-bottom:20px;margin:auto;text-align:center;font-size:20px}.fail-img{width:42px;margin:auto}.fail-img img{max-width:100%}.failMdl .avn-prim-btn{width:312px}.error-modal .mab-prim-lnk,.failMdl .mab-prim-lnk{width:fit-content;margin:20px auto}.err-cnt{text-align:center}.err-cnt .err-img{width:60px;margin:auto}.spinner-c,.spinner-ordr{height:100px;width:100px}.err-hd-mb{padding:25px 0 5px;color:#851168;font-family:MABFont;font-weight:300}.err-hd{font-weight:200;color:#546264;display:inline-block}.try-agn-btn{max-width:312px}.err-cnt .err-img img{max-width:100%}.err-desc{padding-bottom:30px;font-size:16px}.err-cde{padding-bottom:20px;font-weight:700}.prcsng-prim{font-size:20px}.prcsng-sec{font-size:14px;padding:10px 0;opacity:.7}.spinnerMdl .mdl-content{text-align:center}.spinner-ordr{-webkit-animation:.6s linear infinite spin;animation:.6s linear infinite spin;border:2px solid #e4eded;border-top-color:#ff336d;border-right-color:#ff336d;border-radius:100%}.spinner-c{margin:auto auto 25px}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media (max-width:767px){.err-hd-mb{font-size:32px}.err-hd{font-size:24px}.err-innerC{padding:40px 0}.failMdl .mdl-content{padding-right:0;padding-left:0}}@media (min-width:768px){.err-hd-mb{font-size:42px}.err-hd{font-size:32px}.err-innerC{max-width:500px;width:80%;margin:auto;padding:55px 0}}.pup-close{position:absolute;top:18px;right:18px;height:40px;width:40px;z-index:1}.pup-close img{max-width:100%}.spnrMdl-pymnt{display:none}