.btn {
  position: relative;
  display: inline;
  padding: 4px 15px 5px 14px;
  margin: 3px 5px 3px 6px;
  color: #333;
  background-color: #f5f5f5;
  border-radius: 4px;
  top: 0;
  border: 1px solid #ccc;
}

.btn:hover {
  cursor: pointer;
  background-color: #28abe2;
}

.btn.active:hover {
  filter: brightness(1.1);
}

.btn.disable {
  color: #999;
}

.btn.active,
.btn.reconfig {
  color: #fff;
  background-color: #28abe2;
  border: 1px solid #28abe2;
}

.btn.maintenance {
  background: url(images/maint-filter-normal.png) no-repeat 7px 0 #f5f5f5;
  border: 0;
}

.btn.maintenance.none {
  background: url(images/maint-filter-none.png) no-repeat 7px 0 #f5f5f5;
}

.btn.maintenance.only {
  background: url(images/maint-filter-only.png) no-repeat 7px 0 #f5f5f5;
}

.btn.maintenance.disable {
  background: url(images/maint-filter-empty.png) no-repeat 7px 0 #999;
}

.btn.expand,
.btn.list {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn.collapse,
.btn.tree {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn.f0.active {
  background: #999;
  margin-left: 0;
  border: 0;
}

.btn.f1.active {
  margin-left: 0;
  background: #3da23d;
  border: 0;
}

.btn.f2.active {
  margin-left: 0;
  background: #f90;
  border: 0;
}

.btn.f3.active {
  background: #e00;

  margin-left: 0;
  border: 0;
}

.btn.filter-light:after {
  content: 'filter';
}

#aggr-info:before {
  content: 'info';
}

#aggr-dnld:before {
  content: 'csv';
}

#aggr-show.btn.hide:before {
  content: 'hide daily';
}

#aggr-show.btn.show:before {
  content: 'show daily';
}

#aggr-calc:before {
  content: 'recalc';
}

.btn.reconfig {
  background: #3da23d;
}

li#mon.btn {
  margin-left: 4px;
}

li#por.btn {
  margin-right: 5px;
}

li#logout.btn.floating {
  margin-right: 0;
}