.toolbar .toolbar-bar {
  color: #777;
  background-color: #fff;
  box-shadow: -1px 0 3px 3px rgba(0, 0, 0, 0.06);
}

.toolbar .toolbar-bar .toolbar-tab a {
	color: inherit;
}

.toolbar .toolbar-item {
  padding: 1.1em 1.3333em;
    padding-top: 1.1em;
    padding-right: 1.3333em;
    padding-bottom: 1.1em;
    padding-left: 1.3333em;
  cursor: arrow;
  -webkit-text-decoration: none;
  text-decoration: none;
  line-height: 1em;
}

.toolbar-horizontal .toolbar-tray {
  border-bottom: none !important;
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.1);
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.1);
}

.toolbar .toolbar-tray-vertical {
  border-right: none !important;
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor;
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.1);
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.1);
}

@media only screen and (min-width: 36em) {
  .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon::before {
    left: 0.6667em;
    width: 1.25rem;
    background-size: 80% auto;
  }
}

.toolbar-bar .toolbar-icon-menu:active::before,
.toolbar-bar .toolbar-icon-menu.is-active::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cg%3e%3cpath fill='%233399dd' d='M14.752 6h-13.502c-.69 0-1.25.56-1.25 1.25v.5c0 .689.56 1.25 1.25 1.25h13.502c.689 0 1.25-.561 1.25-1.25v-.5c0-.69-.561-1.25-1.25-1.25zM14.752 0h-13.502c-.69 0-1.25.56-1.25 1.25v.5c0 .69.56 1.25 1.25 1.25h13.502c.689 0 1.25-.56 1.25-1.25v-.5c0-.69-.561-1.25-1.25-1.25zM14.752 12h-13.502c-.69 0-1.25.561-1.25 1.25v.5c0 .689.56 1.25 1.25 1.25h13.502c.689 0 1.25-.561 1.25-1.25v-.5c0-.689-.561-1.25-1.25-1.25z'/%3e%3c/g%3e%3c/svg%3e");
}

.toolbar-bar .toolbar-icon-shortcut:active::before,
.toolbar-bar .toolbar-icon-shortcut.is-active::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%233399dd' d='M12.236 15c-.146 0-.283-.041-.406-.124l-3.828-2.583-3.83 2.583c-.123.083-.265.124-.406.124-.145 0-.289-.043-.413-.129-.246-.171-.362-.475-.292-.766l1.122-4.73-3.439-3.107c-.225-.2-.303-.519-.196-.8.106-.282.376-.468.678-.468h4.259l1.843-4.542c.109-.277.377-.458.674-.458.297 0 .564.181.674.458l1.84 4.542h4.262c.306 0 .57.186.683.468.104.281.024.601-.196.8l-3.439 3.107 1.121 4.73c.065.291-.047.595-.293.766-.129.086-.273.129-.418.129z'/%3e%3c/svg%3e");
}

.toolbar-bar .toolbar-icon-user:active::before,
.toolbar-bar .toolbar-icon-user.is-active::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%233399dd' d='M1 15c-.275 0-.498-.225-.496-.5 0 0 .007-.746 1.071-1.512 1.138-.818 2.347-.969 3.308-1.498s.954-1.299.925-2.115c-.019-.543-.112-.657-.489-1.392-.556-1.084-.709-2.021-.791-2.823-.127-1.252.011-3.035.86-4.001.847-.964 2.114-1.104 2.114-1.104l.5-.055.498.055s1.266.14 2.113 1.104c.85.966.988 2.75.859 4.001-.08.802-.234 1.739-.791 2.823-.377.734-.476.849-.488 1.392-.029.816-.035 1.586.926 2.115s2.17.68 3.307 1.498c1.064.766 1.072 1.512 1.072 1.512.002.275-.221.5-.496.5h-14.002z'/%3e%3c/svg%3e");
}

.toolbar .toolbar-bar .toolbar-item {
  color: #999;
  font-weight: normal;
}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-item {
  font-weight: normal;
}