.toolbar .toolbar-bar {
  color: #eee;
  background-color: #202020;
}
.toolbar .toolbar-tray {
  color: #eee;
  background: #202020;
  border: none;
}
.toolbar .toolbar-tray a {
  padding: 0.8em 0.6em;
  cursor: pointer;
  text-decoration: none;
  color: #eee;
  background-color: transparent;
}
.toolbar-menu  .menu-item > span {
  padding: 0.8em 0.6em;
  display: block;
  color: #eee;
  cursor: pointer;
}


.toolbar-icon-system-admin-content:hover:before,
.toolbar-icon-system-admin-content:active:before,
.toolbar-icon-system-admin-content.is-active:before {
  background-image: url(../images/file.svg);
}
.toolbar-icon-system-admin-structure:hover:before,
.toolbar-icon-system-admin-structure:active:before,
.toolbar-icon-system-admin-structure.is-active:before {
  background-image: url(../images/orgchart.svg);
}
.toolbar-icon-system-themes-page:hover:before,
.toolbar-icon-system-themes-page:active:before,
.toolbar-icon-system-themes-page.is-active:before {
  background-image: url(../images/paintbrush.svg);
}
.toolbar-icon-system-modules-list:hover:before,
.toolbar-icon-system-modules-list:active:before,
.toolbar-icon-system-modules-list.is-active:before  {
  background-image: url(../images/puzzlepiece.svg);
}
.toolbar-icon-system-admin-config:hover:before,
.toolbar-icon-system-admin-config:active:before,
.toolbar-icon-system-admin-config.is-active:before {
  background-image: url(../images/wrench.svg);
}
.toolbar-icon-entity-user-collection:hover:before,
.toolbar-icon-entity-user-collection:active:before,
.toolbar-icon-entity-user-collection.is-active:before {
  background-image: url(../images/people.svg);
}
.toolbar-icon-system-admin-reports:hover:before,
.toolbar-icon-system-admin-reports:active:before,
.toolbar-icon-system-admin-reports.is-active:before {
  background-image: url(../images/barchart.svg);
}
.toolbar-icon-help-main:hover:before,
.toolbar-icon-help-main:active:before,
.toolbar-icon-help-main.is-active:before {
  background-image: url(../images/questionmark-disc.svg);
}

/*begin - remove toolbar icons*/
.toolbar-icon-system-admin-structure:active:before,
.toolbar-icon-system-admin-structure.is-active:before,
.toolbar .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-icon:before,
.toolbar .toolbar-menu-administration .menu-item .toolbar-box a.toolbar-icon:before{
  background-image: none;
  display: none;
  padding: 0;
}
.toolbar .toolbar-icon {
  position: relative;
  padding-left: 4px;
}
.toolbar-icon.toolbar-icon-admin-toolbar-tools-help {
  min-width: 4em;
  padding-left: 2.5em;
  padding-right: 1.5em;
}
/* end - remove toolbar icons*/

