body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.hide{display:none}span.green{color:green;text-align:left}span.red{color:red;text-align:right}span.settled{color:#00f;background-color:#ff0;text-align:left}span,span.settled{width:100px;display:inline-block}div.recharts-wrapper{border:green;border-style:solid}body{margin:0;padding:0;font-family:"Open Sans",Helvetica,sans-serif;box-sizing:border-box}.grid-container{display:grid;grid-template-columns:1fr;grid-template-rows:50px 1fr 50px;grid-template-areas:"header" "main" "footer";height:100vh}.menu-icon{position:fixed;display:flex;top:5px;left:10px;align-items:center;justify-content:center;background-color:#dadae3;border-radius:50%;z-index:1;cursor:pointer;padding:12px}.header,.row{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background-color:#648ca6}.header__search{margin-left:42px}.sidenav{grid-area:sidenav;display:flex;flex-direction:column;height:100%;width:240px;position:fixed;overflow-y:auto;-webkit-transform:translateX(-245px);transform:translateX(-245px);transition:all .6s ease-in-out;box-shadow:0 2px 2px 0 rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.08);z-index:2;background-color:#394263}.sidenav.active{-webkit-transform:translateX(0);transform:translateX(0)}.sidenav__close-icon{position:absolute;visibility:visible;top:8px;right:12px;cursor:pointer;font-size:20px;color:#ddd}.sidenav__list{padding:0;margin-top:85px;list-style-type:none}.sidenav__list-item{padding:20px 20px 20px 40px;color:#ddd}.sidenav__list-item:hover{background-color:hsla(0,0%,100%,.2);cursor:pointer}.main{grid-area:main;background-color:#8fd4d9}.main-header{display:flex;justify-content:space-between;margin:20px;padding:20px;height:50px;background-color:#e3e4e6;color:#708090}.main-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));grid-auto-rows:94px;grid-gap:20px;margin:20px}.overviewcard{background-color:rgba(221,51,221,.2)}.overviewcard,.overviewcard_green{display:flex;align-items:center;justify-content:space-between;padding:20px}.overviewcard_green{background-color:green;color:#fff}.overviewcard_red{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:red}.overviewcard__icon_green,.overviewcard__info_green{display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:green;color:#fff}.main-cards{-webkit-column-count:1;column-count:1;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;margin:20px}.card{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#82bef6;margin-bottom:20px;-webkit-column-break-inside:avoid;padding:24px;box-sizing:border-box}.card:first-child{height:485px}.card:nth-child(2),.card:nth-child(3){height:350px}.tableRows:nth-child(2n+2){color:#000;background-color:#f0f0f0}.footer{grid-area:footer;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background-color:#648ca6}@media only screen and (min-width:46.875em){.grid-container{grid-template-columns:240px 1fr;grid-template-areas:"sidenav header" "sidenav main" "sidenav footer"}.header__search{margin-left:0}.sidenav{position:relative;-webkit-transform:translateX(0);transform:translateX(0)}.sidenav__close-icon{visibility:hidden}}@media only screen and (min-width:65.625em){.main-cards{-webkit-column-count:2;column-count:2}}.table{margin:0 0 40px;width:100%;box-shadow:0 1px 3px rgba(0,0,0,.2);display:table;@media block,screen and (max-width:580px) display}.row .cell{background-color:#648ca6}.header .cell,.row .cell{text-align:left;width:100px;display:table-cell;align-items:left-align;justify-content:space-between;padding:0 16px}.header .cell{background-color:silver}.row:nth-child(2n+2) .cell{background-color:#648cf6}.table-wrapper{margin:10px 70px 70px;box-shadow:0 35px 50px rgba(0,0,0,.2)}.fl-table{border-radius:5px;font-size:12px;font-weight:400;border:none;border-collapse:collapse;width:100%;max-width:100%;white-space:nowrap;background-color:#fff}.fl-table td,.fl-table th{text-align:center;padding:8px}.fl-table td{border-right:1px solid #f8f8f8;font-size:12px}.fl-table thead th{color:#fff;background:#4fc3a1}.fl-table thead th:nth-child(odd){color:#fff;background:#324960}.fl-table tr:nth-child(2n){background:#f8f8f8}@media (max-width:767px){.fl-table{display:block;width:100%}.table-wrapper:before{content:"Scroll horizontally >";display:block;text-align:right;font-size:11px;color:#fff;padding:0 0 10px}.fl-table tbody,.fl-table thead,.fl-table thead th{display:block}.fl-table thead th:last-child{border-bottom:none}.fl-table thead{float:left}.fl-table tbody{width:auto;position:relative;overflow-x:auto}.fl-table td,.fl-table th{padding:20px .625em .625em;height:60px;vertical-align:middle;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;width:120px;font-size:13px;text-overflow:ellipsis}.fl-table thead th{text-align:left;border-bottom:1px solid #f7f7f9}.fl-table tbody tr{display:table-cell}.fl-table tbody tr:nth-child(odd){background:none}.fl-table tr:nth-child(2n){background:transparent}.fl-table tr td:nth-child(odd){background:#f8f8f8;border-right:1px solid #e6e4e4}.fl-table tr td:nth-child(2n){border-right:1px solid #e6e4e4}.fl-table tbody td{display:block;text-align:center}}
/*# sourceMappingURL=main.2ccd1c74.chunk.css.map */