body{margin:0;padding:0;height:100%;overflow:hidden;font-family:UnileverShilling,sans-serif!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0;padding:0}.MuiTypography-root{font-family:Unilever Shilling!important}code{font-family:Unilever Shilling;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;height:100vh;overflow-y:scroll;overflow-x:hidden}.main-content{margin-left:35px;padding:20px;width:100%;transition:margin-left .35s ease-in-out}.main-content.shifted{margin-left:335px;transition:margin-left .35s ease-in-out}.main-container{display:flex;background-color:#f6f7ff;overflow-y:scroll;overflow-x:hidden;height:100vh}.sidebar-container-close{height:100vh;position:fixed;width:50px;display:flex;flex-direction:column;background-image:url(/assets/sidebarbg-CgC3tryS.png);background-size:cover;background-repeat:no-repeat;transition:width .35s ease-in-out}.sidebar-container-open{height:100vh;position:fixed;width:350px;display:flex;flex-direction:column;background-image:url(/assets/sidebarbg-CgC3tryS.png);background-size:cover;background-repeat:no-repeat;overflow-y:hidden;z-index:2000;transition:width .35s ease-in-out}.sidebar-image-overlay{height:100vh;background-color:#0c2578c4}.sidebar-logo-container{display:flex}.sidebar-logo-text{color:#d0e3ff;white-space:nowrap;font-size:18px;font-weight:700;margin-left:20px;margin-top:20px}.active{border-left:4px solid white;background:linear-gradient(to right,#ffffff40,#9990)}.sidebar-logo{margin-top:24px;margin-left:50px;color:#d0e3ff;font-size:20px}.sidebar-logo-close{margin-top:24px;margin-left:20px;color:#d0e3ff;font-size:20px}.sidebar-links-container{display:flex;flex-direction:column;list-style-type:none;justify-content:left;align-items:stretch;padding-left:8px;gap:5px;margin-top:5px}.sidebar-links{display:flex;justify-content:flex-start}.sidebar-links:hover{background:linear-gradient(to right,#ffffff40,#9990);border-left:4px solid white}.sidebar-links-div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;position:relative;height:100%}.sidebar-links-div:hover{background:linear-gradient(to right,#ffffff40,#9990)}.sidebar-href{margin-left:14px}.sidebar-link-logo{color:#fff;font-size:20px}.sidebar-link-text{margin-left:"15px";padding-top:"10px";color:#fff}.tooltip-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;gap:20px}.tooltip{width:200px;height:auto;font-size:14px;font-weight:400;background-color:#e1edfe;text-align:center;padding:7px;border:1px solid #d8e2e2;position:absolute;top:calc(var(130px, 50px) * -1);transition:all .3s ease;opacity:0}.arrow{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid rgba(225,237,254,1);position:absolute;top:-12px;left:80px}.tooltip.open{opacity:1}.dashboard-container-grid4-var{width:400px;height:280px;background-color:#fff;border-radius:4px;box-shadow:0 0 10px 10px #959da533;margin-left:20px;display:flex;flex-direction:column}.var-header{display:flex;justify-content:flex-start}.var-title{margin-top:10px;margin-left:120px;white-space:nowrap;font-family:Unilever Shilling;font-weight:600;font-size:18px;color:#2036c7}.var-chart{width:380px;height:120px;background-color:#d0e3ff;border-radius:5px;margin-left:8px}.graph-box{border:2px solid transparent}.var-table-header{display:flex;margin-left:230px;border:2px solid green}.vertical-line-small{border-left:2px solid rgba(148,148,149,.5);height:16px;width:5px;margin-top:5px;margin-left:10px}.var-table-body{height:80px;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:scroll}.var-table-row{width:380px;height:30px;background-color:#fff;border-radius:4px;box-shadow:0 0 5px 5px #959da533;margin-left:8px;margin-top:4px;display:flex;justify-content:space-between;cursor:pointer}.var-table-header-value{display:flex;margin-right:5px}.dashboard-container-view2-var{display:flex;width:100%;justify-content:flex-start}.dashboard-container-var-view2{position:relative;overflow:hidden;width:100%;height:600px;background-color:#d8e0ec;border-radius:4px;display:flex;flex-direction:column}.dashboard-var-link{font-family:Unilever Shilling;font-weight:400;font-size:20px;color:#005eee;text-decoration:underline;margin-top:10px}.var-table-container{height:120px;overflow-y:auto;margin-top:20px;margin-left:15px}.var-table{border-collapse:collapse;margin:0;width:100%}.var-table thead tr{background-color:#f0f6ff;color:#949495;box-shadow:0 8px 10px #959da533;text-align:left}.var-table tbody tr{box-shadow:0 8px 10px #959da533;cursor:pointer}.var-table th{font-size:12px;font-weight:100;white-space:nowrap;padding:8px;border-left:1px solid rgba(148,148,149,.2)}.var-table td{padding:5px;font-size:12px;font-weight:100;white-space:nowrap}.var-table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.var-table-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(83,83,83,.07);background-color:#f1f1f1}.var-table-container::-webkit-scrollbar{width:7px;background-color:#f1f1f1}.var-table-container::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:5rem;height:10%}.span-tag{font-weight:600;font-size:13px;color:#000}.dashboard-container-grid5-sobr{width:310px;height:170px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px 10px #959da533;margin-left:20px;display:flex;flex-direction:column}.sobr-header{display:flex;justify-content:space-around}.sobr-title,.sobr-title1{white-space:nowrap;font-family:Unilever Shilling;font-weight:600;font-size:14px;color:#2036c7}.sobr-logo{color:#d0e3ff;margin-top:9px;margin-left:20px}.sobr-value1{white-space:nowrap;font-family:Unilever Shilling;font-weight:200;font-size:13px;color:#949495}.sobr-value3{margin-left:24px;margin-top:-5px;white-space:nowrap;font-family:Unilever Shilling;font-weight:200;font-size:13px;color:#949495}.dashboard-container-grid5-vendor{width:310px;height:170px;background-color:#fff;border-radius:8px;box-shadow:0 0 10px 10px #959da533;margin-left:20px;display:flex;flex-direction:column}.vendor-header{display:flex;align-items:center;justify-content:space-around}.vendor-title{white-space:nowrap;font-family:Unilever Shilling;font-weight:600;font-size:14px;color:#2036c7}.vendor-logo{color:#d0e3ff;margin-top:0;margin-left:0}.vendor-value1{margin-left:26px;margin-top:8px;white-space:nowrap;font-family:Unilever Shilling;font-weight:200;font-size:13px;color:#949495}.vendor-value2{text-align:center;white-space:nowrap;font-family:Unilever Shilling;font-weight:200;font-size:13px;color:#949495}.vendor-value3{margin-top:12px;text-align:center;white-space:nowrap;font-family:Unilever Shilling;font-weight:200;font-size:13px;color:#949495}.dashboard-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px}.dashboard-container-grid1{display:flex;width:100vw;margin-top:10px;justify-content:flex-end}.dashboard-container-username{width:100%;display:flex;flex-direction:row;justify-content:flex-end}.avatar{width:24px!important;height:24px!important;border:1.5px solid #bdbdbd;background-color:#bdbdbd;font-size:12px!important;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%}.user-name{padding-top:3px}.dashboard-container-grid2{display:flex;width:100vw;justify-content:space-between}.dashboard-container-grid2-filter{display:flex;gap:10px}.selectedOption{font-size:12px!important;width:8vw!important;height:auto}.dashboard-container-grid3{display:flex;width:100vw;justify-content:flex-start}.grid3-title{color:#2b2b2bb3;font-size:16px;font-weight:600;font-family:Unilever Shilling}.dashboard-container-grid4,.dashboard-container-grid5{display:flex;width:100vw;justify-content:flex-start}.dashboard-container-grid4-box{position:relative;overflow:hidden;width:100%;height:350px;background-color:#fff;border-radius:4px;box-shadow:0 8px 10px #959da533;display:flex;flex-direction:column}.dashboard-container-grid4-box:before{content:"";position:absolute;top:0;left:0;width:50px;height:50px;background:#87ceeb;clip-path:polygon(0 0,0 100%,100% 0);z-index:500}.dashboard-container-grid5-box{position:relative;overflow:hidden;width:100%;height:250px;background-color:#fff;border-radius:4px;box-shadow:0 8px 10px #959da533;display:flex;flex-direction:column;gap:-26px}.dashboard-container-grid5-box:before{content:"";position:absolute;top:0;left:0;width:50px;height:50px;background:#f793a4;clip-path:polygon(0 0,0 100%,100% 0);z-index:500}.dashboard-container-grid4-view2{position:relative;overflow:hidden;margin-left:40px;width:1500px;height:600px;background-color:#d8e0ec;border-radius:4px;display:flex;flex-direction:column}.dashboard-container-view2-vendor{display:flex;width:100%;justify-content:flex-start}.dashboard-container-view2-vendor-table{position:relative;overflow:hidden;width:100%;background-color:#d8e0ec;border-radius:4px;display:flex;flex-direction:column}.dashboard-container-grid4-view2-customer-table{position:relative;overflow:hidden;margin-left:40px;width:1500px;height:auto;background-color:#d8e0ec;border-radius:4px;display:flex;flex-direction:column}.dashboard-container-grid4-title{font-family:Unilever Shilling;font-weight:600;font-size:16px;color:#2b2b2b;padding:10px;z-index:1000;height:5px}.var-current-values{display:flex}.vertical-line{border-left:2px solid rgba(148,148,149,.5);height:40px;width:5px;margin-top:35px;margin-left:20px}.var-table-kpi{border:2px solid green;width:auto}.header-logo{color:#d0e3ff;margin-top:10px;margin-left:150px}.BarLabel{font-size:10px!important;color:#2b2b2b!important;fill:#2b2b2b!important;font-family:Unilever Shilling;font-weight:600;white-space:wrap}.var-view2-header{display:flex;justify-content:space-between}.dashboard-text{font-family:Unilever Shilling;font-weight:400;font-size:20px;color:#005eee;text-decoration:underline;margin-left:15px;margin-top:10px}.cross-logo{margin-right:15px;margin-top:10px;font-size:20px}.JV-chart{width:380px;height:120px;background-color:#fff;border-radius:5px;margin-left:8px}.dashboard-container-anomaly{display:flex;width:100vw;justify-content:flex-start}.dashboard-container-anomaly-box{position:relative;overflow:hidden;margin-left:40px;width:1500px;height:250px;background-color:#fff;border-radius:4px;box-shadow:0 8px 10px #959da533;display:flex;flex-direction:column}.dashboard-container-anomaly-box:before{content:"";position:absolute;top:0;left:0;width:50px;height:50px;background:#ffc00099;clip-path:polygon(0 0,0 100%,100% 0);z-index:500}.dashboard-container-approval-hub{display:flex;width:100vw;justify-content:flex-start}.dashboard-container-approval-hub-box{position:relative;overflow:hidden;margin-left:40px;width:1500px;height:100px;background-color:#fff;border-radius:4px;box-shadow:0 8px 10px #959da533;display:flex;flex-direction:column}.dashboard-container-approval-hub-box:before{content:"";position:absolute;top:0;left:0;width:50px;height:50px;background:#00d6c480;clip-path:polygon(0 0,0 100%,100% 0);z-index:500}.blackline-table{width:200px;height:80px;border:2px solid green;z-index:2000}.vendor-text{font-family:Unilever Shilling;font-weight:600;font-size:16px;color:#000;text-decoration:none;margin-left:15px;margin-top:5px}.indicator-container-grid1{display:flex;width:100vw;justify-content:flex-start}.indicator-container-grid2-filter{display:flex;gap:10px}.indicator-menuItem-WithCheckbox{margin-left:15px;border:none}.indicator-selectedOption{font-size:12px!important;width:11vw!important;height:30px;background-color:#fff}.indicator-container-grid3-box{display:flex;flex-direction:column;gap:10px;background-color:#fff;border-radius:10px;box-shadow:8px 8px 10px 8px #959da533;background-image:linear-gradient(to bottom right,#fff,#fff,#fff,#fff,#b0eff4);width:193px;height:180px}.indicator-header{display:flex;flex-direction:column;padding:5px;height:20px}.indicator-chart{margin-top:30px;display:flex;position:relative;justify-content:flex-start}.indicator-chart:before{content:"";position:absolute;top:63%;left:0;right:0;width:100%;border-bottom:2px dotted rgba(0,94,238,1)}.indicator-avg-value{width:77px;display:flex;flex-direction:column;justify-content:flex-end}.dotted-line{width:2px;height:5px;border-bottom:5px dotted rgba(0,94,238,1);margin-left:95%;margin-bottom:44%}.indicator-footer{display:flex;justify-content:flex-end;margin-top:-30px}.listCustomClass2{width:150px!important}.menuListItemText{color:#292929!important;font-family:Unilever Shilling!important;font-size:12px!important;font-weight:600!important;padding:0!important;margin:0!important}