/* Styles used for block filters */

.blockfilter {
  margin-top: 0;
}

.blockfilter ul {
  margin: 0;
}

.blockfilterlink {
  color: #fff;
}

.blockfilterheader {
  width: 99%;
  display: block;
  float: left;
  height: 5px;
  margin-bottom: 2px;
}

.blockfiltercontent {
  width: 99%;
  display: block;
  text-align: center;
  float: left;
  color: #fff;
}

.blockfilterdata {
  margin: 5px 0 5px 0;
  display: inline-block;
}

.blockfilter .stitle {
  font-family: Arial, sans-serif, Verdana;
  font-size: 10px;
  font-weight: bold;
}

.blockfilter .svalue {
  font-family: Arial, sans-serif, Verdana;
  font-size: 20px;
  font-weight: bold;
}

/* Color styles */

.lightblueblockfilter {
  background-color: #55bdf1;
  border-color: #55bdf1;
}
.lightblueblockfilter:hover {
  background-color: #47a2d2;
}

.blueblockfilter {
  background-color: #4B88E7;
  border-color: #4B88E7;
}
.blueblockfilter:hover {
  background-color: #3e74c7;
}

.bluegreenblockfilter {
  background-color: #56dbd2;
  border-color: #56dbd2;
}
.bluegreenblockfilter:hover {
  background-color: #48BCB5;
}

.purpleblockfilter {
  background-color: #8581ec;
  border-color: #8581ec;
}
.purpleblockfilter:hover {
  background-color: #716ecc;
}

.yellowblockfilter {
  background-color: #f3c536;
  border-color: #f3c536;
}
.yellowblockfilter:hover {
  background-color: #d8af30;
}

.orangeblockfilter {
  background-color: #f38a36;
  border-color: #f38a36;
}
.orangeblockfilter:hover {
  background-color: #d9782b;
}

.darkorangeblockfilter {
  background-color: #fa7b58;
  border-color: #fa7b58;
}
.darkorangeblockfilter:hover {
  background-color: #d76a4c;
}

.greenblockfilter {
  background-color: #94b758;
  border-color: #94b758;
}
.greenblockfilter:hover {
  background-color: #748f45;
}

.redblockfilter {
  background-color: #bd4753;
  border-color: #bd4753;
}
.redblockfilter:hover {
  background-color: #ad2d3c;
}