/* overwrite basic styles */
/* 
Styles for apperance of components according to layoutStyle 
*/
[v-cloak] { display:none; }
/*font*/
@font-face {
    font-family: 'Plantin'; /*eng body*/
    src: url('../font/ananta/Plantin.woff') format('woff'),
        url('../font/ananta/Plantin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    
}

@font-face {
    font-family: 'Thongterm'; /*thai body */
    src: url('../font/ananta/Thongterm-Light.woff') format('woff'),
        url('../font/ananta/Thongterm-Light.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Sweet'; /*eng title */
		src: url('../font/ananta/SweetSans-BoldSC.woff') format('woff'),
        url('../font/ananta/SweetSans-BoldSC.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
	text-transform: uppercase;
}

@font-face {
    font-family: 'Witt'; /*thai title */
    src: url('../font/ananta/Wittayakarn-Bold.woff') format('woff'), url('../font/ananta/Wittayakarn-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Thongterm Bold';
    src: url('../font/ananta/Thongterm-Bold.woff') format('woff'),
        url('../font/ananta/Thongterm-Bold.woff2') format('woff2');
	
    font-weight: bold;
    font-style: normal;
}


.body-part {
	font-family: 'Plantin';
	font-size: 14px;
}
.th.body-part {
	font-family: 'Thongterm';
}
.clr-err {
	color: var(--alert-color);
}
.clr-success {
	color: var(--success-color);
}
.clr-accent {
	color: var(--accent-color);
}
.p0{
	padding-left: 0;
	padding-right: 0;
}
.footer-fix .btn1 {
	font-size: 16px;
}
.th .footer-fix .btn1 {
	font-size: 16px;
}
/*end font*/

/*nav bar */

.navbar .title {
	font-family: 'Sweet';
	font-size: 16px;
	margin-top: 18px;
}
.th .navbar .title {
	font-family: 'Witt';
}
/*end nav bar */

/*register */
#register-view .reg-form .calender-box,
#register-view .reg-form .gender-select,
#register-view .reg-form .form-control{
	font-family: 'Thongterm';
}
#register-view .reg-form .form-control::placeholder {
	line-height: 54px;
	font-size: 16px;
	font-family: 'Thongterm';
  }
  #register-view .clr3 {
	text-decoration: underline;
    font-weight: bold;
    font-family: 'Thongterm Bold';
  }
/*landing */
#landing-view .desc {
	font-size: 20px;
}
#landing-view .btn-accent{
	font-family: 'Sweet';
	font-size: 16px;
}
.th #landing-view .btn-accent{
	font-family: 'Witt';
}
#landing-view .btn-accent {
    color: #ffffff;
	background: linear-gradient(89.01deg, #213043 -13.42%, #62788F 71.24%);
    border: none;
}
#landing-view .btn-accent:hover {
	background: linear-gradient(89.01deg, #213043 -13.42%, #62788F 71.24%);
	border: none;
}
/* end landing */

/* otp create*/
#phone-view .bg,
#otp-view .bg {
	background-image: var(--bgImg);
}
#otp-view .title,
#phone-view .title,
#phone-update-view .title,
#phone-update-new-view .title {
	margin-top: 40px;
	font-family: 'Sweet';
	font-size: 20px;
}
.th #otp-view .title,
.th #phone-view .title ,
.th #phone-update-view .title,
.th #phone-update-new-view .title{
	font-family: 'Witt';
}

#phone-view .phone-input-block,
#phone-update-view .phone-input-block,
#phone-update-new-view .phone-input-block{
	margin-top: 100px;
}

#otp-view .desc,
#phone-view .desc,
#phone-view .phone-input-block label,
#phone-update-view .desc,
#phone-update-view  .phone-input-block label,
#phone-update-new-view .desc,
#phone-update-new-view .phone-input-block label{
	font-size: 16px;
}

#phone-view .prefix,
#phone-update-view .prefix,
#phone-update-new-view .prefix{
	margin: 16px 10px 0px 10px;
}

#phone-view .prefix,
#phone-view .prefix,
#phone-view .form-control,
#phone-update-view .prefix,
#phone-update-view .form-control,
#phone-update-new-view .prefix,
#phone-update-new-view .form-control {
	/* font-family: 'Plantin'; */
	font-family: 'Thongterm';
	font-size: 16px;
	/* line-height: 54px; */
}
#phone-view .form-control,
#phone-update-view .form-control,
#phone-update-new-view .form-control {
	padding-top: 4px;
	/* line-height: 54px; */
	/* padding: 0;
	line-height: 16px; */
	/* box-sizing: border-box; */
	padding-left: 12px;

}
/* end otp create*/

