.lto-vis-heatmap {
    padding: 20px 0 20px 0;
    margin: 0 auto;
}

.lto-vis-heatmap .calibration {
    margin-bottom: 15px;
    width: 400px;
}

.lto-vis-heatmap .calibration .group {
    display: inline-block;
}

.lto-vis-heatmap .calibration .description {
    width: 108px;
}

.lto-vis-heatmap .calibration > .display-control label {
    vertical-align: top;
}

.lto-vis-heatmap .calibration .description > label:last-child {
    float: right;
}

.lto-vis-heatmap .calibration > .display-control {
    float: right;
}

.lto-vis-heatmap .calibration > .display-control input[type='radio'] {
    cursor: pointer;
}

.lto-vis-heatmap .heatmap .axis path {
    display: none;
}

.lto-vis-heatmap .heatmap .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.lto-vis-heatmap .heatmap .axis text {
    font-size: 12px;
    fill: black;
}


.lto-vis-color-0 {
    fill: rgb(30, 30, 30);
}
.lto-vis-color-1 {
    fill: #30c4c4
}
.lto-vis-color-2 {
    fill: #008d8d;
}
.lto-vis-color-3 {
    fill: #0fb5b5;
}
.lto-vis-color-4 {
    fill: #53d4d4;
}
.lto-vis-color-5 {
    fill: #83e5e5;
}