.tool-icon{
  font-size: 125%;
  margin-bottom: 5px;
  padding: 7.5px;
  border-radius: 5px;
}

[data-status="off"] .tool-icon{
  border: 2px solid #FFF;
}

[data-status="on"] .tool-icon{
  border: 2px solid #2E5274;
}

[data-status]:hover, [data-status]:active{
  cursor: pointer;
  color: #2E5274;
}

[data-status]:hover .tool-icon, [data-status]:active .tool-icon{
  border: 2px solid #2E5274;
}

[data-status="on"]{
  color: #2E5274;
}

[data-status="on"] span.small{
  font-weight: bold;
}

.tool-icon.plus{
  font-size: 145%;
  padding-left: 7.25px;
  padding-right: 7.45px;
  padding-top: 5.5px;
  padding-bottom: 5.5px;
}

.tool-icon.minus{
  font-size: 110%;
  padding-left: 7.625px;
  padding-right: 7.625px;
  padding-top: 9px;
  padding-bottom: 9px;
}