/* controls */
/* header-footer */
/* nav bar */
/* side bar */
/* data grid */
/* toolbar */
/* table */
/* tree-view*/
/* dialog */
/* z-index */
/*
@hover-open-index: auto;
@invalid-index: auto;
@focus-index: auto;
@hover-index: auto;
*/
/* @modal-wrapper-index + 2 */
/* mixins */
/* icon colors */
.ico.ico-inline {
  font-size: inherit;
  color: #8591a2;
}
.ico-none:before {
  content: "";
}
.ico-empty:before {
  content: "";
}
/* controls */
/* header-footer */
/* nav bar */
/* side bar */
/* data grid */
/* toolbar */
/* table */
/* tree-view*/
/* dialog */
/* z-index */
/*
@hover-open-index: auto;
@invalid-index: auto;
@focus-index: auto;
@hover-index: auto;
*/
/* @modal-wrapper-index + 2 */
* {
  box-sizing: border-box;
}
body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  table-layout: auto;
  text-align: left;
}
tr {
  page-break-inside: avoid;
}
td,
th {
  padding: 0;
  font-weight: normal;
  text-align: inherit;
  page-break-inside: avoid;
  vertical-align: middle;
  background-color: inherit;
}
button,
input[type=button] {
  background-color: #ddd;
}
button {
  font-size: 1rem;
  border: none;
  cursor: pointer;
  border-radius: 2px;
}
button:focus {
  outline-style: none;
}
span {
  word-break: break-word;
}
p {
  margin: 0.5rem 0;
}
b {
  font-weight: 500;
}
input[type=text]::-ms-clear {
  display: none;
}
input[type=number].no-spin::-webkit-inner-spin-button,
input[type=number].no-spin::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input,
select,
textarea {
  border-style: none;
  font-size: 1em;
  color: var(--text);
}
input:focus,
select:focus,
textarea:focus {
  outline-style: none;
}
textarea {
  padding: 2px 5px;
}
input,
select {
  height: 2em;
  padding: 0 5px;
}
/* hide for focused */
input::-moz-placeholder,
input:focus::-moz-placeholder,
textarea::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: #ccc;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: #ccc;
}
input::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: #ccc;
}
select {
  padding: 0 2px;
}
select option {
  color: var(--text);
}
select optgroup {
  color: #999;
}
textarea {
  resize: none;
}
a {
  color: var(--link);
  text-decoration: none;
  cursor: pointer;
}
a[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
a:hover {
  color: var(--linkDark);
  text-decoration: none;
}
a:focus {
  color: var(--linkDark);
  outline-style: none;
}
a:active {
  color: var(--linkDark);
}
pre {
  font-family: Consolas, 'Courier New', Courier, monospace;
  font-size: 0.85em;
  background-color: var(--neutralBkLight);
  padding: 6px;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
  user-select: text;
}
h2,
.h2 {
  font-size: 1.6rem;
}
h3,
.h3 {
  font-size: 1.25rem;
}
h4,
.h4 {
  font-size: 1rem;
}
h5,
.h5 {
  font-size: 0.85rem;
}
.tag-label {
  background-color: #8f94b0;
  color: white;
  font-size: 0.86rem;
  padding: 0 0.25rem 0.1rem 0.25rem;
  display: inline-block;
  margin: 1px;
  line-height: normal;
  white-space: nowrap;
}
.tag-label.success,
.tag-label.green {
  background-color: #5db750;
}
.tag-label.warning,
.tag-label.orange {
  background-color: #ffb74d;
}
.tag-label.danger,
.tag-label.red,
.tag-label.error {
  background-color: #da533f;
}
.tag-label.info,
.tag-label.cyan {
  background-color: #60bbe5;
}
.tag-label.purple {
  background-color: mediumpurple;
}
.tag-label.pink {
  background-color: hotpink;
}
.tag-label.gold {
  background-color: #eac500;
}
.tag-label.blue {
  background-color: cornflowerblue;
}
.tag-label.salmon {
  background-color: salmon;
}
.tag-label.seagreen {
  background-color: darkseagreen;
}
.tag-label.tan {
  background-color: tan;
}
.tag-label.magenta {
  background-color: darkmagenta;
}
.tag-label.lightgray {
  background-color: #ccc;
}
.tag-label.olive {
  background-color: #b5cc18;
}
.tag-label.teal {
  background-color: #00b5ad;
}
.tag-label.hidden {
  display: none;
}
.bs-alert {
  display: flex;
  padding: 0.8rem;
  margin: 0.4rem;
  color: #999;
  border: 1px solid var(--neutralBkDark);
  border-left-width: 6px;
  background-color: var(--neutralBk);
}
.bs-alert > .ico {
  font-size: 1.5rem;
  margin-right: 0.8rem;
}
.bs-alert svg {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.bs-alert hr {
  border-color: var(--neutralBkDark);
}
.bs-alert > div {
  width: 100%;
}
.bs-alert.warning {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404;
}
.bs-alert.warning > .ico {
  color: #856404;
}
.bs-alert.warning svg {
  stroke: #856404;
}
.bs-alert.warning hr {
  border-color: #ffeeba;
}
.bs-alert.success {
  background-color: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
}
.bs-alert.success > .ico {
  color: #155724;
}
.bs-alert.success svg {
  stroke: #155724;
}
.bs-alert.success hr {
  border-color: #c3e6cb;
}
.bs-alert.danger {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c28;
}
.bs-alert.danger > .ico {
  color: #721c28;
}
.bs-alert.danger svg {
  stroke: #721c28;
}
.bs-alert.danger hr {
  border-color: #f5c6cb;
}
.bs-alert.info {
  background-color: #edfcfe;
  border-color: #bcdff1;
  color: #31708f;
}
.bs-alert.info > .ico {
  color: #31708f;
}
.bs-alert.info svg {
  stroke: #31708f;
}
.bs-alert.info hr {
  border-color: #bcdff1;
}
.bs-alert.dark {
  background-color: #d6d8d9;
  border-left-color: #c6c8ca;
  color: #1b1e21;
}
.bs-alert.dark > .ico {
  color: #1b1e21;
}
.bs-alert.dark hr {
  border-color: #c6c8ca;
}
.bs-alert.light {
  background-color: #fefefe;
  border-color: #eee;
  color: #888;
}
.bs-alert.light > .ico {
  color: #888;
}
.bs-alert.light hr {
  border-color: #eee;
}
.text-color-gray,
.text-color-label {
  color: #999;
}
.text-color-light-gray {
  color: #ccc;
}
.text-small-star {
  color: #dca7a7;
  content: '\2731';
  display: inline-block;
  margin-right: 2px;
  vertical-align: 1px;
  font-size: 75%;
}
.text-color-danger,
.text-color-red {
  color: #a94442;
}
.text-color-green {
  color: #3EA055;
}
.empty-panel {
  text-align: center;
  margin: 70px auto;
  color: #ccc;
}
.empty-panel > .ico {
  font-size: 4rem;
  display: block;
  margin: 12px;
}
.span-sum {
  white-space: nowrap;
  font-weight: 600;
}
.span-sum .ico {
  margin-left: 0.25rem;
  font-size: 0.85rem;
}
.span-sum.in {
  color: #3EA055;
}
.span-sum.out {
  color: #a94442;
}
.span-sum.inout {
  color: #555;
}
.kbd-key,
kbd {
  display: inline-block;
  font-family: Consolas, 'Courier New', Courier, monospace;
  font-size: 0.85rem;
  padding: 0 3px;
  margin: 0 2px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 1px 1px 1px 0 #999;
  background-color: #f8f8f8;
}
.text-md {
  font-size: 1.2rem;
  line-height: 2.3rem;
}
html {
  font-family: system, 'Segoe UI', Tahoma, Verdana, sans-serif;
  font-size: var(--fontSize);
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color: var(--text);
  box-sizing: border-box;
  padding: 0;
  height: 100%;
  width: 100%;
  caret-color: transparent;
}
input,
textarea,
select,
button {
  font-family: system, 'Segoe UI', Tahoma, Verdana, sans-serif;
  color: var(--text);
}
input,
textarea {
  caret-color: auto;
}
body {
  overflow: hidden;
  height: 100%;
  width: 100%;
  padding: 0;
  background-color: var(--background);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.waiting * {
  cursor: wait;
}
[v-cloak] {
  display: none;
}
hr {
  margin: 0.8rem 0;
  border: 1px solid #ddd;
  border-bottom-style: none;
}
svg {
  height: 16px;
  width: 15px;
  fill: none;
  stroke: black;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vertical-align: middle;
}
.tox svg {
  height: auto;
  width: auto;
  fill: none;
  stroke: none;
}
header,
.header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 42px;
  padding: 0 0 0 80px;
  background-color: var(--themeDark);
  color: white;
  display: flex;
  align-content: flex-start;
  align-items: center;
  user-select: none;
}
header svg,
.header svg {
  stroke: white;
}
header .h-menu-title,
.header .h-menu-title {
  font-size: 18px;
}
header .h-block,
.header .h-block {
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: inherit;
}
header .h-block:hover,
.header .h-block:hover {
  text-decoration: none;
  color: inherit;
}
header .h-block .app-title,
.header .h-block .app-title {
  font-size: 18px;
}
header .h-block .app-logo,
.header .h-block .app-logo {
  padding-right: 12px;
}
header .h-block .app-logo > img,
.header .h-block .app-logo > img {
  display: block;
}
header .h-block .app-subtitle,
.header .h-block .app-subtitle {
  padding-left: 12px;
}
header .h-menu,
.header .h-menu {
  margin: 0 8px 0 -8px;
  padding: 8px 10px;
}
header .h-menu .ico,
.header .h-menu .ico {
  font-size: 22px;
}
header .h-menu:hover,
.header .h-menu:hover {
  background-color: var(--themeDarker);
}
header a.nav-admin,
.header a.nav-admin {
  color: inherit;
  padding: 0 1em;
  height: 100%;
  display: inline-flex;
  align-items: center;
  transition: height 0.3s ease, width 0.3s ease;
}
header a.nav-admin img,
.header a.nav-admin img {
  transition: height 0.3s ease;
}
header a.nav-admin.expanded,
.header a.nav-admin.expanded {
  height: 75px;
  width: 75px;
}
header a.nav-admin.expanded img,
.header a.nav-admin.expanded img {
  height: 50px;
}
header a.nav-admin.collapsed,
.header a.nav-admin.collapsed {
  height: 42px;
  width: 42px;
}
header a.nav-admin.collapsed img,
.header a.nav-admin.collapsed img {
  height: 30px;
}
header a.nav-admin:hover,
.header a.nav-admin:hover {
  background-color: var(--themeDarker);
}
header > a.open,
.header > a.open {
  background-color: var(--themeDarker);
}
header > .dropdown,
.header > .dropdown {
  display: inline-block;
  height: 100%;
}
header > .dropdown .menu,
.header > .dropdown .menu {
  margin-top: 0;
  background-color: var(--themeDark);
}
header .btn,
.header .btn {
  background-color: transparent;
  white-space: nowrap;
  color: white;
  padding: 0 0.5em 0 1em;
  height: 100%;
}
header .btn:hover,
.header .btn:hover {
  background-color: var(--themeDarker);
}
header .btn.user-name,
.header .btn.user-name,
header .btn.company-name,
.header .btn.company-name {
  padding: 0 0.5em 0 1em;
}
header .btn .caret,
.header .btn .caret {
  margin: 0 0.25em;
}
header .user-name .person-name,
.header .user-name .person-name,
header .company-name,
.header .company-name {
  overflow: hidden;
  max-width: 20rem;
  text-overflow: ellipsis;
  user-select: text;
}
header .user-name .client-id,
.header .user-name .client-id {
  padding-left: 0.3rem;
  user-select: text;
}
header .company-menu-name,
.header .company-menu-name {
  max-width: 20rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
header .dropdown.separate.show .btn,
.header .dropdown.separate.show .btn {
  background-color: var(--themeDarker);
}
header .dropdown.separate.show .btn.btn-success,
.header .dropdown.separate.show .btn.btn-success {
  background-color: #52a845;
}
header .include.nav-pane,
.header .include.nav-pane {
  width: auto;
}
header .include.nav-pane .btn,
.header .include.nav-pane .btn {
  padding: 0 0.5rem;
  position: relative;
}
header .include.nav-pane .partial-block,
.header .include.nav-pane .partial-block {
  display: flex;
  align-items: stretch;
  height: 100%;
}
header .include.nav-pane .partial-block .btn-icon,
.header .include.nav-pane .partial-block .btn-icon {
  width: 42px;
}
header .include.nav-pane .partial-block .control-group,
.header .include.nav-pane .partial-block .control-group {
  margin-bottom: 0;
  align-self: center;
}
header .ico,
.header .ico {
  font-size: 1.5rem;
}
.content-view {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 2rem;
}
.content-view.partial-page {
  left: 278px;
  top: 74px;
}
.nav-bar-menu .content-view.partial-page {
  top: 42px;
}
.nav-bar-collapsed .content-view.partial-page {
  top: 42px;
}
.content-view.full-page {
  top: 74px;
}
.content-view.full-view,
.nav-bar-menu .content-view.full-page {
  top: 42px;
}
.content-view.full-view,
.nav-bar-collapsed .content-view.full-page {
  top: 42px;
}
.side-bar-position-left.collapsed .content-view.partial-page {
  left: 75px;
}
.side-bar-position-top .content-view.partial-page,
.side-bar-position-top .content-view.full-page {
  top: 86px;
  left: 0;
}
.side-bar-position-top.side-bar-hidden .content-view.partial-page,
.side-bar-position-top.side-bar-hidden .content-view.full-page {
  top: 42px;
}
.include {
  width: 100%;
  height: 100%;
  position: relative;
  white-space: normal;
}
.include.loading > div {
  display: none;
}
.nav-bar {
  position: absolute;
  left: 0;
  right: 0;
  top: 42px;
  height: 32px;
  padding: 0 0 0 80px;
  margin: 0;
  background-color: var(--themeDark);
  display: flex;
  z-index: 3;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.nav-bar > li {
  font-size: 15px;
  line-height: 32px;
  display: inline-flex;
  align-items: stretch;
  list-style: none;
  padding: 0 8px;
  margin: 0;
  height: 100%;
  white-space: nowrap;
  text-transform: uppercase;
}
.nav-bar > li a {
  color: var(--textLight);
}
.nav-bar > li a:hover {
  text-decoration: none;
}
.nav-bar > li:hover {
  background-color: var(--themeLight);
}
.nav-bar > li.active a {
  border-bottom: 3px solid var(--textLight);
  font-weight: 500;
}
.nav-bar > li.aligner:hover {
  background-color: var(--themeDark);
}
.nav-bar > li a.btn-help {
  font-size: 1rem;
  text-transform: lowercase;
}
.nav-bar .nav-global-period {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}
.nav-bar .nav-global-period label {
  font-size: 15px;
  color: #999;
  margin: 0 0.5rem 0 0;
}
.menu-navbar-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1052;
}
.menu-navbar {
  width: 320px;
  display: flex;
  height: 100%;
  flex-direction: column;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
  transform-origin: left top;
  transform: scale(0.8, 0.8);
  opacity: 0;
  transition: transform 0.14s ease, opacity 0.1s ease;
  padding-bottom: 2rem;
}
.menu-navbar.show {
  transform: scale(1, 1);
  opacity: 1;
}
.menu-navbar .menu-navbar-back {
  color: var(--text);
  padding: 8px 10px;
  display: block;
  width: 44px;
}
.menu-navbar .menu-navbar-back .ico {
  font-size: 22px;
}
.menu-navbar .menu-navbar-back:hover {
  background-color: var(--hoverBk);
}
.menu-navbar .menu-navbar-top {
  display: flex;
  align-items: center;
  height: 42px;
  background-color: #f8f8f8;
}
.menu-navbar .menu-navbar-top h2 {
  font-size: 18px;
  font-weight: normal;
  color: #777;
  margin: 0 0 0 10px;
}
.menu-navbar .menu-navbar-list {
  margin: 1rem 0;
  padding: 6px;
  list-style: none;
  overflow: auto;
}
.menu-navbar .menu-navbar-list::-webkit-scrollbar {
  width: 8px;
}
.menu-navbar .menu-navbar-list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 2rem;
}
.menu-navbar .menu-navbar-list li.border-top {
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid var(--neutralBkDarker);
}
.menu-navbar .menu-navbar-list li.border-bottom {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--neutralBkDarker);
}
.menu-navbar .menu-navbar-link {
  padding: 8px 12px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  color: var(--text);
  font-size: 15px;
  border: 1px solid transparent;
}
.menu-navbar .menu-navbar-link.active {
  background-color: var(--activeBk);
}
.menu-navbar .menu-navbar-link:hover:not(.active) {
  background-color: var(--hoverBk);
  color: var(--link);
}
.menu-navbar .menu-navbar-link .ico {
  font-size: 26px;
  margin-right: 16px;
  color: #999;
}
.powered-by-bs {
  display: none;
  padding: 1rem 20px;
  font-size: 15px;
  color: #999;
  border-top: 1px solid #ddd;
}
.powered-by-bs:hover {
  color: #555;
}
.powered-by-bs .ico {
  font-size: 18px;
  color: #dd2c5e;
  margin-right: 4px;
}
.side-pane-frame {
  position: absolute;
  top: 42px;
  bottom: 2rem;
  right: 0;
  z-index: 78;
  background-color: var(--background);
  box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.2);
}
.page {
  width: 100%;
  height: 100%;
}
.page.page-grid {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 1fr auto;
}
.page.page-grid .page-toolbar {
  grid-column: 1 / span 2;
  grid-row: 1;
  border-bottom: 1px solid var(--neutralBkDarker);
}
.page.page-grid .page-taskpad {
  grid-column: 2;
  grid-row: 2 / span 2;
}
.page.page-grid .page-pager {
  grid-row: 3;
  grid-column: 1;
}
.page.page-grid .page-content {
  position: relative;
  grid-row: 2;
  grid-column: 1;
  overflow: auto;
  padding: 5px;
  /*avoid unexpected h-scroll*/
}
.page.page-grid .page-content.with-wrapper {
  background-color: #e3e3e3;
  padding: 0;
}
.page.page-grid.taskpad-left .page-taskpad {
  grid-column: 1;
}
.page.page-grid.taskpad-left .page-content {
  grid-column: 2;
}
.partial-page .page.page-grid .page-toolbar {
  border-bottom-style: none;
}
.page-canvas {
  pointer-events: none;
  position: absolute;
  display: block;
}
.page-canvas-outer {
  pointer-events: none;
  display: none;
  position: relative;
}
.page.partial {
  height: auto;
  min-height: 100%;
  position: relative;
}
.page.inital-page {
  overflow: auto;
}
.center-page {
  width: 100%;
  height: 100%;
  min-height: 30em;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  overflow: auto;
}
.center-page .initial-form {
  width: 28rem;
  max-width: 90vw;
  padding: 1.5em;
  background-color: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
.center-page .initial-form .control-group {
  margin: 1em 0;
  display: block;
}
.center-page .initial-form .checkbox {
  display: block;
}
.center-page .initial-form button,
.center-page .initial-form a {
  display: block;
  margin: 0.75em auto 0 auto;
  text-align: center;
}
.center-page .initial-form button {
  width: 60%;
  margin-top: 2em;
}
.center-page .initial-form .summary div {
  white-space: pre-line;
  line-height: 1.5;
}
.center-page .initial-form p {
  margin-bottom: 2rem;
}
.splitter {
  display: grid;
  position: relative;
  grid-gap: 0;
  width: 100%;
  height: 100%;
  grid-template-columns: 1fr 6px 1fr;
}
.splitter .spl-part {
  overflow: auto;
  grid-row: 1;
  position: relative;
}
.splitter .spl-horizontal-part {
  overflow: auto;
  grid-row: 1;
  position: relative;
}
.splitter .drag-handle {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #e1dfdd;
  opacity: 0.5;
  pointer-events: none;
}
.splitter .spl-handle:hover {
  background-color: var(--neutralBkLight);
}
.splitter.vertical .spl-handle {
  border-left: 1px solid var(--neutralLight);
  grid-row: 1;
}
.splitter.vertical .spl-handle,
.splitter.vertical .drag-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
}
.splitter.horizontal {
  grid-template-rows: 1fr 6px 1fr;
  grid-template-columns: auto;
}
.splitter.horizontal .spl-handle {
  border-top: 1px solid var(--neutralLight);
  grid-row: 2;
}
.splitter.horizontal .spl-handle,
.splitter.horizontal .drag-handle {
  width: 100%;
  height: 6px;
  cursor: row-resize;
}
.splitter.horizontal .spl-second {
  grid-row: 3;
}
/*see: taskpad.js*/
.taskpad {
  overflow: visible;
  position: relative;
}
.taskpad .taskpad-body {
  overflow: auto;
  height: 100%;
}
.taskpad.overflow .taskpad-body {
  overflow: visible;
}
.taskpad .taskpad-collapse-handle {
  position: absolute;
  display: block;
  top: 50%;
  width: 24px;
  height: 24px;
  color: var(--link);
  border: 1px solid var(--link);
  border-radius: 50%;
  background-color: white;
  text-align: center;
  line-height: 19px;
  z-index: 20;
  text-decoration: none;
}
.taskpad .taskpad-collapse-handle:hover {
  background-color: var(--neutralBkLight);
}
.taskpad.no-collapsible .taskpad-collapse-handle {
  display: none;
}
.taskpad.no-collapsible.expanded {
  margin-left: 0;
}
.taskpad.collapsed {
  background-color: var(--neutralBkLight);
}
.taskpad .taskpad-title {
  background-color: var(--neutralBkLight);
  white-space: nowrap;
  height: 100%;
  cursor: pointer;
  font-size: 16px;
  padding-left: 2px;
  padding-top: 24px;
  color: #999;
}
.taskpad .taskpad-title .taskpad-label {
  display: block;
  padding-left: 10px;
  transform: rotate(90deg);
}
.taskpad.position-right {
  border-left: 1px solid #ddd;
}
.taskpad.position-right .taskpad-collapse-handle {
  left: -12px;
}
.taskpad.position-left {
  border-right: 1px solid #ddd;
}
.taskpad.position-left .taskpad-collapse-handle {
  right: -12px;
}
.bs-image {
  display: flex;
  position: relative;
  align-items: flex-start;
}
.bs-image .remove-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #8591a2;
  color: #8591a2;
  text-align: center;
}
.bs-image .remove-image:hover {
  background-color: var(--hoverBk);
}
.bs-image .remove-image:active {
  background-color: #fff29d;
}
.bs-image img {
  margin: auto;
  width: auto;
  height: auto;
}
.bs-image .file-upload {
  margin: auto;
  max-width: 250px;
  max-height: 250px;
}
.file-upload {
  display: block;
  padding: 0;
  background-color: lemonchiffon;
  border: 2px dotted var(--neutralBkDarker);
  position: relative;
  color: var(--neutralBkDarker);
}
.file-upload.hover {
  border-color: gold;
}
.file-upload input {
  width: 100%;
  height: 100%;
  font-size: 1px;
  opacity: 0;
  display: none;
  padding: 0;
}
.file-upload .ico {
  position: absolute;
  top: calc(50% - 0.5rem);
  left: calc(50% - 0.5rem);
}
.file-upload .upload-tip {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 1rem;
  text-align: center;
  font-size: 0.95rem;
}
.bs-file-upload .file-upload {
  height: 5rem;
}
.bs-file-upload .file-upload .ico {
  font-size: 1.5rem;
  top: 1rem;
  left: calc(50% - 1rem);
}
.bs-file-upload .file-upload .upload-tip {
  padding-bottom: 0.2rem;
}
.bs-simple-upload {
  display: block;
  height: 27px;
  line-height: 25px;
  padding: 0;
}
.bs-simple-upload .ico {
  margin-right: 3px;
  font-size: 14px;
  color: #999;
}
.bs-simple-upload .btnclose {
  float: right;
  margin: 3px 0;
}
.bs-simple-upload .btnclose:hover {
  background-color: #b0debb;
}
.bs-simple-upload .upload-text {
  color: var(--link);
  border-bottom: 1px dotted var(--link);
  cursor: pointer;
  margin-right: 5px;
}
.bs-simple-upload input[type=file] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.bs-simple-upload.has-file {
  background-color: #d4edda;
  border: 1px solid #b0debb;
  padding: 0 3px 0 4px;
}
.bs-simple-upload.has-file .upload-text {
  color: inherit;
  border-bottom-style: none;
  cursor: default;
}
footer,
.footer {
  position: absolute;
  display: flex;
  align-items: center;
  left: 0;
  bottom: 0;
  right: 0;
  height: 2rem;
  background-color: var(--neutralBk);
  border-top: 1px solid #e1dfdd;
  padding: 0 0 0 8px;
  font-size: 0.925rem;
  text-transform: lowercase;
}
footer span,
.footer span {
  white-space: nowrap;
  word-break: normal;
}
footer .debug-btn,
.footer .debug-btn {
  display: inline;
  height: 100%;
}
footer .menu,
.footer .menu {
  margin-bottom: 1px;
  font-size: 1rem;
  text-transform: none;
}
footer .version-info,
.footer .version-info {
  margin-right: 1rem;
  white-space: nowrap;
}
footer button,
.footer button {
  background-color: #b94e4c;
  font-size: inherit;
  padding: 0 0.25rem 0 0.75rem;
  line-height: 1.8rem;
  color: white;
  text-transform: lowercase;
  vertical-align: baseline;
  border-radius: 0;
}
footer button:focus,
.footer button:focus {
  outline-style: none;
}
footer .spinner,
.footer .spinner {
  box-sizing: content-box;
  width: 0.8rem;
  min-width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.25rem;
  background-color: transparent;
  border-radius: 50%;
  border: 4px solid #ccc;
}
footer .spinner.active,
.footer .spinner.active {
  border-color: var(--linkDark);
  border-top-color: #ccc;
  animation: spin 1.5s linear infinite;
}
footer .app-links,
.footer .app-links {
  white-space: nowrap;
}
footer .app-links a,
.footer .app-links a {
  display: inline-block;
  margin: 0 10px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
keyframes fadeOut from {
  opacity: 1;
}
keyframes fadeOut to {
  opacity: 0;
}
pre.bs-code {
  overflow: auto;
  max-height: 300px;
  margin: 0;
}
/*TODO: 
    2. v-focus-parent directive
    3. .validator width
    4. .validator arrows
*/
.validation-summary {
  font-size: 0.95rem;
  padding: 4px 6px;
  background-color: #f2dede;
  color: #a94442;
  border: 1px solid #dca7a7;
  box-shadow: 1px 4px 10px rgba(169, 68, 66, 0.3);
  white-space: pre-line;
}
.bs-hyperlink {
  display: inline-flex;
  gap: 0.5rem;
  align-items: baseline;
}
.bs-hyperlink:focus,
.bs-hyperlink:active {
  outline: thin dotted #ccc;
}
.bs-hyperlink.bs-inline {
  display: inline-flex;
}
.control-group {
  display: block;
  font-size: 1em;
  margin-bottom: 0.5rem;
  position: relative;
  /* можно запретить :hover */
}
.control-group .ico {
  font-size: 1em;
}
.control-group label {
  color: #999;
  margin-bottom: 0.2em;
  display: block;
  font-weight: normal;
  font-size: 90%;
}
.control-group .control-link {
  float: right;
}
.control-group .descr {
  display: inline-block;
  font-size: 0.95em;
  margin-bottom: 0.25em;
  color: #999;
}
.control-group .validator {
  position: absolute;
  display: none;
  margin: 0;
  left: -1px;
  width: auto;
  min-width: 60px;
  font-size: 96%;
  top: 100%;
  bottom: auto;
  padding: 2px 6px 4px 6px;
  background-color: #f2dede;
  color: #a94442;
  border: 1px solid #dca7a7;
  margin-top: 8px;
  text-align: left;
  box-shadow: 1px 4px 10px rgba(169, 68, 66, 0.3);
  z-index: 1030;
  line-height: 1.2em;
  font-weight: normal;
  font-style: normal;
}
.control-group .validator:before,
.control-group .validator:after {
  content: '';
  position: absolute;
  bottom: 0;
}
.control-group .validator:before {
  left: 7.5px;
  bottom: auto;
  border: 8px solid transparent;
  top: -8px;
  border-bottom: 8px solid #dca7a7;
  border-top-width: 0;
}
.control-group .validator:after {
  bottom: auto;
  top: -6.5px;
  left: 8.5px;
  border: 7px solid transparent;
  border-bottom: 7px solid #f2dede;
  border-top-width: 0;
}
.control-group .validator .error,
.control-group .validator .warning,
.control-group .validator .info {
  display: list-item;
  list-style-type: none;
  padding-left: 6px;
  white-space: nowrap;
}
.control-group .validator .error:before,
.control-group .validator .warning:before,
.control-group .validator .info:before {
  content: '\2022';
  position: absolute;
  left: 3px;
}
.control-group .validator.with-width .error {
  white-space: pre-line;
}
.control-group .validator.top-left {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 8px;
}
.control-group .validator.top-left:before {
  top: 100%;
  left: 7.5px;
  margin-bottom: -8px;
  border-top: 8px solid #dca7a7;
  border-bottom-width: 0;
}
.control-group .validator.top-left:after {
  top: 100%;
  left: 8.5px;
  margin-bottom: -7px;
  border-top: 7px solid #f2dede;
  border-bottom-width: 0;
}
.control-group .validator.bottom-left {
  /*
		margin-top: @validator-arrow-size;
		margin-bottom: 0;

		&:before {
			bottom: auto;
			top: -@validator-arrow-size;
			border-bottom: @validator-arrow-size solid @danger-brd-color;
			border-top-width: 0;
		}

		&:after {
			bottom: auto;
			top: -6.5px;
			border-bottom: 7px solid @danger-bg-color;
			border-top-width: 0;
		}
		*/
}
.control-group .validator.top-right {
  left: auto;
  right: 0;
  bottom: 100%;
  top: auto;
  margin-bottom: 8px;
}
.control-group .validator.top-right:before {
  right: 8px;
  left: auto;
  top: 100%;
  border-top: 8px solid #dca7a7;
  border-bottom-width: 0;
}
.control-group .validator.top-right:after {
  top: 100%;
  right: 9px;
  left: auto;
  border-top: 7px solid #f2dede;
  border-bottom-width: 0;
}
.control-group .validator.bottom-right {
  top: 100%;
  bottom: auto;
  left: auto;
  right: 0;
  margin-top: 8px;
  margin-bottom: 0;
}
.control-group .validator.bottom-right:before {
  bottom: auto;
  top: -8px;
  border-bottom: 8px solid #dca7a7;
  border-top-width: 0;
  right: 8px;
  left: auto;
}
.control-group .validator.bottom-right:after {
  bottom: auto;
  top: -6.5px;
  border-bottom: 7px solid #f2dede;
  border-top-width: 0;
  right: 9px;
  left: auto;
}
.control-group input,
.control-group select,
.control-group textarea {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  width: 100%;
  background-color: transparent;
  min-width: 32px;
}
.control-group select {
  opacity: 0;
  cursor: pointer;
}
.control-group .input-group {
  border: 1px solid var(--neutralBkDarker);
  border-radius: 2px;
  display: flex;
  align-items: stretch;
  background-color: white;
  width: auto;
  position: relative;
  line-height: 2em;
}
.control-group .input-group .selector-combo {
  width: 100%;
  cursor: pointer;
  display: flex;
  min-height: 100%;
}
.control-group .input-group .select-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  padding: 0 5px;
}
.control-group .input-group .select-wrapper .select-text {
  line-height: 2em;
  flex-grow: 2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.control-group .input-group .select-wrapper .caret {
  display: block;
  margin: 0.9em 0.2em 0 0.5em;
}
.control-group .input-group.static {
  background-color: var(--neutralBkLight);
  user-select: text;
}
.control-group .input-group.static > span {
  padding: 0 5px;
  line-height: 1.4rem;
  display: inline-grid;
  align-items: center;
  width: 100%;
  min-height: 2em;
}
.control-group .input-group.static > span:focus {
  outline-style: none;
}
.control-group .input-group > .popover-wrapper {
  display: inline-block;
  margin-right: 3px;
}
.control-group .input-group > a,
.control-group .input-group > .dropdown > a {
  color: #999;
  padding: 0 0.4em;
  display: inline-block;
}
.control-group .input-group > a:hover,
.control-group .input-group > .dropdown > a:hover {
  text-decoration: none;
  color: var(--link);
  background-color: #f8f8f8;
}
.control-group .input-group .bs-inline {
  margin-left: 0 !important;
}
.control-group .input-group input.fake-pwd-field {
  width: 0;
  height: 0;
  position: absolute;
  left: -1px;
  top: -1px;
  padding: 0;
  font-size: 1px;
  z-index: -10;
}
.control-group.lg {
  font-size: 1.3rem;
}
.control-group.sm {
  font-size: 0.9rem;
}
.control-group.no-border .input-group {
  border: none;
}
.control-group.with-width .input-group {
  width: 100%;
}
.control-group.with-popover {
  margin-right: 20px;
}
.control-group.with-popover > .popover-wrapper {
  font-weight: normal;
  font-style: normal;
  position: absolute;
  right: -20px;
  top: calc(50% - 9px);
}
.control-group .input-group.focus {
  border-color: var(--link) !important;
  box-shadow: 0 0 1px 1px rgba(13, 130, 248, 0.3);
}
.control-group .input-group.focus {
  z-index: auto;
}
.control-group:hover .input-group {
  z-index: auto;
}
.control-group .control {
  border-style: none;
}
.control-group.bold textarea {
  font-weight: bold;
}
.control-group.italic textarea {
  font-style: italic;
}
.control-group.combo-hyperlink .input-group {
  border-style: none;
  background-color: transparent;
}
.control-group.combo-hyperlink .input-group .select-wrapper {
  right: auto;
  padding: 0;
  color: var(--link);
}
.control-group.combo-hyperlink .input-group .select-wrapper .select-text {
  color: inherit;
  border-bottom: 1px dotted currentColor;
}
.control-group.combo-hyperlink .input-group .select-wrapper .caret {
  display: none;
}
.control-group.combo-hyperlink .input-group .select-wrapper[disabled] {
  color: #999;
  opacity: 0.5;
}
.control-group.combo-hyperlink .input-group.focus {
  box-shadow: none;
}
.control-group.combo-hyperlink.cb-large select {
  font-size: 1.2rem;
}
.control-group.combo-hyperlink.cb-large .select-text {
  font-size: 1.2rem;
  line-height: 2.3rem;
}
/* avoid validator blinking */
.control-group.open:hover {
  z-index: auto !important;
}
.control-group.open .input-group.focus {
  z-index: auto !important;
}
.control-group.required label:before {
  content: '\2731';
  display: inline-block;
  color: #dca7a7;
  margin-right: 2px;
  vertical-align: 1px;
  font-size: 75%;
}
.control-group.invalid label {
  color: #a94442;
}
.control-group.invalid:hover .validator,
.control-group.invalid .input-group.focus .validator {
  display: block;
}
.control-group.invalid:hover .input-group,
.control-group.invalid .input-group.focus {
  box-shadow: 0 0 1px 1px rgba(169, 68, 66, 0.3);
  z-index: auto;
}
.control-group.invalid .input-group {
  border-color: #dca7a7 !important;
  background-color: #fff8f8 !important;
  z-index: auto;
}
.control-group.invalid .input-group:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  border: 4px solid #a94442;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.control-group.invalid .input-group .control {
  background-color: #fff8f8;
}
.control-group.disabled .input-group {
  background-color: #fafafa;
}
.control-group.disabled .input-group input[readonly],
.control-group.disabled .input-group textarea[readonly] {
  pointer-events: auto;
}
.control-group.disabled a:not(.rendershow) {
  pointer-events: none;
  opacity: 0.5;
}
.control-group.disabled .selector-combo {
  pointer-events: none;
}
.data-grid .control-group {
  margin: 0;
}
.hlink-dd-wrapper + .hlink-dd-wrapper {
  margin-left: 0.4rem;
}
.hlink-dd-wrapper.popover .bs-hyperlink {
  border-bottom: 1px dotted var(--link);
}
.hlink-dd-wrapper.popover .caret {
  display: none;
}
.small {
  font-size: 0.86em;
}
.large {
  font-size: 1.15em;
}
.normal {
  font-size: 1em;
}
.bs-hyperlink.highlight {
  /*special behaviour for icon 'send' */
}
.bs-hyperlink.highlight .ico.ico-send:before {
  content: "\e950";
}
.bs-hyperlink.highlight:not([disabled]) .ico:before {
  color: #208cf8 !important;
}
.bs-hyperlink.highlight:not([disabled]) .ico.ico-send:before {
  content: "\e951";
}
.bs-hyperlink.small i.ico {
  font-size: 12px;
}
.bs-hyperlink.large i.ico {
  font-size: 15px;
}
.bs-label {
  display: block;
  color: #999;
  align-self: center;
}
.bs-label.required:before {
  content: '\2731';
  display: inline-block;
  color: #dca7a7;
  margin-right: 2px;
  vertical-align: 1px;
  font-size: 75%;
}
.bs-label.lg {
  font-size: 1rem;
}
.control-group.val-warning .validator {
  background-color: #fff9e7;
  border-color: #daa520;
  color: #daa520;
  box-shadow: 1px 4px 10px rgba(218, 165, 32, 0.4);
}
.control-group.val-warning .validator:after {
  border-bottom-color: #fff9e7;
}
.control-group.val-warning .validator:before {
  border-bottom-color: #daa520;
}
.control-group.val-warning .validator.top-left:after,
.control-group.val-warning .validator.top-right:after {
  border-top-color: #fff9e7;
}
.control-group.val-warning .validator.top-left:before,
.control-group.val-warning .validator.top-right:before {
  border-top-color: #daa520;
}
.control-group.val-warning .input-group {
  border-color: #daa520 !important;
  background-color: #fff9e7 !important;
}
.control-group.val-warning .input-group:after {
  border-top-color: #daa520;
  border-right-color: #daa520;
}
.control-group.val-warning:hover .input-group,
.control-group.val-warning .input-group.focus {
  box-shadow: 0 0 1px 1px rgba(218, 165, 32, 0.4);
}
.control-group.val-warning label {
  color: #daa520;
}
.control-group.val-info .validator {
  background-color: #ffffff;
  border-color: #69a5f8;
  color: #69a5f8;
  box-shadow: 1px 4px 10px rgba(32, 165, 220, 0.2);
}
.control-group.val-info .validator:after {
  border-bottom-color: #ffffff;
}
.control-group.val-info .validator:before {
  border-bottom-color: #69a5f8;
}
.control-group.val-info .validator.top-left:after,
.control-group.val-info .validator.top-right:after {
  border-top-color: #ffffff;
}
.control-group.val-info .validator.top-left:before,
.control-group.val-info .validator.top-right:before {
  border-top-color: #69a5f8;
}
.control-group.val-info .input-group {
  border-color: #69a5f8 !important;
  background-color: #ffffff !important;
}
.control-group.val-info .input-group:after {
  border-top-color: #69a5f8;
  border-right-color: #69a5f8;
}
.control-group.val-info:hover .input-group,
.control-group.val-info .input-group.focus {
  box-shadow: 0 0 1px 1px rgba(32, 165, 220, 0.2);
}
.control-group.val-info label {
  color: #69a5f8;
}
.static-validator {
  background-color: #f2dede;
  color: #a94442;
  font-size: 96%;
  padding: 2px 6px 4px 6px;
  border: 1px solid #dca7a7;
  text-align: left;
  box-shadow: 1px 4px 10px rgba(169, 68, 66, 0.3);
  line-height: 1.2em;
  position: relative;
}
.static-validator .error {
  display: list-item;
  list-style-type: none;
  padding-left: 6px;
  white-space: nowrap;
}
.static-validator .error:before {
  content: '\2022';
  position: absolute;
  left: 3px;
}
.btn {
  padding: 0.5em 0.75em;
  vertical-align: middle;
}
.btn:focus {
  outline-offset: -3px;
  outline-color: #bbb;
  outline-style: dotted;
  outline-width: 1px;
}
.btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.btn > .ico {
  margin-right: 0.2em;
}
.btn.btn-icon > .ico {
  margin-right: 0;
}
.btn.btn-icon-center-full > .ico {
  margin-right: 0;
}
.btn:not([disabled]):hover {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.4);
  transition: box-shadow linear 0.2s;
}
.btn:not([disabled]):active {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
  outline-style: none;
  transition: box-shadow linear 0.2s;
}
.btn .btn-badge {
  position: absolute;
  top: 3px;
  right: 3px;
  font-size: 9px;
  background-color: coral;
  border-radius: 50%;
  padding: 1px;
  min-width: 14px;
  min-height: 14px;
}
.btn-icon-center-full {
  padding: 0;
  background: none;
}
.btn.lg {
  font-size: 1.25rem;
}
.btn.lg .ico {
  font-size: 1.3rem;
}
.btn.sm {
  font-size: 0.95rem;
}
.btn.sm > .ico {
  font-size: 12px;
}
.btn.xs {
  font-size: 0.85rem;
  padding: 0.3rem 0.4rem;
}
.btn.xs .ico {
  font-size: 0.85rem;
}
.btn.block + .btn.block {
  margin-top: 6px;
}
.btnclose {
  padding: 0 4px;
  line-height: normal;
  background-color: transparent;
  border: 1px solid transparent;
}
.caret {
  display: inline-block;
  margin: 0 0.25em;
  border: 4px solid transparent !important;
  vertical-align: middle;
  border-top-color: currentColor !important;
}
.caret.up {
  border-top-color: transparent;
  border-bottom-color: currentColor;
  vertical-align: 2px;
}
.btn.icon-top {
  display: inline-grid !important;
}
.btn.btn-primary {
  background-color: #3470b4;
  color: white;
}
.btn.btn-primary:not([disabled]):active {
  background-color: #2b5c94 !important;
}
.btn.btn-primary:not([disabled]):hover {
  background-color: #2e64a0;
}
.btn.btn-primary[disabled] {
  color: #f5f5f5;
}
.btn.btn-orange,
.btn.btn-warning {
  background-color: #ffb74d;
  color: white;
}
.btn.btn-orange:not([disabled]):active,
.btn.btn-warning:not([disabled]):active {
  background-color: #ffa624 !important;
}
.btn.btn-orange:not([disabled]):hover,
.btn.btn-warning:not([disabled]):hover {
  background-color: #ffad33;
}
.btn.btn-orange[disabled],
.btn.btn-warning[disabled] {
  color: #f5f5f5;
}
.btn.btn-green,
.btn.btn-success {
  background-color: #5db750;
  color: white;
}
.btn.btn-green:not([disabled]):active,
.btn.btn-success:not([disabled]):active {
  background-color: #4c9d41 !important;
}
.btn.btn-green:not([disabled]):hover,
.btn.btn-success:not([disabled]):hover {
  background-color: #52a845;
}
.btn.btn-green[disabled],
.btn.btn-success[disabled] {
  color: #f5f5f5;
}
.btn.btn-greenicon > .ico > svg {
  stroke: var(--themePrimary);
}
.btn.btn-red,
.btn.btn-danger,
.btn.btn-error {
  background-color: #da533f;
  color: white;
}
.btn.btn-red:not([disabled]):active,
.btn.btn-danger:not([disabled]):active,
.btn.btn-error:not([disabled]):active {
  background-color: #c93c27 !important;
}
.btn.btn-red:not([disabled]):hover,
.btn.btn-danger:not([disabled]):hover,
.btn.btn-error:not([disabled]):hover {
  background-color: #d6402a;
}
.btn.btn-red[disabled],
.btn.btn-danger[disabled],
.btn.btn-error[disabled] {
  color: #f5f5f5;
}
.btn.btn-cyan,
.btn.btn-info {
  background-color: #60bbe5;
  color: white;
}
.btn.btn-cyan:not([disabled]):active,
.btn.btn-info:not([disabled]):active {
  background-color: #3dacdf !important;
}
.btn.btn-cyan:not([disabled]):hover,
.btn.btn-info:not([disabled]):hover {
  background-color: #4ab2e1;
}
.btn.btn-cyan[disabled],
.btn.btn-info[disabled] {
  color: #f5f5f5;
}
.btn-rounded {
  border-radius: 10em;
  padding: 0.5em;
  min-width: 2.6em;
  min-height: 2.6em;
}
.btn-toolbar {
  background-color: transparent;
}
.btn-toolbar:hover {
  background-color: var(--neutralBkDark);
}
.btn-toolbar:not([disabled]):active {
  background-color: var(--neutralBkDarker);
}
.btn-outline {
  background-color: transparent;
  border: 1px solid var(--neutralBk);
}
.btn-outline:hover {
  border-color: var(--neutralBkDark);
  background-color: var(--neutralBk);
}
.btn-outline:not([disabled]):active {
  background-color: var(--neutralBkDark);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
  border-color: var(--neutralBkDark);
  outline: none;
}
.btn-outline:focus {
  outline: none;
}
.btn-outline .ico:before {
  color: #777 !important;
}
div > button.btn {
  margin: 0px 0px 0px 5px;
}
.input-group > .calendar {
  display: flex;
  font-size: 1rem;
  flex-direction: row;
  border: 1px solid var(--neutralBkDarker);
  position: absolute;
  background-color: white;
  left: 0;
  top: 100%;
  z-index: 11000 !important;
  margin-top: 0;
  margin-left: -1px;
  padding: 0.8em;
  box-shadow: 3px 3px 10px 0 rgba(174, 174, 174, 0.5), 0 5px 40px 0 rgba(0, 0, 0, 0.15);
  color: var(--text);
  line-height: normal;
}
.calendar-border {
  border: 1px solid var(--neutralBkDarker);
  background-color: white;
  padding: 0.8em;
  box-shadow: 3px 3px 10px 0 rgba(174, 174, 174, 0.5), 0 5px 40px 0 rgba(0, 0, 0, 0.15);
}
.calendar-pane {
  background-color: white;
}
.calendar-pane td {
  background-color: white;
}
.calendar-pane td,
.calendar-pane th {
  text-align: center;
  vertical-align: central;
}
.calendar-pane .h-btn {
  width: 27px;
}
.calendar-pane .calendar-footer {
  text-align: center;
}
.calendar-pane .month-title {
  font-weight: 500;
  line-height: 2rem;
}
.calendar-pane .month-title a {
  color: var(--text);
}
.calendar-pane td.mcell {
  padding: 6px 0;
}
.calendar-pane td.mcell > a {
  padding: 4px;
}
.calendar-pane a {
  display: block;
  padding: 1px 5px 3px 5px;
  border: 1px solid transparent;
  color: var(--text);
}
.calendar-pane a:hover {
  background-color: var(--hoverBk) !important;
}
.calendar-pane tbody td.today > a {
  font-weight: 500;
  background-color: #fff29d !important;
}
.calendar-pane tbody td.active > a {
  background-color: var(--activeBk) !important;
}
.calendar-pane tbody td.other > a {
  opacity: 0.33;
}
.calendar-pane tbody td.period-start > a {
  background-color: var(--activeBk);
}
.calendar-pane tbody td.period-end > a {
  background-color: var(--activeBk);
}
.calendar-pane tbody > tr:first-child > td {
  padding-top: 6px;
}
.calendar-pane tbody > tr:first-child > td.mcell {
  padding-top: 12px;
}
.calendar-pane thead th,
.calendar-pane tfoot td {
  border-style: none;
  color: #555;
}
.calendar-pane thead th > a,
.calendar-pane tfoot td > a {
  padding: 2px 0;
  color: var(--link);
}
.calendar-pane a.today {
  text-transform: lowercase;
}
.calendar-pane tr.weekdays th {
  border-bottom: 1px solid #ddd;
  padding: 2px 0;
}
.time-picker-pane {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}
.time-picker-pane .divider {
  border-left: 1px solid #ddd;
  padding-right: 8px;
  margin-left: 8px;
}
.time-picker-pane th {
  font-weight: 500;
  border-bottom: 1px solid #ddd !important;
  color: #555;
  padding: 0 0 7px 0;
}
.drop-up .input-group > .calendar {
  top: auto;
  bottom: 100%;
  box-shadow: 5px -5px 10px 0 rgba(0, 0, 0, 0.2);
}
.date-picker.open .input-group input,
.date-picker.open .input-group a {
  background-color: white;
  z-index: 11001;
}
.period-picker {
  cursor: pointer;
}
.period-picker .period-text {
  padding: 0 0 0 5px;
  line-height: 2em;
  display: block;
  width: 100%;
  min-height: 2em;
  white-space: nowrap;
}
.period-picker.open:not(.pp-navbar):not(.pp-hyperlink) .period-text {
  z-index: 11001;
  background-color: white;
}
.period-picker .caret {
  margin: 0.9em 0.6em 0.5em 0.5em;
  background-color: transparent !important;
  border-color: transparent !important;
}
.period-picker .period-menu {
  margin: 0;
  padding: 0;
  border-right: 1px solid #ddd;
  list-style: none;
}
.period-picker .period-menu li > a {
  display: block;
  padding: 0 0.8em;
  line-height: 1.9rem;
  cursor: pointer;
  white-space: nowrap;
  color: var(--text);
}
.period-picker .period-menu li:hover {
  background-color: var(--hoverBk);
}
.period-picker .period-menu li.active {
  background-color: var(--activeBk);
}
.period-picker .period-pane {
  display: grid;
  grid-gap: 0.8em;
  font-size: 1rem;
  font-weight: normal;
  font-style: normal;
}
.period-picker .current-period {
  font-weight: 500;
  border-bottom: 1px dotted currentColor;
}
.period-picker .current-period.processing {
  animation: blink 0.5s infinite alternate ease-in-out;
}
.period-picker .custom-period {
  display: inline-flex;
  align-items: baseline;
  padding-right: 0.8em;
}
.period-picker .custom-period span {
  padding: 0 0.3em;
}
.period-picker .custom-period input {
  padding: 0.3em;
  border: 1px solid #ddd;
  text-align: center;
}
.period-picker .custom-period .focus input {
  border-color: var(--link);
}
.period-picker .period-footer {
  display: flex;
  align-items: center;
  padding-top: 0.8em;
  border-top: 1px solid #ddd;
}
.period-picker .period-footer .btn {
  padding: 0.3em 0.5em;
}
.period-picker .period-footer .btn + .btn {
  margin-left: 0.8em;
}
.period-picker.pp-hyperlink .input-group {
  border-style: none;
  background-color: transparent;
}
.period-picker.pp-hyperlink .input-group .period-text {
  min-height: auto;
  border-bottom: 1px dotted var(--link);
  color: var(--link);
  padding: 0;
}
.period-picker.pp-hyperlink .input-group .caret {
  display: none;
}
.period-picker.pp-hyperlink.pp-large {
  font-size: 1.3rem;
}
.period-picker.pp-hyperlink.pp-large .input-group .period-text {
  line-height: 2;
}
.period-picker.pp-navbar {
  margin-bottom: 0;
}
.period-picker.pp-navbar .input-group {
  background-color: transparent;
}
.period-picker.pp-navbar .input-group .period-text {
  font-size: 1.2rem;
}
.period-picker.pp-small {
  font-size: 0.95rem;
}
.period-picker.pp-mini {
  font-size: 0.86rem;
}
.control-group.drop-bottom-right .input-group > .calendar {
  left: auto;
  right: -1px;
}
.control-group.drop-top-left .input-group > .calendar {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.control-group.drop-top-right .input-group > .calendar {
  top: auto;
  left: auto;
  right: -1px;
  bottom: 100%;
  margin-bottom: 1px;
}
.input-group a.selector-clear {
  padding-right: 8px;
}
.input-group > .selector-pane {
  border: 1px solid var(--linkDark);
  position: absolute;
  background-color: #fff;
  left: 0;
  top: 100%;
  min-width: calc(100% + 2px);
  width: auto;
  height: auto;
  min-height: 27px;
  z-index: 11000 !important;
  margin-top: 0;
  margin-left: -1px;
  box-shadow: 3px 3px 10px 0 rgba(174, 174, 174, 0.5), 0 5px 40px 0 rgba(0, 0, 0, 0.15);
  padding: 0;
  overflow: hidden;
  display: block !important;
  font-weight: normal;
}
.input-group > .selector-pane.panel-bottom-right {
  left: auto;
  right: -1px;
}
.input-group > .selector-pane.panel-top-right {
  left: auto;
  right: -1px;
  bottom: 100%;
  top: auto;
  box-shadow: -3px -3px 10px 0 rgba(174, 174, 174, 0.5), 0 -5px 40px 0 rgba(0, 0, 0, 0.15);
}
.input-group > .selector-pane.panel-top-left {
  bottom: 100%;
  top: auto;
  box-shadow: -3px -3px 10px 0 rgba(174, 174, 174, 0.5), 0 -5px 40px 0 rgba(0, 0, 0, 0.15);
}
.input-group > .selector-pane .selector-body {
  max-height: 250px;
  min-height: 23px;
  overflow: auto;
  font-size: 1rem;
}
.input-group > .selector-pane ul.selector-ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
}
.input-group > .selector-pane ul.selector-ul li {
  list-style: none;
  padding: 8px 6px;
  white-space: normal;
  cursor: pointer;
  line-height: 1.1rem;
}
.input-group > .selector-pane ul.selector-ul li:hover {
  background-color: var(--hoverBk);
}
.input-group > .selector-pane ul.selector-ul li.active {
  background-color: var(--activeBk);
}
.input-group > .selector-pane a.create-elem {
  padding: 4px;
  display: block;
  border-top: 1px solid var(--neutralBkDarker);
  background-color: var(--neutralBkLight);
}
.input-group > .selector-pane table.data-grid tr.dg-row > td {
  line-height: 1;
  padding: 0.6rem;
}
.control-group.selector-hyperlink .input-group {
  border: none;
}
.control-group.selector-hyperlink .input-group .select-text {
  color: var(--link);
  border-bottom: 1px dotted var(--link);
}
.control-group.selector-hyperlink .input-group .select-text:focus {
  outline: none;
}
.control-group.selector-hyperlink.sel-large .select-text {
  font-size: 1.2rem;
  line-height: 2.3rem;
}
.control-group.selector-combobox .input-group .selector-combo {
  line-height: 2em;
  width: 100%;
  cursor: pointer;
  display: flex;
  min-height: 100%;
}
.control-group.selector-combobox .input-group .selector-combo .select-text {
  padding: 0 4px;
}
.control-group.selector-combobox .input-group .selector-combo .select-text:focus {
  outline: none;
}
/*
    TODO:
    1. do somthing with border: (td:first-child (left:none???)
*/
.data-grid-container {
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
}
.data-grid-container.bordered {
  border: 1px solid var(--neutralBkDarker);
}
.data-grid-container .data-grid-header-border {
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #ddd;
  width: 0;
  z-index: 1;
  height: 37px;
}
table.data-grid {
  cursor: default;
  width: 100%;
  border-spacing: 0;
}
table.data-grid col.fit {
  width: 0.1%;
}
table.data-grid.striped > tbody > tr.even {
  background-color: rgba(224, 224, 224, 0.1);
}
table.data-grid:not(.no-hover) > tbody > tr:hover {
  background-color: var(--hoverBkLight);
}
table.data-grid:not(.no-hover) > tbody > tr.active:hover {
  background-color: var(--activeBkLight);
}
table.data-grid td {
  padding: 0.5rem;
  vertical-align: top;
}
table.data-grid td > i.ico,
table.data-grid td > a > i.ico {
  padding-right: 4px;
  font-size: inherit;
}
table.data-grid td > i.ico.ico-single,
table.data-grid td > a > i.ico.ico-single {
  padding-right: 0;
}
table.data-grid td .dg-cell {
  word-break: break-all;
  word-break: break-word;
}
table.data-grid th {
  border-color: #ddd;
}
table.data-grid td.cell-editable {
  padding: 0;
}
table.data-grid td.cell-editable .control-group {
  margin: -1px;
}
table.data-grid td.small {
  font-size: 0.86rem;
}
table.data-grid td.cell-validator {
  padding: 4px 4px;
  width: 23px;
}
table.data-grid colgroup > col.sorted {
  background-color: rgba(238, 238, 238, 0.45);
}
table.data-grid th {
  background-color: #f5f5f5;
  color: #444;
  border-bottom: 1px solid #ddd;
  vertical-align: baseline;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
table.data-grid th .h-holder {
  position: relative;
  padding: 0.5rem;
}
table.data-grid th.sort {
  cursor: pointer;
  white-space: nowrap;
}
table.data-grid th.sort:hover {
  background-color: #dcdcdc;
}
table.data-grid th.sort .h-holder:after {
  content: '';
  border: 5px solid transparent;
  margin-left: 5px;
}
table.data-grid th.sort.desc,
table.data-grid th.sort.asc {
  background-color: #eee;
}
table.data-grid th.sort.desc .h-holder:after {
  content: '';
  display: inline-block;
  border-top-color: #999;
  vertical-align: bottom;
}
table.data-grid th.sort.asc .h-holder:after {
  content: '';
  display: inline-block;
  border-bottom-color: #999;
  vertical-align: 2px;
}
table.data-grid tr.active {
  background-color: var(--activeBkLight) !important;
}
table.data-grid tr.row-details:hover {
  background-color: white !important;
}
table.data-grid tr.row-details td.details-cell {
  padding: 0;
}
table.data-grid td.danger,
table.data-grid td.error,
table.data-grid td.red {
  background-color: rgba(254, 220, 220, 0.5) !important;
}
table.data-grid td.warning,
table.data-grid td.orange {
  background-color: rgba(255, 216, 0, 0.15) !important;
}
table.data-grid td.success,
table.data-grid td.green {
  background-color: rgba(216, 255, 216, 0.5) !important;
}
table.data-grid td.info,
table.data-grid td.cyan {
  background-color: rgba(114, 234, 234, 0.15) !important;
}
table.data-grid td.marker {
  padding: 0;
  min-width: 12px;
  height: 100%;
  position: relative;
}
table.data-grid td.marker > div {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-left: 6px solid #ddd;
  background-color: rgba(224, 224, 224, 0.1);
}
table.data-grid td.marker > .warning,
table.data-grid td.marker > .yellow {
  background-color: rgba(255, 216, 0, 0.15);
  border-left-color: gold;
}
table.data-grid td.marker > .danger,
table.data-grid td.marker > .error,
table.data-grid td.marker > .red {
  background-color: rgba(254, 220, 220, 0.5);
  border-left-color: #fc7c7c;
}
table.data-grid td.marker > .success,
table.data-grid td.marker > .green {
  background-color: rgba(216, 255, 216, 0.5);
  border-left-color: #89e489;
}
table.data-grid td.marker > .info,
table.data-grid td.marker > .cyan {
  background-color: rgba(114, 234, 234, 0.15);
  border-left-color: #72eaea;
}
table.data-grid th.details-marker {
  width: 22px;
}
table.data-grid td.details-marker {
  padding: 0;
  padding: 4px;
  width: 22px;
  min-width: 22px;
  cursor: pointer;
}
table.data-grid td.details-marker .ico {
  padding: 0;
}
table.data-grid th.group-cell {
  white-space: nowrap;
  overflow: hidden;
}
table.data-grid th.group-cell a {
  display: inline-block;
  padding: 3px 0;
  min-width: 12px;
  border: 1px solid transparent;
  color: #444;
  font-size: 85%;
  text-align: center;
}
table.data-grid th.group-cell a:hover {
  background-color: #dcdcdc;
  text-decoration: none;
}
table.data-grid th.group-cell a + a {
  border-left-color: #ddd;
}
table.data-grid tr.group td {
  background-color: #efefef;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  cursor: pointer;
  color: var(--text);
  padding-left: 0;
  line-height: 1;
}
table.data-grid tr.group td .expmark:after {
  font-family: 'BS';
  content: '\e9cd';
  /*tree-collapsed*/
  width: 16px;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}
table.data-grid tr.group td .expmark.expanded:after {
  content: '\e9cb';
  /*tree-expanded*/
}
table.data-grid tr.group td .grtitle {
  font-weight: 500;
}
table.data-grid tr.group td .grcount {
  float: right;
  font-size: 85%;
  background-color: #bbb;
  color: white;
  padding: 2px 4px;
  border-radius: 10rem;
  text-align: center;
  min-width: 1.1rem;
}
table.data-grid tr.group.lev-2 td {
  padding-left: 12px;
}
table.data-grid td.group-marker {
  padding: 0;
  border-style: none;
}
table.data-grid tr.dg-row:last-child > td {
  border-bottom: 1px solid var(--neutralBkDarker);
}
table.data-grid.compact {
  font-size: 0.95rem;
  line-height: normal;
}
table.data-grid.compact td {
  padding: 2px 4px;
}
table.data-grid > tbody > tr.warning > td,
table.data-grid > tbody > tr.orange > td {
  background-color: rgba(255, 216, 0, 0.15);
}
table.data-grid > tbody > tr.danger > td,
table.data-grid > tbody > tr.error > td,
table.data-grid > tbody > tr.red > td {
  background-color: rgba(254, 220, 220, 0.5);
}
table.data-grid > tbody > tr.success > td,
table.data-grid > tbody > tr.green > td {
  background-color: rgba(216, 255, 216, 0.5);
}
table.data-grid > tbody > tr.info > td,
table.data-grid > tbody > tr.cyan > td {
  background-color: rgba(114, 234, 234, 0.15);
}
table.data-grid > tbody > tr.info > td,
table.data-grid > tbody > tr.light-yellow > td {
  background-color: rgba(255, 216, 0, 0.07);
}
table.data-grid > tbody > tr.bold > td {
  font-weight: 600;
}
.data-grid-container.fixed-header {
  height: 100%;
  overflow: hidden;
  position: relative;
  min-height: 37px;
}
.data-grid-container.fixed-header > .data-grid-body.fixed-header {
  margin-top: 37px;
  overflow: hidden;
  overflow-y: auto;
  height: calc(100% - 2.6rem);
}
.data-grid-container.fixed-header > .data-grid-body.fixed-header > table > thead {
  height: 0;
}
.data-grid-container.fixed-header > .data-grid-body.fixed-header > table > thead > tr > th {
  border-top-style: none;
  border-bottom-style: none;
  height: 0;
  visibility: hidden;
  text-align: left !important;
  /*
				&:first-child > .h-holder {
					border-left-style: none;
				}
				*/
}
.data-grid-container.fixed-header > .data-grid-body.fixed-header > table > thead > tr > th > .h-fill {
  padding: 0 8px;
  height: 0;
  color: transparent;
  line-height: 0 !important;
  margin-top: -5px;
  opacity: 0;
  white-space: nowrap;
}
.data-grid-container.fixed-header > .data-grid-body.fixed-header > table > thead > tr > th.sort > .h-fill:after {
  content: '';
  border: 5px solid transparent;
  margin-left: 2px;
}
.data-grid-container.fixed-header > .data-grid-body.fixed-header > table > thead > tr > th > .h-holder {
  position: absolute;
  visibility: visible;
  top: 0;
  background-color: inherit;
  width: 100%;
  min-height: 37px;
  margin-left: -1px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
.data-grid-container.fixed-header.bordered > .data-grid-body.fixed-header .h-holder {
  border-top-style: none !important;
}
.data-grid-container.fixed-header.bordered > .data-grid-body.fixed-header th:first-child {
  border-left-style: none !important;
}
.data-grid-container.fixed-header.bordered > .data-grid-body.fixed-header > tbody > tr > td:first-child {
  border-left-style: none !important;
}
.data-grid-container.fixed-header.bordered > .data-grid-body.fixed-header > tbody > tr > td:last-child {
  border-right-style: none !important;
}
.data-grid-container > .data-grid-body > .data-grid-empty {
  position: absolute;
  top: 37px;
  left: 0;
  right: 0;
  margin-top: 1px;
}
.data-grid-container.data-grid-light.fixed-header > .data-grid-body.fixed-header {
  margin-top: 36px;
  height: calc(100% - 36px);
}
.data-grid-container.data-grid-light table.data-grid th {
  color: #999;
  border-style: none;
}
.data-grid-container.data-grid-light table.data-grid tr.group td {
  background-color: #f9f9f9;
  color: #999;
}
.data-grid-container.data-grid-light table.data-grid.grid-horizontal th .h-holder {
  border-left: none !important;
  margin-left: 0 !important;
}
.data-grid-container.data-grid-light .data-grid-header-border {
  display: none;
}
.toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 4px;
  overflow: visible;
  background-color: var(--neutralBk);
  row-gap: 4px;
}
.toolbar input,
.toolbar select {
  height: auto;
}
.toolbar .checkbox {
  margin: 0 6px;
}
.toolbar.no-wrap {
  flex-wrap: nowrap;
}
.toolbar.tb-border-bottom {
  border-bottom: 1px solid #ddd;
}
.toolbar.tb-border-bottom-shadow {
  border-bottom: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.toolbar > .control-group.first-elem {
  margin-left: 0 !important;
}
.toolbar > .control-group.first-elem label {
  margin-left: 6px;
}
.toolbar .dropdown.show .btn {
  background-color: var(--neutralBkDarker);
}
.toolbar.transparent {
  background-color: transparent;
  padding: 2px 2px 2px 0;
}
.toolbar.transparent .btn-tb {
  color: var(--link);
}
.toolbar.transparent .dropdown.show .btn {
  background: var(--background);
  outline: 1px dotted #ccc !important;
}
.toolbar.light {
  background-color: var(--background);
}
.toolbar.light > .divider {
  border-right-color: #ececec;
  background-color: #fcfcfc;
}
.toolbar.light .dropdown.show .btn {
  background-color: var(--background);
  outline: 1px dotted #ccc !important;
}
.toolbar > .dropdown > .btn-caret {
  border-left-color: #ccc;
}
.toolbar .btn-caret {
  background-color: transparent;
}
.toolbar .btn-caret:hover {
  background-color: var(--neutralBkDark);
  outline: none;
}
.toolbar .bs-header {
  margin: 0;
  align-self: baseline;
}
.toolbar > .divider {
  flex-grow: 0;
  display: inline-block;
  width: 2px;
  border-right: 1px solid var(--neutralBkLight);
  align-self: stretch;
  background-color: var(--neutralBkDarker);
  margin: 0.25rem;
}
.toolbar > .control-group {
  display: inline-flex;
  background-color: transparent;
  margin-bottom: 0;
}
.toolbar > .control-group .input-group {
  height: 2.35em;
  min-height: 2.35em;
  line-height: 2.35em;
}
.toolbar > .control-group label {
  align-self: center;
  margin: 0 0.5rem;
  font-size: 100%;
  white-space: nowrap;
}
.toolbar > .control-group:not(:last-child) {
  margin-right: 4px;
}
.toolbar > .control-group:not(:first-child) {
  margin-left: 4px;
}
.toolbar .control-group + .control-group {
  margin-left: 6px;
}
.btn-tb {
  white-space: nowrap;
  background-color: transparent;
  min-width: 0;
}
.btn-tb:focus {
  outline: 1px dotted #ccc;
  outline-offset: -2px;
}
.btn-tb:hover {
  background-color: var(--neutralBkDark);
  outline: none;
}
.btn-tb:active {
  background-color: var(--neutralBkDarker);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
  outline: none;
}
.btn-tb:disabled:hover {
  background-color: transparent;
}
.btn-tb > i.ico {
  display: inline-block;
  margin-right: 2px;
  color: var(--icon);
}
.dropdown.show {
  /*:not(.separate)*/
}
.commandbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0;
  overflow: visible;
  background-color: transparent;
  color: var(--link);
}
.commandbar .btn-cb {
  white-space: nowrap;
  background-color: transparent;
  text-transform: lowercase;
  color: var(--text);
  min-width: 0;
  padding: 2px 4px 3px 4px;
}
.commandbar .btn-cb:focus {
  outline: 1px dotted #ccc;
  outline-offset: -2px;
}
.commandbar .btn-cb:hover {
  background-color: var(--neutralBkDark);
  outline: none;
}
.commandbar .btn-cb:active {
  background-color: var(--neutralBkDarker);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
  outline: none;
}
.commandbar .btn-cb:disabled {
  color: #777;
}
.commandbar .btn-cb:disabled:hover {
  background-color: transparent;
  border-color: transparent;
}
.commandbar.visible-active,
.commandbar.visible-hover {
  visibility: hidden;
}
.active .commandbar.visible-active,
.active .commandbar.visible-hover {
  visibility: visible;
}
tr:hover .commandbar.visible-hover {
  visibility: visible;
}
.data-grid td > .commandbar {
  margin: -3px;
}
.tree-view {
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.tree-view li {
  list-style: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.tree-view li a:hover,
.tree-view li a:active {
  text-decoration: none;
}
.tree-view li.active > .overlay {
  background-color: var(--activeBkLight);
}
.tree-view li.active > .overlay:hover {
  background-color: var(--activeBkLight);
}
.tree-view li > .overlay {
  display: inline-flex;
  align-items: baseline;
  width: 100%;
  padding: 7px 0;
}
.tree-view li > .overlay .tv-folder {
  font-weight: 600;
}
.tree-view li > .overlay a {
  color: currentColor;
}
.tree-view li > .overlay .toggle {
  display: inline-block;
  flex-shrink: 0;
  /*fixed*/
  font-size: 1.2rem;
  min-width: 2rem;
  color: #8591a2;
  text-align: center;
}
.tree-view li > .overlay:hover {
  background-color: var(--themeLight);
}
.tree-view li > .overlay i.ico {
  flex-shrink: 0;
  /*fixed*/
  color: var(--icon);
  width: 2rem;
}
.tree-view li > .overlay .no-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tree-view li > .overlay.no-icons > .toggle {
  margin-right: 4px;
}
.tree-view li > ul {
  margin: 0;
  padding-left: 2rem;
  /*indentation*/
}
.tree-view li.collapsed ul {
  display: none;
}
.tree-view.no-indent li > ul {
  padding-left: 0;
}
.tree-view.tree-view-side-bar-menu {
  background-color: #9ab3e0;
}
.side-bar-compact .side-bar-body .tree-view .tv-folder,
.tree-view.tree-view-side-bar-menu .tv-folder {
  padding: 10px 0 10px 12px;
  color: white;
  flex-grow: 2;
  font-weight: normal;
}
.side-bar-compact .side-bar-body .tree-view ul,
.tree-view.tree-view-side-bar-menu ul {
  padding: 0;
}
.side-bar-compact .side-bar-body .tree-view li,
.tree-view.tree-view-side-bar-menu li {
  margin: 6px 0;
}
.side-bar-compact .side-bar-body .tree-view li.folder,
.tree-view.tree-view-side-bar-menu li.folder {
  border-top: 1px solid white;
}
.side-bar-compact .side-bar-body .tree-view li.folder > .overlay > .toggle,
.tree-view.tree-view-side-bar-menu li.folder > .overlay > .toggle {
  order: 2;
  margin-right: 12px;
}
.side-bar-compact .side-bar-body .tree-view li.folder:first-child,
.tree-view.tree-view-side-bar-menu li.folder:first-child {
  border-top: none;
}
.side-bar-compact .side-bar-body .tree-view li.group,
.tree-view.tree-view-side-bar-menu li.group {
  border-top: 1px solid white;
}
.side-bar-compact .side-bar-body .tree-view li.group.active,
.tree-view.tree-view-side-bar-menu li.group.active {
  border-top: 1px solid white;
}
.side-bar-compact .side-bar-body .tree-view li > .overlay,
.tree-view.tree-view-side-bar-menu li > .overlay {
  font-size: 15px;
  white-space: nowrap;
  color: white;
  padding: 0;
  font-weight: 500;
}
.side-bar-compact .side-bar-body .tree-view li > .overlay > a,
.tree-view.tree-view-side-bar-menu li > .overlay > a {
  display: block;
  padding: 10px 6px;
  color: currentColor;
}
.side-bar-compact .side-bar-body .tree-view li > .overlay .ico,
.tree-view.tree-view-side-bar-menu li > .overlay .ico {
  font-size: 20px;
  display: inline-block;
  margin-left: 5px;
  width: auto;
  margin-right: 10px;
  color: currentColor;
}
.side-bar-compact .side-bar-body .tree-view li > .overlay .toggle,
.tree-view.tree-view-side-bar-menu li > .overlay .toggle {
  width: 6px;
}
.side-bar-compact .side-bar-body .tree-view li > .overlay:hover,
.tree-view.tree-view-side-bar-menu li > .overlay:hover {
  background-color: #86a4da;
}
.side-bar-compact .side-bar-body .tree-view li.active .overlay,
.tree-view.tree-view-side-bar-menu li.active .overlay {
  background-color: white;
  color: #777;
}
.side-bar-compact .side-bar-body .tree-view::-webkit-scrollbar,
.tree-view.tree-view-side-bar-menu::-webkit-scrollbar {
  width: 8px;
}
.side-bar-compact .side-bar-body .tree-view::-webkit-scrollbar-thumb,
.tree-view.tree-view-side-bar-menu::-webkit-scrollbar-thumb {
  background-color: #8196bb;
  border-radius: 2rem;
}
.tab-panel {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr auto;
  padding: 0;
  padding-top: 6px;
  align-self: stretch;
  overflow: auto;
  background-color: var(--neutralBkLight);
  grid-gap: 0;
  align-items: stretch;
  height: 100%;
}
.tab-panel.tab-pos-top {
  grid-template-rows: auto 1fr;
}
.tab-panel.tab-pos-top .tab-header {
  grid-row: 1;
  border-bottom: 1px solid #ddd;
}
.tab-panel.tab-pos-top .tab-header > li {
  margin-bottom: -1px;
  border-top-width: 3px;
}
.tab-panel.tab-pos-top .tab-header > li.active {
  border-top: 3px solid gold;
}
.tab-panel.tab-pos-top .tab-header > li:hover {
  border-bottom-color: #ddd;
}
.tab-panel.tab-pos-top .tab-header > li.active:hover {
  border-bottom-color: transparent;
}
.tab-panel.tab-pos-top .tab-content {
  grid-row: 2;
}
.tab-panel.tab-pos-bottom {
  grid-template-rows: 1fr auto;
}
.tab-panel.tab-pos-bottom .tab-header {
  grid-row: 2;
  border-top: 1px solid #ddd;
}
.tab-panel.tab-pos-bottom .tab-header > li {
  margin-top: -1px;
  border-bottom-width: 3px;
}
.tab-panel.tab-pos-bottom .tab-header > li.active {
  border-bottom: 3px solid gold;
}
.tab-panel.tab-pos-bottom .tab-header > li:hover {
  border-top-color: #ddd;
}
.tab-panel.tab-pos-bottom .tab-header > li.active:hover {
  border-top-color: transparent;
}
.tab-panel.tab-pos-bottom .tab-content {
  grid-row: 1;
}
.tab-panel .tab-header {
  background-color: var(--neutralBkLight);
  margin: 0;
  padding: 0 6px 0;
  grid-column: 1;
}
.tab-panel .tab-header > li {
  display: inline-block;
  padding: 0.45rem 1rem 0.55rem 1rem;
  list-style: none;
  cursor: pointer;
  border: 1px solid transparent;
  color: var(--link);
  vertical-align: bottom;
  font-weight: 500;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tab-panel .tab-header > li > .ico {
  color: var(--icon);
}
.tab-panel .tab-header > li .badge {
  vertical-align: middle;
}
.tab-panel .tab-header > li:hover {
  background-color: #eee;
  color: var(--linkDark);
}
.tab-panel .tab-header > li.active {
  background-color: white;
  cursor: default;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: var(--text);
}
.tab-panel .tab-header > li.active.yellow {
  background-color: #fefcf0;
}
.tab-panel .tab-header > li .bs-header {
  display: inline;
  margin: 0;
}
.tab-panel .tab-item.full-height {
  height: 100%;
}
.tab-panel .pane-header {
  grid-row: 1;
  grid-column: 2;
  align-self: stretch;
  border-bottom: 1px solid #ddd;
  padding-right: 6px;
  color: #777;
  display: inline-flex;
  align-items: center;
}
.tab-panel .pane-header .bs-header {
  margin: 0;
}
.tab-panel .tab-content {
  grid-column: 1 / span 2;
  background-color: white;
  overflow: visible;
  max-height: -webkit-fill-available;
}
.tab-panel .tab-content .tab-item {
  overflow: auto;
}
.tab-panel .tab-content.yellow {
  background-color: lightyellow;
}
.tab-panel.overflow {
  overflow: visible;
}
.tab-panel.overflow .tab-item {
  overflow: visible;
}
.tab-panel.bordered > .tab-header {
  padding-left: 0;
}
.tab-panel.bordered > .tab-content {
  border: 1px solid #ddd;
  border-top: none;
}
.tab-panel.full-page .tab-content {
  overflow: auto;
}
.bs-tab-bar {
  display: flex;
  flex-wrap: wrap-reverse;
  border-bottom: 0.3rem solid #ddd;
  align-items: baseline;
  margin: 0.65rem 0;
}
.bs-tab-bar-item {
  padding: 0 0.65rem;
}
.bs-tab-bar-item:first-child {
  padding-left: 0;
}
.bs-tab-bar-item:not(.active):hover {
  background-color: var(--neutralLighterAlt);
}
.bs-tab-button {
  padding: 0.65rem 0;
  border-bottom: 0.3rem solid #ddd;
  margin-bottom: -0.3rem;
  font-weight: bold;
  font-size: 1.2rem;
  display: block;
  color: var(--themeDark);
}
.bs-tab-button:hover {
  color: var(--themeDarker);
}
.bs-tab-button.active {
  border-bottom-color: var(--themeDark);
  color: #999;
}
.bs-tab-button .content {
  white-space: nowrap;
}
.bs-tab-description {
  color: #999;
}
.bs-tab-bar.tab-bar-main-menu {
  background-color: var(--themeDark);
  border-bottom-color: var(--themeDark);
  margin: 0;
  padding: 0 8px;
  align-items: stretch;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.bs-tab-bar.tab-bar-main-menu .bs-tab-bar-item {
  line-height: 29px;
}
.bs-tab-bar.tab-bar-main-menu .bs-tab-bar-item:hover {
  background-color: var(--themeLight);
  margin-bottom: -0.3rem;
}
.bs-tab-bar.tab-bar-main-menu .bs-tab-button {
  font-weight: normal;
  text-transform: uppercase;
  border-bottom-color: transparent;
  padding: 0;
}
.bs-tab-bar.tab-bar-main-menu .bs-tab-button.active {
  font-weight: 500;
  color: var(--themeDark);
  border-bottom-color: var(--themeDark);
}
.bs-tab-bar.tab-bar-button-group {
  margin: 0;
  padding: 0;
  width: 100%;
  align-items: stretch;
  border: none;
}
.bs-tab-bar.tab-bar-button-group .bs-tab-bar-item {
  flex: 1 1 auto;
  padding: 0;
}
.bs-tab-bar.tab-bar-button-group .bs-tab-button {
  text-align: center;
  border: 1px solid var(--themeDark);
  font-weight: normal;
  font-size: 1rem;
  margin: 0;
}
.bs-tab-bar.tab-bar-button-group .bs-tab-button.active {
  background-color: #9ab3e0;
  border-color: #9ab3e0;
  color: white;
}
.bs-tab-bar.tab-bar-tab {
  border-bottom: 1px solid #ddd;
  border-top: 0.3rem solid transparent;
  background-color: var(--neutralBkLight);
  margin: 0;
}
.bs-tab-bar.tab-bar-tab .bs-tab-bar-item {
  padding: 0;
  margin-top: -0.3rem;
  margin-bottom: -1px;
}
.bs-tab-bar.tab-bar-tab .bs-tab-button {
  font-size: 1rem;
  border: 1px solid transparent;
  padding: 0.45rem 1rem 0.55rem 1rem;
  margin: 0;
}
.bs-tab-bar.tab-bar-tab .bs-tab-button.active {
  background-color: white;
  border-top: 0.3rem solid gold;
  border-left-color: #ddd;
  border-right-color: #ddd;
  border-bottom-color: white;
}
.bs-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: auto;
}
.bs-list .bs-list-item {
  cursor: pointer;
  padding: 8px 8px 8px 6px;
  border-left: 4px solid transparent;
}
.bs-list .bs-list-item:hover {
  background-color: var(--hoverBk) !important;
}
.bs-list .bs-list-item:hover .commandbar.visible-hover {
  visibility: visible;
}
.bs-list .bs-list-item.active {
  background-color: var(--activeBk) !important;
}
.bs-list .bs-list-item:focus {
  outline-style: none;
}
.bs-list .bs-list-item.warning,
.bs-list .bs-list-item.yellow,
.bs-list .bs-list-item.light-yellow {
  border-left-color: gold;
  background-color: #fffff0;
}
.bs-list .bs-list-item.danger,
.bs-list .bs-list-item.error,
.bs-list .bs-list-item.red {
  border-left-color: #fc7c7c;
  background-color: #fff5fa;
}
.bs-list .bs-list-item.success,
.bs-list .bs-list-item.green {
  background-color: #f5fff5;
  border-left-color: #89e489;
}
.bs-list .bs-list-item.info,
.bs-list .bs-list-item.cyan {
  border-left-color: #72eaea;
  background-color: #f0ffff;
}
.bs-list .bs-list-item.no-background {
  background-color: transparent;
}
.bs-list .bs-list-item.no-marker {
  border-left-color: transparent;
}
.bs-list .bs-list-item.group {
  background-color: #f9f9f9;
  color: #999;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  cursor: default;
}
.bs-list .bs-list-item.group:hover {
  background-color: #f9f9f9 !important;
}
.bs-list.striped .bs-list-item:nth-of-type(even) {
  background-color: rgba(224, 224, 224, 0.1);
}
.bs-list.border,
.bs-list.border-all {
  border: 1px solid #ddd;
}
.bs-list.border-top {
  border-top: 1px solid #ddd;
}
.bs-list.border-bottom {
  border-bottom: 1px solid #ddd;
}
.bs-list.border-top-bottom {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.bs-list.two-columns-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  padding: 1rem 1rem 0 1rem;
}
.bs-list.three-columns-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
  padding: 1rem 1rem 0 1rem;
}
.bs-list.underlined .bs-list-item {
  border-bottom: 1px solid #ddd;
}
.bs-list.underlined .bs-list-item.group:not(:first-child) {
  border-top-style: none;
}
.bs-list.chat {
  user-select: text;
  padding: 0 0 0 6px;
}
.bs-list.chat .bs-list-item {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: default;
}
.bs-list.chat .bs-list-item:hover,
.bs-list.chat .bs-list-item.active {
  background-color: transparent !important;
}
.bs-list.flush.underlined .bs-list-item:last-child {
  border-bottom-style: none;
}
.bs-list.compact {
  font-size: 0.925rem;
}
.bs-list.compact .bs-list-item {
  padding: 6px 6px 6px 4px;
}
.bs-list .list-empty {
  text-align: center;
  padding: 8px;
}
.list-item-simple {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.list-item-simple .list-item-simple-icon {
  color: var(--neutralSecondary);
  font-size: 1.2rem;
  min-width: 2rem;
}
.list-item-simple .list-item-body {
  padding: 7px 0;
  color: inherit;
}
.chat-item {
  padding: 0.5rem / 2;
  display: block;
  text-align: left;
}
.chat-item .chat-time,
.chat-item .chat-user {
  font-size: 0.925rem;
  color: #999;
}
.chat-item .chat-time {
  margin-left: 0.5rem;
}
.chat-item .chat-user {
  font-weight: 600;
}
.chat-item .chat-add-on {
  float: right;
  font-size: 0.925rem;
}
.chat-item .chat-add-on .ico {
  font-size: 0.925rem;
  color: #999;
}
.chat-item .chat-add-on .dropdown {
  border-radius: 10rem;
  padding: 2px 4px;
}
.chat-item .chat-add-on .dropdown:hover {
  background-color: #eee;
}
.chat-item .chat-add-on .dropdown.show {
  background-color: #eee;
}
.chat-item .chat-body {
  background-color: #fffce9;
  padding: 0.5rem;
  margin: 3px 6px 6px 0;
  display: inline-block;
  box-shadow: 1px 1px 5px 0 rgba(174, 174, 174, 0.5), 0 5px 10px 0 rgba(0, 0, 0, 0.15);
  position: relative;
  white-space: pre-line;
}
.chat-item .chat-body:after {
  content: '';
  border: 6px solid transparent;
  position: absolute;
  left: 4px;
  top: -11px;
  border-bottom-color: #fffce9;
}
.chat-item .chat-body:before {
  content: '';
  border: 7px solid transparent;
  position: absolute;
  left: 3px;
  top: -14px;
  border-bottom-color: #f0f0f0;
}
ul.news-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.news-list > li {
  margin: 0.5rem 0;
}
.generic-list-item {
  display: inline-grid;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr auto;
  width: 100%;
  line-height: 1.25;
}
.generic-list-item .list-item-icon {
  display: block;
  grid-row: 1 / span 2;
  grid-column: 1;
  align-self: start;
  font-size: 200%;
  margin-right: 12px;
  margin-top: 2px;
  color: #999;
}
.generic-list-item .list-item-header {
  display: block;
  grid-row: 1;
  grid-column: 2;
  margin-bottom: 4px;
  font-size: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 4px;
  /*for 'g' letters */
}
.generic-list-item .list-item-footer {
  display: block;
  grid-row: 3;
  grid-column: 2;
  margin-top: 4px;
  font-size: 0.925rem;
  color: #999;
}
.generic-list-item .list-item-body {
  grid-row: 2;
  grid-column: 2;
  font-size: 0.925rem;
  color: #999;
}
.generic-list-item .list-item-commands {
  grid-row: 1 / span 2;
  grid-column: 3;
  align-self: flex-start;
}
.modal-stack {
  position: fixed;
  z-index: 100;
}
.modal-stack .modal-wrapper {
  background-color: transparent;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  overflow: auto;
  display: flex;
}
.modal-stack .modal-wrapper[data-placement=full-screen] {
  margin-top: 42px;
}
.modal-stack .modal-wrapper .modal-window {
  position: relative;
  margin: auto;
  /*center at h and v*/
  width: 500px;
  height: auto;
  background-color: white;
}
.modal-stack .modal-wrapper .modal-window.with-placement {
  position: absolute;
  top: 0;
  bottom: 0;
}
.modal-stack .modal-wrapper .modal-window.with-placement .modal-header {
  display: none;
}
.modal-stack .modal-wrapper .modal-window.with-placement .load-indicator {
  top: 4px;
}
.modal-stack .modal-wrapper .modal-window.side-bar-right {
  right: 0;
}
.modal-stack .modal-wrapper .modal-window.side-bar-left {
  left: 0;
}
.modal-stack .modal-wrapper .modal-window.full-screen {
  right: 0;
  left: 0;
  width: auto !important;
}
.modal-stack .modal-wrapper .modal-window .modal-body-content {
  width: 100%;
  user-select: text;
}
.modal-stack .modal-wrapper .modal-window .modal-error-list {
  padding: 0;
  margin: 10px 0;
  list-style-position: inside;
  list-style-type: disc;
  font-size: 0.95rem;
}
.modal-stack .modal-wrapper .modal-window[maximize] {
  width: 98vw;
  height: calc(100vh - 2rem - 20px);
}
.modal-stack .modal-wrapper .modal-window[maximize] .modal-header {
  cursor: default;
}
.modal-stack .modal-wrapper .modal-window.modal-small {
  width: 350px;
}
.modal-stack .modal-wrapper .modal-window.modal-large {
  width: 800px;
}
.modal-stack .modal-wrapper .load-indicator {
  top: 3rem;
  margin-top: -4px;
  background-color: var(--neutralBkDarker);
}
.modal-stack .modal-wrapper:not(:last-child) .load-indicator {
  display: none;
}
.modal-stack .modal-body .app-exception {
  margin: 0;
}
.debug .modal-animation-frame {
  bottom: 2rem;
}
.inline-modal-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0!important;
  /*disable debug footer*/
  z-index: 1050;
  overflow: auto;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inline-modal-wrapper .modal-window {
  position: relative;
  width: 500px;
  height: auto;
  background-color: white;
}
.modal {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.modal .cw-dialog {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.modal-header {
  background-color: var(--dialogHeaderBkColor);
  padding: 0.5em 0.5em 0.5em 1rem;
  cursor: move;
  font-weight: 600;
  min-height: 3rem;
  line-height: 1.9rem;
}
.modal-header .modal-title-info {
  margin-left: 1rem;
}
.modal-header span.modal-title-info-success:not(:empty) {
  color: #fff;
  margin-left: 1rem;
  background-color: #5db750;
  padding: 0 0.25rem 0.1rem 0.25rem;
}
.modal-header span.error-modal-title-info:not(:empty) {
  color: #fff;
  margin-left: 1rem;
  background-color: #ed5250;
  padding: 0 0.25rem 0.1rem 0.25rem;
}
.modal-header .btnclose {
  float: right;
  width: 1.9rem;
  height: 1.9rem;
}
.modal-header .btnclose:not([disabled]):hover,
.modal-header .btnclose:not([disabled]):active,
.modal-header .btnclose:not([disabled]):focus {
  background-color: rgba(128, 128, 128, 0.15);
}
.modal-header .btnclose[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.modal-header .btn-help {
  float: right;
  color: rgba(2, 2, 2, 0.4);
  width: 1.9rem;
  height: 1.9rem;
  text-align: center;
  padding-top: 2px;
}
.modal-header .btn-help .ico {
  font-size: 120%;
}
.modal-header .btn-help:hover {
  background-color: rgba(128, 128, 128, 0.15);
}
.modal-footer {
  padding: 1rem;
  background-color: var(--neutralBkLight);
  border-top: 1px solid var(--neutralBkDark);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.modal-footer .btn {
  min-width: 6rem;
}
.modal-footer .control-group {
  margin: 0;
}
.modal-footer .btn-help {
  cursor: pointer;
  margin-top: 5px;
}
.modal-footer .btn-help .ico {
  margin-right: 4px;
}
.modal-footer .btn-help:hover {
  text-decoration: none;
}
.modal-footer .btn + .btn-caret {
  min-width: 0;
  margin-left: 0;
}
.modal-body.confirm,
.modal-body.alert,
.modal-body.info {
  margin: 2rem 1rem;
  display: flex;
}
.modal-body.confirm > .ico,
.modal-body.alert > .ico,
.modal-body.info > .ico {
  font-size: 24px;
  display: inline-block;
  margin: 0 12px;
}
.modal-body.confirm > div,
.modal-body.alert > div,
.modal-body.info > div {
  white-space: pre-wrap;
}
.modal-content.content-iframe {
  display: flex;
}
.modal-content {
  flex-grow: 2;
  overflow: auto;
  position: relative;
}
.modal-content.overflow {
  overflow: visible;
}
.modal-content.overflow .tab-panel {
  overflow: visible;
}
.modal-content.overflow .tab-panel .tab-item {
  overflow: visible;
}
.modal-content .dialog-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 0;
  grid-gap: 0;
  height: 100%;
}
.modal-content .dialog-grid .dialog-grid-content,
.modal-content .dialog-grid .taskpad {
  grid-row: 1;
}
.dialog-grid-content {
  overflow: auto;
}
.button-on-top .modal-content {
  order: 2;
}
.button-on-top .modal-footer {
  order: 1;
  border-bottom: 1px solid var(--neutralBkDark);
  border-top: none;
}
.modal-animation-frame {
  background-color: transparent;
}
.modal-animation-frame.show {
  transition: background-color linear 0.1s, backdrop-filter step-end 0.1s;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: saturate(75%) blur(10px);
}
.modal-animation-window:not([maximize]) {
  box-shadow: none;
  backface-visibility: hidden;
  transform: translate(0, -33%);
  opacity: 0;
}
.modal-animation-window:not([maximize]).loaded {
  transition: transform ease 0.1s, box-shadow ease 0.1s, opacity ease 0.1s;
  transform: translate(0, 0);
  opacity: 1;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.modal-animation-window[maximize] {
  box-shadow: none;
  backface-visibility: hidden;
  transform: scale(0.8, 0.8);
  transform-origin: center top;
  opacity: 0;
}
.modal-animation-window[maximize].loaded {
  transition: transform ease 0.1s, box-shadow ease 0.1s, opacity 0.1s ease;
  transform: scale(1, 1);
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  opacity: 1;
}
.wizard-panel {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
}
.wizard-panel .modal-footer {
  grid-row: 3;
}
.wizard-header {
  padding: 6px 6px 6px 0;
  margin: 0;
  list-style: none;
  display: flex;
  grid-row: 1;
  background-color: var(--neutralBkLight);
}
.wizard-header li {
  padding: 0 0.7rem;
  background-color: white;
  position: relative;
  height: 38px;
  border-color: white;
  margin-left: 16px;
}
.wizard-header li > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  border-color: white;
  margin-right: 4px;
  line-height: 1.2rem;
  color: white;
}
.wizard-header li > a .wizard-header-title {
  color: #8591a2;
  font-weight: bold;
}
.wizard-header li > a .wizard-header-descr {
  color: #8591a2;
  font-size: 0.9rem;
}
.wizard-header li > a:before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  border: 19px solid transparent;
  border-color: inherit;
  border-right-width: 0;
  border-left-color: transparent;
  border-left-width: 10px;
}
.wizard-header li > a:after {
  content: "";
  padding: 0;
  position: absolute;
  top: 0;
  left: 100%;
  border: 19px solid transparent;
  border-right-width: 0;
  border-left-color: inherit;
  border-left-width: 10px;
}
.wizard-header li > a > .ico {
  position: absolute;
  right: 0;
  top: 4px;
}
.wizard-header li:first-child > a:before {
  border-left-color: inherit;
}
.wizard-header li.active {
  background-color: var(--activeBk);
}
.wizard-header li.active > a {
  border-color: var(--activeBk);
}
.wizard-header li.disabled {
  background-color: #eee;
}
.wizard-header li.disabled > a {
  border-color: #eee;
  cursor: not-allowed;
}
.wizard-header li.invalid {
  background-color: #fff8f8;
}
.wizard-header li.invalid > a {
  border-color: #fff8f8;
}
.toastr-stack {
  position: absolute;
  z-index: 1080;
  width: 320px;
  left: calc(50% - 160px);
  bottom: 32px;
}
.toastr-stack > ul {
  margin: 0;
  padding: 0;
}
.toastr-stack li.toast {
  transition: all 0.5s;
  display: flex;
  align-items: center;
  color: white;
  font-size: 1.1rem;
  padding: 10px;
  list-style: none;
  margin-top: 10px;
  box-shadow: 0 0 12px #999;
}
.toastr-stack li.toast.warning {
  background-color: #ffb74d;
}
.toastr-stack li.toast.success {
  background-color: #5db750;
}
.toastr-stack li.toast.danger,
.toastr-stack li.toast.error {
  background-color: #da533f;
}
.toastr-stack li.toast.info {
  background-color: #60bbe5;
}
.toastr-stack li.toast .ico {
  display: inline-block;
  font-size: 1.45rem;
  margin-right: 8px;
  color: white;
}
.toastr-stack .list-enter,
.toastr-stack .list-leave-to {
  opacity: 0;
  transform: translateY(10px);
}
.toastr-stack .list-leave-active {
  position: absolute;
}
table col.fit {
  width: 0.1%;
}
table col.sorted {
  background-color: rgba(238, 238, 238, 0.45);
}
table tr.bold > td {
  font-weight: 600;
}
table td.gray {
  background-color: var(--neutralBkLight);
}
table tr.overline {
  border-top: 2px solid var(--neutralBkDarker);
}
table td.wrap {
  word-break: break-word;
}
.bs-table.table-separate-border {
  border-collapse: separate;
}
.bs-table.table-cell-spacing-small {
  border-spacing: 2px;
  border-collapse: separate;
}
.bs-table.table-cell-spacing-medium {
  border-spacing: 6px;
  border-collapse: separate;
}
.bs-table.table-cell-spacing-large {
  border-spacing: 10px;
  border-collapse: separate;
}
table.hover > tbody > tr:hover {
  background-color: var(--hoverBk) !important;
}
table.hover > tbody > tr.active:hover {
  background-color: var(--activeBk) !important;
}
.hover-in-table-row {
  background-color: var(--hoverBk) !important;
}
.active-in-table-row {
  background-color: var(--activeBk) !important;
}
.grid-vertical > tbody > tr > td,
.grid-both > tbody > tr > td,
.grid-vertical > thead > tr > td,
.grid-both > thead > tr > td,
.grid-vertical > tfoot > tr > td,
.grid-both > tfoot > tr > td,
.grid-vertical > tbody > tr > th,
.grid-both > tbody > tr > th,
.grid-vertical > thead > tr > th,
.grid-both > thead > tr > th,
.grid-vertical > tfoot > tr > th,
.grid-both > tfoot > tr > th {
  border-right: 1px solid var(--neutralBkDarker) !important;
}
.grid-vertical > tbody > tr > td:first-child:not(.no-first),
.grid-both > tbody > tr > td:first-child:not(.no-first),
.grid-vertical > thead > tr > td:first-child:not(.no-first),
.grid-both > thead > tr > td:first-child:not(.no-first),
.grid-vertical > tfoot > tr > td:first-child:not(.no-first),
.grid-both > tfoot > tr > td:first-child:not(.no-first),
.grid-vertical > tbody > tr > th:first-child:not(.no-first),
.grid-both > tbody > tr > th:first-child:not(.no-first),
.grid-vertical > thead > tr > th:first-child:not(.no-first),
.grid-both > thead > tr > th:first-child:not(.no-first),
.grid-vertical > tfoot > tr > th:first-child:not(.no-first),
.grid-both > tfoot > tr > th:first-child:not(.no-first) {
  border-left: 1px solid var(--neutralBkDarker) !important;
}
.grid-horizontal > tbody > tr > td,
.grid-both > tbody > tr > td,
.grid-horizontal > thead > tr > td,
.grid-both > thead > tr > td,
.grid-horizontal > tfoot > tr > td,
.grid-both > tfoot > tr > td,
.grid-horizontal > tbody > tr > th,
.grid-both > tbody > tr > th,
.grid-horizontal > thead > tr > th,
.grid-both > thead > tr > th,
.grid-horizontal > tfoot > tr > th,
.grid-both > tfoot > tr > th {
  border-bottom: 1px solid var(--neutralBkDarker);
}
.grid-horizontal > thead > tr:first-child > td,
.grid-both > thead > tr:first-child > td,
.grid-horizontal tfoot > tr:first-child > td,
.grid-both tfoot > tr:first-child > td {
  border-top: 1px solid var(--neutralBkDarker);
}
.grid-horizontal td > .control-group > .input-group,
.grid-vertical td > .control-group > .input-group,
.grid-both td > .control-group > .input-group {
  border-color: transparent !important;
}
.table-empty {
  position: center;
  left: 0;
  right: 0;
  margin-top: 1px;
}
.bs-table {
  border-collapse: separate;
  border-spacing: 0;
  line-height: 1.8;
}
.bs-table.striped > tbody > tr:nth-child(4n+1) .control-group .input-group,
.bs-table.striped > tbody > tr:nth-child(4n+2) .control-group .input-group,
.bs-table.striped > tbody > tr:nth-child(4n+1),
.bs-table.striped > tbody > tr:nth-child(4n+2) {
  background-color: rgba(224, 224, 224, 0.1);
}
.bs-table.bordered {
  margin: 1px;
  outline: 1px solid var(--neutralBkDarker);
}
.bs-table.sort > thead > tr.text-center .h-holder:before {
  content: '';
  margin-right: 8px;
}
.bs-table thead > tr td.sort {
  cursor: pointer;
  white-space: nowrap;
}
.bs-table thead > tr td.sort:hover {
  background-color: #dcdcdc;
}
.bs-table thead > tr td .h-holder:after {
  content: '';
  border: 5px solid transparent;
}
.bs-table thead > tr td.text-center.sort .h-holder:before {
  content: '';
  margin-right: 8px;
}
.bs-table thead > tr td.sort.desc,
.bs-table thead > tr td.sort.asc {
  background-color: #eee;
}
.bs-table thead > tr td.sort.desc .h-holder:after {
  content: '';
  display: inline-block;
  border-top-color: #999;
  margin-left: 5px;
}
.bs-table thead > tr td.sort.asc .h-holder:after {
  content: '';
  display: inline-block;
  border-bottom-color: #999;
  vertical-align: 2px;
  margin-left: 5px;
}
.bs-table > tbody > tr {
  vertical-align: top;
}
.bs-table > tbody > tr.active {
  background-color: var(--activeBkLight) !important;
}
.bs-table > tbody > tr > td {
  padding: 0 6px;
  border-color: var(--neutralBkDarker);
}
.bs-table > tbody > tr > td label {
  display: inline-block;
}
.bs-table > tbody > tr > td .control-group {
  margin: 0;
}
.bs-table > tbody > tr > td > table > tbody > tr:last-child > td {
  border-bottom: none !important;
}
.bs-table > tbody > tr > td .bs-table {
  margin: -1px;
}
.bs-table > thead,
.bs-table > tfoot {
  line-height: 2;
}
.bs-table > thead > tr,
.bs-table > tfoot > tr {
  vertical-align: middle;
}
.bs-table > thead > tr > td,
.bs-table > tfoot > tr > td {
  padding: 0 6px;
  background-color: #f5f5f5;
  border-color: var(--neutralBkDarker);
}
.bs-table td.ctrl {
  padding: 0;
  vertical-align: top;
}
.bs-table td.ctrl .checkbox,
.bs-table td.ctrl .radio {
  margin: 0 6px;
}
.bs-table td.ctrl .stack-panel.horizontal {
  align-items: baseline;
}
.bs-table td.ctrl .stack-panel.horizontal .control-group + .control-group {
  border-left: 1px solid var(--neutralBkDarker);
}
.bs-table td.marker-cell {
  padding: 0 !important;
  width: 1px;
  position: relative;
}
.bs-table td.marker-cell .marker {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(224, 224, 224, 0.1);
  border-left: 4px solid #ddd;
  height: 20px;
}
.bs-table td.marker-cell .marker.success,
.bs-table td.marker-cell .marker.green {
  background-color: rgba(216, 255, 216, 0.5);
  border-left-color: #89e489;
}
.bs-table td.marker-cell .marker.danger,
.bs-table td.marker-cell .marker.red,
.bs-table td.marker-cell .marker.error {
  background-color: rgba(254, 220, 220, 0.5);
  border-left-color: #fc7c7c;
}
.bs-table td.marker-cell .marker.warning,
.bs-table td.marker-cell .marker.orange {
  background-color: rgba(255, 216, 0, 0.15);
  border-left-color: gold;
}
.bs-table td.marker-cell .marker.info,
.bs-table td.marker-cell .marker.cyan {
  background-color: rgba(114, 234, 234, 0.15);
  border-left-color: #72eaea;
}
.bs-table td.row-divider {
  padding: 0;
  height: 1px;
  background-color: var(--neutralBkDarker);
}
.bs-table tr:last-child td.row-divider {
  display: none;
}
.bs-table tr.success > td,
.bs-table tr.green > td {
  background-color: rgba(216, 255, 216, 0.5);
}
.bs-table tr.info > td,
.bs-table tr.cyan > td {
  background-color: rgba(114, 234, 234, 0.15);
}
.bs-table tr.warning > td,
.bs-table tr.orange > td {
  background-color: rgba(255, 216, 0, 0.15);
}
.bs-table tr.danger > td,
.bs-table tr.error > td,
.bs-table tr.red > td {
  background-color: rgba(254, 220, 220, 0.5);
}
.bs-table tr.gray > td {
  background-color: rgba(224, 224, 224, 0.1);
}
.bs-table .control-group .input-group {
  line-height: inherit;
}
.bs-table .control-group .input-group a {
  line-height: inherit;
}
.bs-table .control-group .input-group .popover-title {
  line-height: inherit;
}
.bs-sticky-bottom {
  height: 1px;
  background-color: var(--background);
  position: relative;
  top: -1px;
}
.bs-table.compact {
  line-height: normal;
  line-height: 1.52;
}
.bs-table.compact > thead,
.bs-table.compact > tfoot {
  line-height: 1.67em;
}
.bs-table.compact input,
.bs-table.compact select {
  height: 1.67em;
}
.bs-table.compact td {
  padding: 0 4px;
}
.bs-table.compact td .input-group {
  padding: 0;
}
.bs-table.compact td .input-group.static > span {
  line-height: 1.67em;
  min-height: 1.67em;
  height: 1.67em;
}
.bs-table.compact td.ctrl {
  padding: 0;
}
.bs-table.compact td.ctrl .checkbox,
.bs-table.compact td.ctrl .radio {
  margin: 0 6px 0 4px;
}
.bs-table.compact td.ctrl .checkbox :before,
.bs-table.compact td.ctrl .radio :before,
.bs-table.compact td.ctrl .checkbox :after,
.bs-table.compact td.ctrl .radio :after {
  width: 13px;
  height: 13px;
}
.bs-table.compact td.ctrl .checkbox > span,
.bs-table.compact td.ctrl .radio > span {
  padding-left: 18px;
}
.bs-table.bk-paper {
  background-color: #fcfaf6;
}
.bs-table.bk-yellow {
  background-color: #fffff0;
}
.bs-table.bk-cyan {
  background-color: #edfcfe;
}
.bs-table.bk-rose {
  background-color: #fff8f8;
}
.bs-table.bk-white-smoke {
  background-color: var(--neutralBkLight);
}
.bs-table.bk-white {
  background-color: var(--background);
}
.app-link-table {
  border-collapse: collapse;
}
.app-link-table td,
.app-link-table th {
  padding: 4px 6px;
  border: 1px solid #ccc;
}
.app-link-table th {
  font-weight: bold;
  color: #777;
}
.bordered-pane .bs-table {
  margin: -1px 0;
}
.bordered-pane .bs-table tr > td:first-child {
  border-left-style: none;
}
.bs-sticky-container {
  overflow: auto;
}
.bs-sticky-container .sticky-col {
  position: sticky;
  background-color: #fff;
  z-index: 10;
}
.bs-sticky-container .sticky-col-1 {
  left: 0;
  min-width: 80px;
  z-index: 11;
}
.bs-sticky-container .sticky-col-2 {
  left: 80px;
  min-width: 130px;
  z-index: 11;
}
.bs-sticky-container .sticky-col-3 {
  left: 210px;
  min-width: 80px;
  z-index: 11;
}
.bs-sticky-container .sticky-col-4 {
  left: 290px;
  min-width: 80px;
  z-index: 11;
}
.bs-sticky-container .sticky-header {
  top: 0;
  z-index: 15;
}
.bs-sticky-container .sticky-header-only {
  position: sticky;
  top: 0;
  z-index: 9;
  background-color: #fff;
}
table.bs-table.sticky {
  width: 100%;
}
table.bs-table.sticky thead,
table.bs-table.sticky tfoot {
  position: sticky;
  z-index: 7;
}
table.bs-table.sticky thead {
  top: 0;
}
table.bs-table.sticky tfoot {
  bottom: 0;
}
table.prop-grid {
  width: 100%;
}
table.prop-grid td {
  border-color: var(--neutralBkDarker);
  line-height: normal;
  padding: 4px 6px;
  vertical-align: baseline;
}
table.prop-grid col.prop-name {
  width: 1px;
}
table.prop-grid td.prop-name {
  color: #999;
}
table.prop-grid.no-wrap-name td.prop-name {
  white-space: nowrap;
}
table.prop-grid td.prop-value .control-group {
  margin: 0;
}
table.prop-grid.grid-horizontal td.prop-name {
  padding-left: 0;
}
table.prop-grid.grid-horizontal td.prop-value {
  padding-right: 0;
}
table.prop-grid.striped > tbody > tr:nth-of-type(even) {
  background-color: rgba(224, 224, 224, 0.1);
}
table.prop-grid.grid-horizontal tr:first-child > td,
table.prop-grid.grid-both tr:first-child > td {
  border-top-style: none;
}
table.prop-grid.grid-horizontal tr:last-child > td,
table.prop-grid.grid-both tr:last-child > td {
  border-bottom-style: none;
}
table.prop-grid.compact {
  font-size: 0.95rem;
}
table.prop-grid.compact td {
  padding: 2px 4px;
}
table.prop-grid.small td {
  padding: 0 2px;
}
label.checkbox,
label.radio {
  cursor: pointer;
  display: inline-block;
  padding: 2px 0;
  line-height: 1em;
  white-space: nowrap;
}
label.checkbox > span,
label.radio > span {
  display: inline-flex;
  position: relative;
  min-height: 1em;
  white-space: normal;
  gap: 1ch;
  align-items: baseline;
}
label.checkbox > span::before,
label.radio > span::before {
  content: '';
  width: 1em;
  height: 1em;
  border: 1px solid #999;
  border-radius: 1px;
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
  align-self: center;
}
label.checkbox.no-wrap span,
label.radio.no-wrap span {
  white-space: nowrap;
}
label.radio span::before {
  border-radius: 50%;
}
input[type="checkbox"]:not(.switch),
input[type="radio"] {
  opacity: 0;
  z-index: 1;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: absolute;
  left: 2px;
  top: 2px;
}
input[type="checkbox"]:not(.switch):disabled + span,
input[type="radio"]:disabled + span {
  cursor: not-allowed;
  opacity: 0.5;
}
input[type="checkbox"]:not(.switch):focus + span::before,
input[type="radio"]:focus + span::before {
  outline: thin dotted #999;
  outline-offset: 0;
}
input[type="checkbox"]:checked + span::before {
  background-image: url("data:image/svg+xml,%EF%BB%BF%3Csvg%20viewBox%3D'0%200%2020%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0D%0A%09%3Cpath%20fill%3D'none'%20%0D%0A%09%09stroke%3D'%23555'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'3'%0D%0A%09d%3D'M6%2010l3%203l6-6'%2F%3E%0D%0A%3C%2Fsvg%3E");
}
input[type="checkbox"]:indeterminate + span::before {
  background-image: url("data:image/svg+xml,%EF%BB%BF%3Csvg%20viewBox%3D'0%200%2020%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0D%0A%09%3Cpath%20fill%3D'none'%20%0D%0A%09%09stroke%3D'%23555'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'3'%0D%0A%09d%3D'M6%2010h8'%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A%0D%0A");
}
input[type="radio"]:checked + span::before {
  background-image: url("data:image/svg+xml,%EF%BB%BF%3Csvg%20viewBox%3D'-4%20-4%208%208'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0D%0A%09%3Ccircle%20fill%3D'%23555'%20%20r%3D'2.5'%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
}
.checkbox input[type="radio"]:checked + span::before {
  background-image: url("data:image/svg+xml,%EF%BB%BF%3Csvg%20viewBox%3D'0%200%2020%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0D%0A%09%3Cpath%20fill%3D'none'%20%0D%0A%09%09stroke%3D'%23555'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'3'%0D%0A%09d%3D'M6%2010l3%203l6-6'%2F%3E%0D%0A%3C%2Fsvg%3E");
}
label.checkbox.small,
label.radio.small {
  font-size: 0.85em;
}
label.radio.lg,
label.checkbox.lg {
  font-size: 1.21em;
}
label.like-checkbox {
  display: inline-flex;
  position: relative;
  top: 2px;
  cursor: pointer;
}
label.like-checkbox > span {
  display: inline-block;
}
label.like-checkbox > span:before {
  display: inline-block;
  content: '';
  width: 1em;
  height: 1em;
  border: 1px solid #999;
  border-radius: 1px;
  background-color: white;
  background-position: center;
  background-repeat: no-repeat;
}
label.like-checkbox.checked > span:before {
  background-image: url("data:image/svg+xml,%EF%BB%BF%3Csvg%20viewBox%3D'0%200%2020%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0D%0A%09%3Cpath%20fill%3D'none'%20%0D%0A%09%09stroke%3D'%23555'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'3'%0D%0A%09d%3D'M6%2010l3%203l6-6'%2F%3E%0D%0A%3C%2Fsvg%3E");
}
label.like-checkbox.indeterminate > span::before {
  background-image: url("data:image/svg+xml,%EF%BB%BF%3Csvg%20viewBox%3D'0%200%2020%2020'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%0D%0A%09%3Cpath%20fill%3D'none'%20%0D%0A%09%09stroke%3D'%23555'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20stroke-width%3D'3'%0D%0A%09d%3D'M6%2010h8'%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A%0D%0A");
}
label.switchbox {
  display: inline-block;
  cursor: pointer;
  padding: 2px 0;
  line-height: 1em;
  white-space: nowrap;
}
label.switchbox > span {
  padding: 0 6px;
}
label.switchbox input.switch {
  cursor: pointer;
  width: 2.125em;
  height: 1.25em;
  border-radius: 1em;
  appearance: none;
  align-self: center;
  margin: 0;
  padding: 0;
  vertical-align: -4px;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3.5' fill='rgba(255, 255, 255, 0.99)'/></svg>");
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: left center;
  transition: background-color 0.2s ease 0s, background-position 0.2s linear 0s;
}
label.switchbox input.switch:checked {
  background-position: right center;
  background-color: var(--linkDark);
}
label.switchbox input.switch:disabled {
  cursor: not-allowed;
  background-color: #ddd;
}
label.switchbox input.switch:disabled + span {
  cursor: not-allowed;
  opacity: 0.5;
}
.bs-pager {
  padding: 1rem 0 0 0;
  display: flex;
  align-items: center;
  border-top: 1px solid var(--neutralLight);
}
.bs-pager button {
  padding: 3px;
  background-color: var(--background);
  border: 1px solid #ccc;
  min-width: 2em;
  min-height: 2em;
  text-align: center;
  border-radius: 10rem;
  margin-right: 4px;
}
.bs-pager button:hover {
  background-color: #e0e0e0;
}
.bs-pager button[disabled] {
  color: #ccc;
  background-color: var(--neutralBkLight);
  cursor: not-allowed;
}
.bs-pager button[disabled]:hover {
  background-color: var(--neutralBkLight);
}
.bs-pager button.active {
  background-color: var(--activeBk);
}
.bs-pager button.active:hover {
  background-color: var(--activeBk);
}
.bs-pager button:first-child {
  border-left-width: 1px;
}
.bs-pager > .bs-pager-divider {
  flex-grow: 2;
}
.bs-pager > .bs-pager-title {
  font-size: 0.9em;
  color: var(--text);
  white-space: nowrap;
  padding-left: 0.5em;
}
.bs-pager .bs-pager-dots {
  display: inline-block;
  width: 2em;
  text-align: center;
  margin-right: -1px;
}
/*
TODO: 
    1. shadow into variables
*/
.menu {
  top: 100%;
  min-width: 160px;
  box-shadow: 3px 3px 10px 0 rgba(174, 174, 174, 0.5), 0 5px 40px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid var(--neutralBkDarker);
  font-weight: normal;
}
.menu .dropdown-item {
  display: flex;
  cursor: pointer;
  padding: 0.5em 1em;
  white-space: nowrap;
  color: var(--text);
  align-items: baseline;
  background-color: transparent;
  width: 100%;
  text-align: left;
}
.menu .dropdown-item:hover {
  text-decoration: none;
  background-color: transparent;
}
.menu .dropdown-item > .ico {
  display: inline-block;
  margin-right: 0.5em;
  color: inherit;
  min-width: 1.25em;
  font-size: 1.077em;
}
.menu .dropdown-item > .ico:before {
  color: var(--icon);
}
.menu .dropdown-item[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.menu .dropdown-item[disabled]:hover {
  background-color: transparent;
}
.menu .dropdown-item:hover {
  background-color: var(--hoverBk);
}
.menu .divider {
  flex-grow: 0;
  height: 1px;
  margin: 0.5em;
  background-color: var(--neutralBkDarker);
}
.menu .group-title {
  color: #8591a2;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--neutralBkDarker);
  font-weight: 500;
  margin-bottom: 4px;
}
.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 11000;
  background-color: var(--background);
  border-radius: 2px;
  width: auto;
  height: auto;
  left: 0;
  right: auto;
  top: 100%;
  bottom: auto;
  text-align: left;
  min-width: 100%;
  padding: 3px;
}
.dropdown-menu > .checkbox {
  float: left;
  margin-left: 1rem;
  padding: 0.5em 0;
}
.dropdown-menu > .checkbox > span {
  padding-left: 26px;
}
.contextmenu {
  position: absolute;
  display: block;
}
.contextmenu.show .dropdown-menu {
  display: block;
}
.btn-command {
  display: grid;
  grid-template-columns: 1fr 2rem;
}
.dropdown {
  position: relative;
  overflow: visible;
  display: inline-block;
}
.dropdown .dropdown-menu.down-left {
  left: auto;
  right: 0;
}
.dropdown .dropdown-menu.up-right {
  bottom: 100%;
  top: auto;
  box-shadow: 5px -5px 10px 0 rgba(174, 174, 174, 0.5), 0 5px 40px 0 rgba(0, 0, 0, 0.15);
}
.dropdown .dropdown-menu.up-left {
  bottom: 100%;
  top: auto;
  left: auto;
  right: 0;
  box-shadow: -5px -5px 10px 0 rgba(174, 174, 174, 0.5), 0 -5px 40px 0 rgba(0, 0, 0, 0.15);
}
.dropdown.show .dropdown-menu {
  display: block;
}
.toolbar > .dropdown {
  display: inline-block;
  overflow: visible;
}
.dropdown {
  /*
	&.show:after {
		content: '';
		height: 3px;
		background-color: @dropdown-bg-color;
		position: absolute;
		z-index: @popup-index + 1;
		left: 1px;
		right: 1px;
	}
	*/
}
.dropdown .menu {
  font-weight: normal;
}
.dropdown.show .btn:focus {
  outline-style: none !important;
}
.dropdown.show .btn:hover {
  box-shadow: none !important;
}
.dropdown.dir-down.show:after {
  bottom: 0;
}
.dropdown.dir-up.show:after {
  top: 0;
}
.dropdown .btn {
  height: 100%;
}
.dropdown .btn-caret {
  margin-left: 0;
  border-left: 1px solid var(--text);
  padding-left: 8px;
  padding-right: 8px;
}
.dropdown .btn-caret .caret {
  margin-left: 0;
}
.dropdown .btn-caret.btn-green,
.dropdown .btn-caret.btn-success {
  border-left-color: var(--background);
  background-color: #4c9d41;
}
.dropdown .btn-caret.btn-primary {
  border-left-color: var(--background);
  background-color: #2b5c94;
}
.dropdown .btn-caret.btn-red,
.dropdown .btn-caret.btn-danger {
  border-left-color: var(--background);
  background-color: #c93c27;
}
.dropdown .btn-caret.btn-info,
.dropdown .btn-caret.btn-cyan {
  border-left-color: var(--background);
  background-color: #3dacdf;
}
.dropdown .btn-caret.btn-warning,
.dropdown .btn-caret.btn-orange {
  border-left-color: var(--background);
  background-color: #ffa624;
}
.dropdown.show .btn {
  position: relative;
  z-index: 11001;
}
.dropdown.show > .btn-caret {
  border-left-style: none;
  padding-left: 9px;
}
.hlink-dd-wrapper {
  /*
	> a.bs-hyperlink {
		border-bottom: 1px dotted @link-color;
	}
	*/
}
.hlink-dd-wrapper:focus {
  outline: none !important;
}
.hlink-dd-wrapper.show:after {
  display: none !important;
}
.hlink-dd-wrapper .menu {
  margin: 2px 0;
}
.popover-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-bottom: 1px;
  color: var(--link);
}
.popover-wrapper:focus {
  outline: none !important;
}
.popover-wrapper > .popover-title {
  border-bottom: 1px dotted var(--link);
  position: relative;
}
.popover-wrapper > .popover-title > span {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.popover-wrapper > .popover-title > .badge {
  position: absolute;
  top: -4px;
  right: -45%;
  margin: 0;
  border-radius: 20rem;
  font-size: 10px;
  line-height: 13px;
  padding: 0 4px;
  background-color: #bbb;
}
.popover-wrapper.underline-disable > .popover-title {
  border-bottom-style: none;
}
.popover-wrapper.underline-hover > .popover-title {
  border-bottom-color: transparent;
}
.popover-wrapper > .popover-title:hover {
  color: var(--linkDark);
  border-bottom-color: var(--linkDark);
}
.popover-wrapper > .popup-body {
  display: none;
  position: absolute;
  cursor: default;
  color: var(--text);
  font-size: var(--fontSize);
  padding: 4px 6px 6px 6px;
  background-color: #fffff0;
  white-space: normal;
  min-width: 150px;
  min-height: 30px;
  text-align: left;
  box-shadow: 3px 3px 10px 0 rgba(174, 174, 174, 0.5), 0 5px 40px 0 rgba(0, 0, 0, 0.15);
  z-index: 11000;
}
.popover-wrapper > .popup-body > .arrow {
  position: absolute;
  left: auto;
  top: auto;
  width: 0;
  height: 0;
  border: 9px solid transparent;
}
.popover-wrapper > .popup-body > .arrow:after {
  content: '';
  position: absolute;
  border: 8px solid transparent;
}
.popover-wrapper > .popup-body pre.bs-code {
  background-color: transparent;
}
.popover-wrapper.show > .popup-body {
  display: block;
}
.popover-wrapper.po-right-bottom > .popup-body {
  left: 100%;
  top: 0;
  margin-top: -6px;
  margin-left: 9px;
}
.popover-wrapper.po-right-bottom > .popup-body > .arrow {
  left: -18px;
  top: 6px;
}
.popover-wrapper.po-right-bottom > .popup-body > .arrow:after {
  left: -7px;
  top: -8px;
  border-right-color: #fffff0;
}
.popover-wrapper.po-right-top > .popup-body {
  left: 100%;
  bottom: 0;
  margin-bottom: -6px;
  margin-left: 9px;
}
.popover-wrapper.po-right-top > .popup-body > .arrow {
  left: -18px;
  bottom: 6px;
}
.popover-wrapper.po-right-top > .popup-body > .arrow:after {
  left: -7px;
  top: -8px;
  border-right-color: #fffff0;
}
.popover-wrapper.po-left-bottom > .popup-body {
  right: 100%;
  top: 0;
  margin-top: -6px;
  margin-right: 9px;
}
.popover-wrapper.po-left-bottom > .popup-body > .arrow {
  right: -18px;
  top: 6px;
}
.popover-wrapper.po-left-bottom > .popup-body > .arrow:after {
  left: -9px;
  top: -8px;
  border-left-color: #fffff0;
}
.popover-wrapper.po-left-top > .popup-body {
  right: 100%;
  bottom: 0;
  margin-bottom: -6px;
  margin-right: 9px;
}
.popover-wrapper.po-left-top > .popup-body > .arrow {
  right: -18px;
  bottom: 6px;
}
.popover-wrapper.po-left-top > .popup-body > .arrow:after {
  left: -9px;
  top: -8px;
  border-left-color: #fffff0;
}
.popover-wrapper.po-top-right > .popup-body {
  left: 0;
  bottom: 100%;
  margin-bottom: 6px;
  margin-left: -9px;
}
.popover-wrapper.po-top-right > .popup-body > .arrow {
  left: 6px;
  bottom: -18px;
}
.popover-wrapper.po-top-right > .popup-body > .arrow:after {
  left: -8px;
  top: -9px;
  border-top-color: #fffff0;
}
.popover-wrapper.po-top-left > .popup-body {
  right: 0;
  bottom: 100%;
  margin-bottom: 6px;
  margin-right: -9px;
}
.popover-wrapper.po-top-left > .popup-body > .arrow {
  right: 6px;
  bottom: -18px;
}
.popover-wrapper.po-top-left > .popup-body > .arrow:after {
  left: -8px;
  top: -9px;
  border-top-color: #fffff0;
}
.popover-wrapper.po-bottom-right > .popup-body {
  left: 0;
  top: 100%;
  margin-top: 9px;
  margin-left: -9px;
}
.popover-wrapper.po-bottom-right > .popup-body > .arrow {
  left: 6px;
  top: -18px;
}
.popover-wrapper.po-bottom-right > .popup-body > .arrow:after {
  left: -8px;
  top: -7px;
  border-bottom-color: #fffff0;
}
.popover-wrapper.po-bottom-left > .popup-body {
  right: 0;
  top: 100%;
  margin-top: 9px;
  margin-right: -7px;
}
.popover-wrapper.po-bottom-left > .popup-body > .arrow {
  right: 6px;
  top: -18px;
}
.popover-wrapper.po-bottom-left > .popup-body > .arrow:after {
  left: -8px;
  top: -7px;
  border-bottom-color: #fffff0;
}
.popover-wrapper.po-cyan > .popup-body {
  background-color: #edfcfe;
}
.popover-wrapper.po-cyan.po-right-top > .popup-body > .arrow:after,
.popover-wrapper.po-cyan.po-right-bottom > .popup-body > .arrow:after {
  border-right-color: #edfcfe;
}
.popover-wrapper.po-cyan.po-left-top > .popup-body > .arrow:after,
.popover-wrapper.po-cyan.po-left-bottom > .popup-body > .arrow:after {
  border-left-color: #edfcfe;
}
.popover-wrapper.po-cyan.po-top-left > .popup-body > .arrow:after,
.popover-wrapper.po-cyan.po-top-right > .popup-body > .arrow:after {
  border-top-color: #edfcfe;
}
.popover-wrapper.po-cyan.po-bottom-left > .popup-body > .arrow:after,
.popover-wrapper.po-cyan.po-bottom-right > .popup-body > .arrow:after {
  border-bottom-color: #edfcfe;
}
.popover-wrapper.po-green > .popup-body {
  background-color: #f4ffd8;
}
.popover-wrapper.po-green.po-right-top > .popup-body > .arrow:after,
.popover-wrapper.po-green.po-right-bottom > .popup-body > .arrow:after {
  border-right-color: #f4ffd8;
}
.popover-wrapper.po-green.po-left-top > .popup-body > .arrow:after,
.popover-wrapper.po-green.po-left-bottom > .popup-body > .arrow:after {
  border-left-color: #f4ffd8;
}
.popover-wrapper.po-green.po-top-left > .popup-body > .arrow:after,
.popover-wrapper.po-green.po-top-right > .popup-body > .arrow:after {
  border-top-color: #f4ffd8;
}
.popover-wrapper.po-green.po-bottom-left > .popup-body > .arrow:after,
.popover-wrapper.po-green.po-bottom-right > .popup-body > .arrow:after {
  border-bottom-color: #f4ffd8;
}
.popover-wrapper.po-red > .popup-body {
  background-color: #fedbdb;
}
.popover-wrapper.po-red.po-right-top > .popup-body > .arrow:after,
.popover-wrapper.po-red.po-right-bottom > .popup-body > .arrow:after {
  border-right-color: #fedbdb;
}
.popover-wrapper.po-red.po-left-top > .popup-body > .arrow:after,
.popover-wrapper.po-red.po-left-bottom > .popup-body > .arrow:after {
  border-left-color: #fedbdb;
}
.popover-wrapper.po-red.po-top-left > .popup-body > .arrow:after,
.popover-wrapper.po-red.po-top-right > .popup-body > .arrow:after {
  border-top-color: #fedbdb;
}
.popover-wrapper.po-red.po-bottom-left > .popup-body > .arrow:after,
.popover-wrapper.po-red.po-bottom-right > .popup-body > .arrow:after {
  border-bottom-color: #fedbdb;
}
.popover-wrapper.po-blue > .popup-body {
  background-color: #e5f1fe;
}
.popover-wrapper.po-blue.po-right-top > .popup-body > .arrow:after,
.popover-wrapper.po-blue.po-right-bottom > .popup-body > .arrow:after {
  border-right-color: #e5f1fe;
}
.popover-wrapper.po-blue.po-left-top > .popup-body > .arrow:after,
.popover-wrapper.po-blue.po-left-bottom > .popup-body > .arrow:after {
  border-left-color: #e5f1fe;
}
.popover-wrapper.po-blue.po-top-left > .popup-body > .arrow:after,
.popover-wrapper.po-blue.po-top-right > .popup-body > .arrow:after {
  border-top-color: #e5f1fe;
}
.popover-wrapper.po-blue.po-bottom-left > .popup-body > .arrow:after,
.popover-wrapper.po-blue.po-bottom-right > .popup-body > .arrow:after {
  border-bottom-color: #e5f1fe;
}
.popover-wrapper.po-white > .popup-body {
  background-color: white;
}
.popover-wrapper.po-white.po-right-top > .popup-body > .arrow:after,
.popover-wrapper.po-white.po-right-bottom > .popup-body > .arrow:after {
  border-right-color: white;
}
.popover-wrapper.po-white.po-left-top > .popup-body > .arrow:after,
.popover-wrapper.po-white.po-left-bottom > .popup-body > .arrow:after {
  border-left-color: white;
}
.popover-wrapper.po-white.po-top-left > .popup-body > .arrow:after,
.popover-wrapper.po-white.po-top-right > .popup-body > .arrow:after {
  border-top-color: white;
}
.popover-wrapper.po-white.po-bottom-left > .popup-body > .arrow:after,
.popover-wrapper.po-white.po-bottom-right > .popup-body > .arrow:after {
  border-bottom-color: white;
}
.popover-wrapper.hint {
  margin: 0 6px;
  color: #999;
  padding-bottom: 0;
  font-weight: normal;
  line-height: normal;
  font-size: var(--fontSize);
}
.popover-wrapper.hint > .popover-title {
  border-bottom: none;
}
.popover-wrapper.hint .ico {
  font-size: 12px;
}
.bs-state-card {
  position: relative;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #aaa;
  padding: 0.7rem;
  line-height: 1;
}
.bs-state-card .bs-state-card-text {
  font-size: 2rem;
  font-weight: 500;
}
.bs-state-card .bs-card-icon {
  position: absolute;
  right: 1.46666rem;
  top: 1.46666rem;
  font-size: 4.39998rem;
  color: hsla(0, 0%, 70%, 0.25);
}
.bs-state-card .bs-card-icon:before {
  color: inherit;
}
.bs-state-card .bs-badge {
  padding: 0 4px;
  margin: 0 2px;
  background-color: hsla(0, 0%, 100%, 0.25);
  border: 1px solid hsla(0, 0%, 100%, 0.25);
}
.bs-state-card.bs-state-card-styled {
  color: white;
}
.bs-state-card.bs-state-card-styled .bs-card-icon {
  color: hsla(0, 0%, 100%, 0.25);
}
.bs-state-card.bs-state-card-yellow {
  background-color: #ffb74d;
}
.bs-state-card.bs-state-card-green {
  background-color: #5db750;
}
.bs-state-card.bs-state-card-cyan {
  background-color: #60bbe5;
}
.bs-state-card.bs-state-card-red {
  background-color: #da533f;
}
.bs-state-card.bs-state-card-primary {
  background-color: #3470b4;
}
.bs-state-card.compact .bs-state-card-text {
  font-size: 150%;
}
.bs-state-card.compact .bs-card-icon {
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 4rem;
}
.grid {
  display: grid !important;
  padding: 1rem;
  grid-gap: 0.5rem;
  align-items: flex-end;
  grid-template-columns: auto;
  grid-template-rows: auto;
}
.grid .control-group {
  margin-bottom: 0;
}
.grid .bs-header {
  margin: 0;
}
.grid > .grid {
  padding: 0;
}
.grid > .panel {
  margin-bottom: 0;
}
.grid .grid-divider {
  background-color: #ddd;
  align-self: stretch;
}
.grid-for-multiline {
  display: grid !important;
  grid-template-columns: 1fr auto;
  align-items: center !important;
}
.stack-panel {
  display: flex !important;
  flex-direction: column;
}
.stack-panel.inline {
  display: inline-flex !important;
}
.stack-panel.centered-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
}
.stack-panel.horizontal {
  flex-direction: row;
}
.stack-panel.horizontal .control-group {
  margin: 0;
}
.stack-panel.wrap {
  flex-wrap: wrap;
}
.sentinel {
  width: 100%;
  height: 1px;
}
.align-stretch {
  align-items: stretch !important;
}
.align-center {
  align-items: center !important;
}
.align-baseline {
  align-items: baseline !important;
}
.align-start {
  align-items: flex-start !important;
}
.align-end {
  align-items: flex-end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-space-around {
  justify-content: space-around !important;
}
.justify-space-between {
  justify-content: space-between !important;
}
.justify-space-evenly {
  justify-content: space-evenly !important;
}
.panel {
  margin-bottom: 12px;
  background-color: white;
  display: flex;
  flex-direction: column;
  /* ???
	.panel-content {
		height:100%; //TODO:???
	}
	*/
}
.panel .panel-header {
  padding: 0 0.625rem;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  line-height: 2.6rem;
}
.panel .panel-header .ico {
  margin-right: 3px;
}
.panel .panel-header .panel-collapse-handle {
  font-size: 110%;
  line-height: inherit;
  margin: 0;
}
.panel .panel-header .bs-header {
  font-weight: normal;
  margin: 0;
  color: currentColor;
}
.panel.compact .panel-header {
  line-height: 2rem;
}
.panel.drop-shadow {
  border-style: none !important;
}
.panel.drop-shadow .panel-header {
  border-color: #ddd !important;
}
.shadow1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.shadow2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.shadow3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.shadow4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.shadow5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.panel.collapsed .panel-header {
  border-bottom-style: none !important;
}
.panel {
  border: 1px solid var(--neutralBkDark);
}
.panel > .panel-header {
  color: #999;
  background-color: var(--neutralBk);
  border-bottom: 1px solid var(--neutralBkDark);
}
.panel > .panel-header .panel-collapse-handle {
  color: #999;
}
.panel.panel-cyan {
  border: 1px solid #bcdff1;
}
.panel.panel-cyan > .panel-header {
  color: #31708f;
  background-color: #edfcfe;
  border-bottom: 1px solid #bcdff1;
}
.panel.panel-cyan > .panel-header .panel-collapse-handle {
  color: #31708f;
}
.panel.panel-green {
  border: 1px solid #c3e6cb;
}
.panel.panel-green > .panel-header {
  color: #155724;
  background-color: #d4edda;
  border-bottom: 1px solid #c3e6cb;
}
.panel.panel-green > .panel-header .panel-collapse-handle {
  color: #155724;
}
.panel.panel-red {
  border: 1px solid #f5c6cb;
}
.panel.panel-red > .panel-header {
  color: #721c28;
  background-color: #f8d7da;
  border-bottom: 1px solid #f5c6cb;
}
.panel.panel-red > .panel-header .panel-collapse-handle {
  color: #721c28;
}
.panel.panel-yellow {
  border: 1px solid #ffeeba;
}
.panel.panel-yellow > .panel-header {
  color: #856404;
  background-color: #fff3cd;
  border-bottom: 1px solid #ffeeba;
}
.panel.panel-yellow > .panel-header .panel-collapse-handle {
  color: #856404;
}
.panel.panel-cut {
  border: 1px solid transparent;
  background-color: transparent;
  text-align: left;
}
.panel.panel-cut > .panel-header {
  color: #999;
  background-color: transparent;
  border-bottom: 1px solid transparent;
}
.panel.panel-cut > .panel-header .panel-collapse-handle {
  color: #999;
}
.panel.panel-cut .panel-header {
  padding: 0;
  display: inline-block;
  color: var(--link);
  margin-bottom: 0.5rem;
  align-self: flex-start;
}
.panel.panel-cut .panel-header .panel-collapse-handle {
  display: none;
}
.panel.panel-cut .panel-header .panel-header-slot {
  line-height: 1.25rem;
  border-bottom: 1px dotted var(--link);
}
.panel.panel-cut .panel-content {
  overflow: visible;
}
.panel.panel-transparent {
  background-color: transparent;
  border: none;
}
.panel.panel-transparent .panel-header {
  background-color: transparent;
  border: none;
  padding: 0;
  color: var(--themeLight);
  font-size: 115%;
}
.panel.panel-transparent .panel-header .panel-collapse-handle {
  color: inherit;
}
.field-set {
  margin: 0;
  padding: 0.4rem 0.6rem 0.6rem 0.6rem;
  border: 1px solid var(--neutralBkDarker);
  text-align: left;
}
.field-set legend {
  font-size: 0.95rem;
  color: #999;
}
.field-set.vertical .field-set-item {
  display: block;
  margin-bottom: 0.4rem;
}
.field-set.vertical .field-set-item:last-child {
  margin-bottom: 0;
}
.field-set.horizontal {
  display: table;
}
.field-set.horizontal .field-set-item {
  margin-right: 1rem;
  display: inline-block;
}
.field-set.horizontal .field-set-item:last-child {
  margin-right: 0;
}
.page.absolute > .cw-absolute {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.full-height {
  height: 100%;
}
.full-height-panel {
  display: grid;
  height: 100%;
}
.full-height-panel > .data-grid-container {
  height: auto;
  max-height: -webkit-fill-available;
}
.full-height-panel .tab-item {
  height: 100%;
}
.cw {
  height: 100%;
}
.bs-include.full-height {
  height: 100%;
  overflow: hidden;
}
.bs-include.full-height .partial {
  height: 100%;
}
.scrollable-pane,
.scroll {
  overflow: auto;
}
.no-scroll {
  overflow: hidden;
}
.bordered-pane {
  border: 1px solid #ddd;
}
.background-light-gray {
  background-color: #e9e9e9 !important;
}
.background-primary {
  background-color: var(--themePrimary);
}
.background-white-smoke {
  background-color: var(--neutralBkLight) !important;
}
.background-light-yellow {
  background-color: ivory !important;
}
.background-white {
  background-color: white !important;
}
iframe.bs-iframe {
  width: 100%;
  height: 100%;
}
iframe.eusign-iframe {
  width: 100%;
  border-style: none;
  display: block;
}
.eusign-loader {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(128, 128, 128, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.eusign-loader .big-spinner {
  width: 64px;
  height: 64px;
  border: 5px solid var(--linkDark);
  border-radius: 50%;
  border-top-color: #ccc;
  animation: spin 1.5s linear infinite;
}
.frame-stack {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 20px 20px 50px 20px;
}
.frame-stack iframe {
  border: none;
  background-color: white;
}
.card {
  background-color: white;
  display: flex;
  flex-flow: column nowrap;
}
.card .card-header {
  padding: 0 1.25rem;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
  color: var(--themeLight);
  font-size: 14px;
  line-height: 2.6rem;
  text-align: left;
}
.card .card-body {
  padding: 1.25rem;
}
.card .card-footer {
  padding: 0 1.25rem;
  border-top: 1px solid #ddd;
  line-height: 2.6rem;
}
.card.compact .card-header,
.card.compact .card-footer {
  padding: 0 1.25rem / 2;
  font-size: var(--fontSize);
  line-height: 2rem;
}
.card .bs-list.compact .bs-list-item {
  padding: 6px 6px 6px 12px;
}
.flex {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.flex.horz {
  flex-direction: row;
}
.flex-list {
  display: flex !important;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 1.25rem;
}
.flex-list .flex-list-item {
  display: block;
}
.flex-list.wrap {
  flex-wrap: wrap;
}
.flex-list.horizontal {
  flex-flow: row wrap;
}
.flex-list.horizontal.no-wrap {
  flex-wrap: nowrap;
}
.flex-list.border-top {
  padding-top: 1.25rem;
  margin-top: 1.25rem;
  border-top: 1px solid #ddd;
}
.display-block {
  display: block !important;
}
.wait-cursor {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(192, 192, 192, 0.25);
  z-index: 1090;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: not-allowed;
}
.wait-cursor .spinner {
  width: 4rem;
  height: 4rem;
  background-color: transparent;
  border-radius: 50%;
  border: 3px solid var(--link);
  border-top-color: #ccc;
  animation: spin 1.5s linear infinite;
}
table.sheet {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  width: auto;
  border-collapse: collapse;
}
table.sheet tr {
  page-break-inside: avoid;
}
table.sheet td,
table.sheet th {
  padding: 6px 6px;
  vertical-align: baseline;
}
table.sheet td {
  border-color: var(--neutralBkDarker);
}
table.sheet td.indent.lev-2 {
  padding-left: 18px;
}
table.sheet td.indent.lev-3 {
  padding-left: 30px;
}
table.sheet td.indent.lev-4 {
  padding-left: 42px;
}
table.sheet td.indent.lev-5 {
  padding-left: 54px;
}
table.sheet td.indent.lev-6 {
  padding-left: 66px;
}
table.sheet td.indent.lev-7 {
  padding-left: 78px;
}
table.sheet td.indent.lev-8 {
  padding-left: 90px;
}
table.sheet .col-shadow {
  visibility: collapse;
  display: none;
}
table.sheet .col-shadow td {
  padding: 0 !important;
  border-style: none !important;
  display: table-cell;
  margin: -10px;
}
table.sheet tr.row-title {
  font-size: 120%;
}
table.sheet tr.row-title td {
  border-style: none !important;
  font-weight: 600;
  padding: 0 6px 6px, 6px;
  background-color: var(--background);
}
table.sheet tr.row-title td:first-child {
  padding-left: 0;
}
table.sheet tr.row-title td:last-child {
  padding-right: 0;
}
table.sheet tr.row-no-border td {
  border-style: none !important;
  background-color: var(--background) !important;
}
table.sheet tr.row-no-border td.underline {
  border-bottom: 1px solid var(--neutralBkDarker) !important;
  height: 30px;
}
table.sheet tr.row-page-header td {
  font-size: 0.95rem;
  color: #999;
  height: 3rem;
  border-style: none;
}
table.sheet tr.row-parameter td,
table.sheet tr.row-last-parameter td {
  border-style: none !important;
  background-color: var(--background);
}
table.sheet tr.row-parameter td:first-child,
table.sheet tr.row-last-parameter td:first-child {
  padding-left: 0;
}
table.sheet tr.row-parameter td:last-child,
table.sheet tr.row-last-parameter td:last-child {
  padding-right: 0;
}
table.sheet tr.row-last-parameter td {
  padding-bottom: 18px;
}
table.sheet tr.row-header {
  background-color: rgba(231, 231, 231, 0.25);
}
table.sheet tr.row-light-header {
  color: #ccc;
}
table.sheet tr.row-footer {
  background-color: rgba(231, 231, 231, 0.25);
}
table.sheet tr.row-total {
  background-color: rgba(255, 239, 135, 0.2);
}
table.sheet tr.row-total td {
  font-weight: 600;
}
table.sheet tr.group {
  background-color: rgba(221, 248, 236, 0.25);
  color: #208080;
}
table.sheet tr.group td {
  font-weight: 600;
}
table.sheet .group-cell {
  padding: 4px 2px;
}
table.sheet .group-cell > div {
  cursor: pointer;
}
table.sheet .group-cell > div .ico:before {
  content: "⏷";
  /*tree-expanded*/
}
table.sheet .group-cell.collapsed > div .ico:before {
  content: "⏵";
  /*tree-collapsed*/
}
table.sheet.striped > tbody > tr:nth-child(even) {
  background-color: rgba(240, 240, 240, 0.25);
}
table.sheet tr.success,
table.sheet tr.green {
  background-color: rgba(216, 255, 216, 0.5) !important;
}
table.sheet tr.danger,
table.sheet tr.red,
table.sheet tr.error {
  background-color: rgba(254, 220, 220, 0.5) !important;
  color: #a94442;
}
table.sheet tr.warning,
table.sheet tr.orange {
  background-color: rgba(255, 216, 0, 0.15) !important;
}
table.sheet tr.info,
table.sheet tr.cyan {
  background-color: rgba(114, 234, 234, 0.15) !important;
}
table.sheet tr.gray {
  background-color: rgba(224, 224, 224, 0.1) !important;
}
table.sheet.compact {
  font-size: 0.95rem;
}
table.sheet.compact td,
table.sheet.compact th {
  padding: 2px 4px;
}
table.sheet.fit-width {
  width: 1px;
}
table > colgroup col.yellow {
  background-color: rgba(255, 255, 164, 0.25);
}
table > colgroup col.green {
  background-color: rgba(220, 255, 220, 0.25);
}
table > colgroup col.gray {
  background-color: rgba(240, 240, 240, 0.25);
}
table > colgroup col.red {
  background-color: rgba(255, 220, 237, 0.25);
}
table > colgroup col.blue {
  background-color: rgba(196, 237, 255, 0.25);
}
.sheet-page-wrapper {
  background-color: #e3e3e3;
  padding: 30px 0;
  min-height: 100%;
  min-width: max-content;
}
.sheet-page-wrapper .sheet-page {
  margin: 0 auto;
  background-color: var(--background);
  padding: 1cm;
  border: 1px solid #999;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.sheet-page-wrapper .sheet-page.portrait {
  max-width: 21cm;
  width: 21cm;
  min-height: 29.7cm;
}
.sheet-page-wrapper .sheet-page.landscape {
  max-width: 29.7cm;
  width: 29.7cm;
  min-height: 21cm;
}
@media print {
  .sheet-page-wrapper {
    background-color: white;
    padding: 0 !important;
    margin: 0;
  }
  .sheet-page-wrapper .sheet-page {
    padding: 0 !important;
    box-shadow: none;
    border-style: none;
    margin: 0;
    min-height: 1px;
  }
  .sheet-page-wrapper .sheet-page.portrait {
    width: 19cm;
    max-width: 19cm;
    padding: 0 !important;
    min-height: 27.7cm;
  }
  .sheet-page-wrapper .sheet-page.landscape {
    width: 27.7cm;
    max-width: 27.7cm;
    padding: 0 !important;
    min-height: 19cm;
  }
  .sheet-page-wrapper .sheet-page .bs-hyperlink {
    border-bottom: none!important;
  }
  /*
	@page {
		size: A4 portrait;
		margin: @page-margin;
	}
	*/
}
.sheet.grid-vertical > tbody > tr > td,
.sheet.grid-both > tbody > tr > td,
.sheet.grid-vertical > thead > tr > td,
.sheet.grid-both > thead > tr > td,
.sheet.grid-vertical > tfoot > tr > td,
.sheet.grid-both > tfoot > tr > td {
  border-left: 1px solid var(--neutralBkDarker);
}
.sheet.grid-horizontal > tbody > tr > td,
.sheet.grid-both > tbody > tr > td,
.sheet.grid-horizontal > thead > tr > td,
.sheet.grid-both > thead > tr > td,
.sheet.grid-horizontal > tfoot > tr > td,
.sheet.grid-both > tfoot > tr > td {
  border-top: 1px solid var(--neutralBkDarker);
}
.sheet-page-zero-padding {
  padding: 0 !important;
}
.high-inculded-cell {
  border-top: none !important;
  border-bottom: none !important;
}
.low-inculded-cell {
  border-bottom: none !important;
}
.app-exception {
  margin: 50px auto;
  width: auto;
  height: auto;
  text-align: center;
  z-index: auto;
  position: relative;
  padding: 20px;
  background-color: #f2dede;
  color: #a94442;
  border: 1px solid #dca7a7;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  user-select: text;
  max-height: 800px;
  overflow-y: auto;
  max-width: 800px;
  font-family: Arial, sans-serif;
}
.app-exception .message {
  padding: 15px 10px;
  white-space: normal;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
  word-wrap: break-word;
}
.app-exception .stack-trace {
  border-top: 1px solid #a94442;
  background-color: #f9f0f0;
  overflow: auto;
  padding: 10px;
  max-height: 200px;
  font-size: 14px;
  white-space: pre-wrap;
  border: 1px solid #dca7a7;
}
.app-exception .link {
  padding: 0.5rem 1rem;
  display: inline-block;
  border: 1px solid #a94442;
  font-weight: bold;
  color: #a94442;
  margin-bottom: 1rem;
}
.app-exception .link:hover {
  background-color: #b94e4c;
  color: white;
}
.load-indicator {
  position: absolute;
  left: 0;
  right: 0;
  top: 38px;
  height: 4px;
  width: 100%;
  overflow: hidden;
  background-color: var(--neutralBkDarker);
}
.load-indicator:before {
  content: '';
  display: block;
  position: relative;
  left: 0;
  width: 50%;
  height: 4px;
  background-color: #2c5edd;
  animation: loading 2s linear infinite;
  border-radius: 12px;
  opacity: 0.75;
}
@keyframes loading {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.bs-header {
  margin: 0 0 0.8rem 0;
  color: #999;
  font-weight: bold;
  font-family: inherit;
  word-break: break-word;
}
.badge {
  display: inline-block;
  background-color: #8591a2;
  color: white;
  padding: 0.15rem 0.4rem 0.2rem 0.4rem;
  margin-left: 0.6rem;
  font-size: 85%;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.bs-badge {
  background-color: #8591a2;
  color: white;
  padding: 0 0.2rem 0.1rem 0.2rem;
  border-radius: 0.25rem;
  white-space: nowrap;
}
.xaml-exception {
  padding: 6px;
  display: inline-block;
  background-color: #f2dede;
  border: 1px solid #dca7a7;
  color: #a94442;
}
.not-supported {
  width: 400px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  background-color: #f2dede;
  color: #a94442;
  border: 1px solid #dca7a7;
  position: absolute;
  left: 0;
  top: 20px;
  right: 0;
}
.bs-graphics {
  display: block;
  width: 100%;
}
.bs-graphics svg {
  display: block;
}
.center-content {
  display: flex;
  width: auto;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.tooltip {
  position: absolute;
  padding: 6px;
  background-color: var(--background);
  border: 1px solid var(--neutralBkDarker);
}
.title-notify {
  animation: pulse 1s infinite ease-out;
  display: none;
  padding: 2px 12px;
  border-radius: 1rem;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.title-notify.warning {
  background-color: #ffb74d;
  display: inline;
}
.title-notify.danger {
  display: inline;
  background-color: #da533f;
}
.disabled-state {
  background-color: #fafafa !important;
}
.about-source-list {
  list-style-position: inside;
  font-size: 0.96rem;
  padding: 0;
  list-style-type: none;
}
.about-source-list li {
  padding: 4px 0 4px 16px;
  margin: 2px;
  background-color: #f5fbff;
}
.about-source-list li .bold {
  font-size: 1rem;
}
.about-source-list a {
  float: right;
  margin-right: 16px;
}
.app-page {
  user-select: text;
}
.app-page .pre-block {
  display: block;
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-line;
}
.side-bar {
  color: var(--textLight);
  position: absolute;
  left: 0;
  top: 74px;
  margin: 0;
  bottom: 2rem;
  width: 278px;
  border-right: 1px solid #e1dfdd;
  background-color: var(--themePrimary);
}
.side-bar svg {
  fill: none;
  stroke: white;
  width: 30px;
  height: 24px;
  vertical-align: middle;
  padding-right: 8px;
}
.side-bar .collapsed-button {
  height: 32px;
}
.side-bar .side-bar-body,
.side-bar .tree-view {
  color: var(--textLight);
  height: 100%;
}
.side-bar .side-bar-body::-webkit-scrollbar,
.side-bar .tree-view::-webkit-scrollbar {
  width: 8px;
}
.side-bar .side-bar-body::-webkit-scrollbar-thumb,
.side-bar .tree-view::-webkit-scrollbar-thumb {
  background-color: #407057;
  border-radius: 2rem;
}
.side-bar .side-bar-body .toggle::after,
.side-bar .tree-view .toggle::after {
  color: var(--textLight);
}
.side-bar .side-bar-body li.border-top,
.side-bar .tree-view li.border-top {
  border-top: 1px solid var(--textLight);
  padding-top: 8px;
  margin-top: 8px;
}
.side-bar .side-bar-body li.border-bottom,
.side-bar .tree-view li.border-bottom {
  border-bottom: 1px solid var(--textLight);
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.side-bar .side-bar-body .ico,
.side-bar .tree-view .ico {
  font-size: 1.2rem;
}
.side-bar .side-bar-body .tree-view li > ul {
  padding: 0;
}
.side-bar .side-bar-title {
  background-color: var(--themePrimary);
  white-space: nowrap;
  height: 100%;
  cursor: pointer;
  font-size: 22px;
  /*padding-left: 2px;*/
}
.side-bar .side-bar-title .side-bar-label {
  display: block;
  padding-left: 16px;
  transform: rotate(90deg);
  color: #999;
}
.side-bar .side-bar-title .ico {
  font-size: 1.8rem;
}
.side-bar .collapse-handle {
  display: flex;
  align-items: center;
  align-content: center;
  position: absolute;
  top: 50%;
  right: -12px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  outline: 2px solid white;
  color: white;
  background-color: var(--themePrimary);
  z-index: 20;
}
.side-bar .collapse-handle:hover {
  text-decoration: none;
  background-color: var(--themeLight);
}
.side-bar .collapse-handle:active {
  background-color: var(--neutralBkDarker);
}
.side-bar.collapsed {
  width: 75px;
  background-color: var(--themePrimary);
}
.side-bar.collapsed .tree-view li > ul {
  padding-left: 0;
}
.side-bar .tree-view {
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.side-bar li.active > .overlay {
  background-color: var(--themeDarker);
  color: white;
  /*font-weight: bold;*/
}
.side-bar li.active > .overlay i.ico {
  color: white;
}
.side-bar-compact {
  position: absolute;
  left: 0;
  top: 80px;
  margin: 0;
  padding: 0;
  bottom: 2rem;
  width: 278px;
  background-color: #9ab3e0;
  transition: width 0.1s ease-out;
  color: white;
}
.side-bar-compact .collapse-handle {
  display: flex;
  align-items: center;
  align-content: center;
  position: absolute;
  right: -12px;
  top: 50%;
  width: 24px;
  height: 24px;
  background-color: var(--themePrimary);
  outline: 1px solid #9ab3e0;
  border-radius: 50%;
  z-index: 20;
}
.side-bar-compact .collapse-handle:hover {
  background-color: var(--hoverBk);
}
.side-bar-compact .side-bar-body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  padding: 0 6px;
}
.side-bar-compact .side-bar-body::-webkit-scrollbar {
  width: 8px;
}
.side-bar-compact .side-bar-body::-webkit-scrollbar-thumb {
  background-color: #8196bb;
  border-radius: 2rem;
  /*
                &:hover {
                background-color: @side-bar-compact-hover-bg-color;
            }   
            */
}
.side-bar-compact .side-bar-body .tv-folder {
  color: var(--textLight);
}
.side-bar-compact.collapsed {
  width: 75px;
  transition: width 0.1s ease-out;
}
.side-bar-compact.collapsed .side-bar-body::-webkit-scrollbar {
  width: 4px;
}
.side-bar-compact.collapsed ul li a > span {
  display: none;
}
.side-bar-compact.collapsed .tree-view li.folder > .overlay > .toggle {
  margin: 10px;
}
.side-bar-compact.collapsed .tv-folder {
  display: none;
}
.side-bar-compact.collapsed .tree-view li > ul {
  padding-left: 0;
}
.nav-bar-menu .side-bar {
  top: 42px;
}
.nav-bar-menu .side-bar-compact {
  top: 48px;
}
.nav-bar-collapsed .side-bar {
  top: 42px;
}
.nav-bar-collapsed .side-bar-compact {
  top: 48px;
}
.side-bar-top {
  position: absolute;
  top: 42px;
  width: 100%;
  height: 42px;
}
.side-bar-top .bs-tab-bar {
  margin: 0;
  padding: 0 10px;
}
.bs-new-btn .btn {
  padding: 0 1em;
}
.super-menu {
  display: grid;
  grid-gap: 1rem;
  padding: 0.5rem;
}
.super-menu.with-width .dropdown-item {
  white-space: normal;
  line-height: 1;
}
.super-menu.cols-4 {
  grid-template-columns: auto auto auto auto;
}
.super-menu.cols-3 {
  grid-template-columns: auto auto auto;
}
.super-menu.cols-2 {
  grid-template-columns: auto auto;
}
.super-menu.cols-1 {
  grid-template-columns: auto;
}
.bs-company-btn {
  border-left: 1px solid var(--themeLight);
  border-right: 1px solid var(--themeLight);
  height: 100%;
  display: inline-flex;
}
table.tree-grid {
  border-collapse: separate;
  border-spacing: 0;
}
table.tree-grid.sticky {
  width: 100%;
}
table.tree-grid.sticky thead,
table.tree-grid.sticky tfoot {
  position: sticky;
  z-index: 7;
}
table.tree-grid.sticky thead {
  top: 0;
}
table.tree-grid.sticky tfoot {
  bottom: 0;
}
table.tree-grid td,
table.tree-grid th {
  padding: 0.5rem 0.5rem;
  border-color: var(--neutralBkDarker);
  border-style: solid;
  border-width: 0;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: top;
}
table.tree-grid th {
  background-color: #f5f5f5;
  color: #999;
}
table.tree-grid th.fit {
  width: 1px;
}
table.tree-grid th.sortable {
  cursor: pointer;
}
table.tree-grid th.sortable:hover {
  background-color: #dcdcdc;
}
table.tree-grid th.sortable.asc,
table.tree-grid th.sortable.desc {
  background-color: #eee;
}
table.tree-grid th.sortable .h-holder {
  white-space: nowrap;
}
table.tree-grid th.sortable .h-holder:after {
  border: 5px solid transparent;
  margin-left: 5px;
}
table.tree-grid th.sortable.asc .h-holder:after {
  content: '';
  display: inline-block;
  border-bottom-color: #999;
  vertical-align: 2px;
}
table.tree-grid th.sortable.desc .h-holder:after {
  content: '';
  display: inline-block;
  border-top-color: #999;
  vertical-align: bottom;
}
table.tree-grid .gl-v {
  border-right-width: 1px;
}
table.tree-grid tr:first-child th.gl-h {
  border-top-width: 1px;
}
table.tree-grid td:first-child.gl-v,
table.tree-grid th:first-child.gl-v {
  border-left-width: 1px;
}
table.tree-grid .gl-h {
  border-bottom-width: 1px;
}
table.tree-grid td.ctrl {
  padding: 0;
  vertical-align: middle;
}
table.tree-grid td.ctrl .commandbar {
  margin: 0 0.5rem;
}
table.tree-grid .overlay {
  display: inline-flex;
  flex-direction: row;
  line-height: inherit;
  align-items: baseline;
}
table.tree-grid .mark {
  min-width: 18px;
  margin-right: 0.5rem;
  text-align: right;
}
table.tree-grid.hover tr:hover:not(.active) {
  background-color: var(--hoverBkLight);
}
table.tree-grid.striped tbody > tr:nth-child(even):not(.active) {
  background-color: rgba(224, 224, 224, 0.1);
}
table.tree-grid tr.active {
  background-color: var(--activeBkLight);
}
table.tree-grid tr.lev-1 .mark {
  min-width: 36px;
}
table.tree-grid tr.lev-2 .mark {
  min-width: 54px;
}
table.tree-grid tr.lev-3 .mark {
  min-width: 72px;
}
table.tree-grid tr.lev-4 .mark {
  min-width: 90px;
}
table.tree-grid tr.lev-5 .mark {
  min-width: 108px;
}
table.tree-grid a.toggle {
  display: inline-block;
  color: #8591a2;
  text-align: center;
  font-size: 125%;
}
.dashboard-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--neutralBk);
}
.dashboard-container.editing .dashboard {
  margin-right: 320px;
}
.dashboard-container .start-toolbar {
  padding: 0;
  align-self: start;
  justify-self: end;
  position: relative;
  grid-row: 1;
  right: -8px;
}
.dashboard-container .start-toolbar.no-items {
  position: absolute;
  right: 4px;
}
.dashboard-container .main-toolbar {
  align-self: start;
  justify-self: end;
  grid-row: 1;
}
.dashboard-container .dashboard-list {
  width: 320px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
  border-left: 1px solid var(--neutralBkDarker);
  display: grid;
  background-color: var(--background);
  grid-template-rows: auto 1fr;
}
.dashboard-container .dashboard-list .drag-area {
  background-color: rgba(255, 255, 255, 0.01);
}
.dashboard-container .dashboard-list .widget-toolbar {
  width: 100%;
  padding: 1rem 1rem 0.5rem 1rem;
  z-index: 2;
  flex-direction: row;
  justify-content: end;
  grid-row: 1;
}
.dashboard-container .dashboard-list .widget-toolbar .toolbar {
  padding: 0;
  background-color: transparent;
}
.dashboard-container .dashboard-list .widget-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 1rem 0 1rem;
  margin: 0;
  grid-row: 2;
  height: 100%;
  overflow: auto;
}
.dashboard-container .dashboard-list .widget-list .dashboard-item {
  background-color: var(--neutralBkLight);
}
.dashboard-container .dashboard-list .widget-list-grouping {
  margin: 0;
  padding: 0;
}
.dashboard-container .dashboard-list .widget-list-grouping .widget-group-title {
  margin: 1rem 1rem 0.5rem 1rem;
  color: var(--themeLight);
  font-size: 115%;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.dashboard-container .dashboard-list .widget-group {
  list-style: none;
}
.dashboard-container .dashboard-list .widget-group .collapse-handle {
  font-size: 110%;
}
.dashboard-container .dashboard-list .widget-group .collapse-handle:before {
  content: "\e9a2";
}
.dashboard-container .dashboard-list .widget-group.collapsed .widget-list {
  display: none;
}
.dashboard-container .dashboard-list .widget-group.collapsed .collapse-handle:before {
  content: "\e9a4";
}
.dashboard-container .dashboard-placeholder {
  width: 100%;
  height: 100%;
  border: 1px solid var(--neutralBkDark);
  background-color: var(--neutralBkLight);
}
.dashboard-container .dashboard-placeholder.hover {
  background-color: #ddd;
}
.dashboard-container .no-items .no-items-tb {
  position: absolute;
  top: 5px;
  right: 5px;
}
.dashboard {
  display: grid;
  grid-gap: 0.5rem;
  overflow: auto;
  max-height: 100%;
  height: 100%;
  padding: 1rem;
  align-items: stretch;
}
.dashboard .bs-include,
.dashboard .partial-block {
  height: 100%;
  overflow: hidden;
}
.drag-host {
  position: fixed;
  left: -100%;
  top: -100%;
  background-color: #ccc;
  border: 2px solid #777;
  border-radius: 4px;
  opacity: 0.9;
}
.dashboard-item {
  border: 1px solid var(--neutralBkDark);
  background-color: var(--background);
  position: relative;
  border-radius: 4px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.dashboard-item > .drag-area {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.dashboard-item .clear-button {
  position: absolute;
  top: 3px;
  right: 3px;
  line-height: 1.5em;
  background-color: var(--neutralBk);
}
.dashboard-item .clear-button:hover {
  background-color: var(--neutralBkDark);
}
.dashboard-item .clear-button:active {
  background-color: var(--neutralBkDarker);
}
.color-icon-green svg,
.color-icon-red svg {
  stroke: inherit;
}
i.color-icon-green {
  stroke: green;
}
i.color-icon-red {
  stroke: red;
}
#messager {
  display: grid;
  grid-template-rows: 2rem 1fr;
  position: absolute;
  height: 15rem;
  bottom: 2rem;
  left: 0;
  right: 0;
  background: white;
  z-index: 1100;
}
#messager .topBar {
  color: white;
  display: flex;
  height: 2rem;
  width: 100%;
  background: grey;
  cursor: ns-resize;
}
#messager .topBar div {
  display: flex;
  align-items: center;
  align-content: center;
}
#messager .topBar div div {
  width: 100%;
  margin-left: 40%;
}
#messager .topBar svg {
  stroke: white;
  margin: 0 0.3rem 0.2rem 0;
}
#messager .topBar button {
  color: white;
  background: #cb7c4b;
}
#messager .topBar button .active > svg {
  fill: red;
}
#messager .messages {
  display: grid;
  align-items: start;
  align-content: baseline;
  width: 100%;
  overflow-y: scroll;
}
#messager .messages .warning {
  background: #fff6cf;
}
#messager .messages .error {
  background: #fae5e3;
}
#messager .messages > span {
  padding: 5px 10px;
  border-bottom: 2px solid #cacaca;
}
#messager .messages .trace {
  padding: 0 0 0 40px;
}
#messager .empty-msg-bar {
  gap: 10px;
  flex-grow: 1;
  overflow: hidden;
  margin: 50px 0;
}
.drag-preview {
  position: absolute;
  top: 0;
  border-top: 2px dashed grey;
  width: 100%;
  height: 2px;
  z-index: 1101;
  display: none;
}
.file-loader {
  display: flex;
  width: auto;
}
.file-loader .upload {
  width: 34px;
  height: 34px;
  border-radius: 2px;
  cursor: pointer;
  color: black;
  background: var(--neutralBkDarker);
}
.file-loader .download {
  width: 34px;
  height: 34px;
  margin-left: 0.3rem;
  border-radius: 2px;
  cursor: pointer;
  color: black;
  background: var(--neutralBkDarker);
}
.dsh-map {
  display: grid;
  grid-gap: 1rem;
  justify-items: center;
  align-items: center;
  padding: 3rem;
}
.dsh-map .dsh-map-panel {
  display: flex;
  flex-direction: column;
}
.dsh-map .dsh-map-node .dsh-map-module {
  height: 12rem;
  width: 12rem;
  padding: 0.5rem;
  border: solid 0.5rem var(--themePrimary);
  border-radius: 1rem;
  box-shadow: 0.5rem 0.5rem 1rem -0.2rem #4e9971;
  background: white;
}
.dsh-map .dsh-map-node .dsh-map-module .dsh-btn-block {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: 1.5fr 0.5fr 0.5fr;
  grid-template-rows: 1fr 2.5fr;
}
.dsh-map .dsh-map-node .dsh-map-module .dsh-btn-block * {
  border-radius: 10%;
}
.dsh-map .dsh-map-node .dsh-map-module .dsh-btn-block .dsh-index {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  background: var(--themePrimary);
}
.dsh-map .dsh-map-node .dsh-map-module .dsh-btn-block .dsh-index svg {
  stroke: white;
}
.dsh-map .dsh-map-node .dsh-map-module .dsh-btn-block .dsh-permission {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  cursor: default;
  color: white;
  background: var(--themePrimary);
}
.dsh-map .dsh-map-node .dsh-map-module .dsh-btn-block .dsh-permission svg {
  stroke: white;
}
.dsh-map .dsh-map-node .dsh-map-module .dsh-btn-block .dsh-info {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
  background: white;
  cursor: default;
}
.dsh-map .dsh-map-node .dsh-map-module .dsh-btn-block .dsh-info svg {
  stroke: var(--themePrimary);
}
.dsh-map .dsh-map-node .dsh-map-module .dsh-btn-block .dsh-add {
  grid-column: 2 / 4;
  grid-row: 2 / 3;
  padding: 0;
  background: var(--themePrimary);
}
.dsh-map .dsh-map-node .dsh-map-module .dsh-btn-block .dsh-add svg {
  stroke: white;
}
.dsh-map .dsh-map-node .dsh-map-module .dsh-title-block {
  display: grid;
  text-align: center;
  overflow: hidden;
}
.dsh-map .dsh-map-node .dsh-map-arrow svg {
  stroke: var(--themePrimary);
}
.dsh-map .dsh-map-node .dsh-map-arrow svg path {
  /*                border-radius: 1rem;
                box-shadow: 0.5rem 0.5rem 1rem -0.2rem rgb(78, 153, 113);*/
}
.dsh-map .dsh-map-node .dsh-map-control .dsh-map-control-module {
  display: grid;
  align-items: center;
  height: 12rem;
  width: 12rem;
}
.dsh-map .dsh-map-node .dsh-map-control .dsh-map-control-arrow {
  display: grid;
  grid-template: 1fr 1fr 1fr / 1fr 1fr 1fr;
  align-items: center;
}
.dsh-map .dsh-map-node .dsh-map-control .dsh-map-control-arrow button {
  background: none;
}
.dsh-map .dsh-map-node .dsh-map-control .dsh-map-control-arrow svg {
  stroke: grey;
}
.dsh-map .dsh-map-node .dsh-map-node-empty {
  display: grid;
  justify-items: center;
}
.block {
  display: block!important;
  width: 100%;
}
.bold {
  font-weight: 500!important;
}
.no-bold {
  font-weight: normal!important;
}
.no-wrap {
  white-space: nowrap;
}
.wrap {
  white-space: pre-line;
}
.pre-wrap {
  white-space: pre-wrap;
}
.italic {
  font-style: italic;
}
.no-italic {
  font-style: italic;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-small {
  font-size: 0.9rem;
}
.text-big {
  font-size: 1.25rem;
}
.text-gray {
  color: #ccc;
}
.negative-red {
  color: #da533f !important;
}
.absolute {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  overflow: auto;
}
.aligner {
  flex-grow: 1;
}
.valign-top,
.valign-top td {
  vertical-align: top !important;
}
.valign-middle,
.valign-middle td {
  vertical-align: middle !important;
}
.valign-bottom,
.valign-bottom td {
  vertical-align: bottom !important;
}
td.vert {
  vertical-align: bottom !important;
  text-align: center;
  text-align: -webkit-center;
}
td.vert > .vcell {
  writing-mode: vertical-rl;
  white-space: pre-line;
  text-orientation: mixed;
  transform: rotate(180deg);
  line-height: 1.2;
  margin: 0;
}
.user-select {
  user-select: text;
}
.no-user-select {
  user-select: none;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.relative {
  position: relative;
}
.divider {
  flex-grow: 2;
}
@keyframes blink {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes pulse {
  40% {
    color: currentColor;
  }
  50% {
    color: transparent;
  }
  60% {
    color: currentColor;
  }
}
.mm-100-100 {
  width: 100mm;
  height: 100mm;
  position: absolute;
  background-color: transparent;
  left: -200mm;
  top: -200mm;
}
.of-visible {
  overflow: visible !important;
}
.of-hidden {
  overflow: hidden !important;
}
.of-auto {
  overflow: auto !important;
}
.line-height-16 {
  line-height: 1.6;
}
.debug-panel {
  position: absolute;
  top: 0;
  bottom: 2rem;
  right: 0;
  z-index: 110;
  background-color: var(--neutralBkLight);
  border-left: 1px solid var(--neutralBkDarker);
  width: 420px;
  box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.debug-panel .bs-code {
  font-size: 12px;
}
.debug-panel.left {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid var(--neutralBkDarker);
  box-shadow: 5px 0 10px 0 rgba(0, 0, 0, 0.2);
}
.debug-panel .debug-pane-header {
  background-color: var(--dialogHeaderBkColor);
  border-bottom: 1px solid var(--neutralBkDarker);
  display: flex;
  align-items: center;
}
.debug-panel .debug-pane-header .debug-pane-title {
  font-size: 0.925rem;
  display: inline-block;
  padding: 0.5rem;
  flex-grow: 1;
}
.debug-panel .debug-pane-header a.btn {
  padding: 0.2rem 0.4rem;
  border: 1px solid transparent;
  margin: 0 4px;
}
.debug-panel .debug-pane-header a.btn:hover {
  color: #555;
  background-color: var(--dialogHeaderBkColorDark);
}
.debug-panel .toolbar {
  min-height: 3rem;
  border-bottom: 1px solid #e1dfdd;
}
.debug-panel .toolbar .btn-checkbox {
  cursor: pointer;
}
.debug-panel .toolbar .btn-checkbox.checked {
  background-color: var(--activeBkLight);
  outline: 1px solid var(--neutralBkDark);
  outline-offset: -1px;
}
.debug-panel .toolbar .btn-checkbox.checked:hover {
  background-color: var(--neutralBkDark);
}
.debug-panel .debug-body {
  overflow: auto;
  background-color: var(--neutralBkLight);
  user-select: text;
}
.debug-panel .debug-model pre {
  max-height: none;
}
.debug-panel .debug-trace {
  padding: 6px, 0;
  font-family: Consolas, 'Courier New', Courier, monospace;
  font-size: 12px;
}
.debug-panel .debug-trace .rq-title {
  display: flex;
}
.debug-panel .debug-trace .rq-title .elapsed {
  font-weight: bold;
  white-space: nowrap;
  margin-right: 6px;
}
.debug-panel .debug-trace .trace-item-body {
  padding-left: 6px;
}
.debug-panel .debug-trace .trace-item-body .badge {
  padding: 0.15rem 0.25rem;
  margin-left: 0.2rem;
  border-radius: 0.15rem;
  background-color: #478fb1;
}
.debug-panel .debug-trace .trace-item-body .title {
  color: #478fb1;
}
.debug-panel .debug-trace .trace-item-body.exception .badge {
  background-color: #a94442;
}
.debug-panel .debug-trace .trace-item-body.exception .title {
  color: #a94442;
}
.debug-panel .debug-trace ul {
  margin: 0 5px 0 10px;
  padding: 0;
}
.debug-panel .debug-trace ul li {
  list-style-type: none;
}
.debug-panel .debug-trace ul.bs-debug-trace > li {
  border-bottom: 1px dotted #ccc;
  padding: 2px 0;
}
.debug-panel .debug-icons {
  color: black;
  overflow: scroll;
}
.bs-json-b {
  font-family: Consolas, 'Courier New', Courier, monospace;
  padding: 6px;
  margin: 0;
}
.bs-json-b ul {
  padding: 0 0 0 16px;
}
.bs-json-b li {
  list-style: none;
  line-height: normal;
  margin: 0;
  padding: 0;
  cursor: default;
}
.bs-json-b .jb-label {
  display: inline-flex;
  align-items: center;
}
.bs-json-b .jb-label .jbp-overlay {
  display: inline-flex;
  align-items: start;
}
.bs-json-b .jb-label .jb-chevron {
  min-width: 16px;
  cursor: pointer;
}
.bs-json-b .jbp-name {
  color: darkmagenta;
  font-weight: 600;
  white-space: nowrap;
}
.bs-json-b .jbp-value {
  padding-left: 6px;
  color: #555;
}
.bs-json-b .jbp-edit {
  font-size: 13px;
  cursor: pointer;
  display: none;
  color: #555;
}
.bs-json-b .jbp-value:hover .jbp-edit {
  /*display:inline; TODO: edit value */
}
.bs-json-b .jbp-string {
  color: indianred;
}
.bs-json-b .jbp-object {
  font-style: italic;
  color: darkcyan;
}
.feedback-panel {
  position: absolute;
  top: 42px;
  bottom: 2rem;
  right: 0;
  z-index: 110;
  background-color: var(--neutralBkLight);
  border-left: 1px solid #ddd;
  width: 420px;
  box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.feedback-panel .feedback-pane-header {
  background-color: var(--dialogHeaderBkColor);
  padding: 2px 2px 2px 6px;
  border-bottom: 1px solid #ddd;
}
.feedback-panel .feedback-pane-header .feedback-pane-title {
  font-size: 0.95rem;
}
.feedback-panel .feedback-pane-header a.btn {
  float: right;
  padding: 0 2px;
  color: #aaa;
  border: 1px solid transparent;
}
.feedback-panel .feedback-pane-header a.btn:hover {
  color: #555;
  background-color: var(--dialogHeaderBkColorDark);
  border-color: #e5c365;
}
.feedback-panel .feedback-body {
  overflow: hidden;
  user-select: text;
  padding: 10px;
}
.feedback-panel .feedback-body .btn {
  margin: 0.5rem 0;
  display: block;
}
.feedback-panel .feedback-body .thanks {
  margin: 0.5rem 0 1rem 0;
}
@media print {
  .no-print {
    display: none!important;
  }
  .header,
  .footer,
  .nav-bar {
    display: none;
  }
  .side-bar,
  .side-bar-compact {
    display: none;
  }
  .content-view.partial-page {
    position: static;
  }
  .content-view.full-view {
    top: 0;
  }
  .page.page-grid {
    display: block;
  }
  .page.page-grid .page-content {
    overflow: hidden;
  }
  .toolbar,
  .bs-tab-bar,
  .taskpad,
  .bs-alert {
    display: none;
  }
  .page.absolute {
    position: static;
    grid-template-columns: auto !important;
    height: auto;
    overflow: hidden;
  }
  .page.absolute > .cw-absolute {
    position: static;
  }
  .bs-pager {
    display: none;
  }
  table thead {
    display: table-row-group;
  }
  table tfoot {
    display: table-row-group;
  }
  table tr,
  table td {
    page-break-inside: avoid;
    border-color: #999 !important;
    border-width: 1px !important;
  }
  table tr .input-group,
  table td .input-group {
    border-style: none;
  }
  table td.ctrl {
    padding: 1px;
  }
  table td.ctrl .input-group {
    border-color: #999;
  }
  .control-group .input-group {
    border-color: #999;
  }
  .control-group .input-group .add-on,
  .control-group .input-group a {
    display: none;
  }
  .control-group.invalid .input-group {
    border-color: #999 !important;
  }
  .control-group.invalid .input-group:before,
  .control-group.invalid .input-group:after {
    display: none !important;
  }
  table.grid-horizontal .control-group .input-group,
  table.grid-both td.ctrl .control-group .input-group,
  table.grid-horizontal control-group.invalid .input-group,
  table.grid-both td.ctrl control-group.invalid .input-group {
    border-top-style: none!important;
    border-bottom-style: none!important;
  }
  table.grid-vertical .control-group .input-group,
  table.grid-both td.ctrl .control-group .input-group,
  table.grid-vertical control-group.invalid .input-group,
  table.grid-both td.ctrl control-group.invalid .input-group {
    border-left-style: none !important;
    border-right-style: none !important;
  }
  table.bs-table > tbody > tr > td .control-group {
    margin: 1px;
  }
  .debug-panel {
    display: none;
  }
}
.diagram {
  display: flex;
  justify-content: center;
  text-align: left;
}
.diagram .path {
  stroke: #000;
  stroke-width: 1;
  fill: none;
}
.diagram rect {
  fill: white;
  stroke: #000;
}
.diagram .d-blue {
  stroke: #6c8ebf;
  fill: #dae8fc;
}
.diagram .d-green {
  stroke: #82b366;
  fill: #d5e8d4;
}
.diagram .d-orange {
  fill: #ffe6cc;
  stroke: #d79b00;
}
.diagram .d-red {
  fill: #f8cecc;
  stroke: #b85450;
}
.diagram .d-magenta {
  fill: #e1d5e7;
  stroke: #9673a6;
}
.diagram .d-transparent-gray {
  fill: rgba(224, 224, 224, 0.35);
  stroke: #777;
}
.diagram .d-border-dashed {
  stroke-dasharray: 3;
}
.diagram .action-button {
  color: #999;
  cursor: pointer;
}
.diagram .action-button rect {
  fill: #f8f8f8;
  stroke: #999;
  stroke-width: 1;
}
.diagram .action-button:hover rect {
  fill: #fff2cc;
  stroke: #d6b656;
}
.diagram .action-button .d-ab-body {
  line-height: 1;
  padding: 6px;
  display: flex;
  align-items: center;
}
.diagram .action-button .d-ab-body .d-ab-ico {
  font-size: 24px;
  margin: 2px 4px 0 0;
}
.diagram .action-button .d-ab-body .d-ab-text {
  font-size: 12px;
}
.diagram .card .d-card-ico {
  font-size: 30px;
  position: absolute;
  right: 6px;
  top: 6px;
  color: hsla(0, 0%, 100%, 0.35);
}
.diagram .card .d-card-header {
  display: block;
  color: #000;
  margin: 4px 8px;
}
.diagram .card foreignObject {
  overflow: visible;
}
.diagram .card .d-card-text {
  display: block;
  font-size: 24px;
  margin: 4px 8px;
  text-align: right;
}
.bs-graphics .axis .domain {
  stroke: #999;
}
.bs-graphics .axis .tick text {
  fill: #999;
}
.bs-graphics .axis .tick line {
  stroke: #999;
}
.mdi-tabs-container {
  grid-area: tabs;
  display: flex;
  background-color: var(--nav100);
  justify-content: space-between;
  padding: 0;
}
.mdi-tabs-container .mdi-tabs {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  overflow: hidden;
  width: 100%;
  max-width: calc(100vw - 116px);
}
.mdi-tabs-container .mdi-tabs::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background-color: var(--nav100);
}
.mdi-tabs-container .mdi-tabs::-webkit-scrollbar-thumb {
  background-color: var(--nav100);
  border-radius: 8px;
}
.mdi-tabs-container .mdi-tabs li {
  list-style: none;
  height: 2.3rem;
  line-height: 2.3rem;
  padding-left: 16px;
  background-color: var(--nav300);
  white-space: nowrap;
  pointer-events: all;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  position: relative;
  border-radius: 4px 4px 0 0;
  margin-top: 2px;
}
.mdi-tabs-container .mdi-tabs li.tab-home {
  margin-left: 2px;
}
.mdi-tabs-container .mdi-tabs li:not(.tab-home) {
  max-width: var(--maxTabWidth);
  min-width: 130px;
}
.mdi-tabs-container .mdi-tabs li .tab-title {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mdi-tabs-container .mdi-tabs li .tab-tooltip {
  position: absolute;
  background-color: white;
  top: 4px;
  z-index: 8;
  left: 10px;
  padding: 3px 8px;
  line-height: 1;
  border: 1px solid var(--nav700);
  font-size: 12px;
  background-color: #fffcd5;
}
.mdi-tabs-container .mdi-tabs li .close {
  color: inherit;
  visibility: hidden;
  padding: 0.3em;
  font-size: 0.7em;
  border-radius: 4px;
  margin: 0 2px;
}
.mdi-tabs-container .mdi-tabs li .pin {
  cursor: pointer;
  margin-left: 2px;
  opacity: 0;
  transition: opacity 0.2s;
}
.mdi-tabs-container .mdi-tabs li.pinned .pin {
  opacity: 1;
}
.mdi-tabs-container .mdi-tabs li:not(.pinned):hover .pin,
.mdi-tabs-container .mdi-tabs li:not(.pinned).active .pin {
  opacity: 1;
}
.mdi-tabs-container .mdi-tabs li:hover {
  text-shadow: 0.5px 0 0 var(--text);
}
.mdi-tabs-container .mdi-tabs li:hover .close {
  visibility: visible;
}
.mdi-tabs-container .mdi-tabs li.active {
  text-shadow: 0.5px 0 0 var(--text);
  background-color: var(--background);
  border-bottom-color: transparent;
  box-shadow: 0 0 5px #bbb;
  border-right-color: transparent;
  z-index: 2;
}
.mdi-tabs-container .mdi-tabs li.active .close {
  visibility: visible;
}
.mdi-tabs-container .mdi-tabs li:not(:last-child) {
  border-right: 1px solid var(--background);
}
.mdi-tabs-container .mdi-tabs .tab-home {
  padding-right: 16px;
}
.mdi-tabs-container .mdi-tabs.wrap-lines {
  flex-wrap: wrap;
}
.mdi-tabs-container .mdi-tabs-menu {
  position: relative;
}
.mdi-tabs-container .mdi-tabs-menu .mdi-tabs-popup {
  position: absolute;
  padding: 4px;
  margin: 0;
  right: 0;
  background-color: white;
  z-index: 71;
  min-width: 250px;
  border-radius: 4px;
}
.mdi-tabs-container .mdi-tabs-menu .mdi-tabs-popup li {
  list-style: none;
  padding: 7px 14px;
  white-space: nowrap;
  border-radius: 4px;
}
.mdi-tabs-container .mdi-tabs-menu .mdi-tabs-popup li:not(.group):hover {
  background-color: var(--menu-hover);
}
.mdi-tabs-container .mdi-tabs-menu .mdi-tabs-popup li.group {
  text-transform: uppercase;
  padding: 8px 8px;
  font-size: 0.8rem;
  color: #999;
}
.mdi-tabs-container .mdi-tabs-menu .open-menu {
  display: block;
  line-height: 2.3rem;
  padding: 0 10px;
}
.mdi-tabs-container .mdi-tabs-menu .open-menu:hover {
  background-color: var(--nav300);
}
.mdi-footer,
.footer {
  grid-area: footer;
  background-color: var(--nav100);
  display: flex;
  height: 2rem;
  align-items: center;
  gap: 12px;
  text-transform: lowercase;
  padding-left: 8px;
  border-top: 1px solid var(--neutralBkDarker);
}
.mdi-footer .version-info,
.footer .version-info {
  font-size: 0.9rem;
}
.mdi-footer .debug-btn,
.footer .debug-btn {
  height: 100%;
}
.mdi-footer .debug-btn .btn-debug,
.footer .debug-btn .btn-debug {
  text-transform: inherit;
  border-radius: 0;
  font-size: 0.9rem;
  background-color: #b94e4c;
  color: white;
  padding: 0 6px 0 18px;
}
.mdi-footer .menu,
.footer .menu {
  text-transform: none;
}
.mdi-main {
  height: 100%;
  padding-bottom: 2rem;
}
.mdi-main > .bs-include {
  height: 100%;
}
.mdi-view {
  height: 100%;
}
.mdi-view .bs-include {
  height: 100%;
}
.page.absolute {
  position: relative;
}
.page-content .grid {
  padding: 0.5rem 1rem;
}
.page > .grid {
  padding: 0.5rem 1rem;
}
.grid .grid {
  padding: 0;
}
.mdi-banner {
  grid-area: banner;
  display: none;
}
.mdi-banner.show {
  display: block;
}
.mdi-new-version {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: saturate(75%) blur(10px);
  z-index: 500;
}
.mdi-new-version .nv-body {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  background-color: white;
  width: 500px;
  margin: 20rem auto;
  gap: 1.5rem;
  align-items: center;
  border: 1px solid var(--neutralBkDark);
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
.mdi-new-version .nv-body h3 {
  font-weight: 500;
  margin: 0;
}
@media (max-width: 1024px) {
  /* adjust tab size */
  .mdi-tabs-container .mdi-tabs li {
    padding-left: 10px;
  }
  .mdi-tabs-container .mdi-tabs li.tab-home {
    padding-right: 10px;
  }
}