.header-panel[data-v-6229ed56]{padding:7px 0;color:#22201f!important}.header-panel .navbar[data-v-6229ed56]{padding-top:0!important;padding-bottom:0!important}.header-panel .navbar-brand img[data-v-6229ed56]{margin-right:25px}.header-panel .navbar-brand span[data-v-6229ed56]{font-size:31px}.header-panel .navbar-nav .nav-link[data-v-6229ed56]{padding-right:0;padding-left:0;font-family:Kanit-Medium;font-size:18px;color:#22201f!important;margin-left:100px}.header-panel .navbar-nav .nav-link.router-link-active[data-v-6229ed56]{border-bottom:2px solid #22201f}@media(max-width:991.98px){.header-panel .navbar .navbar-nav .nav-link[data-v-6229ed56]{margin-left:25px!important}.header-panel .navbar button[data-v-6229ed56]:focus{background-color:inherit!important}}@media(max-width:767.98px){.header-panel .navbar[data-v-6229ed56],.header-panel[data-v-6229ed56]{padding:0!important}.header-panel .navbar .navbar-brand[data-v-6229ed56]{padding-left:15px!important}.header-panel .navbar .navbar-toggler[data-v-6229ed56]{padding-right:15px!important;border:0!important}.header-panel .navbar .navbar-nav[data-v-6229ed56]{background-color:#fff!important}.header-panel .navbar .navbar-nav .navbar-nav[data-v-6229ed56]{padding-bottom:15px!important}.header-panel .navbar .navbar-nav .nav-link[data-v-6229ed56]{margin-left:0!important;padding:0 15px}.header-panel .navbar .navbar-nav .nav-link .line-bottom[data-v-6229ed56]{border-bottom:1px solid #e1e1e1!important;padding-top:1rem!important;padding-bottom:1rem!important}.header-panel .navbar .navbar-nav .nav-link.router-link-active[data-v-6229ed56]{border-bottom:none!important}.header-panel .navbar button[data-v-6229ed56]:focus{background-color:inherit!important}}.bg-main-img{position:fixed;height:100%;overflow:auto;bottom:0;width:100%;background-image:url(../img/bg-main.d18796de.png);background-position:bottom;background-repeat:no-repeat;background-size:contain}.main-container{margin:auto;min-height:100vh;color:#000}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}@font-face{font-family:Kanit;src:url(../fonts/Kanit-Regular.a82c4c3b.ttf)}@font-face{font-family:Kanit-Medium;src:url(../fonts/Kanit-Medium.572f0aba.ttf)}body{font-family:Kanit;overflow-x:hidden}.btn-main{background-color:#fd7520!important;color:#fff!important;border-color:#fd7520!important;font-size:16px;border-radius:24px}.btn-main:active,.btn-main:focus,.btn-main:hover{background-color:#ff6439!important;color:#fff!important;border-color:#fd7520!important}.btn-outnline-main{background-color:#fff!important;color:#22201f!important;border-color:rgba(0,0,0,.25098039215686274)!important;font-size:16px;border-radius:24px}.btn-outnline-main:active,.btn-outnline-main:focus,.btn-outnline-main:hover{background-color:#fff!important;color:#22201f!important;border-color:#22201f!important}.btn-link-main{color:#22201f;font-size:16px;text-decoration:underline}.btn-link-main:hover{color:#ff6439!important;text-decoration:underline}.bg-white{background-color:#fff!important}.f-size-42{font-size:42px}.f-size-38{font-size:38px}.f-size-28{font-size:28px}.f-size-26{font-size:26px}.f-size-22{font-size:22px}.f-size-20{font-size:20px}.f-size-18{font-size:18px}.f-size-16{font-size:16px}.f-size-14{font-size:14px}.f-size-12{font-size:12px}.f-size-10{font-size:10px}.f-medium{font-family:Kanit-Medium}.text-indent{text-indent:40px}.text-color-sec{color:#f47559}.tab-title-class-active{background-color:#ff6439!important;color:#fff!important;font-size:12px}.tab-title-class-non-active{background-color:#bebebe!important;color:#000!important;font-size:12px}.custom-tab .nav-tabs{padding:1rem;background:#fff}.date-filter .vdatetime-input{width:100%;background-color:#fff;border:1px solid #dbdbdb;color:#4a4a4a;height:50px;padding:10px;border-radius:10px}.bg-gray-2{background-color:#f5f5f5!important;color:#242424!important}.main-bg-color{background-color:#ff6439}.bg-gray-1{background-color:#f1f1f3}.bg-gray-2{background-color:#d6d7dc}.bg-gray-3{background-color:#cacbd0}.bg-gray-4{background-color:#e0e0e0}.bg-gray-5{background-color:#f4f4f4}.bg-orange-1{background-color:#eccdb1}.bg-kec{background-color:#0097dd}.bg-kec-1{background-color:#d4f9fb}.bg-main{background-color:#fab728!important}.main-color{color:#ff761a}.kec-color{color:#0097dd}.text-blue{color:#3c79ec}.text-gray-1{color:#58595b}.text-success{color:#56e92a!important}.text-fail{color:#c40000!important}.text-yello{color:#fab728!important}.text-green{color:#00c800!important}.pointer{cursor:pointer}.btn-dropdown-bottom{background-color:#fff;border-color:#fff;color:#000}.btn-dropdown-bottom:active,.btn-dropdown-bottom:focus,.btn-dropdown-bottom:hover{background-color:#fff!important;border-color:#fff!important;color:#000!important;box-shadow:none!important}.custom-control-input:checked~.custom-control-label:before{border-color:#ff6439;background-color:#ff6439}.h-100vh{height:100vh;overflow:auto}.btn:active,.btn:focus{outline:none;box-shadow:none}#box-modal___BV_modal_footer_{background-color:#ff6439;padding:0;border:none}.btn-secondary:not(:disabled):not(.disabled).active:focus,.custom-buttongroup .btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:none}.submit-button>button:active,.submit-button>button:focus{background-color:#bebebe!important;border:none!important;box-shadow:none!important}.style-chooser .vs__selected{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px;display:inline-block;font-size:14px}.style-chooser .vs__dropdown-toggle{padding:0}.style-chooser .vs__open-indicator{fill:#ff6439}.style-chooser .vs__dropdown-menu{max-height:250px;margin-top:8px}.style-chooser .vs__selected-options{padding:8px 2px}.style-chooser .vs__dropdown-option--highlight{background-color:#ff6439!important;color:#ebeff0!important}.inputcod-custom .input-custom>input{background-color:#ebeff0!important}.custom-select-service.custom-select{background:#fff url(../img/arrow-down.62284561.svg) right .75rem center/8px 10px no-repeat}.date-picker-input .vdatetime-input{width:100%;background-color:#fff;border:1px solid #bebebe!important;padding:10px;border-radius:4px;color:#575757;height:42px}.date-picker-input ::-moz-placeholder{color:#bebebe}.date-picker-input ::placeholder{color:#bebebe}.shipment-card{width:100%}@media only screen and (min-width:767.98px){.shipment-card{max-width:800px}}.register-custom-buttongroup{background-color:#ebeff0!important;border-radius:20px!important;width:100%}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn-group:not(:last-child)>.btn,.register-custom-buttongroup>.btn:not(:first-child),.register-custom-buttongroup>.btn:not(:last-child):not(.dropdown-toggle){border-radius:20px!important;background-color:#ebeff0;color:#707070;border-color:#ebeff0;font-size:14px}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.register-custom-buttongroup>.btn:focus{border-radius:20px!important;background-color:#ff6439!important;border-color:#ff6439!important;outline:0!important;color:#fff!important;box-shadow:none!important}.vue-bottom-dialog{z-index:1027}.logo-img{height:50px;height:auto;text-align:center}input:focus-visible,textarea:focus-visible{outline:none!important}.panel-form{box-shadow:0 3px 30px rgba(0,0,0,.12941176470588237);border-radius:20px;padding:40px;background-color:#fff;position:relative;font-size:16px;color:#22201f}.panel-form .title{color:#707070;font-size:26px}.panel-form .title-second{color:#22201f;font-size:28px}.panel-form .desc{color:#22201f;font-size:16px;margin-bottom:5px}@media only screen and (max-width:950px){.style-chooser .vs__selected{max-width:250px}}@media only screen and (max-width:680px){.style-chooser .vs__selected{max-width:290px}}@media only screen and (max-width:374px){.style-chooser .vs__selected{max-width:230px}}