.analytics-page{display:flex;flex-direction:row;justify-content:space-between;padding:2rem 3rem}.analytics-page .left-section,.analytics-page .past-orders-section{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0}.analytics-page .left-section{border:1px solid #dde0df;border-radius:6px;flex:5 1;min-height:30rem}.analytics-page .left-section .chart-section{background-color:#fff;border-radius:6px;display:flex;flex-direction:column;height:30rem}.analytics-page .left-section .chart-section .sync-progress-container{align-items:center;display:flex;flex-direction:column;margin-top:7rem}.analytics-page .left-section .chart-section .sync-progress-container .text.delay-msg{color:gray;display:flex;font-size:.9rem;margin-top:.8rem}.analytics-page .left-section .chart-section .top-section{display:flex;flex-direction:row;justify-content:space-between;padding-left:.5rem;padding-right:.5rem;padding-top:1rem}.analytics-page .left-section .chart-section .top-section .dummy{flex:1 1}.analytics-page .left-section .chart-section .top-section .graph-title{align-items:center;display:flex;flex:1 1;font-family:Prompt;font-size:1.5rem;font-weight:600;padding-left:1rem}.analytics-page .left-section .chart-section .top-section .time-slice-selection{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:flex-end}.analytics-page .left-section .chart-section .top-section .time-slice-selection .select-holder{margin-left:.7rem;width:10rem}.analytics-page .left-section .chart-section .top-section .time-slice-selection .time-slice-selector{display:flex}.analytics-page .left-section .chart-section .top-section .time-slice-selection .time-slice-selector .time-slice{color:#b4b4b4;cursor:pointer;font-size:.9rem;letter-spacing:.08rem;margin-left:.9rem}.analytics-page .left-section .chart-section .top-section .time-slice-selection .time-slice-selector .time-slice.selected{color:#1e88e5;font-weight:700}.analytics-page .left-section .chart-section #chart-container{position:relative}.analytics-page .left-section .chart-section #chart-container .horizontal-grid-line:not(:first-of-type){fill:none;shape-rendering:crispEdges;stroke:#eff2f5;stroke-width:1;stroke-dasharray:4,4}.analytics-page .left-section .chart-section #chart-container .horizontal-grid-line:first-of-type{stroke:#c9d3dd;stroke-width:0}.analytics-page .left-section .chart-section #chart-container .x.axis .tick text,.analytics-page .left-section .chart-section #chart-container .y.axis .tick text{color:gray}.analytics-page .left-section .chart-section #chart-container .x.axis .tick line,.analytics-page .left-section .chart-section #chart-container .x.axis path.domain,.analytics-page .left-section .chart-section #chart-container .y.axis .tick line{stroke:#c9d3dd}.analytics-page .left-section .chart-section #chart-container .y.axis path.domain{stroke-width:0}.analytics-page .left-section .chart-section #chart-container .tooltip{background-color:#fff;border:1.4px solid #d3d3d3;border-radius:6px;display:flex;display:none;flex-direction:column;font-family:Arial;padding:1rem;position:absolute;top:10px}.analytics-page .left-section .chart-section #chart-container .tooltip .heading{border-bottom:1px solid #d3d3d3;color:gray;display:flex;justify-content:center;margin-bottom:.5rem;padding-bottom:.5rem}.analytics-page .left-section .chart-section #chart-container .tooltip .row{display:flex;justify-content:space-between;padding:.3rem 0}.analytics-page .left-section .chart-section #chart-container .tooltip .row .supplier-total{flex:6 1;margin-left:1rem;text-align:right}.analytics-page .left-section .chart-section #chart-container .tooltip .row .supplier-name{align-self:flex-start;flex:6 1;margin-left:.4rem}.analytics-page .left-section .chart-section #chart-container .tooltip .row .legend-color-section{align-items:center;display:flex;flex:1 1;justify-content:center;opacity:.6}.analytics-page .left-section .chart-section #chart-container .tooltip .row .legend-color-section div{border-radius:5px;height:10px;width:10px}.analytics-page .left-section .stats-section{background-color:#fff;border-radius:6px;box-sizing:border-box;display:flex;flex-direction:row;padding:0 3rem}.analytics-page .left-section .stats-section .avg-order-size-section,.analytics-page .left-section .stats-section .purchase-volume-section,.analytics-page .left-section .stats-section .suppliers-used-section,.analytics-page .left-section .stats-section .total-orders-section{display:flex;flex-direction:column;justify-content:center}.analytics-page .left-section .stats-section .avg-order-size-section .lbl,.analytics-page .left-section .stats-section .purchase-volume-section .lbl,.analytics-page .left-section .stats-section .suppliers-used-section .lbl,.analytics-page .left-section .stats-section .total-orders-section .lbl{color:#6f7372;font-weight:200}.analytics-page .left-section .stats-section .avg-order-size-section .stats,.analytics-page .left-section .stats-section .purchase-volume-section .stats,.analytics-page .left-section .stats-section .suppliers-used-section .stats,.analytics-page .left-section .stats-section .total-orders-section .stats{font-size:1.6rem;font-weight:500;margin-top:.7rem}.analytics-page .left-section .stats-section>div:not(:first-child){margin-left:2rem}.analytics-page .left-section .suppliers-legend-section{align-items:center;background-color:#fff;border-radius:6px;display:flex;flex-direction:row;flex-wrap:wrap;height:5rem;padding-left:3rem}.analytics-page .left-section .suppliers-legend-section .supplier-legend{align-items:center;color:#6f7372;display:flex;flex-direction:row;font-family:Prompt;margin-right:1rem}.analytics-page .left-section .suppliers-legend-section .supplier-legend .color-box{border-radius:4px;height:1rem;opacity:.4;width:1rem}.analytics-page .left-section .suppliers-legend-section .supplier-legend .supplier-name{margin-left:.5rem}.analytics-page .past-orders-section{display:flex;flex:2 1;flex-direction:column;height:30rem;margin-left:.5rem;overflow-y:auto}.analytics-page .past-orders-section .list-item{align-items:center;background-color:#fff;border:1px solid #dde0df;border-radius:2px;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:row;font-family:Prompt;justify-content:space-between;margin-bottom:.8rem;min-height:4rem;padding:.5rem 1rem}.analytics-page .past-orders-section .list-item .logo{flex:3 1}.analytics-page .past-orders-section .list-item .logo img{height:2.5rem}.analytics-page .past-orders-section .list-item .date{color:#061f19;flex:2 1;font-weight:200}.analytics-page .past-orders-section .list-item .total{color:#ff6f00;flex:2 1;font-weight:400;text-align:right}.analytics-page .section-na-info{display:flex;font-size:1.1rem;font-size:1.2rem;justify-content:center;margin-top:8rem;width:100%}.analytics-page .section-na-info.preloader{align-items:center;flex-direction:column}.analytics-page .mobile-msg{display:none}@media screen and (max-width:900px){.analytics-page .desktop,.analytics-page .left-section,.analytics-page .past-orders-section{display:none}.analytics-page .mobile-msg{display:flex}}
/*# sourceMappingURL=DashboardRouter.c676a765.chunk.css.map*/