@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@100;200;300;400;500;600;700;800&display=swap";.styles_btn__main_l__H036F{display:block;width:-moz-max-content;width:max-content;min-height:38px;border:none;border-radius:4px;background-color:#488fc9;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);font-family:Sarabun,sans-serif;font-weight:300;font-size:2rem;color:#fff;padding:.75rem 3rem;transition:all .3s ease;cursor:pointer}.styles_btn__main_l__H036F:hover{background-color:#6fa7d5}.styles_btn__main_l__H036F.styles_full__xRRoK{width:100%}.styles_btn__main_l__H036F.styles_purple__6OEt8{background-color:#c85c8e}.styles_btn__main_l__H036F.styles_purple__6OEt8:hover{background-color:#d582a8}.styles_btn__main_l__H036F.styles_blue__BOR3i{background-color:#2684ff}.styles_btn__main_l__H036F.styles_blue__BOR3i:hover{background-color:#59a1ff}.styles_btn__main_l__H036F.styles_red__J8u1p{background-color:#ff514e}.styles_btn__main_l__H036F.styles_red__J8u1p:hover{background-color:#ff8381}.styles_btn__main_l__H036F.styles_green__uRFp3{background-color:#3ccf4e}.styles_btn__main_l__H036F.styles_green__uRFp3:hover{background-color:#65d973}.styles_btn__main_l__H036F.styles_darkgreen__Ue7YB{background-color:#539165}.styles_btn__main_l__H036F.styles_darkgreen__Ue7YB:hover{background-color:#6cab7e}.styles_btn__main_l__H036F.styles_darkred__jTqXv{background-color:#b84847}.styles_btn__main_l__H036F.styles_darkred__jTqXv:hover{background-color:#c66d6c}.styles_btn__main_l__H036F:disabled{color:#b9b9b9;background-color:#eee;cursor:not-allowed}.styles_btn__main_l__H036F:disabled:hover{color:#b9b9b9;background-color:#eee}.styles_btn__main_m___p5CV{width:100%;border:none;border-radius:10px;background-image:linear-gradient(to right bottom,#488fc9,#00579d);font-family:Sarabun,sans-serif;font-weight:300;font-size:2rem;color:#fff;padding:.5rem 0;margin:0;box-shadow:0 .5rem 1rem rgba(0,0,0,.25);transition:all .3s ease;cursor:pointer}.styles_btn__main_m___p5CV:hover{transform:translateY(-1px);box-shadow:0 .8rem 1.6rem rgba(0,0,0,.2)}.styles_btn__main_m___p5CV:active{transform:translateY(-.5px);box-shadow:0 .6rem 1.2rem rgba(0,0,0,.25)}.styles_btn__action__9zc9r{font-size:1.8rem;background-color:#616161;padding:0 .25rem}.styles_btn__action__9zc9r,.styles_btn__action_blue__SP1Lm,.styles_btn__action_red__7L9tE{font-family:Sarabun,sans-serif;font-weight:500;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.styles_btn__action_blue__SP1Lm,.styles_btn__action_red__7L9tE{font-size:1.4rem;padding:.25rem 2.5rem}.styles_btn__action_red__7L9tE{background-color:#f53535}.styles_btn__action_blue__SP1Lm{background-color:#488fc9}.styles_btn__action__9zc9r:hover{background-color:#b9b9b9}.styles_btn__outline_m__279hZ{position:relative;display:flex;width:100%;padding:.5rem 1rem;align-items:center;justify-content:center;background-color:transparent;border:3px solid #00579d;border-radius:10px;font-family:Sarabun,sans-serif;font-weight:500;font-size:2rem;color:#00579d;cursor:pointer;transition:all .2s ease}.styles_btn__outline_m__279hZ:hover{color:#fff;border:3px solid transparent;background-color:#488fc9}.styles_btn__outline_m__279hZ:disabled{cursor:not-allowed}.styles_btn__outline_m__279hZ:disabled,.styles_btn__outline_m__279hZ:disabled:hover{color:#b9b9b9;background-color:#fff;border:3px solid #eee}.styles_btn__outline_l__2A2uy{position:relative;display:flex;width:100%;height:100%;padding:0 1.5rem;align-items:center;justify-content:center;background-color:transparent;border:3px solid #00579d;border-radius:10px;font-family:Sarabun,sans-serif;font-weight:500;font-size:2.4rem;color:#00579d;cursor:pointer;transition:all .2s ease}.styles_btn__outline_l__2A2uy:hover{color:#fff;border:3px solid transparent;background-color:#488fc9;box-shadow:inset 1.95px 1.95px 2.6px rgba(0,0,0,.15)}.styles_btn__outline_sp__vdVnN{position:relative;display:flex;width:-moz-max-content;width:max-content;height:100%;padding:1rem 1.5rem;align-items:center;justify-content:center;background-color:transparent;border:3px solid #00579d;border-radius:10px;font-family:Sarabun,sans-serif;font-weight:500;font-size:2.4rem;line-height:2rem;color:#00579d;cursor:pointer;transition:all .2s ease}.styles_btn__outline_sp__vdVnN:hover,.styles_btn__outline_sp_active__6XDHf{color:#fff;border:3px solid transparent;background-color:#488fc9;box-shadow:inset 1.95px 1.95px 2.6px rgba(0,0,0,.15)}.styles_btn__outline_sp_active__6XDHf:hover{border:3px solid transparent;background-color:#00579d;box-shadow:inset 1.95px 1.95px 2.6px rgba(0,0,0,.15)}.styles_btn__option_v__3ggA4{font-size:2.6rem;font-family:Sarabun,sans-serif;font-weight:300;padding:1rem 0;border:3px solid transparent;border-right:none;border-left:none;background-color:transparent;will-change:auto;transition:border-bottom-color .15s,border-top-color .15s;backface-visibility:hidden;cursor:pointer}.styles_btn__option_v__3ggA4.styles_active__UDF3l,.styles_btn__option_v__3ggA4:active,.styles_btn__option_v__3ggA4:hover{outline:none;text-shadow:0 0 .01px #000;border-top-color:#00579d;border-bottom-color:#00579d;z-index:1}.styles_btn__option_h__fWvKH{position:relative;width:100%;font-size:3rem;font-family:Sarabun,sans-serif;font-weight:600;padding:.5rem 0;border:none;border-bottom:2.5px solid #b9b9b9;border-radius:10px 10px 0 0;background-color:transparent;transition:all .2s ease;backface-visibility:hidden;cursor:pointer}.styles_btn__option_h__fWvKH.styles_active__UDF3l,.styles_btn__option_h__fWvKH:active,.styles_btn__option_h__fWvKH:hover{color:#fff;outline:none;background-color:#b9b9b9;text-shadow:0 0 .01px #fff}.styles_btn__light_m__ZytXr{width:-moz-max-content;width:max-content;font-size:2rem;font-family:Sarabun,sans-serif;font-weight:500;letter-spacing:1px;color:#00579d;border:none;border-bottom:1px solid transparent;background-color:transparent;cursor:pointer;transition:all .2s ease}.styles_btn__light_m__ZytXr:hover{color:#488fc9;border-bottom:1px solid #488fc9}.styles_btn__back_m__NY_xw{position:absolute;top:1.5rem;left:2rem;color:#000;background-color:transparent;border:none;transition:all .15s ease;cursor:pointer}.styles_btn__back_m__NY_xw:hover{color:rgba(0,0,0,.8)}.styles_btn__close__JQ3dQ{font-size:1.6rem;height:100%;padding:0 2rem;border:none;border-left:.5px solid rgba(0,0,0,.2);background-color:#fff;cursor:pointer;transition:all .2s ease}.styles_btn__close__JQ3dQ:hover{background-color:#eee}.styles_btn__add__IGwYj{font-size:2rem;min-height:38px;padding:0 1rem;border:.5px solid rgba(0,0,0,.2);border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s ease}.styles_btn__add__IGwYj:active,.styles_btn__add__IGwYj:focus,.styles_btn__add__IGwYj:hover{outline:none;background-color:#eee}.styles_btn__icon_l__kbz2I{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;border:none;border-radius:10px;background-color:#b9b9b9;font-family:Sarabun,sans-serif;font-weight:500;font-size:2rem;line-height:0;min-height:38px;min-width:38px;color:#000;padding:1rem;transition:all .3s ease;cursor:pointer}.styles_btn__icon_l__kbz2I:hover{background-color:#d3d3d3}.styles_form_l__ulCWY{display:flex;flex-direction:column;gap:1.5rem}.styles_label_l__XCOuJ{font-family:Sarabun,sans-serif;font-weight:400;font-size:1.8rem;line-height:1.6rem;color:#616161}@media(max-width:31.25em){.styles_label_l__XCOuJ{font-size:3rem;line-height:2rem}}.styles_label_file_l__G_Max{font-family:Sarabun,sans-serif;font-size:2.4rem;font-weight:200;text-align:center;color:#000;background-color:transparent;border:1px solid #eee;border-radius:4px;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);padding:1rem 0;transition:all .15s ease;cursor:pointer}.styles_label_file_l__G_Max:hover{text-shadow:0 0 .01px #000;box-shadow:0 .3rem .6rem rgba(0,0,0,.25)}.styles_label_singleline__unGWZ{grid-column:1/-1;line-height:2.8rem!important}.styles_input_l__Prgao{display:block;font-family:Sarabun,sans-serif;font-weight:300;font-size:2rem;line-height:3.5rem;background-color:#fff;width:100%;min-height:38px;padding:.8rem 1rem;border-radius:4px;border:1px solid rgba(0,0,0,.2)}@media(max-width:31.25em){.styles_input_l__Prgao{font-size:3rem;line-height:2rem}}.styles_input_l__Prgao:hover{border:1px solid rgba(0,0,0,.3)}.styles_input_l__Prgao:focus{border:1px solid transparent;outline:2px solid #2684ff}.styles_input_l__Prgao:disabled{background-color:#f2f2f2}.styles_input_l__Prgao:disabled:hover{outline:none;box-shadow:0 .3rem .6rem rgba(0,0,0,.25)}.styles_input_mode__fOscN{display:block;font-family:Sarabun,sans-serif;font-weight:300;font-size:2rem;background-color:#fff;line-height:2rem;width:100%;padding:.25rem 2rem;border:.5px solid rgba(0,0,0,.17);border-radius:4px;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);cursor:pointer}.styles_input_mode__fOscN:focus,.styles_input_mode__fOscN:hover{outline:none;box-shadow:0 .3rem .6rem rgba(0,0,0,.25)}.styles_input_file__zE86R{display:none}.styles_icon__round__bg3E1{color:inherit;font-size:3.5rem}.styles_icon__plus__xTtkG{margin:0 1rem}.styles_status_active__JYLHd,.styles_status_available__4VXjx,.styles_status_book__uBg2F,.styles_status_booked__rWth2,.styles_status_booking__j3Ssc,.styles_status_finished__BgABH,.styles_status_inactive__FYTf6,.styles_status_ongoing__0UVXE,.styles_status_queued_in__hZXlZ,.styles_status_queued_out__RHZyD,.styles_status_start__4N6fe,.styles_status_stuffing__R5XZz,.styles_status_unavailable__1E6VZ,.styles_status_waiting_in__EvLbW,.styles_status_waiting_out__zfr1h,.styles_status_weighing_in__TcNVw,.styles_status_weighing_out__psoWw{display:block;font-weight:500;text-overflow:ellipsis;overflow:hidden;color:#fff;border-radius:10px;padding:.5rem 1.5rem;margin:0 1rem}.styles_status_book__uBg2F{background-color:#f2921d}.styles_status_book__uBg2F.styles_selected__zpLXh{background-color:#d0780c}.styles_status_booking__j3Ssc{background-color:#e58473}.styles_status_booking__j3Ssc.styles_selected__zpLXh{background-color:#dd5e48}.styles_status_booked__rWth2{background-color:#ffc478}.styles_status_booked__rWth2.styles_selected__zpLXh{background-color:#ffae45}.styles_status_queued_in__hZXlZ{background-color:#c85c8e}.styles_status_queued_in__hZXlZ.styles_selected__zpLXh{background-color:#b43d74}.styles_status_ongoing__0UVXE,.styles_status_waiting_in__EvLbW{background-color:#2c38d8}.styles_status_ongoing__0UVXE.styles_selected__zpLXh,.styles_status_waiting_in__EvLbW.styles_selected__zpLXh{background-color:#212bb0}.styles_status_weighing_in__TcNVw{background-color:#6945eb}.styles_status_weighing_in__TcNVw.styles_selected__zpLXh{background-color:#4519e4}.styles_status_stuffing__R5XZz{background-color:#9fc088}.styles_status_stuffing__R5XZz.styles_selected__zpLXh{background-color:#84ae67}.styles_status_queued_out__RHZyD{background-color:#432c7a}.styles_status_queued_out__RHZyD.styles_selected__zpLXh{background-color:#2e1e55}.styles_status_waiting_out__zfr1h{background-color:#2b4f60}.styles_status_waiting_out__zfr1h.styles_selected__zpLXh{background-color:#1b323d}.styles_status_weighing_out__psoWw{background-color:#790c5a}.styles_status_weighing_out__psoWw.styles_selected__zpLXh{background-color:#4b0737}.styles_status_finished__BgABH{background-color:#68b984}.styles_status_finished__BgABH.styles_selected__zpLXh{background-color:#4ba36a}.styles_status_active__JYLHd,.styles_status_available__4VXjx,.styles_status_start__4N6fe{background-color:#17c041}.styles_status_active__JYLHd.styles_selected__zpLXh,.styles_status_available__4VXjx.styles_selected__zpLXh,.styles_status_start__4N6fe.styles_selected__zpLXh{background-color:#129232}.styles_status_inactive__FYTf6,.styles_status_unavailable__1E6VZ{background-color:#e24b4b}.styles_status_inactive__FYTf6.styles_selected__zpLXh,.styles_status_unavailable__1E6VZ.styles_selected__zpLXh{background-color:#d72323}.styles_transaction__item_drag__Dop3i{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;font-size:2rem;padding:.5rem;border-radius:10px;transition:all .15s ease}.styles_transaction__item_drag__Dop3i:active{background-color:#b9b9b9}.styles_upload__list__Hmb6A{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;grid-row-gap:.5rem;row-gap:.5rem;padding:0 0 1.5rem}.styles_upload__list_container__H6G2u{width:100%;max-height:12rem;overflow-y:auto}.styles_upload__item__wUfNd{display:flex;align-items:center;height:5rem;width:100%;padding-left:1.5rem;border:1px solid rgba(97,97,97,.2);border-radius:4px;box-shadow:0 .3rem .6rem rgba(0,0,0,.25);overflow:hidden;transition:all .2s ease}.styles_upload__item__wUfNd:hover{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15)}.styles_upload__item__wUfNd p{font-family:Sarabun,sans-serif;font-size:1.6rem;max-width:70%;overflow:hidden;white-space:nowrap}.styles_upload__item__wUfNd button{margin-left:auto}.styles_download__WVefk,.styles_trucklist_upload__nRAsh{position:absolute;bottom:3%;right:17.2rem;z-index:1}.styles_download__btn__TDYsB,.styles_trucklist_upload__btn__kCcTi{display:flex;border-radius:200px;background-color:#616161;box-shadow:0 .3rem .6rem rgba(0,0,0,.25);cursor:pointer}.styles_download__btn_icon__OWfm2,.styles_trucklist_upload__btn_icon__JZk5k{display:flex;justify-content:center;align-items:center;height:6rem;width:6rem;font-size:3.2rem;color:#fff}.styles_download__btn_hover__z8bL0,.styles_trucklist_upload__btn_hover__br1y0{display:flex;align-items:center;max-width:0;overflow:hidden;transition:max-width .2s ease-out}.styles_download__btn_hover__z8bL0 p,.styles_trucklist_upload__btn_hover__br1y0 p{font-family:Sarabun,sans-serif;font-size:2.4rem;min-width:-moz-max-content;min-width:max-content;padding-right:2rem;color:#fff}.styles_download__btn__TDYsB:hover .styles_download__btn_hover__z8bL0,.styles_download__btn__TDYsB:hover .styles_trucklist_upload__btn_hover__br1y0,.styles_trucklist_upload__btn__kCcTi:hover .styles_download__btn_hover__z8bL0,.styles_trucklist_upload__btn__kCcTi:hover .styles_trucklist_upload__btn_hover__br1y0{max-width:500px;transition:max-width .3s ease-in}.styles_trucklist_upload__nRAsh{position:absolute;bottom:3%;right:10.6rem;z-index:2}.styles_trucklist_upload__btn__kCcTi{background-color:#00579d}.styles_create__iOfva{position:absolute;bottom:3%;right:4rem;z-index:5}.styles_create__btn__hh_AS{display:flex;border-radius:200px;background-color:#488fc9;box-shadow:0 .3rem .6rem rgba(0,0,0,.25);cursor:pointer}.styles_create__btn_icon__CPfvd{display:flex;justify-content:center;align-items:center;height:6rem;width:6rem;font-size:3.2rem;color:#fff}.styles_create__btn_hover__sMASG{display:flex;align-items:center;max-width:0;overflow:hidden;transition:max-width .2s ease-out}.styles_create__btn_hover__sMASG p{font-family:Sarabun,sans-serif;font-size:2.4rem;padding-right:2rem;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.styles_create__btn__hh_AS:hover .styles_create__btn_hover__sMASG{max-width:300px;transition:max-width .3s ease-in}.styles_create__main__jUnYV{position:fixed;top:9rem;left:0;width:100%;height:calc(100% - 9rem);visibility:hidden;opacity:0;transition:all .3s ease}.styles_create__main_backdrop__BHUR2{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.15);z-index:10}.styles_create__form__2jehq{position:fixed;top:9rem;right:-45%;display:flex;flex-direction:column;height:calc(100% - 9rem);width:45%;padding:0 0 1rem;background-color:#fff;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);transition:all .3s ease;z-index:15}.styles_create__form_main__UCb46{display:flex;height:100%;overflow:hidden}.styles_create__header__G5aLk{font-family:Sarabun,sans-serif;font-size:2.6rem;margin:2rem 5% 1rem;padding-bottom:1rem;border-bottom:2px solid #b9b9b9}.styles_datalist__FvI79{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.styles_datalist__head__XMeYh{display:flex;width:100%;height:-moz-max-content;height:max-content;padding-right:5px;background-color:#e9e9e9}.styles_datalist__head_title__W2ahI{position:relative;flex:1 0;width:100%;cursor:pointer}.styles_datalist__head_title__W2ahI h2{font-family:Sarabun,sans-serif;font-size:1.8rem;font-weight:400;text-align:center;white-space:nowrap;color:#616161;width:100%;padding:1.5rem 0;transition:all .2s ease}.styles_datalist__head_title__W2ahI:hover h2{color:#000}.styles_datalist__body__eVXC4{height:100%;overflow:hidden}.styles_datalist__body_container__fpSC9{height:100%;overflow-y:scroll;overflow-x:hidden}.styles_datalist__body_item__xIYEE{position:relative;display:flex;width:100%;height:-moz-max-content;height:max-content;align-items:center}.styles_datalist__body_item__xIYEE.styles_odd__0xPMW{background-color:#f2f2f2}.styles_datalist__body_item__xIYEE.styles_even__an0dU{background-color:#fff}.styles_datalist__body_item__xIYEE.styles_active__UDF3l{background-color:#aacbe6}.styles_datalist__body_item__xIYEE p{display:block;font-family:Sarabun,sans-serif;font-size:1.8rem;font-weight:400;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#616161;min-width:0;width:100%;padding:1.5rem 0}.styles_datalist__body_item_action__dSssP{align-self:stretch;width:100%}.styles_datalist__body_item_action__dSssP p{margin-left:auto}.styles_datalist__body_item_drag__r67JR{display:flex;justify-content:center;width:100%;height:-moz-max-content;height:max-content;font-size:2rem;padding:.5rem;transition:all .15s ease}.styles_datalist__body_item_drag__r67JR:active{background-color:#b9b9b9}.styles_datalist__none__WCRvr{display:flex;justify-content:center;height:100%;width:100%}.styles_datalist__none__WCRvr h1{font-family:Sarabun,sans-serif;font-size:3.2rem;font-weight:300;letter-spacing:2px;color:#616161;padding:2rem}.styles_datalist__item_dummy__vowo4{position:absolute;width:100%;height:100%;overflow:hidden}.styles_datalist__item_dummy_drag__WC41z{position:absolute;left:0;top:0;width:100%;height:100%;cursor:grab}.styles_datalist__item_dummy_drag__WC41z:active{cursor:grabbing;background-color:rgba(72,143,201,.2)}.styles_datalist__item_dummy_drag__WC41z:active~.styles_transaction__item_action__mxHxP>.styles_transaction__item_drag__Dop3i{background-color:#b9b9b9}.styles_action__mMTE7{position:relative;display:flex;justify-content:center;align-items:center;gap:.5rem;height:100%;width:100%}.styles_action_item__Yi8cj{display:block;background-color:transparent;padding:.5rem;width:100%;font-family:Sarabun,sans-serif;font-weight:400;font-size:2rem;text-align:center;color:#616161;border:none;text-transform:capitalize;transition:all .15s ease;cursor:pointer;backface-visibility:hidden}.styles_action_item__Yi8cj:hover{color:#488fc9;transform:scale(1.3)}.styles_action_delete__v_WOs{position:absolute;right:0;top:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;gap:1rem;background-color:#ffcece}.styles_action_delete_btn__BeRk8{font-family:Sarabun,sans-serif;font-size:2rem;font-weight:500;color:#fff;padding:.5rem 1.5rem;border:none;border-radius:10px;background-color:#ff514e;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);transition:all .15s ease;cursor:pointer}.styles_action_delete_btn__BeRk8:hover{background-color:#ff6a68}.styles_action_delete_btn__BeRk8.styles_cancel__vqtCv{color:#616161;background-color:#fff}.styles_action_delete_btn__BeRk8.styles_cancel__vqtCv:hover{background-color:#eee}.styles_sort__pC9pK{position:absolute;top:50%;right:0;transform:translateY(-50%)}.styles_sort_ascending__v6eh9,.styles_sort_descending__c7sOM{font-size:1.4rem;color:#616161}.styles_sort_ascending__v6eh9.styles_active__UDF3l,.styles_sort_descending__c7sOM.styles_active__UDF3l{color:#2684ff}.styles_search__LhhUN{display:grid;grid-template-columns:max-content 1fr max-content 1fr;align-items:center;grid-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;padding:1rem 2.5rem;background-color:#616161}.styles_search__label__TfiYQ{font-family:Sarabun,sans-serif;font-weight:400;font-size:2rem;color:#fff}@media(max-width:31.25em){.styles_search__label__TfiYQ{font-size:3rem;line-height:2rem}}.styles_search__input__QU8ZM{font-family:Sarabun,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media(max-width:31.25em){.styles_search__input__QU8ZM{font-size:3rem;line-height:2rem}}.styles_search__date__C2DbK{display:grid;grid-template-columns:max-content 1fr max-content 1fr;align-items:center;grid-gap:2rem;gap:2rem}.styles_pagination__vk_nZ{display:flex;justify-content:center;padding-top:1rem}