#scoreToolbar {
  padding: 5px 5px 0 5px;
  background: #f2f2f2;
}

.btn-group {
  border: 1px solid #c5c5c5;
  margin-bottom: 5px;
}

.btn:focus {
  outline: none;
}

.toolbutton {
  padding: 5px;
  border: none;
  background: #f2f2f2;
  min-width: 40px;
  height: 40px;
}

.toolbutton:hover {
  background: #f8f8f8;
}

.toolbutton.active {
  background: white;
  box-shadow: none;
}

#clefs .toolbutton img {
  width: 32px;
  height: 32px;
}

.open>.dropdown-toggle.toolbutton {
  background: #f8f8f0;
}

ul.list-unstyled li:hover {
  background-color: #f5f5f5;
}

#clefs ul.dropdown-menu {
  min-width: 0px;
  padding: 0;
}

#clefs a {
  padding-bottom: 10px;
}

#keySignatures button span {
  font-size: 16px;
}

#keySignatures .row {
  min-width: 450px;
  margin: 0;
}

#keySignatures ul {
  padding: 0;
}

#keySignatures a {
  color: black;
  text-decoration: none;
  display: block;
  padding-left: 5px;
}

#keySignatures button span.text {
  font-weight: bold;
}

#timeSignatures .row {
  min-width: 200px;
  margin: 0;
}

#timeSignatures ul {
  padding: 0;
}

#timeSignatures a {
  display: block;
  padding: 5px;
}

#dots .toolbutton img,
#alterations .toolbutton img {
  width: 80%;
}

#octaves ul.dropdown-menu {
  min-width: 0px;
  padding: 0;
}

#diatonicSteps .toolbutton img,
#chromaticSteps .toolbutton img {
  width: 80%;
}

#delete .toolbutton img {
  width: 28px;
  height: 28px;
}

#fermata .toolbutton img {
  width: 80%;
}