/*otp confirm*/
#otp-view .txt-otp {
	font-family: 'Thongterm';
	font-size: 16px;
}

#otp-view .ref {
	top: 530px;
}
#otp-view .show-number1 {
	color: var(--text-primary-color);
	/* font-family: 'Plantin'; */
	font-family: 'Thongterm';
	font-size: 20px;
}
#otp-view #successModal .modal-title {
	font-family: 'Sweet';
	font-size: 16px;
	text-transform: uppercase;
}
.th #otp-view #successModal .modal-title  {
	font-family: 'Witt';
}
/*end otp confirm*/

/*home */
#home-view.bg2 {
	background-image: var(--bgImg), linear-gradient(0deg, var(--bg-color)  60%,  var(--secondary-color)60%);
    ;
    background-position: center 20px, center 100%;
}
#home-view .amount {
    font-family: 'Plantin';
    position: relative;
    font-size: 27px;
}

#tier-info-view .next-tier-name,
#home-view .next-tier-name {
	font-family: 'Sweet';
	text-transform: uppercase;
	font-size: 10px;
}
#home-view .promotion-part2 .title {
    font-size: 20px;
    font-family: 'Sweet';
    text-transform: uppercase;
}
.th #home-view .promotion-part2 .title {
    font-family: 'Witt';
}
#home-view .pro-box .pro-title,
#home-view .pro-box1 .pro-title {
	font-family: 'Sweet';
	text-transform: uppercase;
	font-size: 12px;
	line-height: 18px;
}
.th #home-view .pro-box1 .pro-title,
.th #home-view .pro-box .pro-title {
    font-family: 'Witt';
}
#home-view .welcome-modal-title {
    font-size: 23px;
    font-family: 'Sweet';
    text-transform: uppercase;
}
.th #home-view .welcome-modal-title {
    font-family: 'Witt';
}
#home-view .name {
    font-family: 'Sweet';
    text-transform: uppercase;
    font-size: 15px;
}
.th #home-view .name {
    font-family: 'Witt';
}
#home-view .tier-name {
    font-size: 10px;
    font-family: 'Sweet';
    text-transform: uppercase;
}
#home-view .spending-box {
    font-family: 'Plantin';
    font-size: 16px;
    line-height: 20px;
}
/* end home */

/* earn point */
#earn-point-view .dq-tab {
	padding: 0px 30px;
}
#earn-point-view .phone-box {
	font-size: 12px;
}
/* #earn-point-view .tier-block img{
	margin-top: 5px;
} */
#earn-point-view .tier-name {
	font-family: 'Sweet';
	text-transform: uppercase;
	font-size: 13px;
}
#earn-point-view .amount {
	font-family: 'Plantin';
	font-size: 18px;
}
#earn-point-view .show-qr {
	font-size: 16px;
}


/* end earn point */

/*more */
#more-view .profile-block .profile-bt {
	font-size: 15px;
}
#more-view .name {
	font-family: 'Sweet';
	text-transform: uppercase;
    font-size: 15px;
}
.th #more-view .name {
    font-family: 'Witt';
}
#more-view .tier-name { 
	font-family: 'Sweet';
	text-transform: uppercase;
    font-size: 10px;
}
#more-view .friend-box,
#more-view .partner-box 
{
    font-family: 'Sweet';
	text-transform: uppercase;
    font-size: 15px;
}
.th #more-view .friend-box,
.th #more-view .partner-box  {
    font-family: 'Witt';
}
#more-view .list-title,
#more-view .pointh-history-block {
	font-family: 'Sweet';
	text-transform: uppercase;
    font-size: 16px;
}
.th #more-view .list-title,
.th #more-view .pointh-history-block {
	font-family: 'Witt';
}
#more-view .modal .success-title {
	font-size: 16px;
	font-family: 'Sweet';
	text-transform: uppercase;
}
.th #more-view .modal .success-title {
	font-family: 'Witt';
}
#more-view .logout-title {
	font-size: 16px;
}
/*end more */

