/* ******************************************************* */
/*                                                         */
/*             This file should not be changed.            */
/*    If changes are required - override in styles.css     */
/*                                                         */
/* ******************************************************* */

/* Toolbar initial variables */
body {
  /* set heights at zero if no toolbar */
  --d-toolbar-height: 0rem;
  --d-toolbar-tray-height: 0rem;
  /* set font-size and padding for toolbar items */
  --d-toolbar-font-size: var(--d-font-size-xs);
  --d-toolbar-padding-tb: var(--d-button-padding-tb);
}
.js body.toolbar-horizontal,
.js body.toolbar-vertical {
  /* set height if top toolbar is visible (padding top + font size + padding-bottom) */
  --d-toolbar-height: calc(var(--d-toolbar-padding-tb) + var(--d-toolbar-font-size) + var(--d-toolbar-padding-tb));
}
body.toolbar-horizontal.toolbar-tray-open {
  /* set height if bottom toolbar is visible (padding top + font size + padding-bottom) */
  --d-toolbar-tray-height: calc(var(--d-toolbar-padding-tb) + var(--d-toolbar-font-size) + var(--d-toolbar-padding-tb));
}
/* MOBILE SMALL - Non-Retina - (0-321px) */
.js #toolbar-administration {
  position: sticky;
  top: 0;
  z-index: 503;
}
#toolbar-administration .toolbar-bar {
  width: 100%;
}
.js body {
  padding-top: 0 !important; /* Override Toolbar Javascript */
} 
#toolbar-administration, 
#toolbar-administration * {
  font-size: var(--d-toolbar-font-size);
  line-height: 1 !important;
}
.toolbar-oriented .toolbar-bar {
  position: fixed;
}
.toolbar .toolbar-item {
  padding-top: var(--d-toolbar-padding-tb);
  padding-bottom: var(--d-toolbar-padding-tb);
}
.toolbar-horizontal .toolbar-tray {
  border-bottom-width: 0.1rem;
}
.toolbar .toolbar-icon-admin-toolbar-tools-help::before {
  background-size: 80% auto;
}
body.toolbar-tray-open.toolbar-verticalform-item-view-mode, 
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed #header { 
  margin-left: 0; /* reset toolbar.css */
}
.toolbar-oriented .toolbar-tray-vertical {
  width: 50%;
}
/* Overrides to Toolbar.css (converting from em to rem)*/
.toolbar .toolbar-icon {
  padding-left: var(--d-button-padding-lr); /* LTR */
  margin-right: 0 !important;
}
[dir="rtl"] .toolbar .toolbar-icon {
  padding-right: var(--d-button-padding-lr);
  padding-left: calc(var(--d-button-padding-lr) / 3);
}
.toolbar .toolbar-icon:before {
  left: 0.8rem; /* LTR */
  width: 1.8rem;
}
[dir="rtl"] .toolbar .toolbar-icon:before {
  right: 0.8rem;
}
.toolbar .toolbar-menu ul .toolbar-icon {
  padding-left: 1rem; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-menu ul .toolbar-icon {
  padding-right: 1.2rem;
}
.toolbar .toolbar-tray-vertical .toolbar-menu ul a {
  padding-left: 4.4rem; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu ul a {
  padding-right: 4.4rem;
}
.toolbar .toolbar-tray-vertical .toolbar-menu ul ul a {
  padding-left: 6rem; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu ul ul a {
  padding-right: 6rem;
}
.toolbar .toolbar-tray-vertical .toolbar-menu a {
  padding-right: 6.4rem; /* LTR */
  padding-left: 4.4rem; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-tray-vertical .toolbar-menu a {
  padding-right: 4.4rem;
  padding-left: 6.4rem;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
  padding-right: 1.6rem; /* LTR */
  padding-left: 4rem; /* LTR */
}
[dir="rtl"] .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
  padding-right: 4rem;
  padding-left: 1.6rem;
}
.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
  left: 1.1rem; /* LTR */
  width: 2rem;
  background-size: 100% auto
}
[dir="rtl"] .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon:before {
  right: 1.1rem;
}
.toolbar .toolbar-icon.toolbar-handle {
  width: 6.4rem;
}
.toolbar .toolbar-icon.toolbar-handle:before {
  left: 2.6rem; /* LTR */
}
.toolbar-tray a,
.toolbar-tray a:visited {
  padding: var(--d-toolbar-padding-tb) calc(var(--d-button-padding-lr) / 3) var(--d-toolbar-padding-tb) var(--d-button-padding-lr);
}
[dir="rtl"] .toolbar .toolbar-icon.toolbar-handle:before {
  right: 2.6rem;
}
.admin-tasks .is-horizontal .tabs__link.is-active::before {
  border-bottom: none; /* override Claro */
}
.toolbar .toolbar-toggle-orientation button {
  width: 4rem;
  height: 3.7rem;
}
/* Override Admin Toolbar Module */
.toolbar-tray-horizontal ul li.menu-item--expanded ul li.menu-item--expanded {
  background-position: center right 0.8rem;
  padding-right: 1.2rem;
}
/* ------------------------------------- RESPONSIVE ADJUSTMENTS ------------------------------------- */
@media all and (min-width: 768px) {
  /* TABLET - Non-Retina - (768px–1024px) */
  
  .toolbar-oriented .toolbar-tray-vertical {
   width: 20%;
  }
  
}