#tooltip {
  position: absolute;
  z-index: 9999;
  border: solid 2px #000;
  padding: 2px;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
  #tooltip span.label, #tooltip span.value, #tooltip span.time {
    display: block; }

.trend_widget .box-body h3#label {
  margin: 0 0 5px 10px;
  font-weight: bold; }
.trend_widget .box-body .trend_container {
  margin: 0 auto; }
  .trend_widget .box-body .trend_container h3 {
    color: #ccc;
    text-align: center;
    margin-top: 30px; }
.trend_widget .box-body #history_controls table {
  margin: 0 auto;
  border: none;
  border-spacing: 0px;
  border-collapse: collapse; }
  .trend_widget .box-body #history_controls table td {
    padding: 0px 5px; }
.trend_widget .box-body #history_controls .history_date {
  font-size: 10px; }
  .trend_widget .box-body #history_controls .history_date.sd {
    float: left;
    margin-left: 25px; }
  .trend_widget .box-body #history_controls .history_date.ed {
    float: right;
    margin-right: 25px; }

.settings.trend_module input[type=color] {
  width: 30px;
  margin-right: 10px; }
.settings.trend_module #tag_addbtn {
  color: #090; }
.settings.trend_module div#tag_list {
  padding-left: 10px; }
.settings.trend_module .tag {
  float: left;
  margin: 5px 0 0 5px;
  padding: 10px 10px 10px 10px;
  border: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.1); }
  .settings.trend_module .tag .ymin, .settings.trend_module .tag .ymax {
    width: 50px !important; }
  .settings.trend_module .tag .delbutton {
    color: #c00; }
  .settings.trend_module .tag input[type=number], .settings.trend_module .tag input[type=text] {
    font-size: 12px; }
  .settings.trend_module .tag input[type=number] {
    width: 50px;
    margin-right: 10px; }
  .settings.trend_module .tag small {
    display: inline-block;
    width: 36px;
    margin-right: 0px; }
