*{padding:0;margin:0;font-family:Source Sans Pro}body,html{background:#f7f7f7;height:100%}body{height:100vh}#root,.App{height:100%}.App{font-family:sans-serif}#top-nav{height:4em;position:relative;box-shadow:0 5px 5px hsla(0,0%,87.1%,.909804);box-sizing:border-box;padding-top:.5em;padding-left:1.5em;padding-bottom:0;display:flex;z-index:5;background:#fff}#top-nav .left{height:100%;display:flex;align-items:center}#top-nav .left .logo{width:9em;display:flex;align-items:center}#top-nav .left .logo img{max-width:100%;height:auto}#top-nav .right{display:flex;margin-left:auto;padding:.5em 1.5em .5em 0}#top-nav .right #btn-logout{background:none;border:none;font-size:1.5rem;color:#707070;cursor:pointer}#top-nav .right #user-info{display:flex;margin-right:1em}#top-nav .right #user-info .profile-info{display:flex;flex-direction:column;margin-right:1em}#top-nav .right #user-info .profile-info .username{font-size:1rem;color:#707070}#top-nav .right #user-info .profile-info .company-name{font-size:.85rem;color:#707070}#top-nav .right #user-info .profile-picture{display:flex;align-items:center}#top-nav .right #user-info .profile-picture img{width:2.5em}main{display:flex;height:100%;z-index:4;position:relative}main #side-nav{box-shadow:0 4px 5px hsla(0,0%,92.2%,.91);flex:1 1;min-width:4em;max-width:4em;height:100%;background:#fff}main #side-nav ul li{display:block;padding:1em;text-align:center}main #side-nav ul li.burger{color:#707070}main #side-nav ul li.chartmenu{background:hsla(0,0%,92.2%,.91)}main #side-nav ul li.chartmenu span{display:block;padding:.3em;background:#fff}main #side-nav ul li.chartmenu span img{max-width:100%;height:auto}main .page{width:100%;display:flex;flex-direction:column;padding:2em;height:100%;background:#f7f7f7}main .page .page-header{margin-bottom:2em;display:flex}main .page .page-header h1{flex:1 1;display:inline;color:#707070;font-weight:600}main .page .page-header .filterperiod-container{flex:1 1;display:flex;justify-content:flex-end;position:relative}main #insights{background:#f7f7f7;flex:7 1;display:flex;flex-wrap:wrap}main #insights .card{flex:1 1}main #insights #chart{flex:2 1}.card{box-shadow:0 1px 3px hsla(0,0%,92.2%,.91);background:#fff;margin-right:2em;margin-bottom:2em;border-radius:2px}.card .card-title{padding:1em;font-size:1.2rem;color:#4d4f5c}.card .card-body{padding:1em}.list-products{list-style:none}.list-products li.product-item{display:flex;border:.5px solid hsla(0,0%,77.3%,.61);margin-bottom:.5em}.list-products li.product-item.first{background:#ffe7bd}.list-products li.product-item.first .product-thumbnail{flex:1.5 1}.list-products li.product-item .product-thumbnail{flex:1 1}.list-products li.product-item .product-thumbnail img{width:100%}.list-products li.product-item .product-infobox{flex:1 1;margin:8px;color:#4d4f5c}.list-products li.product-item .product-infobox h4{color:#000;margin-bottom:.5em;font-weight:600}.list-products li.product-item .product-infobox .extra-info{font-size:.8rem;display:flex}.list-products li.product-item .product-infobox .extra-info span{flex:1 1}.list-products li.product-item .product-infobox .extra-info span:first-child{margin-right:.2em}.list-product-card{max-width:250px}.list-product-card:last-child{margin-right:0}.filter-period{background:#fff;color:#4d4f5c;border-radius:2px;box-shadow:0 2px 3px hsla(0,0%,92.2%,.91);display:inline-flex;align-self:flex-end;width:auto}.filter-period i,.filter-period span,.filter-period svg{margin-right:1em}.filter-period i:last-child,.filter-period span:last-child,.filter-period svg:last-child{margin:0}.filter-period .filter-period-unexpanded{padding:1em;height:100%;cursor:pointer}.filter-period .filter-period-expanded{overflow:visible;position:relative;background:#fff;height:100%;padding:1em 2em 2em;box-shadow:0 2px 3px hsla(0,0%,92.2%,.91);border-radius:5px}.filter-period .filter-period-expanded .head{display:flex;justify-content:space-between}.filter-period .filter-period-expanded .picker-container{display:flex;background:#fff}.filter-period .filter-period-expanded .picker-container .range-date-option{display:flex;flex-direction:column;border-right:1px solid hsla(0,0%,92.2%,.91);padding-right:1em;margin-right:1em}.filter-period .filter-period-expanded .picker-container .range-date-option button{cursor:pointer;background:#fff;border:none;border-bottom:1px solid #707070;text-align:left;padding:.5em 0;font-size:1rem;outline:none;min-width:7em}.filter-period .filter-period-expanded .picker-container .range-date-option button:last-child{background:#37b04c;border:none;border-radius:5px;text-align:center;color:#fff;margin-top:.5em}.filter-period .filter-period-expanded .picker-container .calendar{display:flex}.filter-period .filter-period-expanded .picker-container .calendar div .react-datepicker:first-child{margin-right:1em}.sales-turnover{width:18em;display:flex;flex-direction:column;padding:1em}.sales-turnover .card-header{margin-bottom:.5em}.sales-turnover .card-header p{color:#4d4f5c}.sales-turnover .more-info{display:flex}.sales-turnover .more-info img{width:5em;height:5em}.sales-turnover .more-info .sold-value{font-size:2.25rem;font-weight:600;margin-bottom:.25em}.sales-turnover .more-info .mini-info{font-size:.85rem}.text-red{color:red;font-weight:600}.greenbar{display:flex;flex:1 1;background:#37b04c;padding:.85em;font-weight:600;font-size:.85rem;color:#fff;border-radius:2px}.alert,.greenbar{margin-bottom:2em}.alert{background:#ffe7bd;border-radius:3px;padding:.5em 1em;text-align:center;border:1px solid #ffd48a;color:#714800}.filter-selected{font-weight:700;color:#37b04c}.react-datepicker__day--highlighted{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__day--highlighted:hover{background-color:#c4eecb;color:#37b04c;border-radius:50%}.react-datepicker__day--selected{outline:none}.react-datepicker__day--selected,.react-datepicker__day--selected:hover{background-color:#c4eecb;font-weight:700;color:#37b04c;border-radius:50%}.react-datepicker__header{background:#fff;border-bottom:1px solid hsla(0,0%,92.2%,.91)}.react-datepicker{border:0}
/*# sourceMappingURL=main.7b738753.chunk.css.map */