.sidebar{flex:1;align-items:center;border-right:none;min-height:100vh;background-color:#abbdc870;background-color:none;box-shadow:2px 0 5px #00000014;position:relative}.sidebar hr{height:0;border:none}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{font-size:10px;font-weight:700;color:#666;margin-top:15px;margin-bottom:5px}.sidebar .center ul li{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background-color .3s ease}.sidebar .center ul li:hover{background-color:#ced7db}.sidebar .center ul li .icon{font-size:24px;color:#062c4a;margin-right:11px}.sidebar .center ul li span{font-size:14px;font-weight:600;color:#333;margin-left:0;font-family:montserrat}.sidebar .center ul .logout-button:hover{border-radius:10px;background-color:#ced7db}.sidebar .bottom{display:flex;align-items:center;margin:20px}.sidebar .bottom .colorOption{width:30px;height:30px;border-radius:50%;border:2px solid #062c4a;cursor:pointer;margin:5px;transition:transform .3s ease}.sidebar .bottom .colorOption:hover{transform:scale(1.2)}.sidebar .bottom .colorOption:nth-child(1){background-color:#f5f5f5}.sidebar .bottom .colorOption:nth-child(2){background-color:#333}.sidebar .bottom .colorOption:nth-child(3){background-color:#062c4a}.AppBar{background-color:#062c4a;height:50px;border-bottom:none;display:flex;align-items:center;font-size:14px;color:#f5f5f5}.Toolbar{width:100%;padding:20px;display:flex;align-items:center;justify-content:space-around;justify-content:flex-end}.search{display:flex;align-items:center;border:.5px solid lightgray;padding:7px;margin-right:auto;border-radius:5px}.search input{border:none;outline:none;background:transparent;color:#f5f5f5}.search input::placeholder{font-size:12px;color:#fff}.items{display:flex;align-items:center}.item{display:flex;align-items:center;position:relative}.icon{font-size:20px;color:#fff}.avatar{width:45px;height:45px;border-radius:50%}.counter{width:15px;height:15px;background-color:red;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;position:absolute;top:-5px;right:-5px}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}*{margin:0;padding:0;box-sizing:border-box}body{font-family:montserrat,sans-serif}.app.dark{background-color:#111;color:#9c9c9c}.app.dark .chartGrid{stroke:#e4e4e438}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbar{color:#999}.app.dark .navbar .search{color:#fff}.app.dark .sidebar{background-color:#111}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .datagrid,.app.dark .datatable .datagrid .viewButton,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .cellWithStatus{color:gray;border:none}.app.dark input{background-color:transparent}*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}.home-page{height:100vh;display:flex;flex-direction:column}.header{display:flex}#nav{text-align:right}.header .navbar a{margin-left:20px}.main{flex:1;width:100%;min-height:100vh;display:flex;justify-content:flex-start;flex-direction:column}.background-image{width:100%;min-height:auto;background-size:cover;background-position:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;overflow-y:auto;padding:20px}.footer{position:fixed;bottom:0;width:100%;background-color:#062c4a;color:#fff;text-align:center;margin-top:20px;padding:15px}.menu-icon{display:none;cursor:pointer}.menu{display:block}.menu ul{list-style-type:none;padding:0}.menu ul li{padding:10px 0}.menu ul li a{text-decoration:none;color:#333}@media only screen and (max-width: 600px){.menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffe6;z-index:1000;overflow:hidden;transition:transform .3s ease-in-out}.menu.active{transform:translateY(0)}.menu-icon{display:block;position:fixed;top:20px;left:20px;z-index:2000}.bar{width:25px;height:3px;background-color:#333;margin:5px 0}.main div{flex-direction:column;align-items:center}}.Card{width:90%;margin:0 auto 20px}.home{display:flex}.home .homeContainer{flex:6}.home .homeContainer .cards{background-image:"url(/SupplyChain.jpg)";margin:50px;display:flex;flex-direction:row;flex-wrap:wrap;gap:60px}.home .homeContainer .widgets,.home .homeContainer .charts{display:flex;padding:20px;gap:20px}.home .homeContainer .charts{padding:5px 20px}.home .homeContainer .listContainer{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #c9c9c978;padding:20px;margin:20px}.home .homeContainer .listContainer .listTitle{font-weight:500;color:gray;margin-bottom:15px}.css-2ulfj5-MuiTypography-root{font-family:montserrat}.css-1mkvrl9-MuiPaper-root-MuiCard-root{width:300px!important}.main{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}button{margin-top:20px;font-size:20px;color:#fff;background-color:#0d94fb;border:none;padding:8px 5px;border-radius:10px}button:hover{opacity:.8}.center{display:flex;flex-direction:column;justify-content:center;align-items:center}label{text-align:start!important}input{font-size:20px;padding:5px;border-radius:5px;margin-top:10px;border:1px solid lightgray}.step{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.step.visible{opacity:1;transform:translateY(0)}.step img,.step li{transition:opacity .5s ease-out,transform .5s ease-out}.step.visible img,.step.visible li{opacity:1;transform:translateY(0)}.footer{background-color:#062c4a;color:#fff;padding:20px;text-align:center;font-size:.9rem}