.btn-secondary {
  color: black;
  background-color: lightgray;
}

sup {
font-size: 0.8em;
vertical-align: super;
font-family: 'Arial Unicode MS', sans-serif;
}

.list-group {
margin-top: 20px;
}

.list-group-item {
font-size: 14px;
}

.btn-group > .btn-secondary.active {
background-color: lightgray;
border-color: lightgray;
color: black; /* change the text color */
box-shadow: none; /* remove the box shadow */
}

.btn-group > .btn-secondary:not(.active) {
background-color: lightgray; /* change the background color of inactive buttons */
border-color: lightgray; /* change the border color of inactive buttons */
color: #fff; /* change the text color of inactive buttons */
}

.btn-light{
background-color: rgb(247, 243, 244);
}

.btn-group > .btn-blue.active {
background-color: lightskyblue;
border-color: lightgray;
color: #fff; /* change the text color */
box-shadow: none; /* remove the box shadow */
}

.separator{
border-left: 1px solid rgb(112, 117, 122);
height: 22px;
margin: auto 0;
z-index: 2;
}

@media (min-width: 768px) {
.seven-cols .col-md-2,
.seven-cols .col-sm-2,
.seven-cols .col-lg-2 {
  width: 28.56%;
  *width: 28.56%;
}
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
  width: 14.28%;
  *width: 14.28%;
}
}