/* tier info*/
#tier-info-view .tier-name {
	font-size: 10px;
	font-family: 'Sweet';
	text-transform: uppercase;
}
#tier-info-view .benefit-tier-list li {
	font-family: 'Sweet';
	text-transform: uppercase;
}
#tier-info-view .benefit-tier-list li a {
	font-size: 0.7rem;
}
#tier-info-view .tier-list li a{
	border: 1px solid var(--border-color);
	border-radius: 50px;
	padding: 0 15px;
	line-height: 35px;
	font-family: 'Sweet';
	text-transform: uppercase;
	font-size: 14px;
}
#tier-info-view .card-icon {
	display: none;
}
#tier-info-view .tier-title {
	font-family: 'Sweet';
	text-transform: uppercase;
	font-size: 16px;
}
.th #tier-info-view .tier-title {
	font-family: 'Witt';
}
@media (max-width: 320px) {
	#tier-info-view .member-card {
		font-size: 88%;
	}
}
#tier-info-view .spending-box {
    font-family: 'Plantin';
}
/* end tier info*/

/*faq */
#faq-view .faq-order {
    font-size: 16px;
    font-family: 'Platin';
    padding: 3px 9px 5px 5px;
    min-width: 33px;
    text-align: center;
}
#faq-view .panel-title {
	padding: 5px 0 10px 0;
}
/*end faq */

/* reward list */
#rewards-view .bg2 {
	background-image: var(--bgImg);
}
#rewards-view .money-box {
    background-color: transparent ;
	height: 100px;
	margin-top: 0px;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	padding-top: 20px;
}
#rewards-view .money-box .desc {
	font-family: 'Sweet';
	text-transform: uppercase;
	font-size: 16px;
}
.th #rewards-view .money-box .desc {
	font-family: 'Witt';
}
#rewards-view .btn-inverse {
	font-size: 16px;
	line-height: 20px;
}
#rewards-view .btn-inverse img,
#rewards-view .btn-inverse .next-icon {
	display: none;

}

#rewards-view .cat-list-div {
	display: none;
}

#rewards-view .bg2 {
	/* background-image: url("paper.gif"); */
	background-repeat: no-repeat;
    background-position: top center;
	background-size: 100% 100px; 
}

#rewards-view .amount-box {
    font-size: 18px;
	margin-top: 0;
}

#rewards-view .amount-box .amount {
    font-size: 27px;
	font-family: 'Plantin';
}

#rewards-view .no-data-box {
    margin: 200px 2px 0px 0px;
}

#rewards-view .no-data-box div{
    margin: 10px 0px 0px 0px;
	font-size: 18px;
}

/* .th #rewards-view .no-data-box div{
	font-size: 23px;
} */

#rewards-view .no-data-box .btn-get {
	margin-top: 20px;
    width: 180px;
}

#rewards-view .pro-box .pro-title {
	font-family: 'Sweet';
	text-transform: uppercase;
	font-size: 14px;
	height: 30px;
}

.th #rewards-view .pro-box .pro-title {
	font-family: 'Witt';
	line-height: 21px;
	height: 41px;
}

#rewards-view .pro-box .brand {
   	display: none;
}

#rewards-view .reward-list .pro-box .home-pro {
	height: 210px;
}

#rewards-view .reward-list .pro-box .home-pro .price-tag{
	font-size: 18px;
}

#rewards-view .reward-list .pro-box .home-pro .clr-err{
	font-size: 12px;
}

#rewards-view .reward-list .pro-box .home-pro .no-redeem{
	font-size: 18px;
	margin-top: 15px;
}

#rewards-view .reward-list .pro-box .home-pro .no-redeem img {
	display: none;
}

#rewards-view .end-list {
	display: none;
}
/*end reward list */

/*reward detail */
#reward-detail-view .pro-detail-img {
	/* width: 100%; */
}

#reward-detail-view .container1 .brand {
	display: none;
}

#reward-detail-view .no-redeem img {
	display: none;
}

#reward-detail-view .container1 .pro-title {
	font-family: 'Sweet';
	text-transform: uppercase;
	font-size: 18px;
}

.th #reward-detail-view .container1 .pro-title {
	font-family: 'Witt';
}

#reward-detail-view .container1 .price {
	font-size: 28px;
}

#reward-detail-view .container1 .clr2 {
	/* font-family: 'Inter'; */
}

#reward-detail-view .modal {
	top: 220px;
	bottom: auto;
}
#reward-detail-view .time-limit {
	color: var(--alert-color);
}
#reward-detail-view #confirmModal2 .modal-text {
	margin-top: 10px;
}
#reward-detail-view .container-check1  .checkmark {
	display: none;
}
#reward-detail-view .container-check1 input {
	margin: 0;
	width: 1px;
}
/*end reward detail */

