div.npsarea{
  width:98%;
  margin:auto auto;
  max-width:1210px;
}

div.AffTtlImg{
  width: 100%;
  border: 1px solid #bfbfbf;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1),0 2px 8px 0 rgba(0,0,0,.1);
  border-radius:10px;
}

img.ttlImg,
img.ttlImg_r{
  width: 100%;
  border-radius:10px;
}

img.ttlImg{
  display:block;
}

img.ttlImg_r{
  display: none;
}

div.form-card{
  width: 100%;
  padding: 15px 0;
  border: 1px solid #bfbfbf;
  border-radius:10px;
}

div.choosePromoTtl{
  font-weight: bold;
  padding: 0 15px 10px 15px;
}

div.promo-titlename{
  font-size:30px;
}

div.choosePromo select{
  width: 96%;
  margin: 0 2%;
}

div.choosePromo img{
  width:100%; /*added by LPW*/
  max-width:580px;
  height: auto;
  margin: 0px auto 10px;
}

#divemail1{
  display: block;
}

#divemail2{
  display: none;
}

div.emailTtl{
  font-size:20px;
  font-weight: bold;
  padding: 0 15px;
}

div.emailList{
  width:96%;
  padding:10px; 
  margin: 5px 2%;
  border: 1px solid #bfb2ab;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

input.emailInput{
  width:85%; 
  border:none !important; 
  box-shadow:none !important; 
  outline:none !important;
  height: 40px;
}

span.append_email {
  float: left;
  font-weight: bold;
  font-size: 12px;
  border: 2px solid #1a1;
  margin: 0 5px 5px 0;
  padding: 3px 10px;
  background: #f5f5f5;
  border-radius: 30px;
}

span.cancel-email {
  width: 12px;
  display: block;
  float: right;
  text-align: center;
  margin: 0 5px;
  height: 12px;
  line-height: 15px;
  cursor: pointer;
  filter: grayscale(100%);
}

span.cancel-email:hover {
  filter: grayscale(0%);
}

div.emailBtn{
  border-radius:8px;
  font-size:18px;
  padding:7px 0;
  width:14%;
  float: right;
}

span.emptyLink{
  display:none;
  color: #f00;
  font-size:12px;
  margin-bottom:3px;
  font-weight:bold;
}

#divlink1{
  display: block;
}

#divlink2{
  display: none;
}

div.linkList{
  width:96%;
  margin:0 15px;
  display:inline-block;
}

label.linkName{
  font-weight: bold;
}

input.linkNum {
  width: 65%;
  border: 1px solid #bfb2ab;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  height: 28px;
  font-size: 19px;
}

input.linkNum_r {
  width: 96%;
  margin: 10px 2%;
  border: 1px solid #bfb2ab;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  font-size: 18px;
}

button.linkBtn{
  width: 90px;
  padding:3px 0;
  float: right;
  margin:0px 0px;
}

div.lifeList h3{
  padding-top:1px;
  margin: 0px;
}

div.life-time-earning{
  width: 49%;
  float: left;
  padding: 10px 0;
  border: 1px solid #bfbfbf;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1),0 2px 8px 0 rgba(0,0,0,.1);
  border-radius:10px;
}

div.life-time-earning2{
  width: 49%;
  float: right;
  padding: 10px 0;
  border: 1px solid #bfbfbf;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1),0 2px 8px 0 rgba(0,0,0,.1);
  border-radius: 10px;
}

div.life-time-earning,
div.life-time-earning2{
  background-color:#f2f2f2;
}

div.life-time-earning3{
  width: 50%;
  font-size: 10px;
  text-align: center;
  margin: 5px 0 0 50%;
  clear:both;
  float:left;
}

.specialtr:nth-child(odd) {
  background-color: #f2f2f2;
}
.arrowBtn{
  width: 10px;
  height: 10px;
}

/*--------------------------------------------------------select promo added by LPW---------------------------------------------------------*/
div.promo-text-wrapper{
  width:47%;
  float:left;
  margin: 0 2% 0 1%;
}

div.promo-img-wrapper{
  width:47%;
  float:left;
  margin: 0 1% 0 2%
}
/*--------------------------------------------------------end select promo added by LPW---------------------------------------------------------*/

/*---------------------------------------------Send affiliate via social media Btn at product Desc-------------------------------------*/
/*Socialmedia btn at product desc*/
div.pdesc-socialmedia-container{
  border: 1px solid #bfbfbf;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 2px 8px 0 rgba(0,0,0,.1);
  margin: 8px 8px;
  border-radius: 4px;
}

div.affpdesc-banner-container{
  width:96%;
  margin: 2px auto;
  border-radius: 10px;
  font-size:14px;
  text-align:center;
}

img.affpdesc-banner{
  width:100%;
  border-radius:10px;
}

div.socialmedia-container{
  width:96%;
  margin: 5px auto;
  padding: 0;
  display:flex;
}

div.scm-email-container,div.scm-fb-container{
  width:31%;
  margin:0 2% 0 0;
}

div.scm-ws-container{
  width:34%;
  margin:0 0 0 0;
}

a.socialmedia-btn-wrapper{
  color:white;
  display:flex;
  font-size:13px;
  padding:8px 20%;
  border-radius:4px;
  cursor: pointer;
}

a.socialmedia-btn-wrapper.fbcolor{
  background:#4267B2;
}

a.socialmedia-btn-wrapper.emailcolor{
  background: grey;
}

a.socialmedia-btn-wrapper.wscolor{
  background:#01E675;
}

a.socialmedia-btn-wrapper:hover{
  text-decoration: none;
  color:white;
}

