:root{--primary-color: #bf9853;--theme-light: #faf6ed;--light-color: #fff;--dark-color: #000;--border-color: #f4eee2;--secondary-color: #e4572e;--success-color: #107b40}body{overflow-x:hidden;background-color:var(--theme-light);font-family:Inter,system-ui;color:var(--dark-color)}body,*{padding:0;margin:0;box-sizing:border-box;font-family:Inter,system-ui!important}body a{text-decoration:none;color:inherit}body ul{list-style:none;padding:0}body .cl-two{color:var(--secondary-color)!important}body .layout .bg-cl-two{background-color:var(--secondary-color)}body .layout .bg-cl-success{background-color:var(--success-color)}body .cl-success{color:var(--success-color)}body .cl-primary{color:var(--primary-color)}.text-center{text-align:center!important}.text-right{text-align:right!important}.pos-rel{position:relative}.form-lable{font-size:15px;line-height:1.4375em;position:relative;display:block;transform-origin:left top;text-overflow:ellipsis;max-width:100%;font-weight:500;padding:0;white-space:nowrap;overflow:hidden;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1),max-width .2s cubic-bezier(0,0,.2,1);margin-bottom:5px}.form-lable .star{color:#d32f2f}.form-error{color:#d32f2f;font-size:13px;margin-top:2px}.form-div .MuiInputBase-root,.form-div .form-textarea{font-size:14px;font-weight:400;line-height:1.4375em;box-sizing:border-box;cursor:text;width:100%;position:relative;background:var(--light-color);border-radius:8px}.form-div .MuiOutlinedInput-notchedOutline{border:3px solid var(--border-color)}.form-div .MuiInputBase-input{padding-top:12px;padding-bottom:12px}.form-div .css-1euabu5-MuiTypography-root{line-height:normal}.MuiList-root li,.form-div p.MuiTypography-root{font-size:14px}.attach-box{display:flex;justify-content:center;flex-direction:column;height:100%}.attach-box .attach-btn{display:flex;align-items:center;gap:5px;color:var(--secondary-color);cursor:pointer}.attach-box .attach-file{background-color:var(--theme-light);padding:10px;border-radius:5px;display:flex;align-items:center;gap:15px;width:fit-content;color:var(--secondary-color);font-size:14px}.attach-box .attach-file svg{cursor:pointer;flex-shrink:0}body .css-ezppyz-MuiButtonBase-root-MuiRadio-root.Mui-checked{color:var(--secondary-color)}body .css-1h4bzp1-MuiButtonBase-root-MuiMenuItem-root.Mui-selected{background-color:var(--theme-light)}body .form-input.Mui-disabled{background-color:#f2f2f2;color:var(--dark-color)}body .auto-input .Mui-disabled{background-color:#f2f2f2}body .form-input.Mui-disabled input{-webkit-text-fill-color:var(--dark-color)}body .form-input.Mui-disabled .MuiOutlinedInput-notchedOutline,body .auto-input .Mui-disabled .MuiOutlinedInput-notchedOutline{border-color:#f2f2f2}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.auto-input input{padding-top:3.5px!important;padding-bottom:3.5px!important}span.no-option{font-size:15px!important}body .MuiAutocomplete-popper .MuiAutocomplete-option{font-size:14px}body .MuiAutocomplete-popper .MuiAutocomplete-option[aria-selected=true]{background-color:var(--theme-light)}.MuiAutocomplete-popper{box-shadow:0 5px 5px -3px #0000001a,0 8px 10px 1px #0000001a,0 3px 14px 2px #0000001a}.layout{min-height:100vh}.content-main{padding-left:120px;padding-right:25px;padding-top:100px}.b-pie{width:100%}.b-pie .head{font-size:15px;font-weight:500}.b-pie .body{background-color:#f8f8f8;border-radius:5px;display:flex;align-items:center;justify-content:center;margin:10px 0}.b-pie .body.no-bg{background-color:transparent}.box-scroll{display:flex;overflow-x:auto;gap:25px}.popup-form .popup-head{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}.popup-form .popup-foot{padding:10px 20px}.popup-form .popup-head .pop-ttl{font-size:18px;font-weight:500}.popup-form .popup-head .pop-close{color:var(--secondary-color)}body .btn-submit{background-color:var(--primary-color);text-transform:none}body .btn-rest{text-transform:none;color:var(--primary-color);border-color:var(--primary-color);flex-shrink:0}.pop-para{color:var(--dark-color);font-size:15px}.alert-popup{text-align:center}.alert-popup .popup-body{min-height:200px;display:flex;align-items:center;justify-content:center;padding:25px 0}.alert-popup svg{font-size:55px}.alert-popup .success-icon{color:var(--success-color)}.alert-popup .error-icon{color:var(--secondary-color)}.alert-popup h3{font-size:16px;color:var(--dark-color);margin:20px 0;font-weight:500}.input-num{position:absolute;top:17px;right:0;font-size:14px}.head-two{font-size:19px}.po-list{display:flex;align-items:flex-start;gap:10px}.po-list .qus{font-size:16px;min-width:110px}.po-list .ans{font-size:15px;color:var(--secondary-color)}body .css-9c0h7a-MuiButtonBase-root-MuiListItemButton-root.Mui-selected{background-color:var(--theme-light);border-radius:5px}.history-menu{max-height:68vh;overflow-y:auto;color:var(--dark-color)}.history-menu .MuiListItemText-primary{font-size:15px}.history-menu .MuiListItemText-secondary{font-size:13px}.his-detail{color:var(--dark-color)}.his-detail .qus{font-size:14px}.his-detail .ans{font-size:15px;font-weight:500}.his-detail .ans .link{color:var(--secondary-color);border-bottom:2px solid transparent}.his-detail .ans .link:hover{border-color:var(--secondary-color)}.no-data{width:100%;height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column}.no-data img{width:100px}.no-data .txt{font-size:18px;font-weight:500;margin-top:15px;color:var(--dark-color)}.h-tabs .MuiTabs-scroller{width:100%;text-align:center;display:flex;align-items:center;justify-content:center}.h-tabs .MuiTabs-flexContainer{width:fit-content;align-items:center;justify-content:center;box-shadow:#0000004d 1px 1px 15px inset;border-radius:50px;padding:5px}.h-tabs .MuiTabs-flexContainer .h-tab{color:#707070;font-size:14px;text-transform:none;padding:10px 35px;background-color:transparent;border-radius:50px;min-height:auto}.h-tabs .MuiTabs-flexContainer .h-tab.Mui-selected{background-color:var(--success-color);color:var(--light-color)}.h-tabs .MuiTabs-indicator{display:none}body .in-btn{padding:5px 20px;border-width:2px;font-size:15px;text-transform:none;color:var(--dark-color)}body .in-btn.green{border-color:var(--success-color)}body .in-btn.primary{border-color:var(--primary-color)}.previlege-ttl{background-color:var(--theme-light);padding:15px;color:var(--secondary-color);font-size:16px;font-weight:500;border-left:5px solid var(--secondary-color)}.previlege-menu-name{font-size:14px;color:var(--dark-color);padding-top:10px}.previlege-row{border:1px solid #e7e7e7;margin:5px 0}.previlege-popup .MuiFormControlLabel-label{font-size:14px;color:var(--dark-color)}.not-found-page{width:100%;height:80vh;display:flex;align-items:center;justify-content:center;background-color:var(--light-color)}.funnel-text{font-size:15px;margin:10px 0;display:flex;align-items:center;flex-wrap:wrap;gap:15px}.funnel-text span{padding-right:15px}.text-normal{text-transform:none!important}.filter-header{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.funnel-text .funnel-icon{border:1px solid var(--primary-color);border-radius:5px;color:var(--primary-color);box-shadow:1px 1px 1px 1px #0000001a}.filter-label{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--primary-color);border-radius:5px;color:var(--primary-color);padding:8px 10px;font-size:14px}.header{position:fixed;top:0;left:0;padding:10px 25px;width:100%;background-color:var(--light-color);box-shadow:#63636333 0 0 8px;z-index:10;min-height:77px}.header .header-inner{display:flex;align-items:center;justify-content:space-between;z-index:10}.header .header-inner .logo{display:flex;align-items:center;gap:10px}.header .header-inner .logo img{width:42px}.header .header-inner .logo h6{font-size:18px;color:var(--primary-color);font-weight:500}.header .header-inner .right{display:flex;align-items:center}.header .header-inner .right .notifi{background-color:#e5e7eb;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:38px;height:38px;margin-right:45px;position:relative;cursor:pointer}.header .header-inner .right .notifi:after{content:"";height:40px;border-right:2px solid #e5e7eb;position:absolute;right:-20px}.header .header-inner .right .notifi svg{font-size:20px}.header .header-inner .right .setting{display:flex;align-items:center;gap:7px;cursor:pointer}.name{font-size:13px;display:flex;align-items:center;gap:5px}.name svg{font-size:12px}.role{font-size:12px;color:#a5a8b2;margin-top:2px}.header .menu-btn{width:35px;height:35px;margin-left:25px;position:relative;display:none}.header .menu-btn:after{content:"";height:25px;border-right:2px solid #e5e7eb;position:absolute;left:-12px;top:0;bottom:0;margin:auto}.header .menu-btn button{font-size:37px;padding:2px;display:flex;align-items:center;justify-content:center;width:35px;height:35px}.side-bar{position:fixed;left:0;top:77px;height:100vh;background-color:var(--light-color);width:90px;display:flex;flex-direction:column;transition:all .2s ease;box-shadow:#63636333 0 12px 8px;z-index:10}.side-bar:hover{width:250px}.side-bar .side-bar-inner{overflow-y:auto;padding:20px;height:calc(100vh - 125px)}.side-bar .side-bar-inner::-webkit-scrollbar{width:5px}.side-bar .side-bar-inner::-webkit-scrollbar-track{box-shadow:inset 0 0 5px var(--light-color);border-radius:2px}.side-bar .side-bar-inner:hover::-webkit-scrollbar-thumb{background:#999;border-radius:10px}.side-bar .side-bar-inner::-webkit-scrollbar-thumb:hover{background:#697586}.side-bar ul li{margin-bottom:25px}.side-bar .nav-link{border-radius:50px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--light-color);color:var(--dark-color);cursor:pointer;transition:all .2s ease;padding:10px}.side-bar .nav-link span{display:none;font-size:14px;white-space:nowrap}.side-bar:hover .nav-link{width:100%;border-radius:5px;justify-content:flex-start;gap:10px}.side-bar:hover .nav-link span{display:block}.side-bar .nav-link:hover{background-color:var(--theme-light)}.side-bar .nav-link.active{background-color:var(--primary-color);color:var(--light-color)}.side-bar .nav-link svg{font-size:20px}.side-bar .logout{padding:0 20px}.side-bar .sub-menu{padding-left:35px}.side-bar .sub-menu li{margin:15px 0}.side-bar .sub-menu li .sub-nav-link{font-size:14px;position:relative;transition:all .2s ease}.side-bar .sub-menu li .sub-nav-link:hover,.side-bar .sub-menu li .sub-nav-link.active{color:var(--secondary-color)}.side-bar .sub-menu li .sub-nav-link:hover:before,.side-bar .sub-menu li .sub-nav-link.active:before{background-color:var(--secondary-color)}.side-bar .sub-menu{display:none}.side-bar:hover .sub-menu{display:block}.side-bar .sub-menu li .sub-nav-link:before{content:"";width:6px;height:6px;background-color:var(--dark-color);border-radius:50%;position:absolute;left:-15px;top:50%;transform:translateY(-50%);transition:all .2s ease}.popup-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background-color:var(--dark-color);opacity:.5;z-index:10;display:none}.menu-close{position:absolute;top:0;right:0;color:var(--secondary-color);background-color:var(--light-color);border-radius:50%;font-size:30px;display:none}.b-tabs{margin-left:20px}.b-tabs .b-tab{border-bottom:2px solid #ddd;text-transform:none;font-size:16px;color:var(--dark-color);padding-bottom:0;font-weight:600}.b-tabs .b-tab.Mui-selected{color:var(--primary-color)}.b-tabs .MuiTabs-indicator{background-color:var(--primary-color)}.tabs-panel{background-color:var(--light-color);width:100%;border-radius:5px}.tabs-panel .MuiBox-root{padding:20px}.b-table{width:100%;-webkit-user-select:none;user-select:none}.b-table-scroll{width:100%;max-height:75vh;overflow-y:auto;overflow-x:auto}.b-table-scroll.popup-table{max-height:55vh}.b-table-scroll::-webkit-scrollbar,.box-scroll::-webkit-scrollbar,.history-menu::-webkit-scrollbar{width:5px;height:5px}.b-table-scroll::-webkit-scrollbar-track,.box-scroll::-webkit-scrollbar-track,.history-menu::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #a7a7a7;border-radius:2px}.b-table-scroll:hover::-webkit-scrollbar-thumb,.box-scroll:hover::-webkit-scrollbar-thumb,.history-menu:hover::-webkit-scrollbar-thumb{background:#999;border-radius:10px}.b-table-scroll::-webkit-scrollbar-thumb:hover,.box-scroll::-webkit-scrollbar-thumb:hover,.history-menu::-webkit-scrollbar-thumb:hover{background:#697586}.b-table .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.b-table .head h4{font-size:16px;font-weight:500}.b-table .head .amt{font-size:14px;font-weight:500}.b-table .head .amt .txt{color:var(--dark-color);font-size:15px;padding-right:5px}.b-table table{width:100%;border-spacing:unset;color:var(--dark-color)}.b-table table th{text-align:left;font-size:16px;padding:15px;background-color:var(--theme-light);white-space:nowrap}.b-table table.no-border th{background-color:transparent}.b-table table thead tr{position:sticky;top:0;z-index:1}.b-table table th:first-child{border-left:8px solid var(--primary-color);border-top-left-radius:10px}.b-table table th:last-child{border-top-right-radius:10px}.b-table table tbody td{text-align:left;font-size:15px;padding:15px;font-weight:500;white-space:nowrap}.b-table table tbody td:first-child{border-left:8px solid var(--primary-color)}.b-table table tr:nth-child(2n){background-color:var(--theme-light)}.b-table table.no-head tbody tr:first-child td:first-child{border-top-left-radius:10px}.b-table table.no-head tbody tr:first-child td:last-child{border-top-right-radius:10px}.b-table table.no-head tr:nth-child(odd){background-color:var(--theme-light)}.b-table table.no-head tr:nth-child(2n){background-color:var(--light-color)}.b-table .td-icons{display:flex;align-items:center;justify-content:center;gap:10px}.b-table .td-icons .edit-icon{color:var(--success-color)}.b-table .td-icons .delete-icon{color:var(--secondary-color)}.b-table .td-icons .history-icon{color:var(--primary-color)}.b-table .td-icons svg{font-size:20px;cursor:pointer;transition:all .2s ease}.b-table .td-icons svg:hover{transform:scale(1.2)}.b-table .btn-add{color:var(--dark-color);font-size:15px;border-bottom:1px dashed var(--primary-color);text-transform:none;padding:0;border-radius:0}.b-table .head-two{display:flex;align-items:center;gap:10px;margin-bottom:15px;min-width:350px}.b-table .head-two .input{flex:1}.b-table .hide-icons{visibility:hidden}.b-table tr:hover .hide-icons{visibility:visible}.th-filter .th-text{display:flex;align-items:center;gap:5px;cursor:pointer}.b-table .head-three{justify-content:flex-end;gap:20px}.export-link{cursor:pointer;border-bottom:2px solid transparent}.export-link:hover{color:var(--secondary-color);border-color:var(--secondary-color)}.b-table .load-line{background-color:#0000000d;height:7px}.b-table .load-line span{background-color:#00000014}.b-table table.no-border tr{background-color:transparent}.b-table table.no-border td:first-child{border-left:none}.b-table table.no-border td{padding:10px}.b-table .td-link{display:flex;align-items:center;gap:5px;border-bottom:2px solid transparent;cursor:pointer;width:fit-content}.b-table .td-link svg{font-size:18px;color:var(--secondary-color);flex-shrink:0}.b-table .td-link .text{width:400px}.b-table .td-link .text>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-table .td-link:hover .text,.b-table .td-link.active .text{color:var(--secondary-color)}.b-table tfoot tr td{padding:15px}.b-table tfoot tr td.bg{border:2px solid var(--primary-color);font-weight:600;font-size:17px;border-left-width:0;border-right-width:0}.b-table tfoot tr td:nth-child(2){border-left-width:2px;border-top-left-radius:5px;border-bottom-left-radius:5px}.b-table tfoot tr td:last-child{border-right-width:2px;border-top-right-radius:5px;border-bottom-right-radius:5px}.b-table table tfoot tr{background-color:transparent!important}.btn-view{color:var(--secondary-color);border-bottom:2px solid var(--secondary-color);width:fit-content;margin:auto;cursor:pointer}.b-table .btn-action{padding:2px 15px;border-radius:25px;text-transform:none;border-width:2px}.b-table .btn-open{border-color:var(--dark-color);color:var(--dark-color)}.b-table .btn-progress{border-color:#ffd39e;color:var(--dark-color);background-color:#ffd39e}.b-table .btn-complete{border-color:#e2f9e1;color:var(--dark-color);background-color:#e2f9e1}body .btn-in{text-transform:none}body .btn-out{background-color:var(--secondary-color)}body .btn-return{background-color:var(--primary-color)}body .btn-stack{border-color:var(--primary-color);color:var(--dark-color)}.b-table .sticky-left{position:sticky;left:0}.b-table tr:nth-child(odd) td.sticky-left{background-color:var(--light-color)}.b-table tr:nth-child(2n) td.sticky-left{background-color:var(--theme-light)}.b-table .att-icon-box svg{font-size:20px}.b-table .chip-primary{border-color:var(--primary-color);color:var(--primary-color);background-color:#fef7eb;font-size:14px}.b-table .chip-secondary{border-color:var(--secondary-color);color:var(--secondary-color);background-color:#fff4f0;font-size:14px}.b-table .att-body td{min-width:auto!important}.b-table .att-body .att-icon-box button{position:static}.short-th{display:flex;align-items:center;justify-content:space-between;gap:10px}th.w-min-200{min-width:200px}.short-icons{display:flex;align-items:center;flex-direction:column;color:var(--primary-color)}.short-icons svg{color:var(--primary-color)}@media (max-width: 768px){.header{min-height:50px;padding:10px}.content-main{padding:70px 10px 10px}.header .header-inner .right .setting .text{display:none}.side-bar{width:250px;left:-250px;top:0}.side-bar .nav-link{width:100%;border-radius:5px;justify-content:flex-start;gap:10px}.side-bar .nav-link span,.side-bar .sub-menu{display:block}.header .header-inner .right .notifi{width:35px;height:35px;margin-right:25px}.header .header-inner .right .notifi svg{font-size:18px}.header .header-inner .right .setting .MuiAvatar-root{width:35px;height:35px}.header .header-inner .right .notifi:after{content:"";height:25px;border-right:2px solid #e5e7eb;position:absolute;right:-12px}.menu-opened .popup-overlay,.header .menu-btn,.menu-close{display:block}.menu-opened .side-bar{left:0}.b-tabs .b-tab,.b-table .head h4,.b-pie .head,.header .header-inner .logo h6{font-size:14px}.form-lable,.form-div .MuiInputBase-root,.form-div .form-textarea,.b-table .head .amt,.b-table .head .amt .txt{font-size:13px}.b-tabs{margin-left:0}.form-div .MuiOutlinedInput-notchedOutline{border-width:2px}.tabs-panel .MuiBox-root{padding:10px}.b-table table th,.no-data .txt,.b-table tfoot tr td{font-size:14px}.b-table table tbody td,.pop-para,.b-table .btn-add,.history-menu .MuiListItemText-primary,.his-detail .qus,.his-detail .ans,.input-num,.MuiList-root li,.po-list .qus,.po-list .ans,.b-table tfoot tr td.bg,.b-table .chip-primary{font-size:13px}.head-two{font-size:18px}.box-scroll{display:flex;overflow-x:none;gap:15px;flex-wrap:wrap;width:100%}.box-scroll .box-inner{width:100%}.b-table .head-two{min-width:auto}.popup-form .popup-head .pop-ttl{font-size:15px}.popup-form .popup-head,.popup-form .popup-body,.popup-form .popup-foot{padding:10px}.popup-form .popup-head .pop-close svg{font-size:20px}body .btn-rest,body .btn-submit,body .in-btn{font-size:13px}.b-table table tbody td,.b-table table th,.b-table tfoot tr td{padding:10px}.popup-form .MuiPaper-root{margin:10px;max-height:calc(100% - 20px);width:calc(100% - 20px)}.no-data img{width:80px}.no-data{height:250px}.b-table-scroll{max-height:70vh}.poList-box{width:25%!important}.b-table .sticky-left{position:static}.filter-header{flex-wrap:wrap}}.login-box{background-color:var(--light-color);width:100%;border-radius:6px;padding:26px;box-shadow:#00000029 0 1px 4px}.login-box .logo{display:flex;align-items:center;justify-content:center}.login-box .logo img{width:60px}.login-box .logo h5{font-size:24px}.login-box .btn-login{background-color:var(--primary-color)}