#toolbar-bar {
  background-color: var(--topBackground);
}
.toolbar .toolbar-bar .toolbar-item {
  color: var(--topColor);
}
.toolbar-bar #toolbar-item-administration-tray .toolbar-lining,
#toolbar-item-administration-tray {
  background-color: var(--submenuBackground);
}

@media only screen and (min-width: 16.5em) {
  .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
    width: 3.5em;
  }
}
@media only screen and (min-width: 36em) {
  .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
    width: auto;
  }
}
.toolbar_simplifying .small_button {
  padding-right: 0 !important;
  min-height: 39px;
  background: var(--gin-color-primary, #111) !important;
  text-indent: -9999px !important;
  width: 0 !important;
}
.toolbar_simplifying .small_button:before {
  background-color: var(--gin-bg-app, #F7FBFA);
}
.toolbar-icon-simplifying_unread::before {
  background-image: url(../images/writing_grey.svg);
}
.toolbar-icon-simplifying_unread.is-active::before {
  background-image: url(../images/writing_white.svg);
}
#toolbar-item-simplifying-unread-tray .menu-item,
#toolbar-item-simplifying-tray .menu-item {
  margin: 0;
}

/* gin theme fix */
body.gin--classic-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.toolbar-icon-simplifying_switch,
body.gin--classic-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.toolbar-icon-simplifying_unread {
  outline: none;
}
body.gin--classic-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.toolbar-icon-simplifying_unread::before {
  -webkit-mask-image: url(../images/writing_grey.svg);
  mask-image: url(../images/writing_grey.svg);
}

.gin-secondary-toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.toolbar-icon-simplifying_unread::before,
body.gin--classic-toolbar .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.toolbar-icon-simplifying_unread.is-active::before {
  -webkit-mask-image: url(../images/writing_white.svg) !important;
  mask-image: url(../images/writing_white.svg) !important;
}

.toolbar-icon.toolbar-icon-simplifying_switch::before,
.toolbar-icon.toolbar-icon-simplifying_switch.is-active::before{
  -webkit-mask-image: url(../images/logo_g.svg) !important;
  mask-image: url(../images/logo_g.svg) !important;
  background: none;
  background-color: rgba(255, 255, 255, .75);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  mask-size: 20px;
}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.small_button.is-active::before,
body[class*="gin"] .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.toolbar-icon-simplifying_unread.is-active::before,
body[class*="gin"] .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon.toolbar-icon-simplifying_switch.is-active::before {
  filter: none;
}

body.gin--classic-toolbar #toolbar-item-simplifying-tray .toolbar-icon-simplifying_minify,
body.gin--classic-toolbar #toolbar-item-simplifying-tray .toolbar-icon-simplifying_minify.is-active {
  background: none;
  padding-left: 45px;
}

 #toolbar-item-simplifying-tray .toolbar-icon-simplifying_minify::before {

  -webkit-mask-image: url(../images/minify.svg) !important;
  mask-image: url(../images/minify.svg) !important;
  background-color: var(--gin-icon-color, #414247);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 30px;
  mask-size: 30px;
}

#toolbar-item-simplifying-tray .toolbar-icon-simplifying_minify.is-active::before {
  -webkit-mask-image: url(../images/increase.svg) !important;
  mask-image: url(../images/increase.svg) !important;
  background: var(--gin-icon-color, #414247);
}

.simplifying-menu .toolbar-icon,
.simplifying-menu .toolbar-icon.is-active {
  background: none;
  padding-left: 45px !important;
}

.simplifying-menu .toolbar-icon:before {
  content: '';
  display: block !important;
  width: 30px;
  mask-size: 27px;
}

.toolbar-secondary .simplifying-menu .toolbar-icon:hover::before {
  background: var(--gin-color-button-text, #fff) !important;
}

.simplifying-menu .toolbar-icon-simplifying_services::before,
.simplifying-menu .toolbar-icon-simplifying_training::before {
  background-color: var(--gin-icon-color, #414247);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: 30px;
  mask-size: 30px;
}

.simplifying-menu .toolbar-icon-simplifying_services::before {
  -webkit-mask-image: url(../images/service.svg) !important;
  mask-image: url(../images/service.svg) !important;
}

.simplifying-menu .toolbar-icon-simplifying_services.is-active::before {
  background: var(--gin-color-primary, #111);
}

.simplifying-menu .toolbar-icon-simplifying_services:hover.is-active::before {
  background: var(--gin-color-button-text, #fff);
}

body.gin--classic-toolbar #toolbar-item-simplifying-tray .toolbar-icon-simplifying_training,
body.gin--classic-toolbar #toolbar-item-simplifying-tray .toolbar-icon-simplifying_training.is-active {
  background: none;
  padding-left: 45px;
}

.simplifying-menu .toolbar-icon-simplifying_training::before {
  -webkit-mask-image: url(../images/training.svg) !important;
  mask-image: url(../images/training.svg) !important;
}
.simplifying-menu .toolbar-icon-simplifying_training.is-active::before {
  background: var(--gin-color-primary, #111);
}

.toolbar .toolbar-bar .basket-toolbar-item {
  background-color: transparent !important;
}

.toolbar-horizontal .toolbar-menu-administration > .toolbar-menu > .menu-item {
  background-color: var(--gin-bg-layer, #fff);
}

@media (min-width: 80em) {

  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab,
  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-id--toolbar-icon-user {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }

  #toolbar-administration-secondary .toolbar-bar {
    border-radius: 10px;
  }

  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray a:hover,
  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray a:active {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: 30px;
    mask-size: 30px;
    background-color: var(--gin-color-primary, #111);
  }
}

@media (min-width: 61em) {
  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-item {
    color: var(--topColor) !important;
  }

  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab:hover .trigger,
  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-item:focus:has(+ .toolbar-tray),
  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-item:hover {
    color: var(--gin-color-text-light, #545560) !important;
  }

  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-item:before {
    background: var(--topColor) !important;
  }


  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab:hover .toolbar-item:before,
  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-item:focus:has(+ .toolbar-tray):before,
  .gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-item:hover:before {
    background: var(--gin-color-text-light, #545560) !important;
  }
}

.simplifying-local-task-trigger{
  position: relative;
}
.simplifying-local-task-trigger .simplifying-toggle-button {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  border: 1px solid var(--gin-color-primary, #111);
  border-radius: 100%;
  background: var(--gin-bg-app, #fff);
  width: 15px;
  height: 15px;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.simplifying-local-task-trigger .simplifying-toggle-button:before {
  content: '✓';
  display: block;
  width: 100%;
  height: 100%;
  line-height: 13px;
  text-indent: 0;
  text-align: center;
  font-size: 12px;
  color: var(--gin-color-primary, #111);
}
.simplifying-local-task-trigger.simplifying-local-task-trigger--hidden .simplifying-toggle-button {
  border-color: var(--gin-color-danger, #B71C1C);
}
.simplifying-local-task-trigger.simplifying-local-task-trigger--hidden .simplifying-toggle-button:before {
  content: '✗';
  color: var(--gin-color-danger, #B71C1C);
}