/*end reward use */
#reward-detail-use-view .desc .desc-title {
	font-family: 'Sweet';
	text-transform: uppercase;
	font-size: 14px;
}

#reward-detail-use-view .nav-head {
	/* display: none; */
}

#reward-detail-use-view .qr-div .common-box .show-qr {
	height: 48px;
}

#reward-detail-use-view .qr-div .common-box .show-qr span {
	font-family: 'Platin';
	font-size: 14px;
}



#reward-detail-use-view .qr-div .common-box .qr-div1 .mt-10 {
	margin-top: 35px;
}

/* #reward-detail-use-view .qr-div .common-box .qr-div1 .mt-10 .text-left {
	display: none;
} */

#reward-detail-use-view .qr-div .common-box .qr-div1 .mt-10 .text-right {
	text-align: center !important;
}

#reward-detail-use-view .qr-div .common-box .common-box2 span {
	display: none;
}

#reward-detail-use-view .qr-div .common-box .common-box2 .code-box {
	border-radius: 25px;
	width: inherit;
	text-align: center !important;
	font-family: 'Plantin';
}


#reward-detail-use-view .qr-div .common-box .common-box2 .code-box:before {
	content: "Code : ";
}

#reward-detail-use-view .text-center.ref {
	font-size: 12px;
	margin: 15px 0px;
}

/* #reward-detail-use-view .col-12.col-sm-12.p0 span.clr3{
	font-family: 'Inter';
} */

#reward-detail-use-view .qr-div .common-box .qr-div1 .qr-div1-inner {
	height: 165px;
}

#reward-detail-use-view .qr-div .common-box .qr-div1 .qr-div1-inner svg g text {
	display: none;
}
#reward-detail-use-view  .dq-tab {
	padding: 0px 30px !important;
}
#reward-detail-use-view .show-qr {
    padding: 0 40px;
    margin-top: 20px;
}
#reward-detail-use-view .modal .title2 {
	font-size: 18px;
	color: var(--text-primary-color);
}
/*end reward use */

/*terms policy*/
#terms-view .modify,
#policy-view .modify,
#update-agreement-view .modify {
	color: var(--text-primary-color);
}
#terms-view .title,
#policy-view .title,
#update-agreement-view .title {
	color: var(--primary-color);
	font-family: 'Sweet';
	text-transform: uppercase;
	font-size: 24px;
}
.th #terms-view .title,
.th #policy-view .title,
.th #update-agreement-view .title {
	font-family: 'Witt';
}
/* end terms */

/* update terms */
#update-agreement-view #dqModal .title {
	font-family: 'Plantin';
	font-size: 18px;
}
.th #update-agreement-view #dqModal .title {
	font-family: 'Thongterm';
}
/*end update terms */

/* news detail */
#news-detail-view .title2 {
	font-family: 'Sweet';
	text-transform: uppercase;
	font-size: 18px;
}
.th #news-detail-view .title2 {
	font-family: 'Sweet';
	text-transform: uppercase;
}
/* end news detail */
/* points history */

/* end points history */

/* points detail */

#point-detail-list-view.bluport-point-detail-hearder-bg {
	display: unset;
}


#point-detail-list-view .point-detail-hearder-bg {
	background-image: var(--bgImg);
	height: 100px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100px;
}

#point-detail-list-view .points-title-block {
    margin: 0px auto;
}

#point-detail-list-view .points-title {
    color: #ffffff;
    margin-top: 20px;
}
/* #point-detail-list-view .points-title {
	font-family: 'Witt';
} */

#point-detail-list-view .points-title-points {
    color: #ffffff;
    font-family: 'Plantin';
    font-size: 27px;
}

.th #point-detail-list-view .txt-xs {
    /* color: var(--bg-color); */
    font-family: 'Thongterm';
    /* font-size: 35px; */
}

/* #point-detail-list-view .points-title-unit {
    padding: 15px 0 0 10px;
    color: var(--bg-color);
    font-size: 18px;
} */

#point-detail-list-view .btn-history {
    color: #ffffff;
    height: 35px;
    border: 1px solid var(--border-color);
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 15px;
    gap: 10px;
	margin-left: 20px;
    margin-top: 34px;
}
#point-detail-list-view .next-icon path{
    fill: #fff;
}

#point-detail-list-view .points-expired-list {
	font-size: 18px;
} 
#point-detail-list-view .points-expired-list img {
	display: none;
}

#point-detail-list-view .no-nearly-expired-points {
    color: var(--text-secondary-color);
    margin-top: 60%;
    font-size: 18px;
    text-align: center;
} 

