#supply_kb{background:#f5f5f5;position:absolute;left:0;top:0;right:0;bottom:0;display:grid;grid-row-gap:10px;grid-template-columns:40% 60%;grid-template-rows:40px 1.2fr 1fr 90px;grid-template-areas:"header header" "content-top content-top" "content-buttom-1 content-buttom-2" "range range"}#supply_kb *{-webkit-box-sizing:content-box;box-sizing:content-box}#supply_kb .sup-header{grid-area:header;height:40px;background:#fff;padding:10px 30px 0 30px}#supply_kb .sup-header h3{font-size:20px;line-height:32px;font-weight:400;color:#252525;margin-top:0;margin-bottom:15px;float:left}#supply_kb .sup-content-top{background:#fff;grid-area:content-top;padding:10px 30px 0 30px;overflow:hidden}#supply_kb .sup-content-top #grid{height:100%;width:100%}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-rowsview .dx-data-row td a{color:#252525}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-rowsview .dx-data-row.dx-selection td a{color:#fff}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after{border:none}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after{border:2px solid #da5859}#supply_kb .sup-content-top #grid .dx-datagrid .dx-texteditor.dx-state-focused,#supply_kb .sup-content-top #grid .dx-datagrid .dx-texteditor.dx-state-hover{border-color:#da5859}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-columns-separator{background-color:rgba(218,88,89,.5)}#supply_kb .sup-content-top #grid .dx-datagrid .dx-page-size,#supply_kb .sup-content-top #grid .dx-datagrid .dx-texteditor-input{background-color:#fff}#supply_kb .sup-content-top #grid .dx-datagrid .dx-pager .dx-page-sizes .dx-selection,#supply_kb .sup-content-top #grid .dx-datagrid .dx-pager .dx-pages .dx-selection{color:#fff;background-color:#da5859}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-search-text{background-color:#da5859}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-rowsview .dx-group-row{color:grey}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-rowsview .dx-group-row>td{padding:7px 7px}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-rowsview .dx-data-row{color:#252525}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-rowsview .dx-data-row>td{padding:7px 7px}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-rowsview .dx-data-row.dx-selection{border-bottom-color:#da5859;color:#fff;background-color:#da5859}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-rowsview .dx-data-row.dx-selection td{color:#fff;background-color:#da5859;border-bottom:none;border-top:none}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-rowsview .dx-data-row.dx-selection:hover{background-color:#da5859;border-bottom-color:#da5859}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-focus-overlay{border:2px solid #da5859}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-headers{color:grey}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-headers.dx-datagrid-nowrap{border-top:1px solid #d2d2d2}#supply_kb .sup-content-top #grid .dx-datagrid .dx-datagrid-headers .dx-row{color:grey}#supply_kb .sup-content-buttom-1{padding-left:10px;background:#f5f5f5;grid-area:content-buttom-1;overflow:hidden}#supply_kb .sup-content-buttom-1 .lineChart{height:100%}#supply_kb .sup-content-buttom-2{padding-right:10px;background:#f5f5f5;grid-area:content-buttom-2;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#supply_kb .sup-content-buttom-2 .pie-wrapper{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;height:100%;width:33%}#supply_kb .sup-content-buttom-2 .pie-wrapper .pie-chart{height:100%}#supply_kb .sup-range{background:#f5f5f5;grid-area:range;margin-left:30px;margin-right:30px;overflow:hidden;position:relative}#supply_kb .sup-range .left-arrow,#supply_kb .sup-range .right-arrow{display:inline-block;width:25px;height:25px;position:absolute;top:35px;cursor:pointer;background-size:25px 25px;background-repeat:no-repeat}#supply_kb .sup-range .left-arrow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAABvElEQVRYw7XWPchBYRQH8MfrI0oMMiiTTFIWC4sMRoMyWYwmq8FqsBpk1T+jxWgwMtiUhTKJRUopyfc76O09x9fgPqez3Wf43f/p9vyvuin5+XCEz5PBjcwAP/oRFxaEOCIMgSR1lqMCpR+J4UKIKez6ESvGhLgieX+uFymzVTX/nutEgtgTYgWPfsSEHsuR+z/Th+QZ0aVnuhAv1oTYISCBtFiOEj/Vg6QYMYJFP+LAjBBnRB9fQgdSZTlqz8s0jkRwIsQcTv2IGUOWI/3q8zaKFBnRfn0XGEP82BJiA58E0mE5Cu8uTiNIlhF9mPQjbiwJcUDofZV9jzSea1Y3Emc1O7nXrF7E9lCzic8/Sd8hPxiwZWUkEIUwjgRZwCWBKFRYlroMYseUIBfEJBCFJK6EGcMqgSg02crKMogHK4LsEZRAFHIsS+/1/WW8GbuMycsgAewIsoZXAlEosSwtGcSCEWNSEohCFGeCzOCQQBRqLEtVBnFiTpATIhKIQpplGcIsgSi0GVOUQXzYEGQLvwSiUGBZOjKICX3GZCUQhRAOBFnCLYE81nJDBrFjwmo5LoEoJB5q2fYVom9+ARFIZyaCY8OIAAAAAElFTkSuQmCC);left:-7px}#supply_kb .sup-range .left-arrow.disabled{opacity:.25;cursor:default}#supply_kb .sup-range .right-arrow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAABq0lEQVRYw7XYLWhCYRQG4OMvCjLDMAgmMQ3BYpllGBYNgsliNFkNVoN1QazyYrQYDUYNNsGisDS0iCAIQ/xfWDnHDcN2X0684eE9l/ud71y5Cr/uPIIbI1xV5SH36m+IIImDQhZ4YCCCusnS5CABzBVyxjMDEWRxUcwUPgYiaJuW1TjII1YK2SHBQARFk2UAFwMR9A1T4iBxfCpkjQgDEVRNlg4H8WJimFcGIkjjpJB3BBmI4M1kaXCQED4UckSKgQhyJssYHgYi6BqmwkGi2ChkixgDEZRNlh4HcWFomAIDETxhr5Alwgzkdiy3OEgAMzOWMwxE8HIzlv0MJG8aNoLbeeQBC0UckGS0q2ly1Bkv/hlnRcwRcB7xYaqIC7KMj7FmWtVmHCsJ7BSxwqPziAsDk6PIOOpLhugzJmMEa0V8Is5AOiZHlXGReDXEBF7nkSDeFXFCmnG5a5gcb4xragpHRXwg5DziwdjkyDFWh4ohuoxNK4atIjaIMpCeyVFmLKYFQwx/3xf/h4SxVMQeT4yfBa2fY9ZpJGPG7Ox7zDqL+G/G7AvhV5Rz9QURSGcmSBKdhgAAAABJRU5ErkJggg==);right:-7px}#supply_kb .sup-range .right-arrow.disabled{opacity:.25;cursor:default}