label.btn span {
  font-size: 1.5em;
}

label input[type="radio"] ~ i.fa.fa-circle-o {
  color: #7AA3CC;
  display: inline;
}

label input[type="radio"] ~ i.fa.fa-check-circle-o {
  display: none;
}

label input[type="radio"]:checked ~ i.fa.fa-circle-o {
  display: none;
}

label input[type="radio"]:checked ~ i.fa.fa-check-circle-o {
  color: #7AA3CC;
  display: inline;
}

label:hover input[type="radio"] ~ i.fa {
  color: #7AA3CC;
}

label input[type="checkbox"] ~ i.fa.fa-square-o {
  color: #7AA3CC;
  display: inline;
}

label input[type="checkbox"] ~ i.fa.fa-check-square-o {
  display: none;
}

label input[type="checkbox"]:checked ~ i.fa.fa-square-o {
  display: none;
}

label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o {
  color: #7AA3CC;
  display: inline;
}

label:hover input[type="checkbox"] ~ i.fa {
  color: #7AA3CC;
}

div[data-toggle="buttons"] label.active {
  color: #7AA3CC;
}

div[data-toggle="buttons"] label {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 2em;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  background-color: none;
  border: 0px solid #333333;
  border-radius: 3px;
  color: #7AA3CC;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div[data-toggle="buttons"] label:hover {
  color: #7AA3CC;
}

div[data-toggle="buttons"] label:active,
div[data-toggle="buttons"] label.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}