.tool-container {
  background-color: #5e696d;
  background-size: 100% 100%;
  border-radius: 6px;
  position: absolute;
}

.tool-item {
  height: 100%;
  display: block;
  text-align: left;
  padding: 10px;
  transition: none;
}

.tool-right .tool-item:first-child:hover {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tool-right .tool-item:last-child:hover {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.tool-container .arrow {
  width: 0;
  height: 0;
  position: absolute;
  border-width: 7px;
  border-style: solid;
}

.tool-container.tool-right .arrow {
  border-color: transparent #5e696d transparent transparent;
  top: 50%;
  left: -14px;
  margin-top: -7px;
}
.toolbar-primary {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 2px 2px 2px #cccccc;
}
.toolbar-primary.tool-right .arrow {
  border-color: transparent #cccccc transparent transparent;
}

.toolbar-primary .tool-item.selected,
.toolbar-primary .tool-item:hover {
  background: #00B388;
  color: white;
}
.hidden {
  display: none;
}