@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);*{border:none;border:var(--none);box-sizing:border-box;list-style:none;list-style:var(--none);margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Kanit,sans-serif;font-family:var(--font-family-primary);font-optical-sizing:auto;font-style:normal;height:100%;overflow:auto!important;overflow-x:hidden!important}img{max-width:100%}a{outline:none;outline:var(--none);text-decoration:none!important}h1,h2,h3,h4,h5{font-weight:400}h1,h2,h3,h4,h5,p{font-family:Kanit,sans-serif;font-family:var(--font-family-primary)}ul{margin:0}button,input,select{outline:none!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-webkit-appearance:var(--none);margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{height:5px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb,::-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;--titlecolor-2:#ff7800;--greencolor:#109648;--dangercolor:#cc2936;--gery:#5b5d6b;--deepgery:#282a3a;--lightgery:#d2d4da;--lightgery2:#dcdcdc;--lightblue800:#dae5f3;--gery400:#9496a1;--gery600:#5a575f;--gery800:#4b4d58;--waterblue:#067fd1;--lightgery2:#e6e6e9;--box-shadow-1:#0000001f;--black-200:#0000002b;--rt-opacity:1!important;--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:0.15px;--l-spacing-0-25:0.25px;--l-spacing-0-5:0.5px;--border-none:var(--none);--none:none}.underline{text-decoration:underline!important}.table-sec .infinite-scroll-component{height:calc(100vh - 240px)!important;overflow:auto!important;padding:0 16px 0 0}.horizontal-scroll{overflow:auto!important}.horizontal-scroll::-webkit-scrollbar,.table-sec .infinite-scroll-component::-webkit-scrollbar{height:5px;width:6px}.horizontal-scroll::-webkit-scrollbar-track,.table-sec .infinite-scroll-component::-webkit-scrollbar-track{background:var(--whitecolor);border:1px solid #ced9df;border-radius:50px}.horizontal-scroll::-webkit-scrollbar-thumb,.table-sec .infinite-scroll-component::-webkit-scrollbar-thumb{background:#ced9df;border-radius:50px}.table-sec table{border-collapse:initial;border-spacing:0;white-space:nowrap;width:100%}.table-sec table thead{background:var(--whitecolor);position:sticky;top:0;z-index:10}.table-sec thead tr th{border:1px solid var(--lightgery);border-left:var(--none);border-right:var(--none);color:var(--primarycolor);font-family:var(--font-family-secondary);font-size:var(--font-size-0-875);font-weight:var(--font-weight-medium);height:52px;letter-spacing:var(--l-spacing-0-25);line-height:20px;margin:0;padding:0 8px;position:relative;text-align:left;vertical-align:middle}.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-bottom-left-radius:8px;border-left:1px solid var(--lightgery);border-top-left-radius:8px}.table-sec thead tr th:last-child{border-bottom-right-radius:8px;border-right:1px solid var(--lightgery);border-top-right-radius:8px}.table-sec thead tr th input{accent-color:var(--primarycolor);display:flex;height:15px;margin:0;padding:0;width:15px}.table-sec tbody:before{color:var(--whitecolor);content:"_";display:block;line-height:20px;mix-blend-mode:color}.table-sec tbody tr td{border:var(--none);color:var(--deepgery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-875);font-weight:var(--font-weight-semi-bold);height:52px;line-height:20px;margin:0;padding:0 8px;position:relative;text-align:left;vertical-align:middle}.table-sec tbody tr td:first-child{border-bottom-left-radius:8px;border-top-left-radius:8px}.table-sec tbody tr td:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.table-sec tbody tr td input{accent-color:var(--primarycolor);display:flex;height:15px;margin:0;padding:0;width:15px}.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{margin:0 auto;width:170px}.no-rec-found{color:var(--deepgery);font-size:var(--font-size-1);letter-spacing:var(--l-spacing-0-15)}.all-table-scroller::-webkit-scrollbar{height:5px!important;width:6px!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{background:#fff;position:sticky!important;z-index:2}.sticky-column.left-checkbox{background:#fff!important;left:0}.sticky-column.left{left:30px}.sticky-column.right{right:-20px}.all-listing-table tbody tr td.sticky-column:nth-child(2),.all-listing-table thead tr th.sticky-column:nth-child(2){border-right:1px solid var(--whitelightcolor3);box-shadow:1px 0 1px #00000014}aside.all-page-sidebar{background:var(--lightgery);height:100%;left:0;min-width:112px;position:fixed;top:0;width:-moz-fit-content;width:fit-content;z-index:99999}aside.all-page-sidebar .mobile-sidebar-btn{background:none;display:none;left:23px;top:12px}aside.all-page-sidebar .main-sidebar{background:var(--secondarycolor);height:100vh;transition:all .5s ease-in-out;width:72px}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);height:84px;max-width:100%;padding:24px 12px;transition:all .5s ease-in-out;width:100%}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;overflow:hidden;transition:all .5s ease-in-out;width:48px}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{animation:fadeIn .5s;cursor:pointer;display:var(--none);height:16px;max-width:24px;width:100%}aside.all-page-sidebar .main-sidebar.sidebar-open .sidebar-logo-sec .sidebar-close-btn{animation:fade-out .5s;display:flex}.sidebar-logo-sec .sidebar-close-btn img{width:100%}.sidebar-open-btn{animation:fadeIn .5s;cursor:pointer;height:24px;left:12px;max-width:50px;position:absolute;top:84px;width:100%;z-index:99}.sidebar-open-btn img{width:100%}aside.all-page-sidebar .main-sidebar.sidebar-open .sidebar-open-btn{animation:fade-out .5s;display:var(--none)}@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{max-width:100%;padding:24px 14px;top:24px;transition:all .5s ease-in-out;width:100%}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{background:var(--secondarycolor);border-radius:50px;color:var(--whitecolor);font-weight:var(--font-weight-light);gap:0 10px;height:44px;overflow:hidden;transition:all .5s ease-in-out;white-space:nowrap}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 a,aside.all-page-sidebar .main-sidebar.sidebar-open .sidebar-menu-sec ul li.active-menu a{border-radius:16px}aside.all-page-sidebar .main-sidebar .sidebar-menu-sec ul li a span.s-menu-img{height:44px;min-width:44px}aside.all-page-sidebar .main-sidebar .sidebar-menu-sec ul li a span.s-menu-text{line-height:15px;min-width:135px}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);height:100vh;overflow:hidden;transition:all .5s ease-in-out;width:40px}aside.all-page-sidebar .popup-sidebar.popup-sidebar-open{width:248px}aside.all-page-sidebar .popup-sidebar .popop-sb-open-btn{height:100%;left:4px;opacity:1;position:absolute;transition:all .5s ease-in-out;visibility:visible}aside.all-page-sidebar .popup-sidebar.popup-sidebar-open .popop-sb-open-btn{opacity:0;visibility:hidden}aside.all-page-sidebar .popup-sidebar .popop-sb-open-btn:before{background:var(--primarycolor);content:"";height:100%;left:0;margin:0 auto;position:absolute;right:0;width:1px}aside.all-page-sidebar .popup-sidebar .popop-sb-open-btn .popop-sb-arrow{background:var(--whitelightcolor);border-radius:50px;cursor:pointer;height:32px;width:32px}aside.all-page-sidebar .popup-sidebar .popop-sb-close-btn{height:74px;line-height:22px;max-width:100%;opacity:0;padding:20px;transition:all .5s ease-in-out;visibility:hidden;width:100%}aside.all-page-sidebar .popup-sidebar .popop-sb-close-btn .sb-close-icon{cursor:pointer;height:24px;opacity:0;transition:all .5s ease-in-out;visibility:hidden;width:24px}aside.all-page-sidebar .popup-sidebar.popup-sidebar-open .popop-sb-close-btn,aside.all-page-sidebar .popup-sidebar.popup-sidebar-open .popop-sb-close-btn .sb-close-icon{opacity:1;visibility:visible}aside.all-page-sidebar .popup-sidebar .popup-sidebar-title{color:var(--lightbluecolor);font-size:var(--font-size-1-125);font-weight:var(--font-weight-semi-bold);line-height:14px;opacity:0;overflow:hidden;padding:24px 0 24px 24px;transition:all .5s ease-in-out;visibility:hidden;white-space:nowrap;width:100%}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{opacity:0;transition:all .3s ease-in-out;visibility:hidden}aside.all-page-sidebar .popup-sidebar.popup-sidebar-open .popup-s-menu{opacity:1;visibility:visible}.popup-s-menu ul{gap:15px 0;padding:0;width:100%}.popup-s-menu ul li:before{background:var(--primarycolor);content:"";height:24px;opacity:0;position:absolute;right:0;top:0;transition:all .5s ease-in-out;visibility:hidden;width:4px}.popup-s-menu ul li.pm-active:before{opacity:1;visibility:visible}.popup-s-menu ul li a{align-items:center;color:var(--deepgery);display:flex;font-size:14px;margin:0;overflow:hidden;padding:0 0 0 24px;position:relative;transition:all .5s ease-in-out;white-space:nowrap;width:100%}.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{background:url(/static/media/arrow-down.01f9b25ee4aa5ac18634.svg) 50% no-repeat;bottom:0;content:"";height:24px;margin:auto;position:absolute;right:30px;top:0;transform:rotate(0deg);transition:all .5s ease-in-out;width:24px}.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)}aside.all-page-sidebar.mobile-sidebar .main-sidebar .sidebar-logo-sec .m-sidebar-close-btn{display:none}@media only screen and (max-width:1024px){aside.all-page-sidebar.mobile-sidebar .main-sidebar{left:-232px;position:fixed;top:0;width:232px!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{animation:fadeIn .5s;cursor:pointer;display:var(--none);height:16px;max-width:24px;width:100%}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{left:0;overflow:visible;position:fixed!important;width:0}aside.all-page-sidebar.mobile-sidebar .popup-sidebar .popop-sb-open-btn{background:var(--whitelightcolor);left:0;opacity:0;transition:all .5s ease-in-out;visibility:hidden}aside.all-page-sidebar.mobile-sidebar.mobile-sidebar-open .popup-sidebar .popop-sb-open-btn{left:232px;opacity:1;visibility:visible}aside.all-page-sidebar.mobile-sidebar .popup-sidebar.popup-sidebar-open .popop-sb-open-btn{opacity:0;visibility:hidden}aside.all-page-sidebar.mobile-sidebar .popup-sidebar.popup-sidebar-open{width:232px}aside.all-page-sidebar{min-width:-moz-fit-content;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{display:block;height:100vh;margin:0 0 0 auto;max-width:calc(100vw - 112px);overflow-y:auto}.overview-sec .overview-body{gap:4px 0;min-height:100vh}.overview-header{background:var(--whitecolor);box-shadow:0 0 2px #0003;height:48px;padding:0 32px 0 20px;position:sticky;top:0;z-index:9999}.overview-header .bedcrumbs{gap:0 12px;padding:0}.overview-header .bedcrumbs li{color:var(--deepgery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-875);font-weight:var(--font-weight-semi-bold);line-height:16px;padding:0 0 0 24px}.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{background:url(/static/media/arrow-right.e71b0c42e5f9a958b9d9.svg) 50% no-repeat;background-size:cover;bottom:0;content:"";height:12px;left:0;margin:auto;position:absolute;top:0;width:8px}.overview-header .bedcrumbs li:first-child{padding:0}.overview-header .bedcrumbs li:first-child:before{display:var(--none)}.overview-header .bedcrumbs li a{color:var(--deepgery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-875);font-weight:var(--font-weight-semi-bold);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);border-radius:8px;box-shadow:0 4px 4px #0000001a;display:block!important;height:auto;overflow:hidden;padding:4px 0!important;position:absolute!important;right:0;text-transform:capitalize;top:42px;width:174px}.overview-u-d{top:38px!important}.user-n-dropdown li{color:var(--deepgery);cursor:pointer;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);gap:0 8px;height:36px;letter-spacing:var(--l-spacing-0-25);padding:0 16px;width:100%}.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{color:var(--deepgery);font-weight:var(--font-weight-semi-bold);gap:0 8px;height:24px;line-height:24px;max-width:-moz-fit-content;max-width:fit-content;padding:0 32px 0 0}.overview-wrapper-title:before{background:url(/static/media/arrow-right.e71b0c42e5f9a958b9d9.svg) 50% no-repeat;bottom:0;content:"";height:24px;margin:auto;position:absolute;right:0;top:0;width:24px}.overview-box-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));padding:24px 0 0 32px}.overview-box-list .overview-box{background:var(--whitecolor);border:1px solid var(--lightgery);border-radius:8px;overflow:hidden;padding:16px}.overview-box-list .overview-box .overview-box-title{color:var(--primarycolor);gap:0 8px;line-height:20px;margin:0 0 16px}.overview-box-list .overview-box .overview-box-title .ob-title-img{background:var(--whitelightcolor);border-radius:6px;height:40px;width:40px}.overview-box-list .overview-box ul{gap:10px;padding:0}.overview-box-list .overview-box ul li{color:var(--gery);font-size:var(--font-size-0-8);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{height:18px;width:18px}.overview-box-list .overview-box ul li span.counters{border-radius:8px;color:var(--whitecolor);font-size:var(--font-size-0-75);height:18px;margin:0 0 0 auto;min-width:30px;padding:2px 4px}.overview-box-list .overview-box ul li span.counters.yellow{background:#e6c229;color:#101223}.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}.overview-performance-indicators-body{background:var(--whitecolor);flex-grow:1;margin:0;min-height:-moz-fit-content;min-height:fit-content;padding:24px;position:relative}.key-title{gap:0 34px;max-width:1068px;width:100%}.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:-moz-fit-content;max-width:fit-content;padding:8px 4px}.key-perfermance-date .fp-date-box .fp-date-left{align-items:center;border-right:1px solid var(--lightgery);color:var(--deepgery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);height:24px;letter-spacing:var(--l-spacing-0-25);padding:0 8px 0 32px;width:-moz-fit-content;width:fit-content}.key-perfermance-date .fp-date-box .fp-date-left:before{background:url(/static/media/calendar-icon.0f5eceb61ddee4d0dc5d.svg) 50% no-repeat;background-size:cover;bottom:0;content:"";height:16px;left:8px;margin:auto;position:absolute;top:0;width:16px}.key-perfermance-date .fp-date-box .fp-date-right{color:var(--deepgery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);height:24px;letter-spacing:var(--l-spacing-0-25);line-height:24px;width:120px}.key-perfermance-date .fp-date-box .fp-date-right:before{background:url(/static/media/calendar-down-arrow-icon.bd6d5be519bc7550babd.svg) 50% no-repeat;background-size:cover;bottom:0;content:"";height:24px;margin:auto;position:absolute;right:8px;top:0;width:24px}.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{background:#0000;height:25px;width:calc(100% + 25px);z-index:1}.key-perfermance-date .fp-date-box .fp-date-right .dateInput{display:block!important;height:100%;width:100%}.key-perfermance-date .react-datepicker-wrapper{border:0;display:inline-block;padding:0}.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{background:none!important;border-radius:0!important;height:-moz-fit-content!important;height:fit-content!important;line-height:24px;padding:0!important}.key-perfermance-list{gap:24px;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));max-width:1068px;padding:32px 0 0 32px;width:100%}.key-perfermance-list .key-perfermance-box{border:1px solid var(--lightgery);border-radius:8px;gap:16px 0;padding:16px;width:100%}.key-perfermance-list .key-perfermance-box .kp-box-title{border-bottom:1px solid var(--lightgery);color:var(--deepgery);font-size:var(--font-size-1);height:36px}.key-perfermance-list .key-perfermance-box .kp-box-body{height:48px}.key-perfermance-list .key-perfermance-box .kp-box-body .kp-box-percentage{color:var(--gery);font-size:var(--font-size-3);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{height:24px;width: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{background-color:#0003;bottom:0;height:100%;left:0;right:0;top:0;width:100%;z-index:999}.popup-content{background:var(--whitecolor);border-radius:8px;box-shadow:0 2px 8px #0000001a;height:84vh;max-width:1400px;padding:20px;text-align:center;width:100%}.popup-content .popup-title{border-bottom:1px solid var(--lightgery2);padding:0 0 12px}.popup-title h3{color:var(--pagetitlecolor);font-size:var(--font-size-2);height:32px;line-height:32px;margin:0}.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 1;gap:16px;margin:16px 0 0;overflow:auto;padding:0 16px 0 0}.popup-details .popup-details-left::-webkit-scrollbar{height:5px;width:6px}.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;gap:16px;grid-template-columns:repeat(auto-fill,minmax(28%,1fr));padding:12px}.popup-details .popup-details-left .form-details .form-group{flex-basis:calc(33.333% - 20px);flex-direction:column;flex-grow:0;flex-shrink:0;gap:6px}.full-width{flex-basis:calc(100% - 20px)!important}.popup-details .popup-details-left .form-details .form-group label{color:var(--gery);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);line-height:20px;margin:0;text-align:left;width:100%}.popup-details .popup-details-left .form-details .form-group .form-control{background:#f3f4f8;border:var(--none);border-radius:8px;box-shadow:none!important;color:var(--deepgery);font-family:var(--font-family-secondary);height:40px;letter-spacing:var(--l-spacing-0-25);padding:8px;width:100%}.popup-details .popup-details-left .form-details .form-group .details-form{background:var(--whitecolor);border:1px solid var(--lightgery);border-radius:8px;color:var(--secondarycolor);font-size:var(--font-size-0-9);height:40px;padding:0 8px;width:100%}.popup-details .popup-details-left .form-details .msl{background:var(--whitecolor);border:1px solid var(--lightgery)}.popup-details .popup-details-left .form-details .msl .msl-input-wrp{display:flex;text-align:left;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{color:var(--primarycolor);font-size:var(--font-size-0-8);gap:0 3px;width:130px}.popup-details .popup-details-left .form-details .form-group .p-browse-btn-sec .p-browse-btn,.upload-data{background:var(--whitecolor);border:1px solid var(--lightgery);border-radius:8px;height:40px;padding:0 8px}.upload-data{gap:0 12px;width:100%}.upload-file-icon span{color:var(--lightbluecolor)}.upload-data .upload-file-text{color:var(--gery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);font-weight:var(--font-weight-semi-bold);letter-spacing:.1px;line-height:22px;margin:0 auto 0 0}.upload-data .upload-file-text span{color:var(--secondarycolor);font-weight:var(--font-weight-bold);max-width:180px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.upload-data .download-btn{cursor:pointer;font-size:var(--font-size-1-5)}.price-template-info .table-sec table thead{background:var(--whitecolor);position:sticky;top:0;z-index:10}.dropdown-table-btn{background:var(--whitecolor);border:1px solid var(--primarycolor);border-radius:100px;height:30px;margin:0 0 0 auto;opacity:.6;padding:0;transform:rotate(0deg);transition:all .3s ease-in-out;width:30px}.dropdown-table-btn span{color:var(--primarycolor);font-size:var(--font-size-2)}.dropdown-table td{padding:24px 16px!important}.dropdown-table tr:nth-child(odd) td{background:var(--whitelightcolor)}.dropdown-table td .list-view{gap:12px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.dropdown-table td .list-view .list{color:var(--gery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);font-weight:var(--font-weight-medium);gap:0 8px;letter-spacing:var(--l-spacing-0-25);margin:0;padding:0;position:relative}.dropdown-table td .list-view .list span{color:var(--bs-gray-500);font-size:var(--font-size-1-5)}.dropdown-table td .list-view .list .list-text{color:var(--deepgery);font-weight:var(--font-weight-bold);min-width:150px;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 tbody tr td,.popup-details .popup-details-left .table-sec thead tr th{padding:0 8px}.popup-details .popup-details-left .table-sec tbody tr td .form-control{box-shadow:var(--none);color:var(--deepgery);font-size:var(--font-size-0-9);height:40px;padding:0 8px;width:100%}.popup-details .popup-details-left .table-sec tbody tr td .react-datepicker-wrapper{display:flex;height:40px;overflow:hidden;width:100%}.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{background-image:url(/static/media/calendar_month.888802dfffcf8b8166bf.svg);background-position:97%;background-repeat:no-repeat;background-size:22px;color:var(--deepgery);font-size:var(--font-size-0-9);height:100%;padding:0 8px;width:100%}.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{display:flex;flex-direction:column;gap:16px;margin:24px 0 0}.price-template-tab-list{align-items:center;gap:0 20px;justify-content:space-between;width:100%}.price-template-tab,.price-template-tab-list{display:flex;margin:0;padding:0;position:relative}.price-template-tab{flex:1 1}.price-template-tab .pt-tab-btn{align-items:center;background:#0000;border:1px solid var(--lightgery);border-radius:6px;color:var(--gery);cursor:pointer;display:flex;height:42px;justify-content:center;margin:0;padding:0;position:relative;transition:all .3s ease-in-out;width:100%}.price-template-tab:hover .pt-tab-btn{border:1px solid var(--primarycolor);color:var(--primarycolor)}.price-template-tab.active .pt-tab-btn{background:var(--primarycolor);border:1px solid var(--primarycolor);color:var(--whitecolor)}.popup-details .popup-details-right{border-left:1px solid var(--lightgery2);flex:1 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{border:1px solid var(--gery);border-radius:4px;color:var(--gery)}.popup-details .popup-details-right .iup-table-data-download .data-download-btn,.popup-details .popup-details-right .iup-table-data-download .data-render-btn{align-items:center;background:var(--whitecolor);cursor:pointer;display:flex;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);font-weight:var(--font-weight-semi-bold);gap:0 4px;height:40px;justify-content:center;letter-spacing:var(--l-spacing-0-15);line-height:15px;margin:0;padding:0 4px;position:relative;transition:all .3s ease-in-out;width:100%}.popup-details .popup-details-right .iup-table-data-download .data-render-btn{border:1px solid var(--primarycolor);border-radius:4px;color:var(--primarycolor)}.popup-details .popup-details-right .iup-table-data-download .generate-asn-btn{align-items:center;background:var(--primarycolor);border-radius:4px;color:var(--whitecolor);cursor:pointer;display:flex;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);gap:0 4px;height:40px;justify-content:center;letter-spacing:var(--l-spacing-0-15);margin:0;padding:8px 4px;position:relative;width:100%}.popup-details-footer{border-top:1px solid var(--lightgery2);gap:0 16px;height:60px;padding-top:16px}button.all-btn{align-items:center;background:var(--none);border:1px solid var(--primarycolor);border-radius:4px;color:var(--primarycolor);display:flex;font-family:var(--font-family-secondary);font-size:var(--font-size-0-875);font-weight:var(--font-weight-medium);height:38px;justify-content:center;letter-spacing:.25px;min-width:110px;padding:0 16px;position:relative}.all-btn.rejected{border:1px solid var(--dangercolor);color:var(--dangercolor)}.Toastify .Toastify__toast .Toastify__toast-body .Toastify__toast-icon{display:none}.Toastify .Toastify__toast .Toastify__close-button{position:absolute;right:8px;top:8px}.paste-btn{bottom:0;color:var(--gery);height:-moz-fit-content;height:fit-content;margin:auto;position:absolute!important;right:10px;top:0;width:30px}.paste-btn span{font-size:20px}.paste-btn img{width:18px}.paste-btn.copy-btn{background:#fff;color:var(--gery400);transform:rotate(0deg)}.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}@media only screen and (max-width:1024px){.overview-sec{max-width:100vw!important}.overview-header{padding:0 32px 0 48px}.overview-box-list{padding:24px 0 0}.overview-header .bedcrumbs{display:none!important}.key-perfermance-list{padding:24px 0 0}.key-title{align-items:start!important;flex-direction:column;gap:20px}.key-perfermance-date{gap:24px}}@media only screen and (max-width:576px){.key-perfermance-date{align-items:start;flex-direction:column}.key-perfermance-date .fp-date-box .fp-date-left{width:130px}.overview-header{padding:0 16px 0 48px}}.order-details-body{background:var(--whitelightcolor);flex-wrap:wrap;min-height:calc(100vh - 52px)}.order-details-header{background:var(--whitecolor);max-width:73%;padding:16px;width:100%}.order-details-header .order-details-title{color:var(--pagetitlecolor);font-size:var(--font-size-3);gap:0 16px;letter-spacing:var(--l-spacing-0-25);line-height:36px;padding:0 0 0 14px}.order-details-header .order-details-title img{width:40px}.order-details-header .order-details-title:before{background:var(--lightgery);border-radius:50px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.order-details-header .od-header-btns{border:1px solid var(--lightgery);border-radius:4px;margin:0 32px 0 auto;overflow:hidden}.order-details-header .od-header-btns .od-header-btn{border-radius:0;color:var(--deepgery);cursor:pointer;font-size:var(--font-size-0-8);font-weight:var(--font-weight-normal);height:50px;padding:6px 8px;transition:all .3s ease-in-out;width:88px}.order-details-header .od-header-btns .od-header-btn span{font-size:var(--font-size-1)}.order-details-header .od-header-btns .od-header-btn:hover{background:var(--lightgery);color:var(--gery)}.order-details-header .od-header-btns .od-header-btn.workspace-btn{background:var(--lightbluecolor);color:var(--whitecolor)}.order-details-header .od-header-btns .od-header-btn.workspace-btn:hover{background:var(--secondarycolor)}.export-filter .export-filter-btn{font-weight:var(--font-weight-normal);letter-spacing:0}.order-details-tabs{gap:0;width:100%}.order-details-tabs .od-tab-list{background:var(--whitecolor);height:56px;max-width:73%;padding:0 16px}.order-details-tabs .od-tab-list ul.od-tab-links{background:var(--whitelightcolor);border-radius:4px;height:56px;padding:8px;width:100%}.order-details-tabs .od-tab-list ul.od-tab-links li{background:var(--none);flex:1 1}.order-details-tabs .od-tab-list ul.od-tab-links li a{background:#0000;border-radius:4px;color:var(--gery);font-size:var(--font-size-1);font-weight:var(--font-weight-normal);gap:0 8px;height:40px;transition:all .3s ease-in-out;width:100%}.order-details-tabs .od-tab-list ul.od-tab-links li a:hover,.order-details-tabs .od-tab-list ul.od-tab-links li.active a{background:var(--whitecolor);color:var(--primarycolor)}.order-details-tabs .od-tab-list ul.od-tab-links li.active a .tab-links-icon{filter:invert(0) sepia(1) saturate(3) hue-rotate(175deg)}.order-details-tabs .od-tab-content{background:var(--whitecolor)}.order-details-data{background:var(--whitelightcolor);flex-wrap:wrap}.order-details-data .order-details-left-data{background:var(--whitecolor);flex:0 0 73%;min-height:calc(100vh - 192px);padding:16px;width:73%}.order-details-body .order-details-sidebar{background:var(--whitelightcolor);flex:0 0 26.7%;gap:4px;margin:-140px 0 0;width:26.7%}.po-sidebar-btn{background:none;position:absolute!important;right:15px;top:-111px;transform:rotate(180deg);z-index:99}.po-sidebar-btn,.po-sidebar-close-btn{color:var(--gery);display:none!important}.po-sidebar-close-btn{background:var(--whitecolor);border-radius:50px;margin:0 0 0 -28px}.po-sidebar-close-btn.show{display:flex!important}@media screen and (max-width:1024px){.po-sidebar-btn{display:flex!important;height:-moz-fit-content;height:fit-content}.order-details-header{max-width:100%;padding:16px 48px 16px 16px;width:100%}.order-details-tabs .od-tab-list{height:-moz-fit-content;height:fit-content;max-width:100%}.order-details-data .order-details-left-data{flex:0 0 100%;width:100%}.purchase-order-Tab{overflow:auto!important;padding-bottom:12px!important}.purchase-order-Tab button{min-width:148px}.order-details-body .order-details-sidebar{background:var(--whitelightcolor);box-shadow:-3px 0 30px #00000026;flex:0 0 300px;gap:4px;margin:0;min-height:100vh;position:fixed;right:-300px;top:48px;transition:all .5s ease-in-out;width:300px;z-index:99}.order-details-body .order-details-sidebar.po-sidebar-open{right:9px}}@media only screen and (max-width:576px){.order-details-header{align-items:start!important;flex-wrap:wrap;gap:8px}.order-details-header .order-details-title{font-size:var(--font-size-2);line-height:28px;order:1;width:-moz-fit-content;width:fit-content}.order-details-header .od-header-btns{margin:0;order:3;width:100%}.order-details-header .export-filter{order:2;width:-moz-fit-content;width:fit-content}.order-details-header .od-header-btns .od-header-btn{flex-direction:row;gap:8px;height:40px;width:50%}.po-sidebar-btn{top:-160px}}.react-datepicker-wrapper{border-style:var(--none);border:var(--none)}.shimmer-line{background:#f0f0f0;height:100%;overflow:hidden;position:relative;width:100%}.shimmer-line:before{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.rtv-request-body{gap:0 4px}.rtv-request-left{gap:4px;margin:0;max-width:62%;width:100%}.rtv-request-left .rtv-request-box-body{background:var(--whitecolor);margin:0;padding:24px}.rtv-request-left .rtv-request-box-body .rtv-overview-title{color:var(--deepgery);font-size:var(--font-size-1);font-weight:var(--font-weight-semi-bold);gap:0 8px;height:24px;line-height:24px;margin:0;max-width:-moz-fit-content;max-width:fit-content;padding:0 32px 0 0}.rtv-overview-title:before{background:url(/static/media/arrow-right.e71b0c42e5f9a958b9d9.svg) 50% no-repeat;bottom:0;content:"";height:24px;margin:auto;position:absolute;right:0;top:3px;width:24px}.rtv-request-box-list{gap:24px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:24px 0 0 32px}.rtv-request-box-list .rtv-request-box{border:1px solid var(--lightgery);border-radius:8px;gap:8px 0;height:142px;margin:0;padding:24px;position:relative;transition:all .3s ease-in-out;width:100%}.rtv-request-box-list .rtv-request-box-hover:hover{border:1px solid var(--primarycolor)}.rtv-request-box-list .rtv-request-box img{margin:0 auto;max-width:32px;padding:0}.rtv-request-box-list .rtv-request-box span{color:var(--gery);display:block;font-size:var(--font-size-1-125);letter-spacing:var(--l-spacing-0-15);line-height:26px;margin:0 auto;max-width:132px;position:relative;text-align:center}.rtv-request-box-list .rtv-request-box-hover:hover span{color:var(--primarycolor)}.rtv-notification{background:var(--dangercolor);border-radius:50px;color:var(--whitecolor);font-size:var(--font-size-0-75);height:20px;min-width:20px;padding:0 4px;right:24px;top:16px}.rtv-request-right{background:var(--whitecolor);margin:0;max-width:38%;padding:24px;width:100%}.rtv-request-right img{height:400px}.rtv-key-title{max-width:1068px;width:100%}.rtv-key-title .key-perfermance-date{margin:0;padding:0}@media only screen and (max-width:1024px){.rtv-request-left{max-width:100%}.rtv-request-box-list{padding:24px 0 0}.rtv-request-right{display:none!important}}.vendor-overview-body{gap:4px;min-height:calc(100vh - 52px)}.vendor-overview-body .vendor-details-sec{background:var(--whitecolor);margin:0;padding:24px 32px 32px 24px;position:relative}.vendor-overview-body .vendor-details-sec .vendor-overview-title{color:var(--deepgery);font-size:var(--font-size-1);font-weight:var(--font-weight-semi-bold);gap:0 8px;height:24px;line-height:24px;margin:0;max-width:-moz-fit-content;max-width:fit-content;padding:0 32px 0 0}.vendor-overview-body .vendor-details-sec .vendor-overview-title:before{background:url(/static/media/arrow-right.e71b0c42e5f9a958b9d9.svg) 50% no-repeat;bottom:0;content:"";height:24px;margin:auto;position:absolute;right:0;top:1px;width:24px}.vendor-list-box{gap:24px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin:32px 0 0;padding:0 0 0 32px;width:100%}.vendor-list-box .vendor-box{border:1px solid var(--lightgery);border-radius:8px;height:170px;justify-content:center;padding:16px;text-align:center;transition:all .3s ease-in-out;width:100%}.vendor-list-box .vendor-box:hover{border:1px solid var(--primarycolor)}.vendor-list-box .vendor-box span{color:var(--primarycolor);font-size:var(--font-size-4);left:-3px;position:relative}.vendor-list-box .vendor-box .vendor-box-text{color:var(--gery);display:block;font-size:var(--font-size-1);letter-spacing:var(--l-spacing-0-15);line-height:22px;margin:12px 0 0}.vendor-list-box .vendor-notification{background:var(--dangercolor);border-radius:50px;color:var(--whitecolor);font-size:var(--font-size-0-75);height:20px;min-width:20px;padding:0 4px;right:16px;top:16px}.overview-performance-indicators-body.vendor-performance-indicators{flex-grow:1;min-height:-moz-fit-content;min-height:fit-content}.vendor-details-img{background:var(--whitecolor);height:210px;margin:0;overflow:hidden;width:38%}.vendor-details-img img{height:100%;object-fit:cover;width:100%}.vendor-list-box .overview-box{background:var(--whitecolor);border:1px solid var(--lightgery);border-radius:8px;overflow:hidden;padding:16px}.vendor-list-box .overview-box .overview-box-title{color:var(--primarycolor);gap:0 8px;line-height:20px;margin:0 0 16px}.vendor-list-box .overview-box .overview-box-title .ob-title-img{background:var(--whitelightcolor);border-radius:6px;height:40px;width:40px}.vendor-list-box .overview-box ul{gap:10px;padding:0}.vendor-list-box .overview-box ul li{color:var(--gery);font-size:var(--font-size-0-8);gap:0 6px;height:18px;line-height:18px}.vendor-list-box .overview-box ul li a{color:var(--gery);gap:0 6px}.vendor-list-box .overview-box ul li a:hover{text-decoration:underline!important}.vendor-list-box .overview-box ul li .ob-list-img{height:18px;width:18px}.vendor-list-box .overview-box ul li span.counters{border-radius:8px;color:var(--whitecolor);font-size:var(--font-size-0-75);height:18px;margin:0 0 0 auto;min-width:30px;padding:2px 4px}.vendor-list-box .overview-box ul li span.counters.yellow{background:#e6c229;color:#101223}.vendor-list-box .overview-box ul li span.counters.purple{background:#6973d0}.vendor-list-box .overview-box ul li span.counters.orange{background:#ff7800}.vendor-list-box .overview-box ul li span.counters.green{background:#109648}@media only screen and (max-width:1024px){.vendor-list-box{margin:24px 0 0;padding:0;width:100%}.vendor-details-img{display:none!important}}.p-catalog-overview-body{gap:4px;min-height:calc(100vh - 52px)}.p-catalog-overview-body .p-catalog-top-sec{gap:4px}.p-catalog-overview-body .p-catalog-details-sec{background:var(--whitecolor);margin:0;padding:24px 24px 40px;position:relative;width:100%}.p-catalog-overview-body .p-catalog-details-sec .p-catalog-overview-title{color:var(--deepgery);font-size:var(--font-size-1);font-weight:var(--font-weight-semi-bold);gap:0 8px;height:24px;line-height:24px;margin:0;max-width:-moz-fit-content;max-width:fit-content;padding:0 32px 0 0}.p-catalog-overview-body .p-catalog-details-sec .p-catalog-overview-title:before{background:url(/static/media/arrow-right.e71b0c42e5f9a958b9d9.svg) 50% no-repeat;bottom:0;content:"";height:24px;margin:auto;position:absolute;right:0;top:3px;width:24px}.p-catalog-filter{gap:0 30px;margin:0;padding:0}.p-catalog-filter .form-group{border:1px solid var(--lightgery);border-radius:4px;gap:0 16px;margin:0;padding:8px}.p-catalog-filter .form-group label{color:var(--deepgery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);gap:0 8px;letter-spacing:var(--l-spacing-0-25);margin:0;min-width:-moz-fit-content;min-width:fit-content;padding:0;position:relative}.p-catalog-filter .form-group label:before{background:var(--lightgery);content:"";height:var(--font-size-1-5);position:absolute;right:-10px;top:1px;width:1px}.p-catalog-filter .form-group label span{font-size:var(--font-size-1-25)}.p-catalog-filter .form-group .form-control{-webkit-appearance:auto;appearance:auto;border:var(--none);border-radius:0;box-shadow:var(--none);color:var(--deepgery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);height:auto;letter-spacing:var(--l-spacing-0-25);min-width:130px}.p-catalog-list-box{gap:24px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin:32px 0 0;padding:0 0 0 32px}.p-catalog-list-box .p-catalog-box{border:1px solid var(--lightgery);border-radius:8px;height:148px;justify-content:space-between;padding:16px;text-align:center;transition:all .3s ease-in-out;width:100%}.p-catalog-list-box .p-catalog-box:hover{border:1px solid var(--primarycolor)}.p-catalog-list-box .p-catalog-box .p-catalog-icon{background:var(--whitelightcolor);border-radius:8px;height:48px;margin:16px auto 0;width:48px}.p-catalog-list-box .p-catalog-box .p-catalog-icon img{width:30px}.p-catalog-list-box .p-catalog-box .p-catalog-icon span{color:var(--primarycolor);font-size:var(--font-size-3);position:relative}.p-catalog-list-box .p-catalog-box .p-catalog-box-text{color:var(--gery);display:block;font-family:var(--font-family-secondary);font-size:var(--font-size-1);font-weight:var(--font-weight-bold);letter-spacing:var(--l-spacing-0-15);line-height:22px;margin:12px 0 0;min-height:32px;position:relative}.p-catalog-list-box .p-catalog-box .p-catalog-box-icon{display:flex;margin:auto 0 0}.p-catalog-list-box .p-catalog-box .p-catalog-box-icon span{font-size:var(--font-size-2);opacity:.5}.p-catalog-list-box .p-catalog-notification{background:var(--dangercolor);border-radius:50px;color:var(--whitecolor);font-size:var(--font-size-0-75);height:20px;min-width:20px;padding:0 6px;right:24px;top:32px}.p-catalog-list-box .p-catalog-box ul{gap:8px;margin:12px 0 0}.p-catalog-list-box .p-catalog-box ul>li>a{color:var(--gery);font-size:var(--font-size-0-875);gap:0 6px;height:18px}.p-catalog-list-box .p-catalog-box ul>li>a:hover{color:var(--primarycolor);text-decoration:underline!important}.p-catalog-list-box .p-catalog-box ul>li>a img{width:17px}@media only screen and (max-width:1024px){.p-catalog-list-box{margin:24px 0 0;padding:0}}.overview-title{color:var(--deepgery);font-weight:var(--font-weight-semi-bold);gap:0 8px;height:24px;line-height:24px;margin:0;max-width:-moz-fit-content;max-width:fit-content;padding:0 32px 0 0}.search-filter-part{flex:1 1}.search-filter-part .search-box{max-width:360px;width:100%}.search-filter-part .search-box .form-control{background:var(--whitelightcolor);border:1px solid var(--lightgery);box-shadow:var(--none);color:var(--gery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-8);line-height:16px;margin:0;min-height:40px;outline:var(--none);padding:0 16px;position:relative}.search-filter-part .search-box button.search-btn{background:var(--none);border:var(--none);left:auto;margin:0;padding:0;position:absolute;right:16px;width:-moz-fit-content;width:fit-content}.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{align-items:center;background:var(--none);border:var(--none);color:var(--deepgery);cursor:pointer;display:flex;font-size:var(--font-size-0-875);gap:0 8px;letter-spacing:var(--l-spacing-0-25);margin:0;padding:0;position:relative}.apply-filter-popup{align-items:center;background:#0000002b;display:flex;height:100%;justify-content:center;left:0;margin:auto;opacity:0;padding:0;position:fixed;top:0;transition:all .3s ease-in-out;visibility:hidden;width:100%;z-index:99}.apply-filter-popup.af-popup-open{opacity:1;visibility:visible}.apply-filter-popup .tabs.apply-filter-popup-body{background:var(--whitelightcolor);border-radius:24px;display:flex;gap:0 4px;height:602px;justify-content:space-between;margin:auto;max-width:604px;overflow:hidden;padding:0;position:relative;width:100%}.apply-filter-popup .tabs.apply-filter-popup-body .apply-f-left{background:var(--whitecolor);height:100%;margin:0;max-width:169px;min-width:169px;padding:24px 0 24px 24px;position:relative}.apply-f-left .apply-f-title{color:var(--primarycolor);font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);line-height:20px;margin:0 0 16px;padding:0;position:relative}.apply-f-left ul.tab-links{border-bottom:1px solid var(--lightgery);border-top:1px solid var(--lightgery);display:flex;flex-direction:column;gap:12px 0;margin:0 0 16px;padding:24px 0;position:relative}.apply-f-left ul.tab-links li{align-items:center;background:var(--none);display:flex;margin:0;padding:0;position:relative;transition:all .3s ease-in-out}.apply-f-left ul.tab-links li:before{background:var(--blackcolor);content:"";height:100%;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease-in-out;visibility:hidden;width:2px}.apply-f-left ul.tab-links li.active:before{opacity:1;visibility:visible}.apply-f-left ul.tab-links li a{align-items:center;color:var(--blackcolor);cursor:pointer;display:flex;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);justify-content:start;letter-spacing:var(--l-spacing-0-25);line-height:20px;margin:0;padding:0;position:relative;transition:all .3s ease-in-out;width:100%}.apply-f-left ul.tab-links li.active a{color:var(--blackcolor);font-family:var(--font-family-primary);font-size:var(--font-size-1);font-weight:var(--font-weight-semi-bold)}.apply-f-left .apply-f-btns{align-items:center;display:flex;gap:0 8px;justify-content:space-between;margin:0;padding:0 3px 0 0;position:relative}.apply-f-left .apply-f-btns button{align-items:center;border:1px solid;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-family:var(--font-family-secondary);font-size:var(--font-size-0-8);font-weight:var(--font-weight-semi-bold);height:22px;justify-content:center;letter-spacing:var(--l-spacing-0-25);line-height:18px;margin:0;padding:0;position:relative;transition:all .3s ease-in-out}.apply-f-left .apply-f-btns button.apply-f-btn{background:var(--primarycolor);border-color:var(--primarycolor);color:var(--whitecolor)}.apply-f-left .apply-f-btns button.apply-f-clear-btn{background:var(--whitecolor);border-color:var(--gery);color:var(--gery)}.apply-filter-popup .tabs.apply-filter-popup-body .tab-content{background:var(--whitecolor);margin:0;padding:24px 24px 44px;position:relative;width:100%}.apply-filter-popup .tabs.apply-filter-popup-body .tab-content .msl-wrp{max-width:100%;width:100%}.tabs.apply-filter-popup-body .tab-content .apply-f-tab-title{align-items:center;color:#232222;display:flex;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);font-weight:var(--font-weight-medium);justify-content:center;margin:0 0 24px;padding:0;position:relative}.apply-filter-popup .tabs.apply-filter-popup-body .tab-content img{margin:0 auto;max-width:335px;position:relative;width:auto}.tabs.apply-filter-popup-body .tab-content .search-box{gap:8px;width:100%}.tabs.apply-filter-popup-body .tab-content .search-box .form-control{border:1px solid var(--gery400);box-shadow:var(--none);color:var(--gery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-8);line-height:16px;min-height:40px;outline:var(--none);padding:0 16px}.tabs.apply-filter-popup-body .tab-content .search-box button.search-btn{background:var(--none);border:var(--none);right:12px;top:7px}.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;margin:0;min-height:32px;padding:6px 8px}.applied-filter-list .applied-filter-btn span{color:var(--gery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-8);max-width:101px;overflow:hidden;position:relative;text-overflow:ellipsis;top:2px;white-space:nowrap}.applied-filter-list .applied-filter-btn .applied-filter-close{background:var(--none);height:18px;width: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{background:var(--primarycolor);border-radius:4px;color:var(--whitecolor);cursor:pointer;font-family:var(--font-family-secondary);font-size:var(--font-size-1);gap:0 4px;height:40px;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{align-items:center;background:var(--whitecolor);border:1px solid var(--gery);border-radius:4px;color:var(--deepgery);cursor:pointer;display:flex;font-size:var(--font-size-1);height:40px;justify-content:center;margin:0;padding:8.5px 48px 8.5px 8px;position:relative;width:152px}.export-filter .export-filter-btn:before{background:url(/static/media/arrow-down.01f9b25ee4aa5ac18634.svg) 50% no-repeat;background-size:cover;bottom:0;content:"";height:24px;margin:auto;position:absolute;right:16px;top:0;transform:rotate(0deg);transition:all .3s ease-in-out;width:24px}.export-filter.popup-open .export-filter-btn:before{transform:rotate(180deg)}.export-filter .export-file-popup{align-items:start;background:var(--whitecolor);border:1px solid var(--lightgery);border-radius:0 0 8px 8px;box-shadow:0 4px 4px #00000040;display:flex;flex-direction:column;gap:25px;opacity:0;padding:25px 18px;position:absolute;top:46px;transition:all .3s ease-in-out;visibility:hidden;width:100%;z-index:99}.export-filter.popup-open .export-file-popup{opacity:1;visibility:visible}.export-filter .export-file-popup a{align-items:center;color:var(--blackcolor);display:flex;font-size:var(--font-size-0-9);font-weight:var(--font-weight-semi-bold);line-height:10px;margin:0;padding:0;position:relative;transition:all .3s ease-in-out;width:100%}.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{border-radius:6px;color:var(--gery);cursor:pointer;font-size:var(--font-size-0-875);padding:6px 6px 6px 30px}.filter-check-list label:hover{background:var(--whitelightcolor);color:var(--deepgery)}.filter-check-list label span{color:var(--gery);font-size:var(--font-size-1-25);font-weight:var(--font-weight-semi-bold);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{background:var(--lightgery2);border-radius:50px;font-size:var(--font-size-0-875);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);margin:0;min-height:calc(100vh - 52px);padding:24px}.all-listing-table{height:calc(100vh - 200px)!important;margin:16px 0 0;width:100%}.all-listing-table thead tr th:first-child{background:var(--whitecolor);border:var(--none);border-bottom-left-radius:0;border-top-left-radius:0;padding:0}.all-listing-table thead tr th:nth-child(2){border-bottom-left-radius:8px;border-left:1px solid var(--lightgery);border-top-left-radius:8px}.all-listing-table thead tr th:last-child{border-bottom-right-radius:8px;border-right:1px solid var(--lightgery);border-top-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-bottom-left-radius:8px;border-top-left-radius:8px}.all-listing-table tbody tr td:last-child{border-bottom-right-radius:8px;border-top-right-radius:8px}.all-listing-table tbody tr:nth-child(odd) td:first-child{background:var(--none)}.all-browse-btn{background:var(--whitecolor);border:1px solid var(--primarycolor);border-radius:4px;color:var(--primarycolor);cursor:pointer;font-family:var(--font-family-secondary);font-size:var(--font-size-0-9);font-weight:var(--font-weight-semi-bold);gap:0 4px;height:40px;line-height:20px;padding:0 16px;transition:all .3s ease-in-out;width:100%}.browse-input{display:none!important}.uploaded-invoice-file{font-size:var(--font-size-0-875)!important;font-weight:var(--font-weight-semi-bold)}.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 (max-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 (max-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{height:-moz-fit-content;height:fit-content;min-width:100%;padding:16px}.apply-filter-popup .tabs.apply-filter-popup-body .tab-content{height:100%;padding:16px;position:static}.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;right:20px;top:20px}}.matching-po-boxes ul li .list img{display:flex;height:120px;margin:0 auto;max-width:70%}.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{align-items:center;display:flex;justify-content:center}.matching_pro_desc{margin-top:1rem}.matching-po-boxes:last-child{border:var(--none)}.matching_pro_desc{background:var(--gery);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.primary{background-color:var(--primarycolor);color:var(--whitecolor);padding:.5rem 0;width:100%}.pri-color{color:var(--primarycolor)}.primary-action-btn{margin:0 auto!important;width:120px!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;display:flex;flex-direction:column;gap:16px 0;height:-moz-fit-content;height:fit-content;margin:0;max-width:70%;overflow:hidden;padding:0;position:relative;width:100%}.af-popup-open .close-btn{background:var(--none);cursor:pointer;position:absolute;right:24px;top:16px}.af-popup-open .close-btn,.apply-popup{align-items:center;display:flex;justify-content:center;margin:0;padding:0;z-index:99}.apply-popup{background:#0000002b;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease-in-out;visibility:hidden;width:100%}.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}.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}.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}.relative{position:relative}.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 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 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}.w-full{width:100%!important}.min-w-full{min-width:100%}.min-h-screen{min-height:100vh}.h-screen{height:100vh}.object-fit-contain,.object-fit-cover{object-fit:cover}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.dropdown{border:1px solid #ced4da;border-radius:7px;height:39px;padding:0 12px;width:100%}.btns{align-items:center;display:flex;justify-content:center;position:relative}.add-remarks-btn{background:var(--whitecolor)!important;border:1px solid var(--primarycolor);border-radius:8px;box-shadow:none!important;color:var(--primarycolor);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);padding:8px;width:100%}.popup-details-right .add-remarks-btn{border-radius:4px!important}.disable-btn{cursor:not-allowed!important;mix-blend-mode:luminosity;opacity:.5}.mini-loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.disabled-link{cursor:not-allowed;opacity:.6;pointer-events:var(--none)}.disabled-link img{filter:grayscale(100%)}.disabled-link span{color:#aaa}button.chat-btn{background:var(--lightbluecolor);border-radius:50px;bottom:12px;box-shadow:0 2px 2px #1d5d9054;color:var(--whitecolor);height:48px;right:12px;width:48px;z-index:999}.overlay2{align-items:center;background-color:#0000004d;cursor:wait;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.react-tooltip{background-color:var(--secondarycolor)!important;z-index:99}.light-tooltip{background:var(--whitecolor)!important}.light-tooltip.shadow-1{box-shadow:2px 4px 14px #00000021}.text-ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.table-row-counters{color:var(--gery);font-family:var(--font-family-secondary);font-size:var(--font-size-0-875);font-weight:var(--font-weight-medium);line-height:16px;margin:1rem 0;text-align:right}.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}