.chart-nmt {
   height: 0px;
   margin-top: 5px;
   overflow: hidden;

   transition: height 0.5s;
}

.chart-nmt .nmt-icon {
   margin-left: 10px;
   position: absolute;
   width: 20px;

   transition: width 0.5s;
}
.chart-nmt .nmt-icon.nmt-icon-hidden {
   width: 0px;
}

.chart-nmt .nmt-icon #shadow {
   fill: rgba(0,0,0,0.25);
}

.chart-nmt .nmt-icon #noise_level {
   font-weight: bold;
   font-size: 25px;
   text-anchor: middle;
}

.chart-nmt > .nmt-info {
   line-height: 30px;
   margin-left: 40px;
   margin-right: 10px;
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.chart-grid {
   display: table;
   margin: 5px;
}

.chart-grid > .grid-row {
   display: table-row;
   width: 100%;
}

.chart-grid .grid {
   display: table-cell;
   height: 100%;
   width: 100%;
}

.chart-grid .y-axis {
   display: table-cell;
   height: 100%;
}

.chart-grid .y-axis > .y-label {
   clear: both;
   float: left;
   font-size: 8pt;
   margin-left: 5px;
   position: absolute;
}

.chart-grid .x-axis {
   display: table-cell;
   width: 100%;
}

.chart-grid .x-axis > .x-label {
   float: left;
   font-size: 8pt;
   position: absolute;
}

.chart-view {
   margin-left: 1px;
   margin-top: 1px;
   position: absolute;
   overflow: hidden;
}

.chart-view > canvas {
   margin-left: -1px;
   margin-top: -1px;
}

.casper-panel-header.icon-nmt:before {
   font-size: 20px;
}