/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 30, 2020, 10:20:25 PM
    Author     : Jeff
*/

.mikro-canvas {
  position: relative;
  display: inline-flex;
}

.cpu-wrapper {
  width: 10rem;
  position: relative;  
  background: #ccc;  
  margin: .2rem;
}

.cpu-title {
  text-align: center;
  padding: .2rem;
  position: relative;
  color: #ddd;
  background: #45a;  
}

.cpu-data {
  position: relative;
  width: 100%;
}

.cpu-pair-v {
  display: inline-block;
  width: 33%;
  text-align: center;  
}

.cpu-pair-label {
  opacity: .5;
}

#MikroDash .traffic-graph {
  width: 100%;  
  height: 20rem;
}

#MDTrafficGraph
 {
  width: 100%;
  height: 15rem;
}

#MDCpuGraph {
  height: 10rem;
}

.traffic-tooltip-header {
  text-align: center;
  font-weight: bold;
  color: #236;
}

.traffic-tooltip-text {
  font-style: italic;
  color: #444;
}

#MikroDash {
  width: 110rem;
  height: 70rem;
}

#MikroDash h4 {
  text-align: center;
  color: #23f;
}

.tik-ethernet {
  min-height: 10rem;
  text-align: center;
  margin-bottom: .5rem;
}

#MikroDash .s-info {
  padding-left: .2rem;
}

#MikroDash .col,
.tik-cpu,
.tik-traffic,
.cpu-graph,
.traffic-graph {
  position: relative;  
}

.graph-controls {  
  position: absolute;
  top: 1rem;
  z-index: 1;
}