/* Note: Policy view card popup */
.bolck-popup input::-webkit-outer-spin-button,.bolck-popup input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0; } 
.bolck-popup{background-color: rgba(0,0,0, 0.9);width: 100%;height: 100%;z-index: 500}
.bolck-popup .text-color-red{color: #c5281d;font-size: 3.4rem}  
.bolck-popup .text-detail-blod{font-size: 3.6rem; line-height: 2.8rem;font-family: 'DB Heavent-reg';}
.bolck-popup .line-red{border: 1px solid #c5291d;margin-top: 0;background: #c5291d; height: 1px;margin-top: 20px;}
.bolck-popup .text-detail{font-size: 3rem; line-height: 2.8rem;font-family: 'DB Heavent-reg';}
.bolck-popup h2{font-size: 4.4rem;line-height: 4rem; font-family: 'DB-Heavent-med'!important;}
.bolck-popup h3{font-size: 4.4rem;line-height: 4rem; font-family: 'DB-Heavent-med'!important;}
.bolck-popup h4{font-size: 3.4rem;line-height: 3rem; font-family: 'DB-Heavent-med'!important;}
.bolck-popup .modal-content{background-color: transparent;}
.bolck-popup .margin-top-10{margin-top: 10px;}
.bolck-popup .margin-top-15{margin-top: 15px;}
.bolck-popup .margin-top-20{margin-top: 20px;}
.bolck-popup .margin-bottom-20{margin-bottom: 20px;}
.bolck-popup .margin-top-bt-20{margin-top: 20px;margin-bottom: 20px;}
.bolck-popup .margin-top-bt-10{margin-top: 10px;margin-bottom: 10px;}
.bolck-popup .btn-red{background: #c5281d;border: 1px solid #c5281d;}
.bolck-popup .btn-red>i{padding-right: 15px;}
.bolck-popup .display-in-mobile{display: none!important;}
.bolck-popup .hide-in-mobile{display: block!important;}
.bolck-popup .text-underline{border-bottom: 1px solid #d0d0d0;display:inline-flex;}
.bolck-popup .btn-red-cancel{color: #c5281d!important;border: 1px solid #c5281d;background: none;}
.bolck-popup .btn-red-cancel>a{color: #c5281d;}
.bolck-popup .btn-popup{width:100%;border-radius: 0; font-family: 'DB Heavent-reg';font-size: 2.4rem;color: #FFF;box-shadow: none !important;display: inline-block;text-align: center;cursor: pointer;padding: 6px 12px;}
.policy-popup-bg{background: #FFF;border-radius: 10px;margin-top: 10vw;}
.policy-popup{padding: 20px;margin-top: 10vw;border: 1px solid #FFF;font-family: 'DB Heavent-reg';color: #fff;text-align: center;}
.policy-popup .icon-close{margin-top: -15px;padding-right: 20px;cursor: pointer;right: 0;position: absolute;z-index: 100}
.policy-popup .btn-green-light{background: #2bb673;color: #FFF;border: 1px solid #2bb673;}
.policy-popup .btn-green-fresh{background: #02c61a;color: #FFF;border: 1px solid #02c61a;}
.bolck-popup-policy .policy-popup .icon-card{padding-top:50px;padding-bottom:10px; margin-bottom:20px;}
.bolck-popup-policy .policy-popup .text-detail-number{font-size: 3rem;line-height: 50px;font-family: 'DB-Heavent-med';}
.bolck-popup-policy .policy-popup .icon-call{margin-top: -3px;}
.bolck-popup-policy .modal-open .modal{overflow-y: hidden;}
.bolck-popup-paperless .contact-customer{border: 1px solid #FFF;margin-top: 20px; }
.bolck-popup-paperless a{color: #FFF; display: block;}
.bolck-popup-paperless .bg-red{background: #c5281d;}
.bolck-popup-paperless .bg-disabled{margin-bottom: 20px;background: none;color: #999;border: 1px solid #666666;}
.bolck-popup-paperless .bg-disabled a {font-size: 2.4rem; color: #FFF}
.bolck-popup-paperless .input-phone{border-radius: 0; font-size: 2.4rem;color: #000;padding: 10px;box-shadow: none;border: 0;}
.bolck-popup-paperless .input-email{border: 1px solid #c5281d; border-radius: 0; font-size: 2.4rem;padding-left: 10px;}
.bolck-popup-address{color: #000;}
.bolck-popup-address .text-number {font-size: 5rem;font-family: 'DB-Heavent-med';}
.bolck-popup-address .input-number{border: 4px solid #c5281d;font-size: 5.4rem;font-family: 'DB-Heavent-med';border-radius: 0;color: #000000;width: 50%;margin: 0 auto;width: 65px;height: 65px;position: relative;z-index: 1;box-shadow: none; text-align: center; padding-left:0; padding-right:0; }
.bolck-popup-address .text-link>a{color: #999999;}
.bolck-popup-address .space-4{margin: 15px;display: inline-block;}
.bolck-popup-address .form-input-number{margin: 0 auto;text-align: center;}
.bolck-popup-address .input-green{border: none;background: #e5facc;color: #009900;border-radius: 0;box-shadow: none;font-size: 2.4rem;padding: 10px;margin-top: 20px;}
.bolck-popup-address .input-white{border: 1px solid #eaeaea;background: transparent;color: #000000;border-radius: 0;box-shadow: none;font-size: 2.4rem;padding: 5px 10px;margin-top: 20px;}
.bolck-popup textarea:focus, input:focus{outline: none;color: #009900;}
.bolck-popup-address .space-box-input-number{margin: 1px;margin: auto;}
.bolck-popup-address .input-address .btn-group.bootstrap-select {width: 100%;}
.bolck-popup-address button.btn.dropdown-toggle.btn-default{ border: 0;width: 100%;background: #f2f2f2;box-shadow: none;border-radius: 0;font-size: 2.2rem;}
.bolck-popup-address .address-edit{float: left;background: #f2f2f2;border-radius: 5px;font-size: 3.6rem;font-family: 'DB-Heavent-med'; padding:10px 0;}
.bolck-popup-address .btn-edit{float: right;margin: 20px;width: 100%;cursor: pointer;}
.bolck-popup-address .text-address{font-size: 3rem;}
.bolck-popup-address .text-tracking-number{font-size: 4rem;float: right;padding-top: 5px;font-family: 'DB-Heavent-med'}
#amphurs { margin-top: 20px;}
#popup-address-1 .text-detail{font-size: 2.2rem;margin-top: -10px;}
.edit-telephone .input-phone{border: 2px solid #c5291d;border-radius: 0;font-size: 4.3rem;font-family: 'DB-Heavent-med';padding: 10px;height: 65px;color: #000;outline: none;line-height: 40px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.edit-telephone .tel-old{width: 100%;border-radius: 0;border: none;text-align: center;background: #f2f2f2;font-size: 2.4rem;height: 48px;}
.edit-telephone .tel-new{width: 100%;border-radius: 0;border: none;text-align: center;background: #f9e9e8;background-position-x: 45px;font-size: 3.4rem;font-family: 'DB-Heavent-med';color: #000;height: 48px;}
.edit-telephone .text-tel{float: right; font-size: 3.4rem;font-family: 'DB-Heavent-med';}
.edit-telephone .text-tel-btn{font-size: 3.4rem;float: left;position: absolute;top: 0;right: 15px;z-index: 100;height: 50px;padding: 12px;}
.edit-telephone .space-confirm-phone{margin-top: 30px;margin-bottom: 30px;}
.edit-telephone .space-resp-top-10{margin-top: 10px;}
.edit-telephone .space-resp-top-20-0{margin-top: 20px;}
/*--- all about popup action -----*/
.modal-content {border: none;border-radius: 0px;-webkit-box-shadow: none;box-shadow: none;}
.policy-popup,.policy-popup-bg {margin-top: 5vw;margin-bottom: 5vw;}
/*--- /all about popup action -----*/
@media (min-width:1024px) and (max-width: 993px) {
    .bolck-popup-address .input-number{width: 60px;height: 60px;}
}

@media (min-width:768px) and (max-width: 992px) {
    .bolck-popup-address .input-number{width: 55px;height: 55px;padding-left: 12px;}
    .policy-popup .text-detail{font-size: 2.8rem;}

}

@media (max-width:767px) {
    .bolck-popup h2{font-size: 3.4rem;}
    .bolck-popup h3{font-size: 2.4rem;line-height: 1em;}
    .bolck-popup h4{font-size: 2.4rem;}
    .bolck-popup .btn-popup{font-size: 2rem;}
    .bolck-popup .hide-in-mobile{display: none!important;}
    .bolck-popup .text-detail{font-size: 2.2rem;}
    .bolck-popup .text-color-red{font-size: 2.4rem; line-height: 2rem;}
    .bolck-popup .btn{display: block;}
    .bolck-popup .display-in-mobile{display: block !important;}
    .policy-popup{border: none;}
    .policy-popup .text-detail{font-size: 2.2rem;}
    .policy-popup .text-detail-blod{font-size: 2.4rem!important; line-height: 28px;}
    .policy-popup-bg{ margin: 10px;margin-top: 10px;}
    .bolck-popup-policy .policy-popup .icon-card{padding-top:0}
    .bolck-popup-policy .policy-popup .text-detail-number{font-size: 2.4rem;}
    .bolck-popup-paperless .blog-customer{border: 1px solid #FFF;float: left;}
    .bolck-popup-paperless a{font-size: 2rem;}
    .bolck-popup-address .space-4{margin: 5px;}
    .bolck-popup-address .space-5{margin: 0px;}
    .bolck-popup-address .input-number{width: 45px; height: 45px; font-size: 3.4rem;}
    .bolck-popup-address .input-tracking{width: 40px !important; height: 40px !important;}
    .bolck-popup-address .form-input-number .space-4{margin: 0px;display: inline-block;}
    .bolck-popup-address .address-edit{font-size: 2.4rem;}
    .bolck-popup-address .text-number{font-size: 3.4rem;}
    .bolck-popup-address .text-link>a{font-size: 2rem}
    .bolck-popup-address .text-tracking-number{font-size: 2.4rem;text-align: center;float: none;padding-top: 0;}
    .bolck-popup-address .text-address{font-size: 2.2rem;}
    .bolck-popup-address .btn-edit{margin: 10px;}
    .edit-telephone .text-tel{float: none;text-align: center;font-size: 2.1rem;} 
    .edit-telephone .space-confirm-phone{margin-top: 0px;margin-bottom: 20px;}
    .edit-telephone .input-phone{height: 48px;}
    .edit-telephone .space-resp-top-10{margin-top: -10px;}
    .edit-telephone .space-resp-top-20-0{margin-top: 0px;}
    .edit-telephone .space-resp-20{margin-top: -20px;}
}