@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&display=swap";*{font-family:IBM Plex Sans Thai,sans-serif!important}body{font-family:IBM Plex Sans Thai,sans-serif;overflow:scroll!important;margin:0;padding:0!important;background-color:#f5fafe}:root{--bg: #e5e8f1;--primary: #074e9f;--primary-100: #eaf5f9;--primary-600: #4571b6;--disabled: #ebeef6;--white: #fff;--base: #a3a3a3;--base-50: #e0e0e0;--base-100: #d9d9d9;--base-300: #a3a3a3;--base-500: #7a7a7a;--base-800: #3d3d3d;--base-700: #515151;--waring: #f29c25;--waring-100: #fff8e5;--error-100: #fcefef;--error-200: #ea5454;--font-prim: 16px;--font-second: 14px}#components-layout-demo-custom-trigger .trigger{padding:0 24px;font-size:18px;line-height:64px;cursor:pointer;transition:color .3s}#components-layout-demo-custom-trigger .trigger:hover{background-color:#1890ff}#components-layout-demo-custom-trigger .logo{height:32px;margin:16px;background:#ffffff4d}.ant-menu-inline .ant-menu-item:after{border-right:0!important}p{margin-bottom:0}.ant-menu-item,.ant-menu-item-active{border-radius:10px}.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected{border-radius:0;background-color:#213061;padding:5px 10px!important;margin:0}.ant-menu-item{padding:5px 10px!important}.MuiOutlinedInput-root{color:var(--primary)!important}.MuiInputLabel-root{color:var(--primary)!important;opacity:.5}.MuiTableHead-root{background-color:var(--primary)}.MuiTableHead-root th{color:var(--white)}.img-svg-color-white{filter:invert(100%) sepia(4%) saturate(16%) hue-rotate(159deg) brightness(107%) contrast(104%)}.span-img{width:100%;text-align:center}h4{font-size:14px}h5{font-size:20px;font-weight:700;color:var(--base-800)}h6{font-size:18px;font-weight:400}button{border-radius:8px!important}button span{line-height:2.5;padding:0 10px;font-size:16px}.btn-white-color{background-color:#fff!important;color:var(--primary)!important;border:1px solid var(--primary)!important}.btn-red-color{background-color:#fff!important;color:red!important;border:1px solid red!important}.btn-green-color{background-color:#fff!important;color:green!important;border:1px solid green!important}.head-title{background-color:var(--white);padding:24px}span.spanimg{height:100%;display:flex;justify-content:center;flex-direction:column}span img{width:24px;height:24px}.headfont-breadcrumbs{font-size:12px;font-weight:400;color:var(--primary-600)}.headfont-title{font-size:24px;font-weight:700;line-height:1;color:var(--primary)}.content-bg{width:100%;background-color:var(--bg);padding:24px}.content{background-color:var(--white);border-radius:12px;padding:16px}.content-payment-tab{background-color:"#fff";padding:"0 24px";border-top-left-radius:"8px";border-top-right-radius:"8px"}.content-payment{background-color:"#fff";padding:"24px";border-bottom-left-radius:"8px";border-bottom-right-radius:"8px"}.head-background{background-color:var(--primary);width:100%;height:35px;display:block}.create-trip-head-name{background-color:var(--primary-100);padding:11px 16px 0;border-radius:8px;color:var(--primary)}.create-trip-head-name .head-name{font-weight:700;font-size:18px;line-height:2.5}.second-head-title{background-color:var(--primary-100);padding:0 16px;border-radius:8px;color:var(--primary)}.second-head-title .h-name{font-size:16px;line-height:3;margin-bottom:0}.title-name{background-color:var(--primary-100);padding:8px 16px;border-radius:8px;color:var(--primary)}.title-name.primary{background-color:var(--primary);color:#fff}.title-name.none{background-color:transparent}.p-name{font-weight:700;font-size:16px;margin-bottom:0}.p-name.eighteen{font-size:18px}.sumtrip-section-box{background-color:var(--primary);padding:5px 16px 0;color:var(--white);font-size:18px;font-weight:700;height:70px;line-height:2.5}.label-section{color:var(--primary);line-height:2.5}.label-section .bold{font-weight:700}.label-text-total{font-weight:500;color:var(--base-700);padding-right:8px}.label-dropdown{font-size:14px;color:var(--primary)}.ant-menu-submenu-title{padding:5px 10px!important}.tbl-content-title{margin:0;font-size:14px}.tbl-content-title-blue{margin:0;font-size:14px;color:#3750a1}.tbl-content-title.end{text-align:end;padding-right:26px}.tbl-content-desc{color:var(--base-500);margin:0;font-size:12px}.ant-menu-sub.ant-menu-inline{background-color:#fff0!important;color:#fff}.ant-menu-submenu-title:hover:before{background:red!important}.ant-menu-submenu-title:hover:after{background:red!important}ul.ant-menu.ant-menu-sub.ant-menu-vertical{display:none}span.ant-menu-title-content{padding-left:20px}.ant-layout-sider.ant-layout-sider-light::-webkit-scrollbar{display:none}.ant-layout-sider.ant-layout-sider-light{-ms-overflow-style:none;scrollbar-width:none}.ant-menu{background-color:#f03}.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected{background-color:#213061}.fixedPosition{position:fixed;z-index:999}a li.ant-menu-item.ant-menu-item-active.ant-menu-item-only-child span.ant-menu-title-content:hover{background-color:#213061;padding-right:10px;transition:.5s;width:500px}.ant-menu-item.ant-menu-item-only-child:hover{background-color:#213061;transition:.2s;border-radius:0}.ant-menu.ant-menu-root.ant-menu-inline.ant-menu-dark,.ant-menu-submenu.ant-menu-submenu-inline.ant-menu-submenu-open{width:auto}.ant-popover-inner-content{padding:10px 10px 1px}.ant-popover-placement-right,.ant-popover-placement-rightTop,.ant-popover-placement-rightBottom{padding:0}.ant-menu-item.ant-menu-item-active.ant-menu-item-only-child{background-color:#f03}.ant-select-disabled .ant-select-selector{background-color:#ebeef6!important;color:#929398!important;border-color:#aeb0b6!important}.search-div-input{border:1px solid #c4c4c4;padding:0 6px;border-radius:4px}.search-div-input:hover{border-color:#000}.search-stack-label{width:100%;display:block;overflow-y:auto;max-height:100px;padding-top:6px}.search-input{width:100%;border:0;padding:5px}.search-input::placeholder{color:#a3afd4}.search-input:focus{outline:none}.selected-element{scroll-margin-top:190px}.table-sticky{position:sticky;left:0}.table-sticky:nth-child(2n){background:"#EAF5F9"}.overSider{width:100vw;height:100vh;background-color:transpent;position:fixed}.labelIconTruck{padding-right:12px}.originPosition{width:50px;height:50px;background-color:#979797cc;opacity:.5;border-radius:25px}.box-sumpayment{background-color:#528cca;padding:14px 20px;margin-top:15px;font-size:18px;color:#fff;border-radius:8px}.box-sumpayment p.number{color:#ffd073;font-size:24px;text-align:center;margin-bottom:0;line-height:1}.box-suminvoice{background-color:#528cca;padding:8px;margin-top:15px;margin-bottom:8px;font-size:14px;font-weight:500;color:#fcfdfe;border-radius:8px}.text-total{font-weight:700;font-size:24px;color:#ffd073}.text-total-warning{font-weight:700;font-size:24px;color:var(--waring)}.text-total-primary{font-weight:700;font-size:24px;color:var(--primary)}.tbl-text-content{margin:0;font-size:14px;word-wrap:break-word}.ant-select-selector{border-radius:6px!important;background-color:transparent!important;border-color:transparent!important;color:#fff!important}@media(max-width:1027px){.ant-select-selector{color:#000!important}}.ant-select-selection-item{line-height:1.5!important}.ant-select-selection-search-input{height:25px!important}.anticon.anticon-down.ant-select-suffix{color:#fff}@media(max-width:1027px){.anticon.anticon-down.ant-select-suffix{color:#00000052!important}}.cursor-pointer{cursor:pointer}.dialog-history-head-name{background-color:var(--waring-100);padding:11px 16px 0;border-radius:8px 8px 0 0;color:var(--primary)}.dialog-detail-head-name{background-color:var(--error-100);padding:11px 16px 0;border-radius:8px;color:var(--primary)}.box-price-before-diff{position:absolute;color:#fff;background:var(--primary);width:107.66px;height:64px;top:-32px;display:flex;justify-content:center;align-items:center}input[type=time]::-webkit-datetime-edit-ampm-field{display:none}.loading{position:absolute;top:50%;left:50%;border:.6rem solid #74abdf;border-top-color:#eafbff;border-radius:50%;width:80px;height:80px;margin-top:-50px;margin-left:-50px;animation:logo-spin infinite 1s linear!important}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-notification{border-radius:8px}::-ms-reveal{display:none}.full-name{margin:0}.centered-text{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;z-index:2;text-align:center}@media screen and (min-width:1027px){.image-col{justify-content:flex-start}.login-col{overflow-x:hidden;overflow-y:hidden;position:absolute;width:100%;height:100%;margin:0;padding:0}}@media screen and (max-width:1027px){.image-col{display:none}.login-col{overflow-x:hidden;overflow-y:hidden;position:absolute;width:100%;height:100%;margin:0;padding:0}}@media screen and (max-width:536px){.login-col{overflow-x:hidden;overflow-y:auto;position:absolute;width:100%;height:100%;margin:0;padding:0}}.ant-avatar-string{position:static!important}.screen-mobile{display:none!important}.slick-slide.slick-active.slick-center.slick-current{width:100vw!important}@media screen and (max-width:1027px){.screen-desktop{display:none!important}.screen-mobile{display:block!important}.ant-modal-mask{top:35px!important}.menu-mobile-hover:hover{transition:ease-in-out .5s;background-color:#ddeefe!important}.ant-select-selection-item{color:#000!important}}.ant-popover.navbar-popover.ant-popover-placement-bottomRight .ant-popover-content .ant-popover-arrow{right:5px!important}.ant-popover.navbar-popover.ant-popover-placement-bottomRight .ant-popover-content .ant-popover-inner{padding:8px;width:400px!important}.ant-popover.navbar-popover.ant-popover-placement-bottomRight .ant-popover-title{background-color:var(--primary);border-radius:4px;color:#fff;font-size:18px;font-weight:700}@media screen and (max-width:449px){.ant-popover.navbar-popover.ant-popover-placement-bottomRight{left:15px!important}.ant-popover.navbar-popover.ant-popover-placement-bottomRight .ant-popover-content .ant-popover-inner{width:90vw!important;margin-left:8px}.ant-popover.navbar-popover.ant-popover-placement-bottomRight .ant-popover-content .ant-popover-arrow{right:9vw!important}}@media screen and (max-width:350px){.ant-popover.navbar-popover.ant-popover-placement-bottomRight .ant-popover-content .ant-popover-arrow{right:12vw!important}}.processing-container{display:flex;justify-content:flex-start;align-items:center;gap:6px;margin-left:12px;margin-bottom:45px}.processing-container-no-margin{display:flex;justify-content:flex-start;align-items:center;gap:6px}.processing-circle{width:12px;height:12px;border-radius:50%;animation:swapColor 1.2s infinite ease-in-out}.processing-circle:nth-child(1){animation-delay:0s}.processing-circle:nth-child(2){animation-delay:.4s}.processing-circle:nth-child(3){animation-delay:.8s}@keyframes swapColor{0%,80%,to{opacity:.3}40%{opacity:1}}.feedback-textarea::placeholder{color:#98a2b3}.feedback-reason-button{border-radius:50px!important;text-align:center!important}.failed-message-button{border-radius:50%!important}.fast-tooltip:hover:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(100%);border:4px solid transparent;border-top-color:#333;z-index:1000;animation:fadeIn .1s ease-in;animation-delay:.1s;animation-fill-mode:both;opacity:1}.fast-tooltip,.fast-tooltip[title]{position:relative}.fast-tooltip[title]:hover{cursor:pointer}.fast-tooltip:hover{position:relative}.chatbot-message-content hr{margin:12px 2px;border:none;border-top:1px solid #A6B0BF}.fast-tooltip:hover:before{content:attr(data-title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;animation:fadeIn .1s ease-in;animation-delay:.1s;animation-fill-mode:both;opacity:1}.fast-tooltip:hover:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(100%);border:4px solid transparent;border-top-color:#333;z-index:1000;animation:fadeIn .1s ease-in;animation-delay:.1s;animation-fill-mode:both;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fast-tooltip[title]:hover:before,.fast-tooltip[title]:hover:after{opacity:1;animation-delay:.05s}