:root{--primary: #30ea03;--secondary: #30ea03;--danger: #eb5757;--warning: #f2994a;--bg: #f9fafb;--text: #000;--text-active: #4f4f4f;--text-add: #fff;--red: #24191a;--gray: #828282;--app-height: 100%;--font: "Bai Jamjuree", sans-serif}html,body{font-size:18px;font-weight:500;font-family:var(--font),sans-serif}@keyframes fade{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@-o-keyframes fade{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@-moz-keyframes fade{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@-webkit-keyframes fade{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.animate-fade{-webkit-animation:fade 2s infinite;-moz-animation:fade 2s infinite;-o-animation:fade 2s infinite;animation:fade 2s infinite}.alert{display:none;position:fixed;right:1rem;top:1rem;z-index:100}.alert.show{display:flex}a{text-decoration:none}.link{text-decoration:underline;color:#828282}.btn-primary{background:var(--primary);color:var(--text);border:2px solid var(--primary);padding-left:2rem;padding-right:2rem}.btn-primary:hover,.btn-primary:active,.btn-primary:focus{opacity:.8;background:var(--primary) !important;color:var(--text);border:2px solid var(--primary) !important}.btn-primary-outline{background:var(--grey);color:var(--primary);border:2px solid var(--primary) !important;padding-left:2rem;padding-right:2rem}.btn-primary-outline:hover,.btn-primary-outline:active,.btn-primary-outline:focus{background:var(--primary) !important;color:var(--text) !important}.btn-link{text-decoration:none;color:var(--primary)}.btn-link:hover,.btn-link:active,.btn-link:focus{opacity:.7;color:var(--primary);box-shadow:none !important}.btn-secondary-outline{border-radius:0;background:var(--grey);color:#e0e0e0;border:2px solid #e0e0e0 !important;padding-left:2rem;padding-right:2rem}.btn-secondary-outline:hover,.btn-secondary-outline:active,.btn-secondary-outline:focus{background:#e0e0e0 !important;color:var(--text) !important}.btn-danger-outline{border-radius:0;background:none;color:var(--danger);border:2px solid var(--danger);padding-left:2rem;padding-right:2rem}.btn-danger-outline:hover,.btn-danger-outline:active,.btn-danger-outline:focus{background:var(--danger) !important;color:var(--text) !important}.dataTables_filter{display:none}.cs-pointer{cursor:pointer}.d-center{display:flex;justify-content:center;align-items:center}.alert{display:none;position:fixed;right:1rem;top:1rem;z-index:100}.alert.show{display:flex}.close{color:var(--text)}pre{text-transform:none}.template{display:none}.bootstrap-select>.dropdown-toggle{padding:.375rem 2.25rem .375rem .75rem;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da}.bootstrap-select>.dropdown-toggle.btn-danger{border-color:#dc3545;color:#212529 !important;padding-right:4.125rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);background-position:right .75rem center,center right 2.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem}.dropdown-toggle::after{margin-top:-1px;display:none !important}.bootstrap-select .no-results{padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)}.form-control.title{padding:.375rem .75rem !important;font-size:1rem !important;font-weight:400 !important;border:1px solid #ced4da !important;color:inherit !important}.between{display:flex;justify-content:space-between;align-items:center}.grecaptcha-badge{visibility:hidden !important}html,body{font-size:16px;font-weight:500}.header{position:relative}.title{font-size:1.2rem;font-weight:600}.sub-title{font-size:.9rem}.consent{width:100%;background:#b6c5d7;background:linear-gradient(205deg, rgb(182, 197, 215) 0%, rgb(242, 242, 242) 100%);position:absolute;z-index:2;padding:.5rem;left:0;font-size:.7rem;line-height:1rem}.consent a{color:var(--primary);text-decoration:underline}.consent .btn{background-color:var(--primary);color:#fff;border-radius:3px;font-weight:300;font-size:.8rem}.network #network-list .loading{text-align:center;padding-top:1rem}.network #network-list .list{border-bottom:1px solid #ccc;padding:1rem}.network #network-list .list .title{color:var(--primary);font-size:1rem}.network #network-list .list .desc{font-size:.8rem;display:flex;flex-flex:row;line-height:1.2rem;font-weight:500;width:200px}.network #network-list .list .desc .label{flex:2;font-weight:500}.network #network-list .list .desc .detail{flex:3;font-weight:400}.popup{display:none;position:fixed;width:100%;height:100vh;z-index:100}.popup .box{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:rgba(0,0,0,.3)}.popup .box .content{width:90%;height:auto;padding:1.5rem;line-height:1rem;background:#fff;text-align:center}.popup .box .content .btn-bar{padding-top:1.5rem}.popup .box .content .btn-bar .btn{width:48%}.popup .box .content .btn-bar .btn-cancel{border:1px solid #000}.popup .box .content .btn-bar .btn-confirm{background:var(--primary);color:#fff}.loading{top:0;position:fixed;width:100%;height:100vh;z-index:101;background:rgba(0,0,0,.8);color:#fff;line-height:100vh;text-align:center;font-size:3rem}.register .header{padding:1.5rem 0 2.5rem;background:var(--primary);color:#fff;position:relative;z-index:1;font-size:2rem}.register .header .logo{position:absolute;right:.5rem;top:.5rem;float:right;max-height:60px;background-color:#fff;box-shadow:0 0 10px 5px hsla(0,0%,100%,.1);border-radius:30px}.register .form-label{margin-bottom:.25rem;font-weight:500}.register .form-check{padding-left:2rem}.register .form-check .form-check-label{font-size:.8rem}.register .form-check .form-check-input{width:1.5rem;height:1.5rem;margin-left:-2rem;border-radius:.5rem}.register .form-check .form-check-input:checked{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 0 0}.register .btn{font-weight:500}#key_benefits{display:none}#key_benefits h1{color:var(--primary)}#key_benefits img{margin:0 auto;display:block;max-width:100%}#key_benefits a{color:var(--primary)}.key-benefits .header{position:fixed;z-index:1;height:3rem;display:flex;justify-content:space-between}.key-benefits .header .fa-solid{color:var(--primary)}.key-benefits .menu{position:fixed;z-index:1000;background:#000;color:#fff;max-width:320px;width:100%;top:3rem;padding:.5rem .5rem;height:calc(100vh - 4rem);right:-100%;transition:.3s}.key-benefits .menu.active{right:0;transition:.3s}.key-benefits .menu .title{font-size:1.2rem;font-weight:normal;padding:.25rem .5rem;color:var(--primary)}.key-benefits .menu li{list-style:none;border-bottom:1px solid #fff;padding:.25rem .5rem}.key-benefits .menu li a{color:#fff;font-weight:normal}.key-benefits .menu li:last-child{border-bottom:none}.key-benefits .form{padding-top:3rem}.other-information .header{display:grid;grid-template-columns:1fr 100px;align-items:end;border-bottom:1px solid #ededed}.other-information .header .box{align-items:center;display:grid;grid-template-columns:48px auto;gap:1rem}.other-information .header .box .product-card{background-color:#f7f7f7;aspect-ratio:1/1;height:48px;width:48px;position:relative;border-radius:12px}.other-information .header .box .product-card img{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.other-information .header .box .text-sm{font-size:.8rem}.other-information .header .box .text-base{font-size:1.2rem;font-weight:600}.other-information #brand{color:var(--primary)}.other-information .count{font-weight:500;font-size:.8rem;width:auto;flex-wrap:nowrap}.other-information #content{gap:1rem;display:flex;flex-flow:column;margin-bottom:1rem}.other-information #content .card{border-radius:.5rem;overflow:hidden}.other-information #content .card .card-body .title{font-weight:500;font-size:1rem}.other-information #content .card .card-body .time{font-size:.8rem;font-weight:500;color:rgba(0,0,0,.4)}.autoComplete_wrapper{display:flex}.autoComplete_wrapper>ul>li mark{color:var(--primary)}@media only screen and (max-width: 600px){.autoComplete_wrapper>input{width:100%}}