:root{--sideMenuWidth:120px;--sideMenuWidthMb:64px;--navHeight:60px}@font-face{font-display:swap;font-family:Kanit;font-style:normal;src:url(/fonts/Kanit-Regular.ttf?f3bae13d78ced30b6ea34e1b0216014f) format("truetype")}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:100;src:url(/fonts/Kanit-Light.ttf?7b6b95563f4c5697d973a605160cebfc) format("truetype")}@font-face{font-display:swap;font-family:Mitr;font-style:normal;src:url(/fonts/Mitr-Regular.ttf?809ba15f37540fb664479589082f5d94) format("truetype")}@font-face{font-display:swap;font-family:Mitr-Light;font-style:normal;font-weight:100;src:url(/fonts/Mitr-Light.ttf?0457bb1ff972d027771e354f1f57fffe) format("truetype")}@font-face{font-family:Avenir;src:url(/fonts/Avenir_95_Black.ttf?54da1a7b364ac39adbce79b9aebdc26f)}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/fonts/MaterialIcons-Regular.eot?4674f8ded773cb03e824323bfc950537);src:local("Material Icons"),local("MaterialIcons-Regular"),url(/fonts/MaterialIcons-Regular.woff2?cff684e59ffb052d72cb8d5e49471553) format("woff2"),url(/fonts/MaterialIcons-Regular.woff?83bebaf37c09c7e1c3ee52682892ae14) format("woff"),url(/fonts/MaterialIcons-Regular.ttf?5e7382c63da0098d634a356ff441614e) format("truetype")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;src:url(/fonts/fontawesome-webfont.eot?8b43027f47b20503057dfbbaa9401fef);src:local("Material Icons"),url(/fonts/fontawesome-webfont.woff2?20fd1704ea223900efa9fd4e869efb08) format("woff2"),url(/fonts/fontawesome-webfont.woff?f691f37e57f04c152e2315ab7dbad881) format("woff"),url(/fonts/fontawesome-webfont.ttf?1e59d2330b4c6deb84b340635ed36249) format("truetype")}.material-icons{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.error,.text-error{color:red;font-weight:400}body{font-family:Mitr-Light;font-size:18px;height:100%}.login-container{align-items:center;background-image:url(/images/icons/wallpaper.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-size:24px;justify-content:center;margin-left:30%;max-width:695px;min-height:800px;padding:50px 53px 40px 40px}.purchase-home{width:100%}.purchase-password-section{margin-bottom:26px;margin-top:10px}.text-section{border-radius:10px;height:45px;min-width:325px}.purchase-home-login{background-color:#fcba12;border-radius:15px;font-size:24px;font-weight:700;margin-left:20px;padding:16px 50px}.login-text{min-width:70px}.logo-img{margin-left:20px;max-height:350px;max-width:450px}.logo-title img{height:50px;-o-object-fit:contain;object-fit:contain}.logo-title{align-items:center;display:flex;gap:16px}.table-color{background-color:#b7ae9e!important}.page-header{font-size:24px;font-weight:700}.table tbody tr td{vertical-align:middle}.overlay-open .bars:before{transform:scale(0)}.overlay-open .bars:after{transform:scale(1)}.overlay-open .sidebar{margin-left:0;z-index:800}body.show-sidebar .sidebar{margin-left:50px!important}body.overlay-open #leftsidebar{transform:translateX(0)}#leftsidebar{transition:all .5s}.sidebar-submenu{border-top:1px solid hsla(0,0%,100%,.12);margin:2px 0 0;overflow:hidden;padding:4px 0 2px}.sidebar-report-item{align-items:center;box-sizing:border-box;color:hsla(0,0%,100%,.72);display:flex;font-size:12px;font-weight:500;gap:6px;margin-bottom:1px;overflow:hidden;padding:6px 6px 6px 10px;text-decoration:none;transition:background-color .15s,color .15s;width:100%}.sidebar-report-item .sidebar-report-icon{display:none!important}.sidebar-report-item:before{background:hsla(0,0%,100%,.3);border-radius:50%;content:"";display:block;flex-shrink:0;height:4px;width:4px}.sidebar-report-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-report-item:hover{background-color:hsla(0,0%,100%,.1);color:#fff;text-decoration:none}.sidebar-report-item:hover:before{background:hsla(0,0%,100%,.7)}.sidebar-report-item.active{background-color:rgba(200,140,0,.28);border-left:3px solid #c88c00;color:#fff;font-weight:600;padding-left:11px}.sidebar-report-item.active:before{background:#c88c00}.sidebar-report-icon{flex-shrink:0;font-size:10px;opacity:.75;text-align:center;width:12px}.sidebar-report-toggle{text-decoration:none!important}body.ls-closed #leftsidebar{transform:translateX(-100%)}body.ls-closed #app{padding-left:0!important}body.overlay-open #app{padding-left:var(--sideMenuWidth)!important}body.overlay-open:before{background:rgba(0,0,0,.5);content:"";height:100%;left:0;top:0;width:100%;z-index:999}.purchase-navbar{background-color:#fabd14;height:64px;left:0;padding-bottom:0!important;padding-top:0!important;position:fixed;top:0;width:100%;z-index:1000}.purchase-navbar .logo-title{align-items:center;gap:6px;margin:0}.purchase-navbar .logo-title a{align-items:center;display:flex;line-height:1;padding:0}.purchase-navbar .logo-img{display:block;height:32px;max-height:none;max-width:none;width:auto}.purchase-navbar #notification-bell img{height:20px;-o-object-fit:contain;object-fit:contain;width:20px}#app{align-items:start;display:flex;flex-direction:column;padding-left:var(--sideMenuWidth);padding-top:var(--navHeight);transition:all .5s;z-index:1000}#app .btn-cancel{border:1px solid #212529}#app .btn-blue{background-color:#366afc!important;border-color:#366afc!important;color:#fff}#app .btn-white{background-color:#fff!important;border-color:rgba(0,0,0,.127)!important;color:#000}#app .text-light-blue{color:#87cefa}#app .card:not(.card-horizontal) .card-header{padding:5px 20px}#app .card-header-body{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.title-purchase{color:#212529;font-size:24px;font-weight:700}.table td.fit,.table th.fit{white-space:nowrap;width:1%}.font-bold{font-weight:700}.container-main-admin{padding-left:30px;padding-right:30px}.browse-preview-image-account{height:150px;-o-object-fit:cover;object-fit:cover;width:150px}.text-required{color:red}.purchase-account{background-color:transparent}.header-purchase{background-color:#febb12;border-right:1px solid #d4d4d4;display:flex;flex-direction:column;height:100dvh;padding:12px 12px 0;position:fixed;top:64px;transform:translateX(-100%);transition:all .2s;width:var(--sideMenuWidth);z-index:501}.header-purchase .header-title{display:flex;flex-direction:row;justify-content:space-between;overflow-x:hidden}.header-purchase .header-title .logo-title{align-items:center;display:flex;gap:16px}.header-purchase .header-title .logo-title img{height:50px;-o-object-fit:contain;object-fit:contain;width:50px}.header-purchase .header-title .logo-title .txt-x7{color:#212529;font-size:20px;font-weight:600}.header-purchase .header-title .m-bars{background:transparent;border:none;justify-self:center;padding:0 6px}.header-purchase .header-title .m-bars svg{fill:#6c757d;height:12px;width:12px}.header-purchase .header-menu{flex:1;max-height:85vh;overflow-x:hidden;overflow-y:auto}.header-purchase .header-menu .main-menu-group{padding:20px}.header-purchase .header-footer{overflow-x:hidden}.header-purchase .header-footer .main-menu-group{padding:20px}.header-purchase .header-footer .main-menu-group,.header-purchase .header-menu .main-menu-group{border-bottom:1px solid #eceff1;margin-bottom:0;padding:0;top:70px}.header-purchase .header-footer .main-menu-group .main-menu-item,.header-purchase .header-menu .main-menu-group .main-menu-item{background-color:transparent;border-radius:4px;list-style:none;margin:12px 0;padding:8px}.header-purchase .header-footer .main-menu-group .main-menu-item.active,.header-purchase .header-footer .main-menu-group .main-menu-item.active-main,.header-purchase .header-menu .main-menu-group .main-menu-item.active,.header-purchase .header-menu .main-menu-group .main-menu-item.active-main{background-color:#c88c00}.header-purchase .header-footer .main-menu-group .main-menu-item:hover,.header-purchase .header-menu .main-menu-group .main-menu-item:hover{background-color:#e6a000}.header-purchase .header-footer .main-menu-group .main-menu-item .main-menu-link,.header-purchase .header-menu .main-menu-group .main-menu-item .main-menu-link{align-items:center;display:flex;text-decoration:none!important}.header-purchase .header-footer .main-menu-group .main-menu-item .main-menu-link .menu-ic-img,.header-purchase .header-menu .main-menu-group .main-menu-item .main-menu-link .menu-ic-img{height:30px;-o-object-fit:contain;object-fit:contain;width:25px}.header-purchase .header-footer .main-menu-group .main-menu-item .main-menu-link span,.header-purchase .header-menu .main-menu-group .main-menu-item .main-menu-link span{color:#fff;font-size:16px;font-weight:600;line-height:24px;margin:0 8px}.header-purchase .header-footer .main-menu-group{border-bottom:0;margin-bottom:0;padding:0}.header-purchase #inbound-list,.header-purchase #operation-list,.header-purchase #outbound-list,.header-purchase #report-list,.header-purchase #settings-list{background-color:#f8f9fa;border-radius:4px;margin-top:12px;overflow-x:auto;padding:8px}.header-purchase #inbound-list ul,.header-purchase #operation-list ul,.header-purchase #outbound-list ul,.header-purchase #report-list ul,.header-purchase #settings-list ul{padding-left:0}.header-purchase #inbound-list ul li,.header-purchase #operation-list ul li,.header-purchase #outbound-list ul li,.header-purchase #report-list ul li,.header-purchase #settings-list ul li{margin:0;padding:6px}.header-purchase #inbound-list ul li .main-menu-link span,.header-purchase #operation-list ul li .main-menu-link span,.header-purchase #outbound-list ul li .main-menu-link span,.header-purchase #report-list ul li .main-menu-link span,.header-purchase #settings-list ul li .main-menu-link span{font-size:14px;font-weight:100;line-height:20px}.img-sidebar-section{height:30px;width:25px}.excel{height:20px;width:24px}.checkbox-large{height:20px;width:20px}.btn-link{color:#007bff;font-weight:400!important;text-decoration:none!important}.hidden{display:none}.admin-text{font-weight:400!important}.row-pagination{display:flex;justify-content:center;margin-left:auto;margin-right:auto}.row-pagination .pagination{flex-wrap:wrap;justify-content:center}.row-pagination .pagination li a,.row-pagination .pagination li span{font-size:12px;padding:4px 8px}.row-pagination.no-margin .pagination{margin:0}#calendar-icon{cursor:pointer}.datepicker{margin-top:20px!important}#calendar-icon2,#calendar-icon3,.calendar-icon,.calendar-icon4{cursor:pointer}#notification-bell{cursor:pointer;position:relative}#notification-count{background-color:red;border-radius:50%;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:-5px;top:-5px}#toast{background:#333;border-radius:6px;bottom:20px;color:#fff;display:none;padding:10px 20px;position:fixed;right:20px;z-index:9999}#notification-dropdown{background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 10px rgba(0,0,0,.2);cursor:default;display:none;max-height:390px;overflow-y:auto;position:absolute;right:0;top:100%;width:400px;z-index:1000}.notification-item{border-bottom:1px solid #ddd;font-size:14px;padding:10px 12px;position:relative}.notification-message{color:#333;font-size:13px;margin-right:80px}.notification-time{color:#888;font-size:11px;position:absolute;right:12px;top:50%;transform:translateY(-50%);white-space:nowrap}.currency-drop,.supplier-drop{max-height:200px;overflow-y:auto}#app1{align-items:start;display:flex;flex-direction:column;padding-left:0!important;padding-top:var(--navHeight)}#form_login{margin-top:-40px}.table-wrapper{max-width:100%!important;overflow-x:auto;overflow-y:auto;width:100%}.table-wrapper thead tr th{background-color:#b7ae9e!important;position:sticky;top:-2px;z-index:2}.table-wrapper-report{max-width:100%!important;overflow-x:auto;overflow-y:auto;width:100%}.table-wrapper-report thead tr th{background-color:#b7ae9e!important;position:sticky;top:0;z-index:3}input[type=text].scrollable-input{overflow-x:auto;white-space:nowrap}.force-zindex{z-index:4!important}.only-arrow{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%23666' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-right:30px}th{vertical-align:top!important}.text-small{font-size:15px}.dashboard-stat-card{border:1px solid #e9ecef;border-radius:10px;transition:box-shadow .15s,transform .15s}.dashboard-stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.dashboard-stat-card .dashboard-stat-icon{font-size:20px;margin-bottom:6px}.dashboard-stat-card .dashboard-stat-value{font-size:26px;font-weight:700;line-height:1.1}.dashboard-stat-card .dashboard-stat-label{color:#6c757d;font-size:11px;font-weight:500;margin-top:4px}.dashboard-alert-card{border:none;border-radius:10px}.dashboard-alert-card .dashboard-alert-icon{flex-shrink:0;font-size:28px;text-align:center;width:48px}.dashboard-alert-card .dashboard-alert-value{font-size:28px;font-weight:700;line-height:1.1}.dashboard-alert-card .dashboard-alert-label{font-size:12px;font-weight:500;margin-top:2px;opacity:.8}.dashboard-alert-card.dashboard-alert-overdue{background:#fff3cd;color:#856404}.dashboard-alert-card.dashboard-alert-overdue .dashboard-alert-icon{color:#c87300}.dashboard-alert-card.dashboard-alert-overdue:hover{background:#ffe69c}.dashboard-alert-card.dashboard-alert-pending{background:#cfe2ff;color:#0a367a}.dashboard-alert-card.dashboard-alert-pending .dashboard-alert-icon{color:#0d6efd}.dashboard-alert-card.dashboard-alert-pending:hover{background:#b6d4fe}.dashboard-alert-card.dashboard-alert-success{background:#d1e7dd;color:#0a3622}.dashboard-alert-card.dashboard-alert-success .dashboard-alert-icon{color:#198754}.dashboard-alert-card.dashboard-alert-success:hover{background:#badbcc}.dashboard-alert-card{transition:background .15s}