#th-plot {
    width:85px;
}
#th-download {
    width: 145px;
}
#th-reference_designator {
    width: 300px;
    cursor: pointer;
}
#th-display_name {
    width: 300px;
    cursor: pointer;
}
#th-start {
    cursor: pointer;
}
#th-end {
    cursor: pointer;
}
i {
    pointer-events: none;
}
.panel-heading {
   text-align: center;
   margin: 0 auto 0 auto;
   position: relative;
}

.color-index > span {
    width: 10px;
    background-color:
}
div.twelve-hours, div.twenty-four-hours, div.older {
    display: inline-block;

    height: 10px;
    width: 10px;
}

.color-index b {
    margin-right: 5px;
}
.twelve-hours {
    background-color: deepskyblue;
    color: black;
}
.twenty-four-hours {
    background-color: gold;
}
.older {
    background-color: firebrick;
    color: white;
}

.plot-disabled{
    background-color: #ddd ;
    color: #ddd ;
}

.plot-disabled:hover {
    cursor: not-allowed;
    background-color: #ddd !important;
}

/* date range slider */

#page-content {
    top: 185px !important;
}

#page-controls {
    height: 182px !important;
}

#slider-wrapper {
    width       : 680px;
    margin-left : 23px;
}

  #slider-wrapper #slider .ui-rangeSlider-label-value {
    font-size : 12px !important;
  }