.toner-graph{font-size:12px;width:100%;max-width:400px;height:240px;position:relative;margin:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.toner-graph .scale{position:relative;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.toner-graph .scale .scale-value{width:100%}.toner-graph .scale .scale-value .scale-label{display:block;font-size:11px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.toner-graph .scale .scale-value .line{display:block;width:96%;margin-left:4%;height:1px;background-color:#ccc;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.toner-graph .cartridges-wrapper{position:absolute;top:0;z-index:10;height:100%;width:100%;padding:0 5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-line-pack:justify;align-content:space-between}.toner-graph .cartridges-wrapper .toner-level-alert-percentage-bottom-placeholder{background-color:rgba(255,255,255,.4);position:absolute;bottom:0;height:5%;width:100%}.toner-graph .cartridges-wrapper .cartridge{height:100%;width:20%;min-width:40px;position:relative}.toner-graph .cartridges-wrapper .cartridge .toner-level{position:absolute;bottom:0;width:100%}.toner-graph .cartridges-wrapper .cartridge .toner-level .toner-level-value{font-weight:700;text-align:center;-webkit-transform:translateY(-120%);transform:translateY(-120%)}.toner-graph .cartridges-wrapper .cartridge .toner-level.shortened{border-top:2px dashed red;background-clip:content-box}.toner-graph .cartridges-wrapper .cartridge label{display:block;padding:9px 0;text-align:center;position:absolute;top:97%;width:100%}.toner-graph .cartridges-wrapper .cartridge label .toner-level-color-label{min-height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.toner-graph .cartridges-wrapper .cartridge .toner-level-text-val{font-size:10px;width:26px;height:18px}.toner-graph .cartridges-wrapper .cartridge .toner-level-alert{height:100%}.toner-graph .cartridges-wrapper .cartridge .toner-level-alert-percentage{position:absolute;min-height:5%;height:55%;max-height:55%;bottom:5%}.toner-graph .cartridges-wrapper .cartridge .toner-level-alert,.toner-graph .cartridges-wrapper .cartridge .toner-level-alert-percentage{background:0 0;border:none;width:100%}.toner-graph .cartridges-wrapper .cartridge .toner-level-alert .ui-slider-range,.toner-graph .cartridges-wrapper .cartridge .toner-level-alert-percentage .ui-slider-range{background-color:rgba(255,255,255,.4)}.toner-graph .cartridges-wrapper .cartridge .toner-level-alert .ui-slider-handle,.toner-graph .cartridges-wrapper .cartridge .toner-level-alert-percentage .ui-slider-handle{background-color:rgba(0,0,0,.6);border:none;border-radius:0;height:2px;width:100%;cursor:n-resize;padding:0;margin:0;-webkit-transform:translate(0,50%);transform:translate(0,50%);-webkit-box-shadow:none;box-shadow:none;left:0}.toner-graph .cartridges-wrapper .toner-color-c .toner-level{background-color:rgba(0,147,211,.7)}.toner-graph .cartridges-wrapper .toner-color-m .toner-level{background-color:rgba(204,0,107,.7)}.toner-graph .cartridges-wrapper .toner-color-y .toner-level{background-color:rgba(255,241,12,.7)}.toner-graph .cartridges-wrapper .toner-color-k .toner-level{background-color:rgba(0,0,0,.7)}.toner-graph .cartridges-wrapper .toner-color-x .toner-level{background-color:rgba(150,150,150,.7)}.toner-graph .toners-level-all-alert-wrapper .toners-level-all-alert,.toner-graph .toners-level-all-alert-wrapper-percentage .toners-level-all-alert{width:105%;height:100%;background:0 0;border:none}.toner-graph .toners-level-all-alert-wrapper .toners-level-all-alert .ui-slider-range,.toner-graph .toners-level-all-alert-wrapper-percentage .toners-level-all-alert .ui-slider-range{background-color:transparent;border-top:1px dotted red}.toner-graph .toners-level-all-alert-wrapper .toners-level-all-alert .ui-slider-handle,.toner-graph .toners-level-all-alert-wrapper-percentage .toners-level-all-alert .ui-slider-handle{background-color:transparent;border:none;border-radius:0;height:0;width:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:10px solid red;cursor:n-resize;padding:0;margin:0;-webkit-transform:translate(0,50%);transform:translate(0,50%);-webkit-box-shadow:none;box-shadow:none;left:100%}.toner-graph .toners-level-all-alert-wrapper{width:100%;height:100%;position:absolute;top:0;z-index:5}.toner-graph .toners-level-all-alert-wrapper-percentage{position:absolute;width:100%;min-height:5%;height:55%;max-height:55%;bottom:5%;z-index:5}.new_slider-wrapp{width:100%;max-width:400px;min-height:240px;height:240px;position:relative}.new_slider-wrapp .scales{width:calc(100% - 30px);margin-left:30px;height:100%}.new_slider-wrapp .scales .scale{width:8%;height:100%;font-size:11px;display:inline-block}.new_slider-wrapp .scales .scale .line{border-left:1px dashed #ccc;width:1px;height:100%}.new_slider-wrapp .graph-container{position:absolute;width:calc(100% - 65px);height:100%;top:30px;left:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.new_slider-wrapp .graph-container span{position:absolute;left:-45px;font-size:10px;font-weight:700;top:50%;margin-top:-10px}.new_slider-wrapp .graph-container span .color-percent{width:26px;height:20px;font-size:11px;margin-right:2px}.new_slider-wrapp .graph-container .solid-color{width:100%;height:20px;display:block;position:relative;margin:3px 0}.new_slider-wrapp .graph-container .solid-color .color{width:100%;height:100%}.new_slider-wrapp .graph-container .solid-color .color.magenta{background:rgba(204,0,107,.7)}.new_slider-wrapp .graph-container .solid-color .color.cyan{background:rgba(0,147,211,.7)}.new_slider-wrapp .graph-container .solid-color .color.grey{background:rgba(150,150,150,.7)}.new_slider-wrapp .graph-container .solid-color .color.yellow{background:rgba(255,241,12,.7)}.new_slider-wrapp .graph-container .solid-color .color.black{background:rgba(0,0,0,.7)}.new_slider-wrapp .graph-container .solid-color .alert-level{position:absolute;top:0;height:100%;width:40%;background:rgba(255,255,255,.4)}.new_slider-wrapp .graph-container .solid-color .alert-level span{position:absolute;top:0;left:100%;width:2px;height:100%;background:#000;cursor:e-resize;margin-top:0}.new_slider-wrapp .graph-container .solid-color label{position:absolute;top:50%;left:3px;font-size:11px;margin-top:-7px}.new_slider-wrapp .limiter{position:absolute;width:40%;height:100%;top:30px;border-right:1px dotted red}.new_slider-wrapp .limiter .triangle-up{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid red;position:absolute;right:0;bottom:-5px;margin-right:-5px;cursor:e-resize}.new_slider-wrapp .limiter .triangle-up .square-up{width:9.4px;height:5px;background:red;display:inline-block;position:absolute;top:5px;left:-4.7px}.new_slider-wrapp .limiter .triangle-down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid red;position:absolute;right:0;top:-5px;margin-right:-5px;cursor:e-resize}.new_slider-wrapp .limiter .triangle-down .square-down{width:9.4px;height:5px;background:red;display:inline-block;position:absolute;top:-10px;left:-4.7px}.charts{position:relative}.charts .chart-wrapper.preview{position:absolute;top:-25px;left:-22px;padding:50px 30px 30px 70px;background:#fff;border-radius:2px;-webkit-box-shadow:0 2px 5px 2px rgba(0,0,0,.1);box-shadow:0 2px 5px 2px rgba(0,0,0,.1);border:2px solid #505050;z-index:100;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-animation:.3s preview-in forwards;animation:.3s preview-in forwards;-webkit-transition:.3s;transition:.3s;width:520px}.charts .chart-wrapper.preview:before{content:' ';display:block;position:absolute;left:-10px;top:-10px;border-radius:50%;z-index:101;background:url(/bundles/app/images/icons/eye.svg) no-repeat #fff center;background-size:20px;width:30px;height:30px;border:2px solid #505050}@-webkit-keyframes preview-in{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes preview-in{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.charts .chart-wrapper.preview .chart{margin:0}.charts .chart-wrapper.chart-empty .chart{margin:40px 5px}.charts .chart-wrapper .chart{width:100%;max-width:400px;height:280px;margin:40px 30px;position:relative}@media (max-width:800px){.charts .chart-wrapper .chart{max-width:unset;width:calc(100% - 100px);margin:40px 50px}}.charts .chart-wrapper .chart .scales{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;display:-ms-flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.charts .chart-wrapper .chart .scales .scale{height:100%;position:relative;border-right:1px solid #eee}.charts .chart-wrapper .chart .scales .scale label{text-align:center;position:absolute;left:0;top:-25px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);font-size:12px;font-weight:700;max-width:unset}.charts .chart-wrapper .chart .bars{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}.charts .chart-wrapper .chart .bars .bar{height:25px;position:relative}.charts .chart-wrapper .chart .bars .bar.large{height:50px}.charts .chart-wrapper .chart .bars .bar.large .supply-bar label{top:50%;margin-top:-8px}.charts .chart-wrapper .chart .bars .bar .supply-input{position:absolute;left:-50px;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.charts .chart-wrapper .chart .bars .bar .supply-input input{width:28px;height:20px;font-size:11px;margin-right:3px}.charts .chart-wrapper .chart .bars .bar .supply-input label{margin-bottom:unset;font-size:12px;font-weight:700}.charts .chart-wrapper .chart .bars .bar .supply-bar{height:100%;position:absolute;top:0;left:0;background-color:#5f9ea0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:10px}.charts .chart-wrapper .chart .bars .bar .supply-bar.max-days{border-right:2px dashed red}.charts .chart-wrapper .chart .bars .bar .supply-bar label{font-size:12px;font-weight:700;margin-bottom:unset;color:#000;position:absolute;top:50%;margin-top:-8px;max-width:unset;min-width:150px;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:0 0;color:#000;text-shadow:-1px -1px 0 rgba(255,255,255,.5),1px -1px 0 rgba(255,255,255,.5),-1px 1px 0 rgba(255,255,255,.5),1px 1px 0 rgba(255,255,255,.5)}.charts .chart-wrapper .chart .bars .bar .supply-bar.supply-m{background:rgba(204,0,107,.7)}.charts .chart-wrapper .chart .bars .bar .supply-bar.supply-c{background:rgba(0,147,211,.7)}.charts .chart-wrapper .chart .bars .bar .supply-bar.supply-x{background:rgba(150,150,150,.7)}.charts .chart-wrapper .chart .bars .bar .supply-bar.supply-y{background:rgba(255,241,12,.7)}.charts .chart-wrapper .chart .bars .bar .supply-bar.supply-k{background:rgba(0,0,0,.7)}.charts .chart-wrapper .chart .bars .bar .threshold-bar{height:100%;position:absolute;top:0;left:0;background-color:rgba(255,255,255,.3);resize:horizontal}.charts .chart-wrapper .chart .bars .bar .threshold-slider{position:absolute;top:0;height:100%;width:2px;background-color:#000;cursor:e-resize;z-index:99}.charts .chart-wrapper .chart .bars .bar .threshold-slider:active{width:3px}.charts .chart-wrapper .chart .bars .threshold-main-slider{position:absolute;left:20%;top:0;height:100%;border-right:1px dashed red}.charts .chart-wrapper .chart .bars .threshold-main-slider:before{content:'';width:0;height:0;position:absolute;bottom:-6px;left:-4.5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid red;cursor:e-resize}.charts .chart-wrapper .chart .bars .threshold-main-slider:after{content:'';width:10px;height:7px;background-color:red;bottom:-13px;left:-4.5px;position:absolute;cursor:e-resize}
/*# sourceMappingURL=toner-graph-ddc4a29e39.css.map */