/* allow vendor prefixes and disable max length */
/* allow vendor prefixes and disable max length */
/* ==========================================================================
   Variables, mixins, silent classes etc.
   ========================================================================== */
.grouped-navigation {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-right: -1px;
  font-size: 16px;
  color: var(--gd-dashboards-navigation-item-color, var(--gd-palette-complementary-8-from-theme, #94a1ad));
  background-color: var(--gd-dashboards-navigation-backgroundColor, var(--gd-palette-complementary-1-from-theme, #303442));
  transition: left 0.5s, width 0.5s;
}

.grouped-navigation-header,
.grouped-navigation-section-button {
  flex: 0 0 auto;
  padding: 10px;
  font-weight: bold;
  line-height: 27px;
  text-transform: uppercase;
  color: var(--gd-dashboards-navigation-title-color, var(--gd-palette-complementary-6, #94a1ad));
}

.grouped-navigation-header {
  display: flex;
  border-bottom: 1px solid var(--gd-dashboards-navigation-borderColor, var(--gd-palette-complementary-4-from-theme, rgba(148, 161, 173, 0.2)));
  align-items: center;
}
@media only screen and (min-width:641px) {
  .grouped-navigation-header {
    font-size: 14px;
  }
}
@media only screen and (min-width:1171px) {
  .grouped-navigation-header {
    font-size: 16px;
  }
}
.grouped-navigation-header .grouped-navigation-header-title {
  flex: 1 0 auto;
}
.grouped-navigation-header .grouped-navigation-add-button {
  flex: 0 0 auto;
  width: 27px;
}
@media only screen and (min-width:641px) {
  .grouped-navigation-header .grouped-navigation-add-button {
    display: none;
  }
}
@media only screen and (min-width:1171px) {
  .grouped-navigation-header .grouped-navigation-add-button {
    display: block;
  }
}
.grouped-navigation-header .grouped-navigation-add-button::before {
  color: var(--gd-palette-complementary-0, #fff);
}
.grouped-navigation-header .grouped-navigation-add-button:hover::before {
  color: var(--gd-palette-complementary-0, #fff);
}

.grouped-navigation-groups-divider {
  border-top: 1px solid var(--gd-dashboards-navigation-borderColor, var(--gd-palette-complementary-4-from-theme, rgba(148, 161, 173, 0.2)));
  margin: 8px 15px;
}

.grouped-navigation-section-button {
  border-top: 1px solid var(--gd-dashboards-navigation-borderColor, var(--gd-palette-complementary-4-from-theme, rgba(148, 161, 173, 0.2)));
  border-bottom: none;
  font-size: 14px;
  cursor: pointer;
}
.grouped-navigation-section-button .grouped-navigation-expand-group-icon {
  margin-right: 10px;
}

.grouped-navigation-section--is-collapsed .grouped-navigation-list {
  height: 0;
  padding: 0;
  transition: height 0.15s ease-out;
}

.grouped-navigation-section--is-expanded {
  background-color: var(--gd-dashboards-navigation-item-selectedBackgroundColor, var(--gd-palette-complementary-0-from-theme, #131c28));
}
.grouped-navigation-section--is-expanded .grouped-navigation-list {
  height: calc(40vh - 43px);
  transition: height 0.15s ease-out;
}

.grouped-navigation-list {
  flex: 1 1 auto;
  overflow: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
}

.grouped-navigation,
.grouped-navigation-list {
  width: 230px;
}
@media only screen and (min-width:641px) {
  .grouped-navigation,
  .grouped-navigation-list {
    width: 160px;
  }
}
@media only screen and (min-width:1171px) {
  .grouped-navigation,
  .grouped-navigation-list {
    width: 230px;
  }
}

.grouped-navigation-list-item {
  display: block;
  border-left: 4px solid transparent;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
}
.grouped-navigation-list-item:hover {
  color: var(--gd-dashboards-navigation-item-hoverColor, var(--gd-palette-complementary-9-from-theme, #fff));
  border-color: var(--gd-palette-complementary-6-from-theme, rgba(255, 255, 255, 0.5));
}
.grouped-navigation-list-item-selected {
  color: var(--gd-dashboards-navigation-item-selectedColor, var(--gd-palette-complementary-9-from-theme, #fff));
  border-color: var(--gd-palette-primary-base, #14b2e2);
  font-weight: bold;
  background-color: var(--gd-dashboards-navigation-item-selectedBackgroundColor, var(--gd-palette-complementary-0-from-theme, #131c28));
}
.grouped-navigation-list-item a {
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 15px 0 11px;
  white-space: nowrap;
}
.grouped-navigation-list-item a .gd-bubble-trigger,
.grouped-navigation-list-item a .shortened {
  display: inline-flex;
  overflow: hidden;
  width: 100%;
  font-size: 14px;
}
.grouped-navigation-list-item a .shortened {
  max-width: 100%;
}
.overlay .grouped-navigation-list-item a {
  flex: 0 0 auto;
  max-width: 100%;
  margin-right: 5px;
  color: var(--gd-palette-complementary-7, #6d7680);
}
.grouped-navigation-list-item a, .grouped-navigation-list-item a:hover, .grouped-navigation-list-item a:focus, .grouped-navigation-list-item a:active {
  text-decoration: none;
  color: inherit;
}
.grouped-navigation-list-item .grouped-navigation-list-item-icon {
  padding-right: 10px;
  font-size: 14px;
  display: block;
}
.grouped-navigation-list-item .grouped-navigation-list-item-icon::before {
  display: block;
  margin-bottom: 3px;
}

.grouped-navigation-off .grouped-navigation,
.grouped-navigation-off .gd-ui-kit-navigation-bypass {
  display: none;
}

.grouped-navigation-on .grouped-navigation {
  left: 0;
}
@media only screen and (min-width:641px) {
  .grouped-navigation-on .dash-content {
    padding-left: 160px;
  }
  .grouped-navigation-on .dash-content.is-widgets-catalogue-hidden {
    padding-left: 0;
  }
  .grouped-navigation-on .dash-content.is-widgets-catalogue-hidden .dash-header-wrapper {
    left: 0;
  }
  .grouped-navigation-on .dash-header-wrapper {
    left: 160px;
  }
  .grouped-navigation-on .gd-dash-header-wrapper {
    left: 160px;
  }
  .grouped-navigation-on .dash-nav {
    left: 0;
    width: 160px;
  }
}
@media only screen and (min-width:1171px) {
  .grouped-navigation-on .dash-content {
    padding-left: 230px;
  }
  .grouped-navigation-on .dash-header-wrapper {
    left: 230px;
  }
  .grouped-navigation-on .gd-dash-header-wrapper {
    left: 230px;
  }
  .grouped-navigation-on .dash-nav {
    width: 230px;
  }
}
@media only screen and (min-width:1171px) {
  .grouped-navigation-on.edit-mode-on .dash-nav::before,
  .grouped-navigation-on.edit-mode-on .grouped-navigation {
    left: -230px;
  }
}
@media only screen and (min-width:641px) {
  .grouped-navigation-on.edit-mode-off .dash-nav::before,
  .grouped-navigation-on.edit-mode-off .grouped-navigation {
    left: 0;
  }
}

.grouped-mobile-navigation {
  width: 100%;
}
.is-splashscreen-visible .grouped-mobile-navigation {
  display: none;
}

.grouped-mobile-navigation-dropdown {
  display: flex;
  flex-direction: column;
  overflow: auto;
  overscroll-behavior: contain;
  height: 100%;
}
.grouped-mobile-navigation-dropdown.grouped-mobile-navigation-dropdown--has-subgroups {
  height: calc(100% - 45px + 1px);
}
.grouped-mobile-navigation-dropdown .gd-list-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding: 0 15px;
  border: none;
  font-size: 14px;
  line-height: 40px;
  color: var(--gd-palette-complementary-8, #464e56);
  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
}
.grouped-mobile-navigation-dropdown .gd-list-item::after {
  display: none;
}
.grouped-mobile-navigation-dropdown .gd-list-item.is-selected {
  font-weight: bold;
  color: #14b2e2;
}
.grouped-mobile-navigation-dropdown .gd-list-item.is-selected .gd-customizable-checkmark-mobile-navigation {
  top: 14px;
  right: 15px;
}
.grouped-mobile-navigation-dropdown .gd-list-item.grouped-mobile-navigation-group, .grouped-mobile-navigation-dropdown .gd-list-item.grouped-mobile-navigation-expanded-group {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--gd-palette-complementary-6, #94a1ad);
}
.grouped-mobile-navigation-dropdown .gd-list-item .grouped-navigation-list-item-icon {
  flex: 0 0 auto;
  margin-right: 5px;
  color: var(--gd-palette-complementary-6, #94a1ad);
}
.grouped-mobile-navigation-dropdown .gd-list-item .grouped-mobile-navigation-expanded-group-icon {
  flex: 0 0 auto;
  margin-right: 5px;
}
.grouped-mobile-navigation-dropdown .gd-list-item .grouped-mobile-navigation-group-icon {
  flex: 0 0 auto;
}
.grouped-mobile-navigation-dropdown .gd-list-item .grouped-navigation-dashboard-title {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}
.grouped-mobile-navigation-dropdown .gd-list-item.grouped-mobile-navigation-group {
  border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
  height: 45px;
  line-height: 45px;
  background: var(--gd-palette-complementary-2-from-theme, rgba(221, 228, 235, 0.2));
}
.grouped-mobile-navigation-dropdown .grouped-mobile-navigation-groups-divider {
  padding-top: 5px;
  border-bottom: 1px solid var(--gd-palette-complementary-3, #dde4eb);
  background: var(--gd-palette-complementary-2-from-theme, rgba(221, 228, 235, 0.2));
}
.grouped-mobile-navigation-dropdown .grouped-mobile-navigation-groups {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
}
.grouped-mobile-navigation-dropdown .grouped-mobile-navigation-expanded-group {
  position: fixed;
  top: 45px;
  right: 0;
  left: 0;
}
.grouped-mobile-navigation-dropdown .grouped-mobile-navigation-spacer {
  background: var(--gd-palette-complementary-2-from-theme, rgba(221, 228, 235, 0.2));
  flex-grow: 1;
}
.grouped-mobile-navigation-dropdown.grouped-mobile-navigation-dropdown--is-subgroup-expanded {
  height: 100%;
  margin-top: 40px;
}
.grouped-mobile-navigation-dropdown.grouped-mobile-navigation-dropdown--is-subgroup-expanded .gd-list-item.grouped-navigation-dashboard-item {
  margin-left: 30px;
  padding: 0 15px 0 0;
}
.grouped-mobile-navigation-dropdown.grouped-mobile-navigation-dropdown--is-subgroup-expanded .grouped-mobile-navigation-spacer {
  background: none;
}

/*# sourceMappingURL=grouped-navigation.css.map */
