.main-container{margin:auto;min-height:100vh;background-color:#fff;color:#000}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}@font-face{font-family:Kanit;src:url(../fonts/Kanit-Regular.a82c4c3b.ttf)}body{font-family:Kanit;overflow:hidden}.btn-main,.btn-main:active,.btn-main:focus,.btn-main:hover{background-color:#8f20c6!important;color:#fff!important;border-color:#8f20c6!important}.btn-main-2,.btn-main-2:active,.btn-main-2:focus,.btn-main-2:hover{background-color:#5b57a5!important;color:#fff!important;border-color:#5b57a5!important}.bg-white{background-color:#fff!important}.f-size-42{font-size:42px}.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}.text-color-sec{color:#f47559}.tab-title-class-active{background-color:#8f20c6!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:#8f20c6}.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}.main-color{color:#8f20c6}.kec-color{color:#0097dd}.text-blue{color:#3c79ec}.text-gray-1{color:#58595b}.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;-webkit-box-shadow:none!important;box-shadow:none!important}.custom-control-input:checked~.custom-control-label:before{border-color:#8f20c6;background-color:#8f20c6}.h-100vh{height:100vh;overflow:auto}.bg-light-gray{background-color:#efefef}.complain-header{height:60px;-webkit-box-shadow:0 0 10px #d7d7d7;box-shadow:0 0 10px #d7d7d7;background-color:#fff}.custom-buttongroup{min-height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border-bottom:0;padding-left:0;margin:auto;border-radius:100px;background:#e0e0e0;overflow:hidden}.custom-buttongroup .btn{-webkit-transition:none;transition:none;padding:8px 0}.btn:active,.custom-buttongroup .btn:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}.custom-buttongroup .button-active{background-color:#8f20c6!important;border:none;border-radius:100px!important}.custom-buttongroup .button-noactive{background-color:#e0e0e0;border:none;color:#58595b}.custom-buttongroup .btn:first-child{border-top-left-radius:1rem!important;border-bottom-left-radius:1rem!important}.custom-buttongroup .btn:not(:first-child){margin-left:0}.custom-buttongroup .btn:last-child{border-top-right-radius:1rem!important;border-bottom-right-radius:1rem!important}#box-modal___BV_modal_footer_{background-color:#8f20c6;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{-webkit-box-shadow:none;box-shadow:none}.submit-button>button:active,button:focus{background-color:#bebebe!important;border:none!important;-webkit-box-shadow: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:#8f20c6}.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:#8f20c6!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 ::-webkit-input-placeholder{color:#bebebe}.date-picker-input ::-moz-placeholder{color:#bebebe}.date-picker-input :-ms-input-placeholder{color:#bebebe}.date-picker-input ::-ms-input-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:#8f20c6!important;border-color:#8f20c6!important;outline:0!important;color:#fff!important;-webkit-box-shadow:none!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}@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}}