.heading-1{
    position:relative;
    text-align: center
  }
  .heading-1:before {
    content: "";
    display: block;
    border-top: solid  1px #e9cece;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 70%;
    z-index: 0;
  }
  .heading-1 span {
    background: #fff;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    font-size: 15px;
    color:#bb9b9b;
    border: solid 1px #e9cece;

  }
  .error-span{
    color:red;
    text-align: center;
    font-size: 14px;
  }
  .card-address{
    font-family:'Sarabun', sans-serif;
    font-size: 14px;
  }

 td{
    font-family:'Sarabun', sans-serif;
    font-size: 14px;
  }
  .p-lang{
    font-size:12px;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    /* position:absolute;
    left:10px;
    bottom:10px; */   
}
.preorder-tag{
  font-size:10px;
  font-weight: bold;
  font-family:'Sarabun', sans-serif;
  color: rgb(255, 0, 0);
  background-color: aliceblue;
  padding-left: 2px;
  padding-right: 2px;
  display:inline-block;
}

.pr-lab{
  font-size:12px;
  font-family:'Sarabun', sans-serif;
  font-style: italic;
  /* position:absolute;
  left:10px;
  bottom:10px; */   
}

.pr-dis-name{
  font-size:36px;
  font-weight: bold;
  font-family: 'Sarabun', sans-serif;
  margin-top: -30px;
  margin-bottom:-30px;
  /* position:absolute;
  left:10px;
  bottom:10px; */   
}

.pr-full-name{
  font-size:20px;
  font-family: 'Sarabun', sans-serif;
}

.pr-avatar{
  max-width: 100px;
}
.slip-tag{
  font-size:10px;
  font-weight: bold;
  font-family:'Sarabun', sans-serif;
  color: rgb(255, 0, 0);
  background-color: aliceblue;
  padding-left: 2px;
  padding-right: 2px;
  display:inline-block;
}
.order-sts{
  font-size:14px;
  font-family:'Sarabun', sans-serif;
  max-width: 120px;
}
.preorder-sts{
  font-size:14px;
  font-family:'Sarabun', sans-serif;
  max-width: 120px;
}

.karma{
  max-width: 30px;
  filter: drop-shadow(16px 16px 20px rgb(0, 190, 41)) invert(50%);
  margin-top: -5px;
}
.coin{
  max-width: 25px;
  margin-top: -2px;
}
.order-date{
  font-style: italic;
  font-weight: normal;
}
.evnd-avatar{
  width: 50px;
  margin-left: 5px;
  margin-right: 5px;
}

.pos{
  font-size:16px;
  font-family:'Sarabun', sans-serif;
  font-style: bold;
  color: #000000;
}

.neg{
  font-size:14px;
  font-family:'Sarabun', sans-serif;
  font-style: bold;
  color: #a30404;;
}

.u-btn:active {
  box-shadow: 0 0px #888888;
  transform: translateY(4px);
}

.u-btn{
  border:0px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  color:#FFFFFF;
  box-shadow: 3px 3px #888888;

}
.bc-1{
  background-color: rgb(29, 162, 214);
}
.bc-2{
  background-color: rgb(63, 63, 63);
}

.bc-3{
  background-color: rgb(0, 75, 136);
}
.policies{
  font-size:10px;
  font-family:'Sarabun', sans-serif;
}
.print_uc{
  max-width: 160px;
}

.print_jt{
  max-width: 300px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.print{
  font-family:'Sarabun', sans-serif;
}
.address-table{
  font-size:20px;
  font-style: bold;
  max-width: 330px;
}
.order-table{
  font-size:14px;
  font-style: bold;
  max-width: 330px;
}
.comment-dispn{
  font-family:'Sarabun', sans-serif;
  font-style:bold;
  color:#020092;
  font-size: 18px;

}
.comment-dt{
  font-style: italic;
  font-size: 12px;
  color:#464646;
  
}
.div-timesheet-button{
  position:absolute;
  bottom: 0;
  left: 0;
}

.btn-mem:active {
  box-shadow: 0 0px #888888;
  transform: translateY(4px);
}

.btn-mem{
  border:0px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  color:#FFFFFF;
  background-color: #2d9e00;
  box-shadow: 3px 3px #888888;

}

.payment-summary{
  color: #fff;
  background-color: #a50000 ;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 15px;
}

.member-crown{
  margin-top: -15px;
}

.member-crown-cust{
  height: 30px;
  margin-top: -5px;
}

.mw-985{
  max-width: 985px;
}

.threat-level{
  margin-top: 10px;
  font-weight: bold;
}

.img-payment-cc{
  max-width: 123px;
}
.img-order{
  max-width: 50px;
}