label.btn span {

}

label input[type="radio"] ~ i.fa.fa-circle-o{
  color: #999999;    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.disabled input[type="radio"] ~ i.fa.fa-check-circle-o{
  display: none;
}

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


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

label input[type="checkbox"] ~ i.fa.fa-square-o{
  color: #808080;    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 {
  display: inline-block;
  padding: 6px 12px;
  padding-left: 1px;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 2em;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  background-color: none;
  border: 0px solid #4d4d4d;
  border-radius: 3px;
  color: #737373;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div[data-toggle="buttons"] label:not(.disabled):hover {
  color: #7AA3CC;
}

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

.fa-2x {
  font-size: 1.4em;
}