a.socialmedia-btn-wrapper.fbcolor:hover{
  background:#578AB8;
}

a.socialmedia-btn-wrapper.emailcolor:hover{
  background:#B1B4B2;
}

a.socialmedia-btn-wrapper.wscolor:hover{
  background: #04F980;
}

div.socialmediabtntext-wrapper{
  display:flex;
  margin:auto;
}

div.socialmediabtn-icon{
  margin:0 4px;
  width:30%;
}

div.socialmediabtn-text{
  font-size:13px;
  margin:0 4px;
  width:70%;
  color:white;
}

a#whatapps-share-btn-pdesc2{
  display:none;
}
/*End of social btn at product desc*/
/*Send multiple email popup*/
div.modal-email-bg{
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

div.modal-email-content{
  margin:12% 25%;
  width:auto;
  height:auto;
  position: relative;
  background-color: #b9eaeb;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5);
  outline: 0;
}

div.modal-email-header{
  text-align:center;
  display:flex;
  width:92%;
  margin: auto auto;
}

div.modal-email-title{
  width:80%;
  text-align:left;
}

div.modal-email-close{
  width:20%;
  margin:auto;
}

div.sendemail-desktop{
  display: inline-block;
  width: 60%;
  margin: 0 auto 3% auto;
}

div.sendemail-mobile{
  display:none;
}
/*End fo send multiple email popup*/

div.btn-bcktomain-wrapper{
  width:35%;
}
/*-----------------------------------------End of send affiliate via social media btn at product Desc-------------------------------------*/

@media all and (max-width: 1210px) {
  table.tablepromo{
    width: 99%;
    margin: 0 auto;
  }

  input.linkNum {
    width: 50%;
  }
}

@media all and (max-width: 850px) {
  input.linkNum {
    width: 40%;
    font-size: 14px;
  }

  div.affiliate-report-title{
    width: 100%;
    font-size: 12px;
  }
  
  div.promo-titlename{
    font-size:27px;
  }
}

@media all and (max-width: 750px) {
  img.ttlImg{
    display:none;
  }

  img.ttlImg_r{
    display: block;
  }

  div.choosePromoTtl{
    font-size: 14px;
  }

  div.affiliate-report-title{
    width: 100%;
    font-size: 12px;
  }
  
  /*--------------------------------------------------------select promo by LPW---------------------------------------------------------*/
  div.promo-text-wrapper{
    width:96%;
    margin: 0 2%;
  }

  div.promo-img-wrapper{
    width:96%;
    margin: 0 2%
  }
  /*--------------------------------------------------------end select promo by LPW---------------------------------------------------------*/
 
  /*-------------------------------------------Send affiliate by social media in product desc------------------------------*/
  /*Social Media Btn*/
  div.pdesc-socialmedia-container{
    margin: 8px 0px;
  }

  div.affpdesc-banner-container{
    width: 100%;
  }

  div.pdesc-banner-container{
    width: 100%;
  }

  div.socialmedia-container{
    width:98%;
  }

  a#whatapps-share-btn-pdesc1{
    display:none;
  }

  a#whatapps-share-btn-pdesc2{
    display:flex;
  }

  /*End of social media btn*/
  div.btn-bcktomain-wrapper{
    width:100%;
  }

  /*Send multiple email popup*/
  div.modal-email-content{
    width: 92%;
    height: auto;
    margin: 20% auto;
  }
  
  div.sendemail-desktop{
    display:none;
  }
  
  div.sendemail-mobile{
    display:inline-block;
    width: 94%;
    padding:0 0 4% 0;
  }
  
  div.emailBtn{
    display:none;
  }

  div.emailBtn_r{
    border-radius:30px !important;
    font-size:12px;
    padding:5px 0;
    width:93%;
    margin: 0 3.5%;
    float: none;
    display:block;
  }

  div.linkdiv{
    font-size: 14px;
  }
/*End of send multiple email popup*/
/*-------------------------------------------End of send affiliate by social media in product desc-------------------------------------*/
}

@media all and (max-width: 700px) {
  div.affiliate-report-title{
    width: 100%;
    font-size: 12px;
  }

  table.affiliate_report_table{
    font-size: 14px;
  }

  div.linkdiv{
    width: 98%;
  }
}

@media all and (max-width: 550px) {
  div.life-time-earning,
  div.life-time-earning2{
    font-size: 14px;
  }

  div.life-time-earning3{
    margin: 5px auto 2px 50%;
  }

  div.linkdiv{
    width: 95%;
  }

  input.linkNum_r {
    width: 100%;
    font-size: 14px;
    margin:5px 0;
  }

  #divlink1{
    display: none;
  }

  #divlink2{
    display: block;
  }

  button.linkBtn{
    width: 100%;
  }
}

@media all and (max-width: 450px) {
  #divemail1{
    display: none;
  }

  #divemail2{
    display: block;
  }

  input.emailInput{
    width:85%; 
    padding:0;
    margin: 0 2%;
  }

  div.emailList{
    width:93%;
    padding: 5px 10px; 
    margin: 10px 3.5%;
  }

  div.emailBtn_r{
    border-radius:30px;
    font-size:12px;
    padding:5px 0;
    width:93%;
    margin: 0 3.5%;
    float: none;
  }

  div.promo-titlename{
    font-size:25px;
  }

  div.life-time-earning,
  div.life-time-earning2{
    width: 100%;
    margin: 0 auto 15px auto;
    padding:15px 0;
    float: none;
    border-radius: 10px;
    font-size: 14px;
  }

  div.life-time-earning3{
    font-size: 8px;
    margin: -6px auto 2px auto;
    width:100%;
  }
}