@use "sass:map";
@use "sass:list";
@use "sass:color";
/** primary color **/
/** secondary color **/
/** tertiary color **/
/** complementary color **/
/** Material Design colors **/
/***************************/
/**   Surface Elevation   **/
/***************************/
/***************************/
/**       Styling         **/
/***************************/
/*************************/
/**       Spacing       **/
/*************************/
/****************/
/**   Mixins   **/
/****************/
:root {
  --dp00-bg-color: #121212;
  --dp01-bg-color: #1d1d1d;
  --dp02-bg-color: #222222;
  --dp03-bg-color: #242424;
  --dp04-bg-color: #272727;
  --dp06-bg-color: #2c2c2c;
  --dp08-bg-color: #2d2d2d;
  --dp12-bg-color: #323232;
  --dp16-bg-color: #353535;
  --dp24-bg-color: #373737;
  --emphasis-ft-color: #ECEFF1;
  --regular-ft-color: #CFD8DC;
  --muted-ft-color: #B0BEC5;
  --wd-bg-image: linear-gradient(#272727, rgba(39, 39, 39, 0.95), rgba(39, 39, 39, 0.6), rgba(39, 39, 39, 0.6), rgba(39, 39, 39, 0.6));
  --pane-bg-color: #242424;
  --toolbar-bg-color: #2c2c2c;
  --pane-resizer-bg-image: repeating-linear-gradient(60deg, transparent, transparent 10px, #012F88 10px, #012F88 20px);
  --pane-resizer-bg-color: none;
  --pane-section-bg-color: #323232;
  --wd-section-bg-color: rgba(50, 50, 50, 0.7);
  --section-section-bg-color: #373737;
  --nav-bg-color: #121212;
  --nav-link-bg-color: #1d1d1d;
  --nav-link-hover-bg-color: #222222;
  --btn-bg-color: #265eca;
  --btn-color: #CFD8DC;
  --btn-hover-bg-color: #80a0e0;
  --btn-hover-color: #1F2D3A;
  --btn-active-bg-color: #b3c6ec;
  --btn-active-color: #1F2D3A;
  --sg-btn-bg-color: #6a58b6;
  --sg-btn-color: #CFD8DC;
  --sg-btn-hover-bg-color: #a89dd4;
  --sg-btn-hover-color: #1F2D3A;
  --sg-btn-active-bg-color: #cbc4e5;
  --sg-btn-active-color: #1F2D3A;
  --tb-btn-bg-color: transparent;
  --tb-btn-color: #CFD8DC;
  --tb-btn-hover-bg-color: #BDBDBD;
  --tb-btn-hover-color: #1F2D3A;
  --tb-btn-active-bg-color: #E0E0E0;
  --tb-btn-active-color: #1F2D3A;
  --grid-btn-color: #1F2D3A;
  --tooltip-bg-color: #424242;
  --tooltip-color: white;
  --tooltip-border: #212121;
}

:root .btn-border-not-last-child, :root .btn:not(:last-child):not(.btn-add-border) {
  border: none;
  margin-right: 1px;
}

:root .btn-border-last-child, :root .btn-add-border, :root .btn:last-child {
  border: none;
}

@media (prefers-color-scheme: dark) {
  --dp00-bg-color: #121212;
  --dp01-bg-color: #1d1d1d;
  --dp02-bg-color: #222222;
  --dp03-bg-color: #242424;
  --dp04-bg-color: #272727;
  --dp06-bg-color: #2c2c2c;
  --dp08-bg-color: #2d2d2d;
  --dp12-bg-color: #323232;
  --dp16-bg-color: #353535;
  --dp24-bg-color: #373737;
  --emphasis-ft-color: #ECEFF1;
  --regular-ft-color: #CFD8DC;
  --muted-ft-color: #B0BEC5;
  --wd-bg-image: linear-gradient(#272727, rgba(39, 39, 39, 0.95), rgba(39, 39, 39, 0.6), rgba(39, 39, 39, 0.6), rgba(39, 39, 39, 0.6));
  --pane-bg-color: #242424;
  --toolbar-bg-color: #2c2c2c;
  --pane-resizer-bg-image: repeating-linear-gradient(60deg, transparent, transparent 10px, #012F88 10px, #012F88 20px);
  --pane-resizer-bg-color: none;
  --pane-section-bg-color: #323232;
  --wd-section-bg-color: rgba(50, 50, 50, 0.7);
  --section-section-bg-color: #373737;
  --nav-bg-color: #121212;
  --nav-link-bg-color: #1d1d1d;
  --nav-link-hover-bg-color: #222222;
  --btn-bg-color: #265eca;
  --btn-color: #CFD8DC;
  --btn-hover-bg-color: #80a0e0;
  --btn-hover-color: #1F2D3A;
  --btn-active-bg-color: #b3c6ec;
  --btn-active-color: #1F2D3A;
  --sg-btn-bg-color: #6a58b6;
  --sg-btn-color: #CFD8DC;
  --sg-btn-hover-bg-color: #a89dd4;
  --sg-btn-hover-color: #1F2D3A;
  --sg-btn-active-bg-color: #cbc4e5;
  --sg-btn-active-color: #1F2D3A;
  --tb-btn-bg-color: transparent;
  --tb-btn-color: #CFD8DC;
  --tb-btn-hover-bg-color: #BDBDBD;
  --tb-btn-hover-color: #1F2D3A;
  --tb-btn-active-bg-color: #E0E0E0;
  --tb-btn-active-color: #1F2D3A;
  --grid-btn-color: #1F2D3A;
  --tooltip-bg-color: #424242;
  --tooltip-color: white;
  --tooltip-border: #212121;
  .btn-border-not-last-child, .btn:not(:last-child):not(.btn-add-border) {
    border: none;
    margin-right: 1px;
  }
  .btn-border-last-child, .btn-add-border, .btn:last-child {
    border: none;
  }
}

@media (prefers-color-scheme: light) {
  --dp00-bg-color: white;
  --dp01-bg-color: white;
  --dp02-bg-color: white;
  --dp03-bg-color: white;
  --dp04-bg-color: white;
  --dp06-bg-color: white;
  --dp08-bg-color: white;
  --dp12-bg-color: white;
  --dp16-bg-color: white;
  --dp24-bg-color: white;
  --emphasis-ft-color: #132230;
  --regular-ft-color: #1F2D3A;
  --muted-ft-color: #354350;
  --wd-bg-image: linear-gradient(white, rgba(255, 255, 255, 0.95), rgba(236, 236, 236, 0.6), rgba(236, 236, 236, 0.6), rgba(236, 236, 236, 0.6));
  --pane-bg-color: white;
  --toolbar-bg-color: white;
  --pane-resizer-bg-image: none;
  --pane-resizer-bg-color: #ececec;
  --pane-section-bg-color: #87AEFA;
  --wd-section-bg-color: rgba(135, 174, 250, 0.7);
  --section-section-bg-color: #b3cbff;
  --nav-bg-color: #FFD27C;
  --nav-link-bg-color: #FFBC3D;
  --nav-link-hover-bg-color: #FFA700;
  --btn-bg-color: #ececec;
  --btn-color: #1F2D3A;
  --btn-hover-bg-color: #4d7ad4;
  --btn-hover-color: #CFD8DC;
  --btn-active-bg-color: #265eca;
  --btn-active-color: #CFD8DC;
  --sg-btn-bg-color: #cbc4e5;
  --sg-btn-color: #1F2D3A;
  --sg-btn-hover-bg-color: #8575c3;
  --sg-btn-hover-color: #CFD8DC;
  --sg-btn-active-bg-color: #6a58b6;
  --sg-btn-active-color: #CFD8DC;
  --grid-btn-color: #1F2D3A;
  .btn-border-not-last-child, .btn:not(:last-child):not(.btn-add-border) {
    border: 1px solid black;
    border-right: none;
    margin-right: 0;
  }
  .btn-border-last-child, .btn-add-border, .btn:last-child {
    border: 1px solid black;
  }
}

body[data-theme="dark"] {
  --dp00-bg-color: #121212;
  --dp01-bg-color: #1d1d1d;
  --dp02-bg-color: #222222;
  --dp03-bg-color: #242424;
  --dp04-bg-color: #272727;
  --dp06-bg-color: #2c2c2c;
  --dp08-bg-color: #2d2d2d;
  --dp12-bg-color: #323232;
  --dp16-bg-color: #353535;
  --dp24-bg-color: #373737;
  --emphasis-ft-color: #ECEFF1;
  --regular-ft-color: #CFD8DC;
  --muted-ft-color: #B0BEC5;
  --wd-bg-image: linear-gradient(#272727, rgba(39, 39, 39, 0.95), rgba(39, 39, 39, 0.6), rgba(39, 39, 39, 0.6), rgba(39, 39, 39, 0.6));
  --pane-bg-color: #242424;
  --toolbar-bg-color: #2c2c2c;
  --pane-resizer-bg-image: repeating-linear-gradient(60deg, transparent, transparent 10px, #012F88 10px, #012F88 20px);
  --pane-resizer-bg-color: none;
  --pane-section-bg-color: #323232;
  --wd-section-bg-color: rgba(50, 50, 50, 0.7);
  --section-section-bg-color: #373737;
  --nav-bg-color: #121212;
  --nav-link-bg-color: #1d1d1d;
  --nav-link-hover-bg-color: #222222;
  --btn-bg-color: #265eca;
  --btn-color: #CFD8DC;
  --btn-hover-bg-color: #80a0e0;
  --btn-hover-color: #1F2D3A;
  --btn-active-bg-color: #b3c6ec;
  --btn-active-color: #1F2D3A;
  --sg-btn-bg-color: #6a58b6;
  --sg-btn-color: #CFD8DC;
  --sg-btn-hover-bg-color: #a89dd4;
  --sg-btn-hover-color: #1F2D3A;
  --sg-btn-active-bg-color: #cbc4e5;
  --sg-btn-active-color: #1F2D3A;
  --tb-btn-bg-color: transparent;
  --tb-btn-color: #CFD8DC;
  --tb-btn-hover-bg-color: #BDBDBD;
  --tb-btn-hover-color: #1F2D3A;
  --tb-btn-active-bg-color: #E0E0E0;
  --tb-btn-active-color: #1F2D3A;
  --grid-btn-color: #1F2D3A;
  --tooltip-bg-color: #424242;
  --tooltip-color: white;
  --tooltip-border: #212121;
}

body[data-theme="dark"] .btn-border-not-last-child, body[data-theme="dark"] .btn:not(:last-child):not(.btn-add-border) {
  border: none;
  margin-right: 1px;
}

body[data-theme="dark"] .btn-border-last-child, body[data-theme="dark"] .btn-add-border, body[data-theme="dark"] .btn:last-child {
  border: none;
}

body[data-theme="light"] {
  --dp00-bg-color: white;
  --dp01-bg-color: white;
  --dp02-bg-color: white;
  --dp03-bg-color: white;
  --dp04-bg-color: white;
  --dp06-bg-color: white;
  --dp08-bg-color: white;
  --dp12-bg-color: white;
  --dp16-bg-color: white;
  --dp24-bg-color: white;
  --emphasis-ft-color: #132230;
  --regular-ft-color: #1F2D3A;
  --muted-ft-color: #354350;
  --wd-bg-image: linear-gradient(white, rgba(255, 255, 255, 0.95), rgba(236, 236, 236, 0.6), rgba(236, 236, 236, 0.6), rgba(236, 236, 236, 0.6));
  --pane-bg-color: white;
  --toolbar-bg-color: white;
  --pane-resizer-bg-image: none;
  --pane-resizer-bg-color: #ececec;
  --pane-section-bg-color: #87AEFA;
  --wd-section-bg-color: rgba(135, 174, 250, 0.7);
  --section-section-bg-color: #b3cbff;
  --nav-bg-color: #FFD27C;
  --nav-link-bg-color: #FFBC3D;
  --nav-link-hover-bg-color: #FFA700;
  --btn-bg-color: #ececec;
  --btn-color: #1F2D3A;
  --btn-hover-bg-color: #4d7ad4;
  --btn-hover-color: #CFD8DC;
  --btn-active-bg-color: #265eca;
  --btn-active-color: #CFD8DC;
  --sg-btn-bg-color: #cbc4e5;
  --sg-btn-color: #1F2D3A;
  --sg-btn-hover-bg-color: #8575c3;
  --sg-btn-hover-color: #CFD8DC;
  --sg-btn-active-bg-color: #6a58b6;
  --sg-btn-active-color: #CFD8DC;
  --grid-btn-color: #1F2D3A;
}

body[data-theme="light"] .btn-border-not-last-child, body[data-theme="light"] .btn:not(:last-child):not(.btn-add-border) {
  border: 1px solid black;
  border-right: none;
  margin-right: 0;
}

body[data-theme="light"] .btn-border-last-child, body[data-theme="light"] .btn-add-border, body[data-theme="light"] .btn:last-child {
  border: 1px solid black;
}

body {
  color: var(--regular-ft-color);
  font-weight: 400;
  background-color: var(--dp00-bg-color);
  font-family: "Lato";
  font-style: normal;
  font-size: 14px;
}

.h-100 {
  height: 100%;
}

.w-100 {
  width: 100%;
}

/* flex container does not wrap items */
/* default */
.flex-wrap-none {
  flex-wrap: nowrap;
}

.flex-wrap-forward {
  flex-wrap: wrap;
}

.flex-wrap-backward {
  flex-wrap: wrap-reverse;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-end {
  justify-content: flex-end;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-around {
  justify-content: space-around;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-end {
  align-items: flex-end;
}

.align-items-center {
  align-items: center;
}

.align-items-baseline {
  align-items: baseline;
}

.align-items-stretch {
  align-items: stretch;
}

.align-content-start {
  align-content: flex-start;
}

.align-content-end {
  align-content: flex-end;
}

.align-content-center {
  align-content: center;
}

.align-content-between {
  align-content: space-between;
}

.align-content-around {
  align-content: space-around;
}

.align-content-stretch {
  align-content: stretch;
}

body {
  padding: 0px;
  margin: 0px;
}

button {
  font: inherit;
}

a {
  text-decoration: none;
  font: inherit;
  color: inherit;
}

/**********************************/
/** AimCollapse                  **/
/**********************************/
.collapse:not(.show) {
  display: none;
}

.collapsing-horizontal {
  width: 0;
  overflow: hidden;
  transition: width 0.3s ease;
}

.collapsing-vertical {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

/*************************************/
/** AimRow, AimCol                  **/
/*************************************/
/* flex item fills it's container along main axis */
/* flex item shrink's to it's content along main axis */
/* row-like has flex */
.row.flex, .grid-item > .grid-btn, .nav, .expand-btn-wrapper, .headerbar, .headerbar > .title, .headerbar > .actions, .toolbar > .item {
  display: flex;
  flex-direction: row;
}

/* col-like has flex */
.col.flex, .container.flex, .tabs {
  display: flex;
  flex-direction: column;
}

/**
 * Scrolling should be managed by AimContainer 
 */
.row.flex-item-fill, .col.flex-item-fill {
  flex: 1 1 0;
}

.row.flex-item-contain, .col.flex-item-contain {
  flex: 0 1;
}

/**********************/
/**   AimContainer   **/
/**********************/
.container.pad-0 > .section, .container.pad-1 > .section, .container.pad-2 > .section, .container.pad-3 > .section, .container.pad-0 > .list > .list-item, .container.pad-1 > .list > .list-item, .container.pad-2 > .list > .list-item, .container.pad-3 > .list > .list-item {
  border-left: 2px solid #0041C1;
  border-radius: 4px;
}

.container.wrapped-by-pane .container.pad-0 > .section, .container.wrapped-by-pane .container.pad-1 > .section, .container.wrapped-by-pane .container.pad-2 > .section, .container.wrapped-by-pane .container.pad-3 > .section, .container.wrapped-by-pane .container.pad-0 > .list > .list-item, .container.wrapped-by-pane .container.pad-1 > .list > .list-item, .container.wrapped-by-pane .container.pad-2 > .list > .list-item, .container.wrapped-by-pane .container.pad-3 > .list > .list-item {
  background-color: var(--pane-section-bg-color);
}

.container.wrapped-by-window .container.pad-0 > .section, .container.wrapped-by-window .container.pad-1 > .section, .container.wrapped-by-window .container.pad-2 > .section, .container.wrapped-by-window .container.pad-3 > .section, .container.wrapped-by-window .container.pad-0 > .list > .list-item, .container.wrapped-by-window .container.pad-1 > .list > .list-item, .container.wrapped-by-window .container.pad-2 > .list > .list-item, .container.wrapped-by-window .container.pad-3 > .list > .list-item {
  background-color: var(--wd-section-bg-color);
}

.container.pad-0 > .section .container.pad-0 > .section, .container.pad-1 > .section .container.pad-0 > .section, .container.pad-2 > .section .container.pad-0 > .section, .container.pad-3 > .section .container.pad-0 > .section, .container.pad-0 > .list > .list-item .container.pad-0 > .section, .container.pad-1 > .list > .list-item .container.pad-0 > .section, .container.pad-2 > .list > .list-item .container.pad-0 > .section, .container.pad-3 > .list > .list-item .container.pad-0 > .section, .container.pad-0 > .section .container.pad-1 > .section, .container.pad-1 > .section .container.pad-1 > .section, .container.pad-2 > .section .container.pad-1 > .section, .container.pad-3 > .section .container.pad-1 > .section, .container.pad-0 > .list > .list-item .container.pad-1 > .section, .container.pad-1 > .list > .list-item .container.pad-1 > .section, .container.pad-2 > .list > .list-item .container.pad-1 > .section, .container.pad-3 > .list > .list-item .container.pad-1 > .section, .container.pad-0 > .section .container.pad-2 > .section, .container.pad-1 > .section .container.pad-2 > .section, .container.pad-2 > .section .container.pad-2 > .section, .container.pad-3 > .section .container.pad-2 > .section, .container.pad-0 > .list > .list-item .container.pad-2 > .section, .container.pad-1 > .list > .list-item .container.pad-2 > .section, .container.pad-2 > .list > .list-item .container.pad-2 > .section, .container.pad-3 > .list > .list-item .container.pad-2 > .section, .container.pad-0 > .section .container.pad-3 > .section, .container.pad-1 > .section .container.pad-3 > .section, .container.pad-2 > .section .container.pad-3 > .section, .container.pad-3 > .section .container.pad-3 > .section, .container.pad-0 > .list > .list-item .container.pad-3 > .section, .container.pad-1 > .list > .list-item .container.pad-3 > .section, .container.pad-2 > .list > .list-item .container.pad-3 > .section, .container.pad-3 > .list > .list-item .container.pad-3 > .section, .container.pad-0 > .section .container.pad-0 > .list > .list-item, .container.pad-1 > .section .container.pad-0 > .list > .list-item, .container.pad-2 > .section .container.pad-0 > .list > .list-item, .container.pad-3 > .section .container.pad-0 > .list > .list-item, .container.pad-0 > .list > .list-item .container.pad-0 > .list > .list-item, .container.pad-1 > .list > .list-item .container.pad-0 > .list > .list-item, .container.pad-2 > .list > .list-item .container.pad-0 > .list > .list-item, .container.pad-3 > .list > .list-item .container.pad-0 > .list > .list-item, .container.pad-0 > .section .container.pad-1 > .list > .list-item, .container.pad-1 > .section .container.pad-1 > .list > .list-item, .container.pad-2 > .section .container.pad-1 > .list > .list-item, .container.pad-3 > .section .container.pad-1 > .list > .list-item, .container.pad-0 > .list > .list-item .container.pad-1 > .list > .list-item, .container.pad-1 > .list > .list-item .container.pad-1 > .list > .list-item, .container.pad-2 > .list > .list-item .container.pad-1 > .list > .list-item, .container.pad-3 > .list > .list-item .container.pad-1 > .list > .list-item, .container.pad-0 > .section .container.pad-2 > .list > .list-item, .container.pad-1 > .section .container.pad-2 > .list > .list-item, .container.pad-2 > .section .container.pad-2 > .list > .list-item, .container.pad-3 > .section .container.pad-2 > .list > .list-item, .container.pad-0 > .list > .list-item .container.pad-2 > .list > .list-item, .container.pad-1 > .list > .list-item .container.pad-2 > .list > .list-item, .container.pad-2 > .list > .list-item .container.pad-2 > .list > .list-item, .container.pad-3 > .list > .list-item .container.pad-2 > .list > .list-item, .container.pad-0 > .section .container.pad-3 > .list > .list-item, .container.pad-1 > .section .container.pad-3 > .list > .list-item, .container.pad-2 > .section .container.pad-3 > .list > .list-item, .container.pad-3 > .section .container.pad-3 > .list > .list-item, .container.pad-0 > .list > .list-item .container.pad-3 > .list > .list-item, .container.pad-1 > .list > .list-item .container.pad-3 > .list > .list-item, .container.pad-2 > .list > .list-item .container.pad-3 > .list > .list-item, .container.pad-3 > .list > .list-item .container.pad-3 > .list > .list-item {
  background-color: var(--section-section-bg-color);
}

.container.pad-0 {
  padding-top: 0;
}

.container.pad-0 > .spacer {
  height: 0;
  margin-bottom: 0;
}

.container.pad-0 > .section {
  display: block;
  padding-bottom: 1px;
  margin: 0px 0 0;
  padding-top: 0;
}

.container.pad-0 > .section > .divider {
  height: 0;
  border-top: 1px solid #0041C1;
  margin-bottom: 0;
}

.container.pad-0 > .section > .section-item {
  display: block;
  margin: 0px 0 0;
}

.container.pad-1 {
  padding-top: 0.3rem;
}

.container.pad-1 > .spacer {
  height: 0;
  margin-bottom: 0.3rem;
}

.container.pad-1 > .section {
  display: block;
  padding-bottom: 1px;
  margin: 0px 0.2rem 0.3rem;
  padding-top: 0.3rem;
}

.container.pad-1 > .section > .divider {
  height: 0;
  border-top: 1px solid #0041C1;
  margin-bottom: 0.3rem;
}

.container.pad-1 > .section > .section-item {
  display: block;
  margin: 0px 0.2rem 0.3rem;
}

.container.pad-2 {
  padding-top: 0.5rem;
}

.container.pad-2 > .spacer {
  height: 0;
  margin-bottom: 0.5rem;
}

.container.pad-2 > .section {
  display: block;
  padding-bottom: 1px;
  margin: 0px 0.4rem 0.5rem;
  padding-top: 0.5rem;
}

.container.pad-2 > .section > .divider {
  height: 0;
  border-top: 1px solid #0041C1;
  margin-bottom: 0.5rem;
}

.container.pad-2 > .section > .section-item {
  display: block;
  margin: 0px 0.4rem 0.5rem;
}

.container.pad-3 {
  padding-top: 0.7rem;
}

.container.pad-3 > .spacer {
  height: 0;
  margin-bottom: 0.7rem;
}

.container.pad-3 > .section {
  display: block;
  padding-bottom: 1px;
  margin: 0px 0.6rem 0.7rem;
  padding-top: 0.7rem;
}

.container.pad-3 > .section > .divider {
  height: 0;
  border-top: 1px solid #0041C1;
  margin-bottom: 0.7rem;
}

.container.pad-3 > .section > .section-item {
  display: block;
  margin: 0px 0.6rem 0.7rem;
}

.container.wrapped-by-browser {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

.container.wrapped-by-window {
  position: absolute;
  overflow: hidden;
}

.container.wrapped-by-pane {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.container.wrapped-by-grid-item {
  height: 100%;
  width: 100%;
}

.container.wrapped-by-layout {
  overflow: hidden;
}

.container.wrapped-by-pane {
  background-color: var(--pane-bg-color);
}

.container.wrapped-by-window {
  background-image: var(--wd-bg-image);
  border: 1px solid #012F88;
  border-radius: 4px;
}

/*******************/
/**    AimGrid    **/
/*******************/
.grid {
  display: grid;
  justify-items: stretch;
  align-items: stretch;
}

.grid-item.col-span {
  grid-column: col-start / col-end;
}

.grid-item > .grid-btn {
  align-items: center;
  justify-content: space-between;
  color: var(--grid-btn-color);
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.grid-item > .grid-btn.begin {
  border-left: 1px solid black;
}

.grid-item > .grid-btn.end {
  border-right: 1px solid black;
}

.grid-item > .grid-btn.icon {
  justify-content: center;
}

.grid > .grid-item > .grid-btn > .content {
  overflow: hidden;
  white-space: nowrap;
}

.grid > .grid-item > .grid-btn > .badge {
  font-size: 10px;
}

.grid.pad-0 > .grid-item > .grid-btn {
  min-height: 1rem;
  margin: 0 0;
}

.grid.pad-0 > .grid-item > .grid-btn:not(.icon) {
  padding: 0 0;
}

.grid.pad-0 > .grid-item > .grid-btn > .spacing {
  width: 0;
}

.grid.pad-0 > .grid-item > .grid-btn > .badge {
  margin: inherit 0;
  padding: inherit 0;
}

.grid.pad-1 > .grid-item > .grid-btn {
  min-height: 1.6rem;
  margin: 0.3rem 0;
}

.grid.pad-1 > .grid-item > .grid-btn:not(.icon) {
  padding: 0 0.2rem;
}

.grid.pad-1 > .grid-item > .grid-btn > .spacing {
  width: 0.2rem;
}

.grid.pad-1 > .grid-item > .grid-btn > .badge {
  margin: inherit 0.2rem;
  padding: inherit 0.2rem;
}

.grid.pad-2 > .grid-item > .grid-btn {
  min-height: 2rem;
  margin: 0.5rem 0;
}

.grid.pad-2 > .grid-item > .grid-btn:not(.icon) {
  padding: 0 0.4rem;
}

.grid.pad-2 > .grid-item > .grid-btn > .spacing {
  width: 0.4rem;
}

.grid.pad-2 > .grid-item > .grid-btn > .badge {
  margin: inherit 0.4rem;
  padding: inherit 0.4rem;
}

.grid.pad-3 > .grid-item > .grid-btn {
  min-height: 2.4rem;
  margin: 0.7rem 0;
}

.grid.pad-3 > .grid-item > .grid-btn:not(.icon) {
  padding: 0 0.6rem;
}

.grid.pad-3 > .grid-item > .grid-btn > .spacing {
  width: 0.6rem;
}

.grid.pad-3 > .grid-item > .grid-btn > .badge {
  margin: inherit 0.6rem;
  padding: inherit 0.6rem;
}

/******************/
/**    AimNav    **/
/******************/
.nav {
  flex: 0 1;
  color: var(--muted-ft-color);
  background-color: var(--nav-bg-color);
  padding-left: 0;
  padding-top: 3px;
  margin: 0;
  list-style: none;
}

.nav .nav-link {
  display: block;
  background: var(--nav-link-bg-color);
  margin-left: 3px;
  padding: 3px 5px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
  top: 2px;
}

.nav .nav-link:hover, .nav .nav-link:focus {
  background: var(--nav-link-hover-bg-color);
}

.nav .nav-link:active, .nav .nav-link.active {
  color: var(--emphasis-ft-color);
  border-top: 2px solid #0041C1;
  top: 0px;
}

.container.wrapped-by-pane .nav-link:active, .container.wrapped-by-pane .nav-link.active {
  background-color: var(--pane-bg-color);
}

.container.wrapped-by-window .nav-link:active, .container.wrapped-by-window .nav-link.active {
  background-color: var(--dp04-bg-color);
}

/*******************/
/**    AimTabs    **/
/*******************/
.tabs {
  height: 100%;
  overflow: hidden;
}

/**
 * The last 6% of the height overflows.
 */
.tab-content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

/********************/
/**    AimTable    **/
/********************/
.content.singleline {
  white-space: nowrap;
}

.multicontent {
  display: flex;
  flex-wrap: nowrap;
}

table {
  border-collapse: collapse;
}

table td {
  border-top: 1px solid #0041C1;
}

table.pad-0 td {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

table.pad-0 td > .multicontent.image {
  margin-left: -map-get((vertical: 0, horizontal: 0), horizontal);
}

table.pad-0 td > .multicontent > .spacing {
  width: 0;
}

table.pad-1 td {
  padding-top: 0.3rem;
  padding-right: 0;
  padding-bottom: 0.3rem;
  padding-left: 0.2rem;
}

table.pad-1 td > .multicontent.image {
  margin-left: -map-get((vertical: 0.3rem, horizontal: 0.2rem), horizontal);
}

table.pad-1 td > .multicontent > .spacing {
  width: 0.2rem;
}

table.pad-2 td {
  padding-top: 0.5rem;
  padding-right: 0;
  padding-bottom: 0.5rem;
  padding-left: 0.4rem;
}

table.pad-2 td > .multicontent.image {
  margin-left: -map-get((vertical: 0.5rem, horizontal: 0.4rem), horizontal);
}

table.pad-2 td > .multicontent > .spacing {
  width: 0.4rem;
}

table.pad-3 td {
  padding-top: 0.7rem;
  padding-right: 0;
  padding-bottom: 0.7rem;
  padding-left: 0.6rem;
}

table.pad-3 td > .multicontent.image {
  margin-left: -map-get((vertical: 0.7rem, horizontal: 0.6rem), horizontal);
}

table.pad-3 td > .multicontent > .spacing {
  width: 0.6rem;
}

/*******************/
/**    AimList    **/
/*******************/
.container.pad-0 > .list > .list-item {
  margin: 0px 0 0;
  padding: 0 0;
}

.container.pad-1 > .list > .list-item {
  margin: 0px 0.2rem 0.3rem;
  padding: 0.3rem 0.2rem;
}

.container.pad-2 > .list > .list-item {
  margin: 0px 0.4rem 0.5rem;
  padding: 0.5rem 0.4rem;
}

.container.pad-3 > .list > .list-item {
  margin: 0px 0.6rem 0.7rem;
  padding: 0.7rem 0.6rem;
}

.list {
  display: block;
}

.list > .list-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.list > .list-item > img {
  flex: 0 0 auto;
}

.list > .list-item > .spacing {
  flex: 0 0 6px;
}

.list > .list-item > .content {
  flex: 1 1 auto;
}

.list > .list-item > .content > .header {
  display: block;
  color: var(--emphasis-ft-color);
  font-weight: 700;
  font-size: 13px;
}

.list > .list-item > .content .description {
  font-weight: 500;
}

.list > .list-item > .content > .footer {
  display: block;
  color: var(--muted-ft-color);
  font-weight: 400;
  font-size: 11px;
}

img.avatar,
svg.avatar {
  width: auto;
  height: 32px;
  align-self: flex-start;
}

/*******************/
/**    AimBadge   **/
/*******************/
.badge {
  background-color: #1262FF;
  color: white;
  border-radius: 5px;
  padding: 0.2rem;
}

/*******************/
/**    AimWindow  **/
/*******************/
.draggable-handle {
  cursor: move;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
  transform: scale(0.9);
}

.fade-enter-active,
.fade-leave-active {
  transition: 0.2s;
}

/*******************/
/**    AimButton  **/
/*******************/
.btn {
  display: inline;
  text-align: center;
  vertical-align: middle;
  background-color: var(--btn-bg-color);
  color: var(--btn-color);
  padding: 0.2rem 0.5rem;
}

.btn:hover {
  background-color: var(--btn-hover-bg-color);
  color: var(--btn-hover-color);
}

.btn:active, .btn.active {
  background-color: var(--btn-active-bg-color);
  color: var(--btn-active-color);
}

.btn-group,
.btn-group-vertical {
  color: var(--emphasis-ft-color);
  font-weight: 400;
  font-size: 13px;
  position: relative;
  display: inline-flex;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 0 auto;
}

.btn-group.btn-subgroup > .btn {
  background-color: var(--sg-btn-bg-color);
  color: var(--sg-btn-color);
}

.btn-group.btn-subgroup > .btn:hover {
  background-color: var(--sg-btn-hover-bg-color);
  color: var(--sg-btn-hover-color);
}

.btn-group.btn-subgroup > .btn:active, .btn-group.btn-subgroup > .btn.active {
  background-color: var(--sg-btn-active-bg-color);
  color: var(--sg-btn-active-color);
}

.btn-group.btn-toolbar > .btn {
  background-color: var(--tb-btn-bg-color);
  color: var(--tb-btn-color);
}

.btn-group.btn-toolbar > .btn:hover {
  background-color: var(--tb-btn-hover-bg-color);
  color: var(--tb-btn-hover-color);
}

.btn-group.btn-toolbar > .btn:active, .btn-group.btn-toolbar > .btn.active {
  background-color: var(--tb-btn-active-bg-color);
  color: var(--tb-btn-active-color);
}

.btn-group.btn-toolbar > .expand-btn-wrapper > .btn {
  background-color: var(--tb-btn-bg-color);
  color: var(--tb-btn-color);
}

.btn-group.btn-toolbar > .expand-btn-wrapper > .btn:hover {
  background-color: var(--tb-btn-hover-bg-color);
  color: var(--tb-btn-hover-color);
}

.btn-group.btn-toolbar > .expand-btn-wrapper > .btn:active, .btn-group.btn-toolbar > .expand-btn-wrapper > .btn.active {
  background-color: var(--tb-btn-active-bg-color);
  color: var(--tb-btn-active-color);
}

.collapse-wrapper > .btn-group {
  width: 100%;
  height: 100%;
}

/*******************/
/**    AimPane    **/
/*******************/
.pane-resizer {
  display: block;
  position: relative;
  background-color: var(--pane-resizer-bg-color);
  background-image: var(--pane-resizer-bg-image);
}

.multipane {
  flex: 1 1 0;
  display: flex;
}

.multipane.layout-horizontal {
  flex-direction: column;
}

.multipane.layout-vertical {
  flex-direction: row;
}

.multipane > div {
  position: relative;
}

.pane-wrapper.collapsed {
  background: #012F88;
}

.layout-horizontal > .pane-wrapper, .layout-horizontal > .pane-resizer:not(.hide) {
  border-top: 1px solid #012F88;
  border-right: 1px solid #012F88;
  border-left: 1px solid #012F88;
}

.layout-horizontal > .pane-wrapper:not(:last-child), .layout-horizontal > .pane-resizer:not(.hide):not(:last-child) {
  border-bottom: none;
}

.layout-horizontal > .pane-wrapper:last-child, .layout-horizontal > .pane-resizer:not(.hide):last-child {
  border-bottom: 1px solid #012F88;
}

.layout-vertical > .pane-wrapper, .layout-vertical > .pane-resizer:not(.hide) {
  border-top: 1px solid #012F88;
  border-bottom: 1px solid #012F88;
  border-left: 1px solid #012F88;
}

.layout-vertical > .pane-wrapper:not(:last-child), .layout-vertical > .pane-resizer:not(.hide):not(:last-child) {
  border-right: none;
}

.layout-vertical > .pane-wrapper:last-child, .layout-vertical > .pane-resizer:not(.hide):last-child {
  border-right: 1px solid #012F88;
}

.layout-horizontal > .pane-resizer {
  width: 100%;
  height: 3px;
  cursor: row-resize;
}

.layout-horizontal > .pane-resizer.hide {
  height: 0;
}

.layout-vertical > .pane-resizer {
  width: 3px;
  height: 100%;
  cursor: col-resize;
}

.layout-vertical > .pane-resizer.hide {
  width: 0;
}

/*************************/
/**    AimHeaderbar     **/
/*************************/
.headerbar {
  flex: 0 1;
  background: #012F88;
  color: white;
  margin-left: -1px;
  margin-right: -1px;
}

.headerbar.header-for-window {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.headerbar > .title {
  /* top | right | bottom | left */
  margin: 0 auto 0 0.2rem;
  padding: 0.2rem 0;
  align-items: end;
}

.headerbar > .actions {
  margin: 0 0.5rem 0 auto;
  padding: 0.2rem 0;
}

/***********************/
/**    AimToolbar     **/
/***********************/
.toolbar {
  display: flex;
  flex-direction: row;
  flex: 0 1;
  background-color: var(--toolbar-bg-color);
  border-bottom: 1px solid black;
  margin-bottom: -1px;
}

.toolbar > .item {
  padding: 0.2rem 0;
}

.toolbar > .divider {
  height: 100%;
  margin-right: 0.3rem;
}

.toolbar > .logo {
  display: flex;
  justify-content: center;
  margin: 0 1rem;
}

.toolbar > .logo > img,
.toolbar > .logo > svg {
  display: block;
  margin: auto;
  max-height: 1.75rem;
}

/***********************/
/**    AimToolbar     **/
/***********************/
.tooltip {
  z-index: 10000;
  border: 1px solid var(--tooltip-border);
  border-radius: 5px;
  margin-top: 5px;
}

.tooltip .tooltip-inner {
  background: var(--tooltip-bg-color);
  opacity: 0.8;
  color: var(--tooltip-color);
  border-radius: 5px;
  padding: 5px 10px 4px;
}