@import "https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";*{list-style:var(--none);box-sizing:border-box;border:var(--none);margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-family:var(--font-family-primary);font-optical-sizing:auto;font-style:normal;overflow:hidden auto!important}img{max-width:100%}a{outline:var(--none);text-decoration:none!important}h1,h2,h3,h4,h5{font-weight:400;font-family:var(--font-family-primary)}p{font-family:var(--font-family-primary)}ul{margin:0}input,select,button{outline:none!important}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:var(--none);margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:var(--none);margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:8px;height:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ced9df}::-webkit-scrollbar-thumb:hover{background:#ced9df}:root{--font-family-primary:"Kanit", sans-serif;--font-family-secondary:"Nunito Sans", sans-serif;--primarycolor:#0a68a8;--secondarycolor:#29335c;--purplecolor:#6973d0;--denimdarkblue:#0c1793;--darkpastelblue:#8ba3cf;--bluecharcoal:#0b0e1e;--blackcolor:#000;--whitecolor:#fff;--whitelightcolor:#f3f4f8;--whitelightcolor2:#fefeff;--whitelightcolor3:#ddd;--whitelightcolor4:#f9f9f9;--whitelightcolor5:#eeeff3;--lightbluecolor:#4e9fd7;--pagetitlecolor:#bf5700;--yellowcolor:gold;--yellowcolor2:orange;--yellow-100:#fef9c3;--titlecolor-2:#ff7800;--greencolor:#109648;--green-100:#c8ebdb;--dangercolor:#cc2936;--gery:#5b5d6b;--deepgery:#282a3a;--lightgery:#d2d4da;--lightgery2:#e6e6e9;--lightblue800:#dae5f3;--gery400:#9496a1;--gery600:#5a575f;--gery800:#4b4d58;--waterblue:#067fd1;--box-shadow-1:#0000001f;--black-200:#0000002b;--font-size-0-625:.625rem;--font-size-0-75:.75rem;--font-size-0-8:.8125rem;--font-size-0-875:.875rem;--font-size-0-9:.9375rem;--font-size-1:1rem;--font-size-1-125:1.125rem;--font-size-1-25:1.25rem;--font-size-1-5:1.375rem;--font-size-2:1.5rem;--font-size-2-5:1.75rem;--font-size-3:2rem;--font-size-4:2.5rem;--snyj-font-size-5:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-semi-bold:500;--font-weight-medium:600;--font-weight-bold:700;--font-weight-bolder:800;--l-spacing-0-15:.15px;--l-spacing-0-25:.25px;--l-spacing-0-5:.5px;--border-none:var(--none);--none:none;--rt-opacity:1!important}.underline{text-decoration:underline!important}.table-sec .infinite-scroll-component{padding:0 16px 0 0;height:calc(100vh - 240px)!important;overflow:auto!important}.horizontal-scroll{overflow:auto!important}.table-sec .infinite-scroll-component::-webkit-scrollbar{width:6px;height:5px}.horizontal-scroll::-webkit-scrollbar{width:6px;height:5px}.table-sec .infinite-scroll-component::-webkit-scrollbar-track{background:var(--whitecolor);border:1px solid #ced9df;border-radius:50px}.horizontal-scroll::-webkit-scrollbar-track{background:var(--whitecolor);border:1px solid #ced9df;border-radius:50px}.table-sec .infinite-scroll-component::-webkit-scrollbar-thumb{background:#ced9df;border-radius:50px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#ced9df;border-radius:50px}.table-sec table{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%}.table-sec table thead{background:var(--whitecolor);z-index:10;position:sticky;top:0}.table-sec thead tr th{height:52px;font-family:var(--font-family-secondary);font-size:var(--font-size-0-875);font-weight:var(--font-weight-medium);color:var(--primarycolor);vertical-align:middle;letter-spacing:var(--l-spacing-0-25);border:1px solid var(--lightgery);border-left:var(--none);border-right:var(--none);text-align:left;margin:0;padding:0 16px;line-height:20px;position:relative}.horizontal-scroll table thead tr th{min-width:160px}.horizontal-scroll table thead tr th:first-child{min-width:32px}.th-title{gap:0 8px}.table-sec thead tr th:first-child{border-left:1px solid var(--lightgery);border-top-left-radius:8px;border-bottom-left-radius:8px}.table-sec thead tr th:last-child{border-right:1px solid var(--lightgery);border-top-right-radius:8px;border-bottom-right-radius:8px}.table-sec thead tr th input{width:15px;height:15px;accent-color:var(--primarycolor);margin:0;padding:0;display:flex}.table-sec tbody:before{content:"_";color:var(--whitecolor);mix-blend-mode:color;line-height:20px;display:block}.table-sec tbody tr td{vertical-align:middle;border:var(--none);height:52px;line-height:20px;font-family:var(--font-family-secondary);font-size:var(--font-size-0-875);font-weight:var(--font-weight-semi-bold);color:var(--deepgery);text-align:left;margin:0;padding:0 16px;position:relative}.table-sec tbody tr td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.table-sec tbody tr td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.table-sec tbody tr td input{width:15px;height:15px;accent-color:var(--primarycolor);margin:0;padding:0;display:flex}.table-sec tbody tr:nth-child(odd) td{background:var(--whitelightcolor)}.po-num{color:var(--pagetitlecolor)!important;font-weight:var(--font-weight-medium)!important}.no-records{text-align:center!important}.no-rec-found img{width:170px;margin:0 auto}.no-rec-found{color:var(--deepgery);font-size:var(--font-size-1);letter-spacing:var(--l-spacing-0-15)}.all-table-scroller::-webkit-scrollbar{width:6px!important;height:5px!important}.all-table-scroller::-webkit-scrollbar-track{background:var(--whitecolor)!important;border:1px solid #ced9df!important;border-radius:50px!important}.all-table-scroller::-webkit-scrollbar-thumb{background:#ced9df!important;border-radius:50px!important}.sticky-column{z-index:2;background:#fff;position:sticky!important}.sticky-column.left-checkbox{left:0;background:#fff!important}.sticky-column.left{left:30px}.sticky-column.right{right:-20px}.all-listing-table thead tr th.sticky-column:nth-child(2),.all-listing-table tbody tr td.sticky-column:nth-child(2){border-right:1px solid var(--whitelightcolor3);box-shadow:1px 0 1px #00000014}aside.all-page-sidebar{z-index:99999;background:var(--lightgery);width:fit-content;min-width:112px;height:100%;position:fixed;top:0;left:0}aside.all-page-sidebar .mobile-sidebar-btn{background:0 0;display:none;top:12px;left:1rem}aside.all-page-sidebar .main-sidebar{background:var(--secondarycolor);width:72px;height:100vh;transition:all .5s ease-in-out}aside.all-page-sidebar .main-sidebar.sidebar-open{width:232px}aside.all-page-sidebar .main-sidebar .sidebar-logo-sec{border-bottom:1px solid var(--secondarycolor);width:100%;max-width:100%;height:84px;padding:24px 12px;transition:all .5s ease-in-out}aside.all-page-sidebar .main-sidebar.sidebar-open .sidebar-logo-sec{border-bottom:1px solid var(--whitelightcolor)}aside.all-page-sidebar .main-sidebar .sidebar-logo-sec .sidebar-logo{background:var(--whitecolor);border-radius:10px;gap:0 10px;width:48px;transition:all .5s ease-in-out;overflow:hidden}aside.all-page-sidebar .main-sidebar.sidebar-open .sidebar-logo-sec .sidebar-logo{width:80px}aside.all-page-sidebar .main-sidebar .sidebar-logo-sec .sidebar-logo .s-logo-icon{width:48px}aside.all-page-sidebar .main-sidebar .sidebar-logo-sec .sidebar-logo .s-logo-icon.w-80{width:80px}.sidebar-logo-sec .sidebar-close-btn{display:var(--none);cursor:pointer;width:100%;max-width:24px;height:16px;animation:.5s fadeIn}aside.all-page-sidebar .main-sidebar.sidebar-open .sidebar-logo-sec .sidebar-close-btn{animation:.5s fade-out;display:flex}.sidebar-logo-sec .sidebar-close-btn img{width:100%}.sidebar-open-btn{cursor:pointer;z-index:99;width:100%;max-width:50px;height:24px;animation:.5s fadeIn;position:absolute;top:84px;left:12px}.sidebar-open-btn img{width:100%}aside.all-page-sidebar .main-sidebar.sidebar-open .sidebar-open-btn{display:var(--none);animation:.5s fade-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}aside.all-page-sidebar .main-sidebar .sidebar-menu-sec{width:100%;max-width:100%;padding:24px 14px;transition:all .5s ease-in-out;top:24px}aside.all-page-sidebar .main-sidebar.sidebar-open .sidebar-menu-sec{top:0}aside.all-page-sidebar .main-sidebar .sidebar-menu-sec ul{gap:8px 0;padding:0}aside.all-page-sidebar .main-sidebar .sidebar-menu-sec ul li{display:block}aside.all-page-sidebar .main-sidebar .sidebar-menu-sec ul li a{color:var(--whitecolor);font-weight:var(--font-weight-light);background:var(--secondarycolor);white-space:nowrap;border-radius:50px;gap:0 10px;height:44px;transition:all .5s ease-in-out;overflow:hidden}aside.all-page-sidebar .main-sidebar .sidebar-menu-sec ul li a:hover,aside.all-page-sidebar .main-sidebar .sidebar-menu-sec ul li.active-menu a{background:var(--primarycolor)}aside.all-page-sidebar .main-sidebar.sidebar-open .sidebar-menu-sec ul li.active-menu a,aside.all-page-sidebar .main-sidebar.sidebar-open .sidebar-menu-sec ul li a{border-radius:16px}aside.all-page-sidebar .main-sidebar .sidebar-menu-sec ul li a span.s-menu-img{min-width:44px;height:44px}aside.all-page-sidebar .main-sidebar .sidebar-menu-sec ul li a span.s-menu-text{min-width:135px;line-height:15px}aside.all-page-sidebar .main-sidebar .footer-sb-menu.sidebar-menu-sec{border-top:1px solid var(--whitelightcolor);margin:auto 0 0;padding:24px 14px 40px;top:0}aside.all-page-sidebar .main-sidebar .footer-sb-menu.sidebar-menu-sec ul{gap:8px 0}aside.all-page-sidebar .popup-sidebar{background:var(--whitelightcolor);width:40px;height:100vh;transition:all .5s ease-in-out;overflow:hidden}aside.all-page-sidebar .popup-sidebar.popup-sidebar-open{width:248px}aside.all-page-sidebar .popup-sidebar .popop-sb-open-btn{opacity:1;visibility:visible;height:100%;transition:all .5s ease-in-out;position:absolute;left:4px}aside.all-page-sidebar .popup-sidebar.popup-sidebar-open .popop-sb-open-btn{visibility:hidden;opacity:0}aside.all-page-sidebar .popup-sidebar .popop-sb-open-btn:before{content:"";background:var(--primarycolor);width:1px;height:100%;margin:0 auto;position:absolute;left:0;right:0}aside.all-page-sidebar .popup-sidebar .popop-sb-open-btn .popop-sb-arrow{background:var(--whitelightcolor);cursor:pointer;border-radius:50px;width:32px;height:32px}aside.all-page-sidebar .popup-sidebar .popop-sb-close-btn{opacity:0;visibility:hidden;width:100%;max-width:100%;height:74px;padding:20px;line-height:22px;transition:all .5s ease-in-out}aside.all-page-sidebar .popup-sidebar .popop-sb-close-btn .sb-close-icon{cursor:pointer;opacity:0;visibility:hidden;width:24px;height:24px;transition:all .5s ease-in-out}aside.all-page-sidebar .popup-sidebar.popup-sidebar-open .popop-sb-close-btn .sb-close-icon,aside.all-page-sidebar .popup-sidebar.popup-sidebar-open .popop-sb-close-btn{opacity:1;visibility:visible}aside.all-page-sidebar .popup-sidebar .popup-sidebar-title{font-size:var(--font-size-1-125);font-weight:var(--font-weight-semi-bold);color:var(--lightbluecolor);white-space:nowrap;opacity:0;visibility:hidden;width:100%;padding:24px 0 24px 24px;line-height:14px;transition:all .5s ease-in-out;overflow:hidden}aside.all-page-sidebar .popup-sidebar .popup-sidebar-title a{color:var(--lightbluecolor)}aside.all-page-sidebar .popup-sidebar.popup-sidebar-open .popup-sidebar-title{opacity:1;visibility:visible}.popup-s-menu{visibility:hidden;opacity:0;transition:all .3s ease-in-out}aside.all-page-sidebar .popup-sidebar.popup-sidebar-open .popup-s-menu{visibility:visible;opacity:1}.popup-s-menu ul{gap:15px 0;width:100%;padding:0}.popup-s-menu ul li:before{content:"";background:var(--primarycolor);opacity:0;visibility:hidden;width:4px;height:24px;transition:all .5s ease-in-out;position:absolute;top:0;right:0}.popup-s-menu ul li.pm-active:before{opacity:1;visibility:visible}.popup-s-menu ul li a{width:100%;color:var(--deepgery);white-space:nowrap;align-items:center;margin:0;padding:0 0 0 24px;font-size:14px;transition:all .5s ease-in-out;display:flex;position:relative;overflow:hidden}.popup-s-menu ul li a:hover,.popup-s-menu ul li.pm-active a{color:var(--primarycolor)}.popup-s-menu ul li a.pm-dropdown-link:before{content:"";background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.3.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%2024%2024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23282A3A;}%20%3c/style%3e%3cg%3e%3cpath%20className='st0'%20d='M18,9.7l-6,6l-6-6l1.4-1.4l4.6,4.6l4.6-4.6L18,9.7z'/%3e%3c/g%3e%3c/svg%3e") 50% no-repeat;width:24px;height:24px;margin:auto;transition:all .5s ease-in-out;position:absolute;top:0;bottom:0;right:30px;transform:rotate(0)}.popup-s-menu ul li.pm-dropdown-show a.pm-dropdown-link:before{transform:rotate(180deg)}.popup-s-menu ul ul.submenu{border-bottom:1px solid var(--lightgery2);gap:6px 0;margin:16px 0 0;padding:0 0 16px}.popup-s-menu ul ul.submenu a{color:var(--deepgery)}.popup-s-menu ul ul.submenu a:hover{color:var(--primarycolor)}.popup-s-menu ul ul.submenu li a{color:var(--gery);font-size:13px}aside.all-page-sidebar.mobile-sidebar .main-sidebar .sidebar-logo-sec .m-sidebar-close-btn{display:none}@media only screen and (width<=1024px){aside.all-page-sidebar.mobile-sidebar .main-sidebar{top:0;left:-232px;width:232px!important;position:fixed!important}aside.all-page-sidebar.mobile-sidebar.mobile-sidebar-open .main-sidebar{left:0}aside.all-page-sidebar.mobile-sidebar .main-sidebar .sidebar-open-btn{display:none}aside.all-page-sidebar.mobile-sidebar .main-sidebar .sidebar-menu-sec{top:0}aside.all-page-sidebar.mobile-sidebar .main-sidebar .sidebar-logo-sec .m-sidebar-close-btn{display:var(--none);cursor:pointer;width:100%;max-width:24px;height:16px;animation:.5s fadeIn}aside.all-page-sidebar.mobile-sidebar.mobile-sidebar-open .main-sidebar .sidebar-logo-sec .m-sidebar-close-btn{display:flex}aside.all-page-sidebar.mobile-sidebar .main-sidebar .sidebar-logo-sec .m-sidebar-close-btn img{width:100%}aside.all-page-sidebar.mobile-sidebar .popup-sidebar{width:0;left:0;overflow:visible;position:fixed!important}aside.all-page-sidebar.mobile-sidebar .popup-sidebar .popop-sb-open-btn{background:var(--whitelightcolor);visibility:hidden;opacity:0;transition:all .5s ease-in-out;left:0}aside.all-page-sidebar.mobile-sidebar.mobile-sidebar-open .popup-sidebar .popop-sb-open-btn{visibility:visible;opacity:1;left:232px}aside.all-page-sidebar.mobile-sidebar .popup-sidebar.popup-sidebar-open .popop-sb-open-btn{visibility:hidden;opacity:0}aside.all-page-sidebar.mobile-sidebar .popup-sidebar.popup-sidebar-open{width:232px}aside.all-page-sidebar{min-width:fit-content}aside.all-page-sidebar .mobile-sidebar-btn{display:flex}aside.all-page-sidebar .main-sidebar.sidebar-open{left:0}}body.overview-page-body{background:var(--whitelightcolor);position:relative}.overview-sec{max-width:calc(100vw - 112px);height:100vh;margin:0 0 0 auto;display:block;overflow-y:auto}.overview-sec .overview-body{gap:4px 0;min-height:100vh}.overview-header{background:var(--whitecolor);z-index:9999;height:48px;padding:0 32px 0 20px;position:sticky;top:0;box-shadow:0 0 2px #0003}.overview-header .mobile-logo{width:38px;display:var(--none)}.overview-header .bedcrumbs{gap:0 12px;padding:0}.overview-header .bedcrumbs li{font-family:var(--font-family-secondary);font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-0-875);color:var(--deepgery);padding:0 0 0 24px;line-height:16px}.user-n-dropdown li:last-child{color:var(--pagetitlecolor)}.user-n-dropdown li:last-child span{color:var(--pagetitlecolor)!important}.overview-header .bedcrumbs li:before{content:"";background:url("data:image/svg+xml,%3csvg%20width='8'%20height='12'%20viewBox='0%200%208%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.590088%2010.59L5.17009%206L0.590088%201.41L2.00009%200L8.00009%206L2.00009%2012L0.590088%2010.59Z'%20fill='%23282A3A'/%3e%3c/svg%3e") 50%/cover no-repeat;width:8px;height:12px;margin:auto;position:absolute;top:0;bottom:0;left:0}.overview-header .bedcrumbs li:first-child{padding:0}.overview-header .bedcrumbs li:first-child:before{display:var(--none)}.overview-header .bedcrumbs li a{font-family:var(--font-family-secondary);font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-0-875);color:var(--deepgery);gap:0 20px;line-height:16px}.overview-user-nav ul{gap:0 24px;padding:0}.user-n-dropdown{background:var(--whitecolor);border:1px solid var(--whitelightcolor);text-transform:capitalize;border-radius:8px;width:174px;height:auto;top:42px;right:0;overflow:hidden;box-shadow:0 4px 4px #0000001a;padding:4px 0!important;display:block!important;position:absolute!important}.overview-u-d{top:38px!important}.user-n-dropdown li{width:100%;height:36px;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);letter-spacing:var(--l-spacing-0-25);color:var(--deepgery);cursor:pointer;gap:0 8px;padding:0 16px}.user-n-dropdown li span{color:var(--gery)}.user-n-dropdown li:hover,.user-n-dropdown li:hover span{color:var(--purplecolor)}.overview-purchase-order-body{background:var(--whitecolor);padding:24px}.overview-wrapper-title{max-width:fit-content;height:24px;line-height:24px;font-weight:var(--font-weight-semi-bold);color:var(--deepgery);gap:0 8px;padding:0 32px 0 0}.overview-wrapper-title:before{content:"";background:url("data:image/svg+xml,%3csvg%20width='8'%20height='12'%20viewBox='0%200%208%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.590088%2010.59L5.17009%206L0.590088%201.41L2.00009%200L8.00009%206L2.00009%2012L0.590088%2010.59Z'%20fill='%23282A3A'/%3e%3c/svg%3e") 50% no-repeat;width:24px;height:24px;margin:auto;position:absolute;top:0;bottom:0;right:0}.overview-box-list{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:30px;padding:24px 0 0 32px;display:grid}.overview-box-list .overview-box{background:var(--whitecolor);border:1px solid var(--lightgery);border-radius:8px;padding:16px;overflow:hidden}.overview-box-list .overview-box .overview-box-title{color:var(--primarycolor);gap:0 8px;margin:0 0 16px;line-height:20px}.overview-box-list .overview-box .overview-box-title .ob-title-img{background:var(--whitelightcolor);border-radius:6px;width:40px;height:40px}.overview-box-list .overview-box ul{gap:10px;padding:0}.overview-box-list .overview-box ul li{font-size:var(--font-size-0-8);color:var(--gery);gap:0 6px;height:18px;line-height:18px}.overview-box-list .overview-box ul li a{color:var(--gery);gap:0 6px}.overview-box-list .overview-box ul li a:hover{text-decoration:underline!important}.overview-box-list .overview-box ul li .ob-list-img{width:18px;height:18px}.overview-box-list .overview-box ul li .ob-list-img span{font-size:var(--font-size-1-125)}.overview-box-list .overview-box ul li span.counters{font-size:var(--font-size-0-75);color:var(--whitecolor);border-radius:8px;min-width:30px;height:18px;margin:0 0 0 auto;padding:2px 4px}.overview-box-list .overview-box ul li span.counters.yellow{color:#101223;background:#e6c229}.overview-box-list .overview-box ul li span.counters.purple{background:#6973d0}.overview-box-list .overview-box ul li span.counters.orange{background:#ff7800}.overview-box-list .overview-box ul li span.counters.green{background:#109648}.space-overview{height:calc(100vh - 60px)}.overview-performance-indicators-body{background:var(--whitecolor);flex-grow:1;min-height:fit-content;margin:0;padding:24px;position:relative}.key-title{gap:0 34px;width:100%;max-width:1068px}.key-perfermance-date{gap:0 32px}.key-perfermance-date .fp-date-box{border:1px solid var(--lightgery);border-radius:4px;gap:0 8px;max-width:fit-content;padding:8px 4px}.key-perfermance-date .fp-date-box .fp-date-left{width:fit-content;height:24px;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);letter-spacing:var(--l-spacing-0-25);color:var(--deepgery);border-right:1px solid var(--lightgery);align-items:center;padding:0 8px 0 32px}.key-perfermance-date .fp-date-box .fp-date-left:before{content:"";background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2_9864)'%3e%3cpath%20d='M4.66667%207.33325H6V8.66658H4.66667V7.33325ZM14%203.99992V13.3333C14%2014.0666%2013.4%2014.6666%2012.6667%2014.6666H3.33333C2.59333%2014.6666%202%2014.0666%202%2013.3333L2.00667%203.99992C2.00667%203.26659%202.59333%202.66659%203.33333%202.66659H4V1.33325H5.33333V2.66659H10.6667V1.33325H12V2.66659H12.6667C13.4%202.66659%2014%203.26659%2014%203.99992ZM3.33333%205.33325H12.6667V3.99992H3.33333V5.33325ZM12.6667%2013.3333V6.66658H3.33333V13.3333H12.6667ZM10%208.66658H11.3333V7.33325H10V8.66658ZM7.33333%208.66658H8.66667V7.33325H7.33333V8.66658Z'%20fill='%23282A3A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2_9864'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50%/cover no-repeat;width:16px;height:16px;margin:auto;position:absolute;top:0;bottom:0;left:8px}.key-perfermance-date .fp-date-box .fp-date-right{width:120px;height:24px;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);letter-spacing:var(--l-spacing-0-25);color:var(--deepgery);line-height:24px}.key-perfermance-date .fp-date-box .fp-date-right:before{content:"";background:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2_9871)'%3e%3cpath%20d='M7%2010L12%2015L17%2010H7Z'%20fill='%23282A3A'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2_9871'%3e%3crect%20width='24'%20height='24'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 50%/cover no-repeat;width:24px;height:24px;margin:auto;position:absolute;top:0;bottom:0;right:8px}.key-perfermance-date .fp-date-box.fp-date-box-2:before{left:-16px}.key-perfermance-date .fp-date-box .fp-date-right span{display:var(--none)}.dateInput input{z-index:1;background:0 0;width:calc(100% + 25px);height:25px}.key-perfermance-date .fp-date-box .fp-date-right .dateInput{width:100%;height:100%;display:block!important}.key-perfermance-date .react-datepicker-wrapper{border:0;padding:0;display:inline-block}.key-perfermance-date .fp-date-box .fp-date-right .dateInput .react-datepicker-wrapper{margin:0!important}.key-perfermance-date .fp-date-box .fp-date-right .dateInput input{line-height:24px;background:0 0!important;border-radius:0!important;height:fit-content!important;padding:0!important}.key-perfermance-list{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:24px;width:100%;max-width:1068px;padding:32px 0 0 32px}.key-perfermance-list .key-perfermance-box{border:1px solid var(--lightgery);border-radius:8px;gap:16px 0;width:100%;padding:16px}.key-perfermance-list .key-perfermance-box .kp-box-title{height:36px;font-size:var(--font-size-1);color:var(--deepgery);border-bottom:1px solid var(--lightgery)}.key-perfermance-list .key-perfermance-box .kp-box-body{height:48px}.key-perfermance-list .key-perfermance-box .kp-box-body .kp-box-percentage{font-size:var(--font-size-3);color:var(--gery);line-height:26px}.key-perfermance-list .key-perfermance-box .kp-box-body .kp-box-chart{gap:4px;margin:-10px 0 0}.key-perfermance-list .key-perfermance-box .kp-box-body .kp-box-chart img{width:24px;height:24px}.key-perfermance-list .key-perfermance-box .kp-box-body .kp-box-chart span{font-size:var(--font-size-0-875);line-height:10px}.key-perfermance-list .key-perfermance-box .kp-box-body .kp-box-chart span.color-g{color:var(--green-c)}.key-perfermance-list .key-perfermance-box .kp-box-body .kp-box-chart span.color-r{color:var(--dangercolor)}.overview-activity-log-body{background:var(--whitecolor);height:128px;padding:24px;position:relative}.popup-overlay{z-index:999;background-color:#0003;width:100%;height:100%;inset:0}.popup-content{background:var(--whitecolor);text-align:center;border-radius:8px;width:100%;max-width:1400px;height:84vh;padding:20px;box-shadow:0 2px 8px #0000001a}.popup-content .popup-title{border-bottom:1px solid var(--lightgery2);padding:0 0 12px}.popup-title h3{font-size:var(--font-size-2);height:32px;color:var(--pagetitlecolor);margin:0;line-height:32px}.popup-content button{background:var(--none);cursor:pointer}.popup-details{gap:0 16px;height:calc(100% - 50px)}.so-online-pdetails{height:calc(100% - 110px)!important}.popup-details .popup-details-left{flex:5;gap:16px;margin:16px 0 0;padding:0 16px 0 0;overflow:auto}.popup-details .popup-details-left::-webkit-scrollbar{width:6px;height:5px}.popup-details .popup-details-left::-webkit-scrollbar-track{background:var(--whitecolor);border:1px solid #ced9df;border-radius:50px}.popup-details .popup-details-left::-webkit-scrollbar-thumb{background:#ced9df;border-radius:50px}.popup-details .popup-details-left h3{color:var(--deepgery);font-size:var(--font-size-1-125);height:18px;margin:0}.popup-details .popup-details-left .form-details{background:var(--whitelightcolor);border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(28%,1fr));gap:16px;padding:12px}.popup-details .popup-details-left .form-details .form-group{flex-direction:column;flex:0 0 calc(33.333% - 20px);gap:6px}.full-width{flex-basis:calc(100% - 20px)!important}.popup-details .popup-details-left .form-details .form-group label{color:var(--gery);width:100%;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);font-weight:var(--font-weight-medium);letter-spacing:var(--l-spacing-0-25);text-align:left;margin:0;line-height:20px}.popup-details .popup-details-left .form-details .form-group .form-control{width:100%;height:40px;font-family:var(--font-family-secondary);letter-spacing:var(--l-spacing-0-25);color:var(--deepgery);border:var(--none);background:#f3f4f8;border-radius:8px;padding:8px;box-shadow:none!important}.popup-details .popup-details-left .form-details .form-group .details-form{color:var(--secondarycolor);background:var(--whitecolor);border:1px solid var(--lightgery);width:100%;height:40px;font-size:var(--font-size-0-9);border-radius:8px;padding:0 8px}.popup-details .popup-details-left .form-details .msl{border:1px solid var(--lightgery);background:var(--whitecolor)}.popup-details .popup-details-left .form-details .msl .msl-input-wrp{text-align:left;display:flex;width:90%!important}.popup-details .popup-details-left .form-details .form-group .add-remarks-btn{border:1px solid var(--lightgery)}.popup-details .popup-details-left .form-details .form-group .p-browse-btn-sec{padding:0 0 0 8px}.popup-details .popup-details-left .form-details .form-group .p-browse-btn-sec .p-browse-btn{background:var(--whitecolor);width:130px;height:40px;font-size:var(--font-size-0-8);border:1px solid var(--lightgery);color:var(--primarycolor);border-radius:8px;gap:0 3px;padding:0 8px}.upload-data{background:var(--whitecolor);border:1px solid var(--lightgery);border-radius:8px;gap:0 12px;width:100%;height:40px;padding:0 8px}.upload-file-icon span{color:var(--lightbluecolor)}.upload-data .upload-file-text{font-family:var(--font-family-secondary);letter-spacing:.1px;font-size:var(--font-size-0-9);font-weight:var(--font-weight-semi-bold);color:var(--gery);margin:0 auto 0 0;line-height:22px}.upload-data .upload-file-text span{font-weight:var(--font-weight-bold);color:var(--secondarycolor);white-space:nowrap;text-overflow:ellipsis;text-align:left;width:100%;max-width:180px;overflow:hidden}.upload-data .download-btn{font-size:var(--font-size-1-5);cursor:pointer}.price-template-info .table-sec table thead{background:var(--whitecolor);z-index:10;position:sticky;top:0}.dropdown-table-btn{background:var(--whitecolor);border:1px solid var(--primarycolor);opacity:.6;border-radius:100px;width:30px;height:30px;margin:0 0 0 auto;padding:0;transition:all .3s ease-in-out;transform:rotate(0)}.dropdown-table-btn span{font-size:var(--font-size-2);color:var(--primarycolor)}.dropdown-table td{padding:24px 16px!important}.dropdown-table tr:nth-child(odd) td{background:var(--whitelightcolor)}.dropdown-table td .list-view{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:12px}.dropdown-table td .list-view .list{font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);letter-spacing:var(--l-spacing-0-25);color:var(--gery);font-weight:var(--font-weight-medium);gap:0 8px;margin:0;padding:0;position:relative}.dropdown-table td .list-view .list span{font-size:var(--font-size-1-5);color:var(--bs-gray-500)}.dropdown-table td .list-view .list .list-text{min-width:150px;color:var(--deepgery);font-weight:var(--font-weight-bold);text-align:left}.popup-details .popup-details-left .table-sec thead tr th:last-child{text-align:left}.popup-details .popup-details-left .table-sec thead tr th,.popup-details .popup-details-left .table-sec tbody tr td{padding:0 8px}.popup-details .popup-details-left .table-sec tbody tr td .form-control{width:100%;height:40px;box-shadow:var(--none);font-size:var(--font-size-0-9);color:var(--deepgery);padding:0 8px}.popup-details .popup-details-left .table-sec tbody tr td .react-datepicker-wrapper{width:100%;height:40px;display:flex;overflow:hidden}.popup-details .popup-details-left .table-sec tbody tr td .react-datepicker-wrapper .react-datepicker__input-container{height:100%}.popup-details .popup-details-left .table-sec tbody tr td .react-datepicker-wrapper .react-datepicker__input-container input{width:100%;height:100%;font-size:var(--font-size-0-9);color:var(--deepgery);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%235b5d6b'%3e%3cpath%20d='M200-80q-33%200-56.5-23.5T120-160v-560q0-33%2023.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33%200%2056.5%2023.5T840-720v560q0%2033-23.5%2056.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0%200v-80%2080Zm280%20240q-17%200-28.5-11.5T440-440q0-17%2011.5-28.5T480-480q17%200%2028.5%2011.5T520-440q0%2017-11.5%2028.5T480-400Zm-160%200q-17%200-28.5-11.5T280-440q0-17%2011.5-28.5T320-480q17%200%2028.5%2011.5T360-440q0%2017-11.5%2028.5T320-400Zm320%200q-17%200-28.5-11.5T600-440q0-17%2011.5-28.5T640-480q17%200%2028.5%2011.5T680-440q0%2017-11.5%2028.5T640-400ZM480-240q-17%200-28.5-11.5T440-280q0-17%2011.5-28.5T480-320q17%200%2028.5%2011.5T520-280q0%2017-11.5%2028.5T480-240Zm-160%200q-17%200-28.5-11.5T280-280q0-17%2011.5-28.5T320-320q17%200%2028.5%2011.5T360-280q0%2017-11.5%2028.5T320-240Zm320%200q-17%200-28.5-11.5T600-280q0-17%2011.5-28.5T640-320q17%200%2028.5%2011.5T680-280q0%2017-11.5%2028.5T640-240Z'/%3e%3c/svg%3e");background-position:97%;background-repeat:no-repeat;background-size:22px;padding:0 8px}.popup-details .popup-details-left .table-sec tbody tr td .react-datepicker-wrapper .react-datepicker__input-container input:disabled{background-color:#e9ecef}.price-template-sec{flex-direction:column;gap:16px;margin:24px 0 0;display:flex}.price-template-tab-list{justify-content:space-between;align-items:center;gap:0 20px;width:100%;margin:0;padding:0;display:flex;position:relative}.price-template-tab{flex:1;margin:0;padding:0;display:flex;position:relative}.price-template-tab .pt-tab-btn{width:100%;height:42px;color:var(--gery);border:1px solid var(--lightgery);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:0;transition:all .3s ease-in-out;display:flex;position:relative}.price-template-tab:hover .pt-tab-btn{color:var(--primarycolor);border:1px solid var(--primarycolor)}.price-template-tab.active .pt-tab-btn{color:var(--whitecolor);background:var(--primarycolor);border:1px solid var(--primarycolor)}.popup-details .popup-details-right{border-left:1px solid var(--lightgery2);flex:1;padding:0 0 0 16px}.popup-details .popup-details-right .iup-table-data-download{gap:20px 0;padding:24px 0}.popup-details .popup-details-right .iup-details.iup-details-upload input.iup-browse-file{display:var(--none)}.popup-details .iup-details.iup-details-upload input.iup-browse-file{display:none}.popup-details .popup-details-right .iup-table-data-download.popup-details .popup-details-right-btns button{margin:0!important}.popup-details .popup-details-right .iup-table-data-download .data-download-btn{width:100%;height:40px;color:var(--gery);background:var(--whitecolor);font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);letter-spacing:var(--l-spacing-0-15);line-height:15px;font-weight:var(--font-weight-semi-bold);cursor:pointer;border:1px solid var(--gery);border-radius:4px;justify-content:center;align-items:center;gap:0 4px;margin:0;padding:0 4px;transition:all .3s ease-in-out;display:flex;position:relative}.popup-details .popup-details-right .iup-table-data-download .data-render-btn{background:var(--whitecolor);width:100%;height:40px;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);letter-spacing:var(--l-spacing-0-15);line-height:15px;font-weight:var(--font-weight-semi-bold);cursor:pointer;color:var(--primarycolor);border:1px solid var(--primarycolor);border-radius:4px;justify-content:center;align-items:center;gap:0 4px;margin:0;padding:0 4px;transition:all .3s ease-in-out;display:flex;position:relative}.popup-details .popup-details-right .iup-table-data-download .generate-asn-btn{width:100%;height:40px;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);letter-spacing:var(--l-spacing-0-15);color:var(--whitecolor);background:var(--primarycolor);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:0 4px;margin:0;padding:8px 4px;display:flex;position:relative}.popup-details-footer{border-top:1px solid var(--lightgery2);gap:0 16px;height:60px;padding-top:16px}button.all-btn{min-width:110px;height:38px;color:var(--primarycolor);font-family:var(--font-family-secondary);font-size:var(--font-size-0-875);font-weight:var(--font-weight-medium);background:var(--none);border:1px solid var(--primarycolor);letter-spacing:.25px;border-radius:4px;justify-content:center;align-items:center;padding:0 16px;display:flex;position:relative}.all-btn.rejected{color:var(--dangercolor);border:1px solid var(--dangercolor)}.Toastify .Toastify__toast .Toastify__toast-body .Toastify__toast-icon{display:none}.Toastify .Toastify__toast .Toastify__close-button{position:absolute;top:8px;right:8px}.paste-btn{color:var(--gery);width:30px;height:fit-content;margin:auto;top:0;bottom:0;right:10px;position:absolute!important}.paste-btn span{font-size:20px}.paste-btn img{width:18px}.paste-btn.copy-btn{color:var(--gery400);background:#fff;transform:rotate(0)}.copy-btn-hidden{opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.copy-btn-wrapper:hover .copy-btn-hidden{opacity:1;pointer-events:auto}.mobile-app-footer{background:var(--whitecolor);min-height:60px;display:var(--none);z-index:999;padding:.5rem .8rem;bottom:0;box-shadow:0 -2px 12px #292a301f}.mobile-app-footer .mf-list a{flex:1}.mobile-app-footer .mf-list a .icon{color:var(--blackcolor);font-weight:300}.mobile-app-footer .mf-list a .text{font-family:var(--font-family-secondary);font-size:var(--font-size-0-875);font-weight:var(--font-weight-semi-bold);color:var(--gery400);line-height:1rem}.mobile-app-footer .mf-list a .scan-code{background:var(--primarycolor);border-radius:50px;width:52px;height:52px;margin:-54px 0 0;position:relative}.mobile-app-footer .mf-list a .scan-code .icon{font-size:2rem;color:var(--whitecolor)!important}@media only screen and (width<=1024px){.overview-sec{height:calc(100vh - 50px);max-width:100vw!important}.overview-sec .overview-body{min-height:auto}.overview-header{padding:0 1.5rem 0 44px}.overview-header .mobile-logo{display:flex}.overview-box-list{padding:24px 0 0}.overview-header .bedcrumbs{display:none!important}.space-overview{height:calc(100vh - 104px)}.key-perfermance-list{padding:24px 0 0}.key-title{flex-direction:column;gap:20px;align-items:start!important}.key-perfermance-date{gap:24px}.mobile-app-footer{display:flex}.mobile-m{margin:0 0 60px}}@media only screen and (width<=576px){.key-perfermance-date{flex-direction:column;align-items:start}.key-perfermance-date .fp-date-box .fp-date-left{width:130px}.overview-header{padding:0 16px 0 44px}}.overview-title{color:var(--deepgery);font-weight:var(--font-weight-semi-bold);gap:0 8px;max-width:fit-content;height:24px;margin:0;padding:0 32px 0 0;line-height:24px}.search-filter-part{flex:1}.search-filter-part .search-box{width:100%;max-width:360px}.search-filter-part .search-box .form-control{background:var(--whitelightcolor);min-height:40px;font-family:var(--font-family-secondary);font-size:var(--font-size-0-8);color:var(--gery);border:1px solid var(--lightgery);box-shadow:var(--none);outline:var(--none);margin:0;padding:0 16px;line-height:16px;position:relative}.search-filter-part .search-box button.search-btn{background:var(--none);border:var(--none);width:fit-content;margin:0;padding:0;position:absolute;left:auto;right:16px}.search-filter-part .filter-box{margin:0 auto 0 16px;padding:0;position:relative}.search-filter-part .new-order-filter{margin:0 auto 0 0}.search-filter-part .filter-box button.apply-filter-btn{background:var(--none);border:var(--none);font-size:var(--font-size-0-875);letter-spacing:var(--l-spacing-0-25);color:var(--deepgery);cursor:pointer;align-items:center;gap:0 8px;margin:0;padding:0;display:flex;position:relative}.apply-filter-popup{z-index:99;opacity:0;visibility:hidden;background:#0000002b;justify-content:center;align-items:center;width:100%;height:100%;margin:auto;padding:0;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0}.apply-filter-popup.af-popup-open{opacity:1;visibility:visible}.apply-filter-popup .tabs.apply-filter-popup-body{background:var(--whitelightcolor);border-radius:24px;justify-content:space-between;gap:0 4px;width:100%;max-width:604px;height:602px;margin:auto;padding:0;display:flex;position:relative;overflow:hidden}.apply-filter-popup .tabs.apply-filter-popup-body .apply-f-left{background:var(--whitecolor);min-width:169px;max-width:169px;height:100%;margin:0;padding:24px 0 24px 24px;position:relative}.apply-f-left .apply-f-title{font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);color:var(--primarycolor);margin:0 0 16px;padding:0;line-height:20px;position:relative}.apply-f-left ul.tab-links{border-top:1px solid var(--lightgery);border-bottom:1px solid var(--lightgery);flex-direction:column;gap:12px 0;margin:0 0 16px;padding:24px 0;display:flex;position:relative}.apply-f-left ul.tab-links li{background:var(--none);align-items:center;margin:0;padding:0;transition:all .3s ease-in-out;display:flex;position:relative}.apply-f-left ul.tab-links li:before{content:"";background:var(--blackcolor);opacity:0;visibility:hidden;width:2px;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;right:0}.apply-f-left ul.tab-links li.active:before{opacity:1;visibility:visible}.apply-f-left ul.tab-links li a{width:100%;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);letter-spacing:var(--l-spacing-0-25);color:var(--blackcolor);cursor:pointer;justify-content:start;align-items:center;margin:0;padding:0;line-height:20px;transition:all .3s ease-in-out;display:flex;position:relative}.apply-f-left ul.tab-links li.active a{font-family:var(--font-family-primary);font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-1);color:var(--blackcolor)}.apply-f-left .apply-f-btns{justify-content:space-between;align-items:center;gap:0 8px;margin:0;padding:0 3px 0 0;display:flex;position:relative}.apply-f-left .apply-f-btns button{font-family:var(--font-family-secondary);font-size:var(--font-size-0-8);height:22px;letter-spacing:var(--l-spacing-0-25);line-height:18px;font-weight:var(--font-weight-semi-bold);cursor:pointer;border:1px solid;border-radius:4px;flex:1;justify-content:center;align-items:center;margin:0;padding:0;transition:all .3s ease-in-out;display:flex;position:relative}.apply-f-left .apply-f-btns button.apply-f-btn{color:var(--whitecolor);background:var(--primarycolor);border-color:var(--primarycolor)}.apply-f-left .apply-f-btns button.apply-f-clear-btn{color:var(--gery);background:var(--whitecolor);border-color:var(--gery)}.apply-filter-popup .tabs.apply-filter-popup-body .tab-content{background:var(--whitecolor);width:100%;margin:0;padding:24px 24px 44px;position:relative}.apply-filter-popup .tabs.apply-filter-popup-body .tab-content .msl-wrp{width:100%;max-width:100%}.tabs.apply-filter-popup-body .tab-content .apply-f-tab-title{font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);color:#232222;font-weight:var(--font-weight-medium);justify-content:center;align-items:center;margin:0 0 24px;padding:0;display:flex;position:relative}.apply-filter-popup .tabs.apply-filter-popup-body .tab-content img{width:auto;max-width:335px;margin:0 auto;position:relative}.tabs.apply-filter-popup-body .tab-content .search-box{gap:8px;width:100%}.tabs.apply-filter-popup-body .tab-content .search-box .form-control{min-height:40px;font-family:var(--font-family-secondary);font-size:var(--font-size-0-8);color:var(--gery);border:1px solid var(--gery400);box-shadow:var(--none);outline:var(--none);padding:0 16px;line-height:16px}.tabs.apply-filter-popup-body .tab-content .search-box button.search-btn{background:var(--none);border:var(--none);top:7px;right:12px}.tabs.apply-filter-popup-body .tab-content .search-box p{color:var(--gery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-875);font-weight:var(--font-weight-medium);margin:0}.applied-filter-list{gap:0 28px;margin:32px 0 0;padding:0}.applied-filter-list .applied-filter-btn{background:var(--whitelightcolor);border:1px solid var(--gery);border-radius:6px;gap:0 6px;min-height:32px;margin:0;padding:6px 8px}.applied-filter-list .applied-filter-btn span{font-family:var(--font-family-secondary);font-size:var(--font-size-0-8);color:var(--gery);text-overflow:ellipsis;white-space:nowrap;max-width:101px;position:relative;top:2px;overflow:hidden}.applied-filter-list .applied-filter-btn .applied-filter-close{background:var(--none);width:18px;height:18px}.applied-filter-list .applied-filter-btn .applied-filter-close img{width:18px}.tab{display:var(--none)}.tab.active{display:block}.search-filter-part .approvals-cost-box{margin:0 16px 0 0;padding:0;position:relative}.search-filter-part .approvals-cost-box .approvals-cost-btn{height:40px;color:var(--whitecolor);background:var(--primarycolor);font-family:var(--font-family-secondary);font-size:var(--font-size-1);cursor:pointer;border-radius:4px;gap:0 4px;padding:0 24px;transition:all .3s ease-in-out}.search-filter-part .approvals-cost-box .approvals-cost-btn:hover{background:var(--secondarycolor)}.export-filter{margin:0;padding:0;position:relative}.export-filter .export-filter-btn{border:1px solid var(--gery);width:152px;height:40px;color:var(--deepgery);font-size:var(--font-size-1);background:var(--whitecolor);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;margin:0;padding:8.5px 48px 8.5px 8px;display:flex;position:relative}.export-filter .export-filter-btn:before{content:"";background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.3.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2024%2024'%20style='enable-background:new%200%200%2024%2024;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23282A3A;}%20%3c/style%3e%3cg%3e%3cpath%20className='st0'%20d='M18,9.7l-6,6l-6-6l1.4-1.4l4.6,4.6l4.6-4.6L18,9.7z'/%3e%3c/g%3e%3c/svg%3e") 50%/cover no-repeat;width:24px;height:24px;margin:auto;transition:all .3s ease-in-out;position:absolute;top:0;bottom:0;right:16px;transform:rotate(0)}.export-filter.popup-open .export-filter-btn:before{transform:rotate(180deg)}.export-filter .export-file-popup{background:var(--whitecolor);border:1px solid var(--lightgery);z-index:99;opacity:0;visibility:hidden;border-radius:0 0 8px 8px;flex-direction:column;align-items:start;gap:25px;width:100%;padding:25px 18px;transition:all .3s ease-in-out;display:flex;position:absolute;top:46px;box-shadow:0 4px 4px #00000040}.export-filter.popup-open .export-file-popup{opacity:1;visibility:visible}.export-filter .export-file-popup a{font-size:var(--font-size-0-9);font-weight:var(--font-weight-semi-bold);color:var(--blackcolor);align-items:center;width:100%;margin:0;padding:0;line-height:10px;transition:all .3s ease-in-out;display:flex;position:relative}.export-filter .export-file-popup a:hover{color:var(--primarycolor)}.filter-check-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.filter-check-list label{font-size:var(--font-size-0-875);color:var(--gery);cursor:pointer;border-radius:6px;padding:6px 6px 6px 30px}.filter-check-list label:hover{background:var(--whitelightcolor);color:var(--deepgery)}.filter-check-list label span{font-size:var(--font-size-1-25);font-weight:var(--font-weight-semi-bold);color:var(--gery);left:5px}.filter-check-list label:hover span{color:var(--primarycolor);font-variation-settings:"FILL" 1}.filter-check-list label input{display:none}.filter-check-list label input[type=radio]:checked~span{color:var(--primarycolor);font-variation-settings:"FILL" 1}.filter-check-list label input[type=radio]:checked~.text{color:var(--primarycolor)}.filter-check-list label input[type=checkbox]:checked~span{color:var(--primarycolor);font-variation-settings:"FILL" 1}.filter-check-list label input[type=checkbox]:hover~span{color:#a9a9a9;font-variation-settings:"FILL" 1}.filter-check-list label input[type=checkbox]:checked~.text{color:var(--primarycolor)}.filter-result{gap:0 8px;margin:20px 0 0;padding:0}.filter-result span{font-size:var(--font-size-0-875);background:var(--lightgery2);border-radius:50px;gap:0 8px;margin:0;padding:5px 8px 5px 12px}.filter-result span button{background:var(--none)}.filter-result span button span{font-size:var(--font-size-1-25);padding:0}.all-listing-overview-body{background:var(--whitecolor);min-height:calc(100vh - 52px);margin:0;padding:24px}.all-listing-table{width:100%;margin:16px 0 0;height:calc(100vh - 200px)!important}.all-listing-table thead tr th:first-child{border:var(--none);background:var(--whitecolor);border-top-left-radius:0;border-bottom-left-radius:0;padding:0}.all-listing-table thead tr th:nth-child(2){border-left:1px solid var(--lightgery);border-top-left-radius:8px;border-bottom-left-radius:8px}.all-listing-table thead tr th:last-child{border-right:1px solid var(--lightgery);border-top-right-radius:8px;border-bottom-right-radius:8px}.all-listing-table tbody tr td:first-child{border:var(--none);padding:0}.all-listing-table tbody tr td:nth-child(2){border-top-left-radius:8px;border-bottom-left-radius:8px}.all-listing-table tbody tr td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.all-listing-table tbody tr:nth-child(odd) td:first-child{background:var(--none)}.all-browse-btn{width:100%;height:40px;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);font-weight:var(--font-weight-semi-bold);color:var(--primarycolor);background:var(--whitecolor);border:1px solid var(--primarycolor);cursor:pointer;border-radius:4px;gap:0 4px;padding:0 16px;line-height:20px;transition:all .3s ease-in-out}.browse-input{display:none!important}.uploaded-invoice-file{font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-0-875)!important}.uploaded-invoice-file span{color:var(--dangercolor);top:2px}.uploaded-invoice-file .text{max-width:180px}.uploaded-invoice-file .btns.remove-btn{position:absolute;right:15px}.uploaded-invoice-file .btns.remove-btn span{font-size:var(--font-size-1-25)}.popup-details .popup-details-left .btns.add-remarks-btn{border-radius:4px}@media only screen and (width<=1024px){.search-filter-part .filter-box{margin:0}.search-filter-part .approvals-cost-box .approvals-cost-btn{height:2rem;font-size:var(--font-size-0-875);padding:0 .75rem}.all-listing-overview-body{min-height:calc(100vh - 130px)}}@media only screen and (width<=768px){.search-filter-part{flex-wrap:wrap;gap:16px}.search-filter-part .search-box{flex:none;max-width:100%}.search-filter-part .filter-box{margin:0 8px 0 0}}@media only screen and (width<=576px){.apply-filter-popup .tabs.apply-filter-popup-body{flex-direction:column;width:94%}.apply-filter-popup .tabs.apply-filter-popup-body .apply-f-left{min-width:100%;height:fit-content;padding:16px}.apply-filter-popup .tabs.apply-filter-popup-body .tab-content{height:100%;position:unset;padding:16px}.apply-f-left ul.tab-links{flex-direction:column;gap:8px;padding:14px 0}.apply-filter-popup .tabs.apply-filter-popup-body .tab-content .text-end{position:absolute;top:20px;right:20px}}.matching-po-boxes ul li .list img{max-width:70%;height:120px;margin:0 auto;display:flex}.matching-po-boxes ul li img:last-child{height:auto}.matching-po-boxes ul{justify-content:space-between}.matching-po-boxes ul li{flex-basis:30%;margin-right:20px}.matching-po-boxes ul li:last-child{justify-content:center;align-items:center;display:flex}.matching_pro_desc{margin-top:1rem}.matching-po-boxes:last-child{border:var(--none)}.matching_pro_desc{background:var(--gery);border-bottom-right-radius:10px;border-bottom-left-radius:10px}.primary{background-color:var(--primarycolor);color:var(--whitecolor);width:100%;padding:.5rem 0}.pri-color{color:var(--primarycolor)}.primary-action-btn{width:120px!important;margin:0 auto!important}.af-popup-open{opacity:1!important;visibility:visible!important}.af-popup-open .popup-body{background:var(--whitecolor);border:1px solid #f2f2f2;border-radius:16px;flex-direction:column;gap:16px 0;width:100%;max-width:70%;height:fit-content;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.af-popup-open .close-btn{background:var(--none);cursor:pointer;z-index:99;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:16px;right:24px}.apply-popup{z-index:99;opacity:0;visibility:hidden;background:#0000002b;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;transition:all .3s ease-in-out;display:flex;position:fixed;top:0;left:0}.p-0{padding:0}.pr-18{padding-right:18px}.m-0{margin:0}.ml-auto{margin-left:auto!important}.cursor-pointer{cursor:pointer}.align-center{align-items:center}.align-start{align-items:start}.align-end{align-items:end}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.hidden{display:var(--none)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto!important}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.absolute{position:absolute!important}.relative{position:relative!important}.static{position:static}.fixed{position:fixed}.sticky{position:sticky}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:var(--none)}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-items-start{justify-items:start}.justify-items-end{justify-items:end}.justify-items-center{justify-items:center}.justify-items-stretch{justify-items:stretch}.justify-self-auto{justify-self:auto}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.justify-self-stretch{justify-self:stretch}.content-center{align-content:center}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-evenly{align-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.self-baseline{align-self:baseline}.place-items-start{place-items:start}.place-items-end{place-items:end}.place-items-center{place-items:center}.place-items-stretch{place-items:stretch stretch}.w-full{width:100%!important}.min-w-full{min-width:100%}.min-h-screen{min-height:100vh}.min-h-fit{min-height:fit-content!important}.h-screen{height:100vh}.object-fit-cover{object-fit:cover}.object-fit-contain{object-fit:contain}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.text-left{text-align:left!important}.text-right{text-align:right!important}.uppercase{text-transform:uppercase!important}.border-none{border:none!important}.bg-none{background:0 0!important}.box-shadow-none{box-shadow:none!important;outline:none!important}.dropdown{border:1px solid #ced4da;border-radius:7px;width:100%;height:39px;padding:0 12px}.btns{justify-content:center;align-items:center;display:flex;position:relative}.add-remarks-btn{width:100%;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);font-weight:var(--font-weight-medium);letter-spacing:var(--l-spacing-0-25);color:var(--primarycolor);border:1px solid var(--primarycolor);border-radius:8px;padding:8px;box-shadow:none!important;background:var(--whitecolor)!important}.popup-details-right .add-remarks-btn{border-radius:4px!important}.disable-btn{mix-blend-mode:luminosity;opacity:.5;cursor:not-allowed!important}.mini-loader{border:4px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disabled-link{pointer-events:var(--none);opacity:.6;cursor:not-allowed}.disabled-link img{filter:grayscale()}.disabled-link span{color:#aaa}button.chat-btn{width:48px;height:48px;color:var(--whitecolor);background:var(--lightbluecolor);z-index:999;border-radius:50px;bottom:12px;right:12px;box-shadow:0 2px 2px #1d5d9054}.overlay2{z-index:9999;cursor:wait;z-index:9999;cursor:wait;background-color:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.react-tooltip{z-index:99;background-color:var(--secondarycolor)!important}.light-tooltip{background:var(--whitecolor)!important}.light-tooltip.shadow-1{box-shadow:2px 4px 14px #00000021}.text-ellipsis{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.table-row-counters{font-family:var(--font-family-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-0-875);color:var(--gery);text-align:right;margin:1rem 0;line-height:16px}.all-listing-table .table-row-counters span{color:var(--pagetitlecolor);font-weight:var(--font-weight-bold)}.chat-icon{color:#5c5d6b;padding-top:10px}.chat-icon-home{color:#fff;padding-top:10px}.empty-placeholder-cell{border:none;width:0;min-width:0;max-width:0;height:0;padding:0;overflow:hidden}.yellow-color-1{color:var(--yellowcolor)!important}.yellow-color-2{color:var(--yellowcolor2)!important}.red-color{color:var(--dangercolor)!important}.green-color{color:var(--greencolor)!important}.brown-color{color:var(--pagetitlecolor)!important}.primary-color{color:var(--primarycolor)!important}.secondary-color{color:var(--secondarycolor)!important}.purple-color{color:var(--purplecolor)!important}.lightblue-color{color:var(--lightbluecolor)!important}.black-color{color:var(--blackcolor)!important}