.toolbar .toolbar-tray-horizontal .toolbar-menu-administration .toolbar-icon-admin-toolbar-tools-help:before {
  display: block;
  width: 16px;
}
.toolbar-horizontal .toolbar-tray > .toolbar-lining {
  padding-right: 2.3em;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
  background-image: none;
  background-color: #202020;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item:hover {
  background-image: none;
  background-color: #111;
}
.toolbar .toolbar-icon.toolbar-handle.open:before {
  background-image: url(../images/chevron-disc-up.svg);
}
.toolbar .toolbar-icon.toolbar-handle:before {
  background-image: url(../images/chevron-disc-down.svg);
}
.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle.open:before {
  background-image: url(../images/twistie-up.svg);
}
.toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:before {
  background-image: url(../images/twistie-down.svg);
}
.toolbar-icon-9 .toolbar-icon.toolbar-icon-admin-toolbar-tools-help:before,
.toolbar-icon-10 .toolbar-icon.toolbar-icon-admin-toolbar-tools-help:before {
  box-sizing: content-box;
  background-image: url(../images/favicon-32x32.png)!important;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  margin-left: 4px;
}
.toolbar-icon-9 .toolbar-icon-admin-toolbar-tools-help:active:before,
.toolbar-icon-9 .toolbar-icon-admin-toolbar-tools-help.active:before,
.toolbar-icon-10 .toolbar-icon-admin-toolbar-tools-help:active:before,
.toolbar-icon-10 .toolbar-icon-admin-toolbar-tools-help.active:before {
  background-image: url(../images/favicon-32x32.png)!important;
}
.toolbar-icon-9.toolbar-vertical .toolbar-icon-admin-toolbar-tools-help:before,
.toolbar-icon-9.toolbar-vertical .toolbar-icon-admin-toolbar-tools-help:active:before {
  box-sizing: content-box;
  background-image: url(../images/logo.svg)!important;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  margin-left: 0;
  width: 80%;
  background-color: #fff;
  background-size: contain;
}
.toolbar .toolbar-toggle-orientation button {
  width: 30px;
  height: 22px;
  padding: 0;
  text-indent: -999em;
}
.toolbar .toolbar-toggle-orientation {
  height: 100%;
  padding: 0;
  background-color: #202020;
}
.toolbar-horizontal .toolbar-tray {
  border-bottom: 1px solid #323232;
}
.toolbar .toolbar-tray-horizontal .toolbar-tray {
  background-color: #202020;
}
.toolbar .toolbar-tray-vertical .toolbar-menu a {
  padding: 4px 8px;
}
.toolbar .toolbar-tray-vertical .toolbar-menu a.toolbar-icon-admin-toolbar-tools-help {
  text-indent: 0;
}
/*stuck with div.tool-box after toggling from vertical to horizontal orientation.*/
.toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a, .toolbar .toolbar-tray a.is-active {
  color: #eee;
  font-weight: bold;
}
.toolbar-tray-horizontal ul li.menu-item--expanded .menu-item.hover-intent ul {
  display: block;
  margin: -24px 0 0 197px;
}
.toolbar-tray a:hover,
.toolbar-tray a:active,
.toolbar-tray a:focus,
.toolbar-tray a.is-active {
  text-decoration: none;
  color: #eee;
  background-color: #111;
}
.toolbar-horizontal .toolbar-tray ul {
  font-size: 9px;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
.toolbar .toolbar-menu {
  border-top: none;
  background-color: transparent;
}
.toolbar .toolbar-menu .toolbar-menu a {
  color: #eee;
}
.toolbar .toolbar-tray a.is-active {
  color: #eee;
  font-weight: bold;
}
.toolbar .toolbar-tray-vertical {
  border-right: 1px solid #323232; /* LTR */
  background-color: #202020;
}
.toolbar .toolbar-tray-vertical .menu-item + .menu-item {
  border-top: 1px solid #323232;
}
.toolbar .toolbar-tray-vertical .menu-item:last-child {
  border-bottom: 1px solid #323232;
}
.toolbar .toolbar-tray-vertical .menu-item .menu-item {
  border: 0 none;
  background-color: #45454A;
}
.toolbar .toolbar-tray-vertical a:hover,
.toolbar .toolbar-tray-vertical a:active,
.toolbar .toolbar-tray-vertical a:focus {
  background-color: #111;
}
/*removes white background on vertical arrow*/
.toolbar .toolbar-tray-vertical .toolbar-icon.toolbar-handle:focus {
  background-color: transparent;
}
.toolbar .toolbar-tray-vertical .toolbar-menu ul ul {
  border-top: 1px solid #323232;
  border-bottom: 1px solid #323232;
}
.toolbar .toolbar-tray-vertical .menu-item:last-child > ul {
  border-bottom: 0;
}
.toolbar .toolbar-tray-vertical .menu-item--active-trail > .toolbar-box a {
  color: #eee;
  font-weight: bold;
  background-color: #111;
}
.toolbar-tray-horizontal .menu-item:hover {
  background: #111;
}
.toolbar-tray-horizontal .menu-item a:focus {
  background: #111;
}
toolbar-tray-horizontal ul li.menu-item--expanded:hover {
  background: #111;
}
.toolbar-tray-horizontal .menu-item--expanded .menu {
  background: #111;
  width: auto;
  height: auto;
}
.toolbar-tray-horizontal .menu-item--expanded {
  background-color: #202020;
}
.toolbar-tray-horizontal ul li > li.menu-item--expanded.menu-item.hover-intent{
  background: #323232;
}
.toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
  border-left: 1px solid #323232; /* LTR */
}
.toolbar-horizontal .toolbar-tray .menu-item:last-child {
  border-right: 1px solid #323232; /* LTR */
  border-left: 1px solid #323232;
}
.toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
  border-left: 1px solid #323232; /* LTR */
}
.toolbar-tray-horizontal .menu-item a:focus {
background-color: #202020;
}
.toolbar-tray-horizontal .menu-item li {
background-color: #202020;
background-image: none;
}

.toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
  background-position: center right;
  background-image: url(../images/chevron-right.svg);
  background-repeat: no-repeat;
}
.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a:hover,
.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a:focus,
.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a.is-active {
  background-position: center right;
  background-image: url(../images/chevron-right.svg);
  background-repeat: no-repeat;
}
/*stuck with div.tool-box after toggling from vertical to horizontal orientation.*/
.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > .toolbar-box a:hover,
.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > .toolbar-box a:focus,
.toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > .toolbar-box a.is-active {
  color: #eee;
  background-position: center right;
  background-image: url(../images/chevron-right.svg);
  background-repeat: no-repeat;
}
/*highlight parent/child effect*/
.toolbar-tray-horizontal ul li.menu-item--expanded.hover-intent ul li.menu-item--expanded:hover {
  background-color: #111;
  background-position: center right;
  background-image: url(../images/chevron-right.svg);
  background-repeat: no-repeat;
}
.toolbar-tray-horizontal ul li li.menu-item {
  border-top: 1px solid #323232;
  border-right: none transparent;
  border-bottom: none transparent;
  border-left: none transparent;
}
.toolbar .toolbar-tray-horizontal ul ul li.menu-item:first-child {
  border-top: 1px solid #323232;
}
.toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
  background-color: #45454A;
}
.toolbar-tray-horizontal .toolbar-menu-administration  > ul > li.menu-item:last-child,
.toolbar-tray-horizontal .toolbar-menu-administration > ul > li.menu-item:nth-last-child(2) {
  float:right;
}
[dir="rtl"] .toolbar .toolbar-tray-vertical {
  border-right: 0 none;
  border-left: 1px solid #323232;
}
[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
  border-right: 1px solid #323232;
  border-left: 0 none;
}
[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item:last-child {
  border-left: 1px solid #323232;
}
[dir="rtl"] .toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
  border-right: 1px solid #323232;
  border-left: 0 none;
}
[dir="rtl"] .toolbar-tray-horizontal .menu-item:hover {
  background: #202020;
}
[dir="rtl"] .toolbar-tray-horizontal .menu-item a:focus {
  background: #202020;
}
[dir="rtl"] .toolbar-tray-horizontal .toolbar-menu:not(:first-child) li.menu-item--expanded > a:focus {
  background-position: center right;
  background-image: url(../images/chevron-right.svg);
  background-repeat: no-repeat;
}
[dir="rtl"] .toolbar-tray-horizontal .menu-item--expanded .menu {
  background: #101010;
  width: auto;
  height: auto;
}
[dir="rtl"] .toolbar-tray-horizontal .menu-item--expanded {
  background-color: #202020;
}
[dir="rtl"] .toolbar-tray-horizontal ul li li.menu-item {
  border-top: none transparent;
  border-right: 1px solid #323232;
  border-bottom: 1px solid #323232;
  border-left: 1px solid #323232;
}
[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item:last-child {
  border-left: 1px solid #323232;
  border-right: 1px solid #323232;
}
[dir="rtl"] .toolbar .toolbar-tray-horizontal ul ul li.menu-item:first-child {
  border-top: 1px solid #323232;
}
[dir="rtl"] .toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
  background-position: center left;
  background-image: url(../images/chevron-right.svg);
  background-repeat: no-repeat;
}
