@keyframes key-value-changed-positive{0%{background-color:#fff;border-color:#ccc}10%{background-color:#00bc79;background-color:rgba(0,188,121,.5);border-color:#00bc15}100%{background-color:#fff;border-color:#ccc}}@-webkit-keyframes key-value-changed-positive-wk{0%{background-color:#fff;border-color:#ccc}10%{background-color:#00bc79;background-color:rgba(0,188,121,.5);border-color:#00bc15}100%{background-color:#fff;border-color:#ccc}}@-moz-keyframes key-value-changed-positive-moz{0%{background-color:#fff;border-color:#ccc}10%{background-color:#00bc79;background-color:rgba(0,188,121,.5);border-color:#00bc15}100%{background-color:#fff;border-color:#ccc}}@-ms-keyframes key-value-changed-positive-ms{0%{background-color:#fff;border-color:#ccc}10%{background-color:#00bc79;background-color:rgba(0,188,121,.5);border-color:#00bc15}100%{background-color:#fff;border-color:#ccc}}@-o-keyframes key-value-changed-positive-o{0%{background-color:#fff;border-color:#ccc}10%{background-color:#00bc79;background-color:rgba(0,188,121,.5);border-color:#00bc15}100%{background-color:#fff;border-color:#ccc}}@keyframes key-value-changed-negative{0%{background-color:#fff;border-color:#ccc}10%{background-color:#bc0000;background-color:rgba(188,0,0,.5);border-color:#bc0000}100%{background-color:#fff;border-color:#ccc}}@-webkit-keyframes key-value-changed-negative-wk{0%{background-color:#fff;border-color:#ccc}10%{background-color:#bc0000;background-color:rgba(188,0,0,.5);border-color:#bc0000}100%{background-color:#fff;border-color:#ccc}}@-moz-keyframes key-value-changed-negative-moz{0%{background-color:#fff;border-color:#ccc}10%{background-color:#bc0000;background-color:rgba(188,0,0,.5);border-color:#bc0000}100%{background-color:#fff;border-color:#ccc}}@-ms-keyframes key-value-changed-negative-ms{0%{background-color:#fff;border-color:#ccc}10%{background-color:#bc0000;background-color:rgba(188,0,0,.5);border-color:#bc0000}100%{background-color:#fff;border-color:#ccc}}@-o-keyframes key-value-changed-negative-o{0%{background-color:#fff;border-color:#ccc}10%{background-color:#bc0000;background-color:rgba(188,0,0,.5);border-color:#bc0000}100%{background-color:#fff;border-color:#ccc}}.key-value-block{padding:5px 24px;margin:0 -19px;border:1px solid #ccc;border-left:0;border-right:0;font-size:14pt}.key-value-block .prop-name{color:#999}.key-value-block.changed-positive{-webkit-animation:key-value-changed-positive-wk 2s;-moz-animation:key-value-changed-positive-moz 2s;-ms-animation:key-value-changed-positive-ms 2s;-o-animation:key-value-changed-positive-o 2s;animation:key-value-changed-positive 2s}.key-value-block.changed-negative{-webkit-animation:key-value-changed-negative-wk 2s;-moz-animation:key-value-changed-negative-moz 2s;-ms-animation:key-value-changed-negative-ms 2s;-o-animation:key-value-changed-negative-o 2s;animation:key-value-changed-negative 2s}.no-top-border{border-top:0}.last{border:0;border-radius:0 0 3px 3px}.bar-chart{border-radius:5px;box-shadow:0 5px 10px 3px #ccc;color:#fff}.bar-chart .bar-chart-item{display:inline-block;width:33%;text-align:center;border:1px solid;text-shadow:0 0 2px #333}.bar-chart .bar-chart-item:first-child{border-radius:5px 0 0 5px}.bar-chart .bar-chart-item:not(:first-child){border-left:0}.bar-chart .bar-chart-item:last-child{border-radius:0 5px 5px 0}.bar-chart .bar-chart-item .bar-chart-label{opacity:.8}.bar-chart .bar-chart-item .bar-chart-percentage{font-weight:700;font-size:14pt}.online-status{text-align:center}.online-status .icon{font-size:16em;display:block}.online-status .text{font-size:2em}.online-status.online{color:green}.online-status.offline{color:red}.reload{font-style:italic;color:#999;margin-top:10px;margin-bottom:-14px}.Chartjs{font-size:.85em}.Chartjs-figure{height:250px}@media (min-width:570px){.Chartjs-figure{margin-right:1.5em}}