.klchart {
  border: none;
  background-color: #282828;
}
.kltimebar {
  border: none;
  border-top: 1px dashed #333;
  background-color: #282828;
}
td {
  text-align: left;
  padding: 5px;
}
#view {
  width: 37px;
}
.view {
  min-height: 220px;
}
.buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.svg-grid > svg {
  width: 100%;
  height: 40px;
}
.svg-grid{
  margin:20px;
  display: grid;
  grid-gap: 5px;
  grid-template: 1fr 1fr/ 1fr 1fr;
}
.c1 {
  grid-row: 1/2;
  grid-column: 1/2;
}
.c2 {
  grid-row: 1/2;
  grid-column: 2/-1;
}
.c3 {
  position: relative;
  grid-row: 2/-1;
  grid-column: 1/2;
}
.c4 {
  grid-row: 2/-1;
  grid-column: 2/-1;
}