#point-detail-list-view .no-data-img {
	display: unset;
	width: 50px;
    height: 47.13px;
}

/* #point-detail-list-view .point-expiration-title {
	display: unset;
	font-size: 18px;
	font-family: 'Plantin';
} */

#point-detail-list-view .points-points {
    color: var(--accent-color);
    font-size: 18px;
}

#point-detail-list-view .points-expire-by {
    /* text-transform: capitalize; */
}

#point-detail-list-view .mt-20 {
	margin-top: 20px;
}

#point-detail-list-view .txt-point-expire {
	color: var(--accent-color);
}
#point-detail-list-view .balance-box {     

	width: 100%;     
	display: inline-flex;     
	/* padding: 10px;      */
	color: #ffffff; 
	background-color: transparent;     
	height: 100px;     
	margin-top: 0px;     
	width: 100%;
}

#point-detail-list-view .balance-box .desc {
	font-family: 'Sweet';
	text-transform: uppercase;
	font-size: 16px;
}

.th #point-detail-list-view .balance-box .desc {
	font-family: 'Witt';
}

#point-detail-list-view .balance-box1 {
    font-size: 18px;
	margin-top: 0;
}
/* end points detail */


/* points history */

#point-history-view1 .date-block {
    font-size: 18px;
    font-family: 'Sweet';
	text-transform: uppercase;
}
.th #point-history-view1 .date-block {
	font-family: 'Witt';
}

#point-history-view1 .date-block img {
	display: none;
}
#point-history-view1.bg2 {
	/* background-color: var(--bg-color);
	background-size: cover; */
    /* width: 100vw; */
    /* height: 100vh; */
}

#point-history-view1 .txt-empty.end-list {
	display: none;
}

#point-history-view1 .text-tarnsaction-time {
    font-size: 12px;
}

#point-hisotry-view1 .text-point, #point-history-view1 .text-points-plus , #point-history-view1 .text-points-minus{
    font-size: 18px;
}

/* end points history */

/* coupon list */
/*tab */
/* #mycoupon-view  .dq-tab {
	padding: 15px 10px 0px !important;
} */

/* #mycoupon-view .dq-tab .nav-tabs > li > a.active .tab-name {
	border-bottom: none ;
} */

#mycoupon-view .dq-tab .tab-name .tab-noti {
	/* font-size: 18px;
	font-family: 'Plantin';
	line-height: 22px; */
	padding: 0 7px !important;
}

/* #mycoupon-view .dq-tab .nav-tabs > li > a span {
	height: 38px;
	line-height: 45px;
} */
/*end tab */

#mycoupon-view .card-pro .img-part img {
	border-radius: 5px 5px 0px 0px;
}

#mycoupon-view .card-pro .pro-brand {
	display: none;
}

#mycoupon-view .card-pro .title-part .pro-title {
	font-size: 14px;
	font-family: 'Sweet';
	text-transform: uppercase;
	height: 33px;
}

.th #mycoupon-view .card-pro .title-part .pro-title {
	font-family: 'Witt';
}

#mycoupon-view .card-pro .title-part .header-content .pro-valid-type , .pro-valid-date {
	font-size: 12px;
}


/* .card-pro .img-part2{
	outline: 1px solid green;
} */
#mycoupon-view #tab2 .img-part2 .no-redeem img {
	display: none;
}

#mycoupon-view #tab2 .img-part2 .no-redeem span {
	font-size: 18px;
}

#mycoupon-view #tab2 .img-part2 .no-redeem {
	margin-top: 16px;
}

#mycoupon-view .no-data-img {
	margin-top: 220px;
}
/* end coupon list */

/* coudetail */
#coupon-detail-view .pro-detail-img {
	/*width: 100%;*/
}

#coupon-detail-view .no-redeem img {
	display: none;
}

#coupon-detail-view .no-redeem div {
	font-size: 18px;
}

#coupon-detail-view .tab-holder .brand2 {
	display: none;
}

#coupon-detail-view .tab-holder .pro-title {
	font-size: 18px;
	font-family: 'Sweet';
	text-transform: uppercase;
}

.th #coupon-detail-view .tab-holder .pro-title {
	font-size: 16px;
	font-family: 'Witt';
}

/* #coupon-detail-view .valid2-date {
	font-family: 'Inter';
} */

#coupon-detail-view #confirmModal .modal-content .main-pad2 div{
	font-size: 18px;
}

/* end coupon detail */