/* Stylesheet for D3 heatmap */
.heatmap svg {
  display: block;
  margin: 0 auto;
  width: auto;
}

.heatmap text {
  font-family: arial, courier;
  font-size: 12px;
}

.heatmap .xAxisTitle, .heatmap .yAxisTitle {
  font-size: 14px;
  font-weight: bold;
}

.heatmap .xAxis:hover {
  text-decoration: underline;
  cursor: pointer;
}

.heatmap .yAxis:hover {
  text-decoration: underline;
  cursor: pointer;
}

.heatmap-controls {
  margin-top: 0;
  position: relative;
  float: right;
  z-index: 4;
}

.heatmap-controls .slider {
  margin-right: 20px;
  margin-left: 20px;
}

.heatmap-controls .color-selector {
  width: 90px;
  margin-right: 20px;
  margin-left: 20px;
}

.heatmap-controls button {
  width: 105px;
  margin-top: 0;
  margin-left: 0;
}

.heatmapContainer{
    position: absolute;
    overflow: auto;
    top: 0;
    right: 0;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.canvas-with-table {
    bottom: 322px;
}

.canvas-without-table {
    bottom: 0;
}

.heatmap .heatmapTable{
    padding-top: 2px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 2px;
}

.heatmapTableHead{
    white-space: nowrap;
    text-overflow:ellipsis;
}

.heatmapTableHead.heatmapTableHeadRight{
    padding-top: 2px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 2px;
    text-align: right;
}

.heatmapTableHead.heatmapTableHeadLeft{
    padding-top: 2px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 2px;
    text-align: left;
}

#heatmapTableContainer .btn {
    position: fixed;
    margin-left: 7px;
    margin-top: 2px;
    padding-top: 3px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 2px;
}

#heatmapTableContainer .form-control{
    height: 24px;
}

.heatmap .ng-table-pager{
    display:none;
}

.heatmap .pagination{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 120px;
    position: fixed;
}

.heatmap .table {
    margin-top: 0;
    margin-bottom: 0;
}

.heatmap .tooltip-inner {
    white-space:pre;
    max-width: none;
}

.heatmapTooltip .tooltip-inner {
    white-space:pre;
    max-width: none;
}

#heatmapTableBody th{
    display: none;
}

#heatmapTableHeadContainer{
    margin-right: 17px;
    border-bottom: 1px solid #dddddd;

}

#heatmapTableBodyContainer{
    border-bottom: 1px solid #dddddd;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 238px;
}

#heatmapTableBody{
    table-layout: fixed;
}

#heatmapCsvExport{
    margin-top: 4px;
    margin-right: 10px;
    text-decoration: none;
    float: right;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 3px;
}

.heatmapTable{
    text-overflow: ellipsis;
}

.heatmapTableHeadSpan{
    display:block;
    width:inherit;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#heatmapTableButton{
    width: auto;
}