/*
================================================================================================
- TABLE OF CONTENTS
================================================================================================

            Project: 	SBOnet 6.0
        Description:    Login Page Overrides - DO NOT EDIT THIS FILE!

              Notes:    This file contains all of the styling for the login page.

	       Contents:    - Imports
                        - Login Wrapper
                        - Login Sidebar
                        - Login Image
                        - ReCaptcha

================================================================================================
*/
/*
================================================================================================
- Imports
================================================================================================
*/
/*
================================================================================================
- TABLE OF CONTENTS
================================================================================================

            Project: 	SBOnet 6.0
        Description:    Base Styling - DO NOT EDIT THIS FILE!

              Notes:    This file contains all of the base styling, as well as the media
                        queries used to make the site responsive.

               TODO:    CREATE A "CONTAINERS" SECTION AND MOVE ALL CONTAINERS THERE, AS OPPOSED
                        TO WITH THEIR RESPECTIVE CHILDREN ( PANELS, WIDGETS, MODALS, ETC. )?

                        REPLACE ALL "DIVIDER" VARIABLES WITH THE "SURFACE BORDER"?
                        NCR USES THE "DIVIDER" FOR ACTUAL ELEMENTS, ALTHOUGH I PROBABLY WON'T DO THIS IN THE REAL WORLD
	
	       Contents:    - Imports
                        - SCSS ( Variables, Maps, Functions, Mixins, Etc. )
                        - CSS Variables
                        - Global
                            - Typography
                            - Paragraphs
                            - Anchors
                            - Labels
                            - Inputs, Buttons, Etc.
                            - Forms
                            - Switchers
                            - Filter Bars
                            - Popup Menus/Navs
                            - Badges
                            - Chips
                            - Icon Buttons
                            - Tables
                            - Panels & Modals
                            - Widgets TODO DELETE THIS
                            - Charts
                            - Tabs
                            - Notification Bars/Blocks
                            - Validation Messages
                            - Progress Bars
                            - Deltas
                            - Dictionary Lists
                        - Global Modifiers ( Classes )
                        - Font Awesome Modifiers ( IDs + Classes )
                        - Global Overrides ( 3rd Party Tools )
                            - Quill Editor
                            - Pikaday
                        - CRE 
                        - Site Wrapper
                        - Sidebar
                            - Header
                            - Site Navigation Search
                            - Site Navigation
                            - Footer
                        - Content Wrapper
                        - Global Header
                        - Breadcrumbs
                        - Page Header
                        - Page Tabs
                        - Page Content
                            - Dashboard
                        - Page Footer
                        - Toast Container
                        - Top Link
                        - Password Requirements
                        - Scrollbars

================================================================================================
*/
/*
================================================================================================
- Imports
================================================================================================
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
/*
================================================================================================
- SCSS ( Variables, Maps, Functions, Mixins, Etc. )
================================================================================================
*/
/*$info: (
    background-color: #d9edf7,
    element-background-color: #b7ddf0,
    border-color: #a7e1ec,
    color: #3a87ad
);

$success: (
    background-color: #dff0d8,
    element-background-color: #c5e4b9,
    border-color: #bcdba3,
    color: #468847
);

$error: (
    background-color: #f2dede,
    element-background-color: #e6c1c1,
    border-color: #e7c0c7,
    color: #b94a48
);

$warning: (
    background-color: #fcf8e3,
    element-background-color: #f0dfc1,
    border-color: #f7dba6,
    color: #b68c43
);

$incidental: (
    background-color: #ace,
    border-color: #f00,
    color: #f00
);*/
/*
================================================================================================
- CSS Variables
================================================================================================
*/
:root {
  --border-radius: 8px;
  --border-radius-half: 4px;
  --border-radius-app-logo: 6px;
  --border-radius-panel-modal: 12px;
  --border-radius-widget: 12px;
  --border-radius-chip: 100px;
  --border-radius-badge: 12px;
  --border-radius-badge-dot: 50%;
  --border-radius-shift-bar: 4px;
  --border-radius-sub-shift: 4px;
  --sidebar-width: 240px;
  --sidebar-header-height: 64px;
  --sidebar-footer-height: 64px;
  --page-footer-height: 64px;
  --select-background: rgba(var(--primary-main-rgb), 0.04);
  --select-background-hover: rgba(var(--primary-main-rgb), 0.06);
  --primary-states-hover: rgba(var(--primary-main-rgb), 0.04);
  --primary-states-selected: rgba(var(--primary-main-rgb), 0.08);
  --primary-states-focus: rgba(var(--primary-main-rgb), 0.12);
  --primary-states-focus-visible: rgba(var(--primary-main-rgb), 0.3);
  --primary-states-outlined-border: rgba(var(--primary-main-rgb), 0.5);
  --secondary-states-hover: rgba(var(--secondary-main-rgb), 0.04);
  --secondary-states-selected: rgba(var(--secondary-main-rgb), 0.08);
  --secondary-states-focus: rgba(var(--secondary-main-rgb), 0.12);
  --secondary-states-focus-visible: rgba(var(--secondary-main-rgb), 0.3);
  --secondary-states-outlined-border: rgba(var(--secondary-main-rgb), 0.5);
  --error-states-hover: rgba(var(--error-main-rgb), 0.04);
  --error-states-selected: rgba(var(--error-main-rgb), 0.08);
  --error-states-focus: rgba(var(--error-main-rgb), 0.12);
  --error-states-focus-visible: rgba(var(--error-main-rgb), 0.3);
  --error-states-outlined-border: rgba(var(--error-main-rgb), 0.5);
}

/*
================================================================================================
- Global
================================================================================================
*/
html {
  -webkit-font-smoothing: antialiased;
  text-size-adjust: 100%;
}

body {
  background-color: var(--background-paper);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.176px;
  color: var(--text-primary);
  overflow: hidden;
  overflow-y: auto;
}

@media print {
  body {
    background-color: #fff;
  }
}

body.no-scroll {
  overflow: hidden;
}

@media print {
  body.no-scroll {
    overflow: visible;
  }
}

body.no-scroll #toast-container li {
  right: 17px;
}

@media print {
  #toast-container {
    display: none !important;
  }
  #run-report-secondary-button {
    display: none !important;
  }
}

h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary);
}

h1 {
  font-size: 25px;
  font-weight: 700;
  line-height: 116.7%;
  letter-spacing: -0.047px;
}

h2 {
  font-size: 22px;
  font-weight: 600;
  line-height: 116.7%;
  letter-spacing: -0.042px;
}

h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.334px;
}

h4 {
  font-size: 18px;
  font-weight: 600;
  line-height: 116.7%;
  letter-spacing: -0.301px;
}

h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 116.7%;
  letter-spacing: -0.267px;
}

h6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.0167em;
}

.display-1 {
  font-size: 32px;
}

.display-2 {
  font-size: 29px;
}

.subtitle-1 {
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
  letter-spacing: -0.176px;
}

.subtitle-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 157%;
  letter-spacing: -0.087px;
}

.body-1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.176px;
}

.body-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: -0.087px;
}

.overline {
  font-size: 12px;
}

.caption {
  font-size: 12px;
}

.title {
  margin-bottom: 2px;
  font-weight: 600;
}

.element {
  display: inline-block;
  padding: 2px 8px;
  background-color: var(--action-hover);
  border-radius: var(--border-radius-half);
  font-size: 14px;
  font-weight: 500;
  line-height: 143%;
  letter-spacing: -0.087px;
}

p {
  overflow: hidden;
  text-overflow: ellipsis;
}

p.auto-complete {
  overflow: visible;
  text-overflow: clip;
}

a:not(.faux-button),
.faux-anchor,
.breadcrumb {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-decoration: underline;
  color: var(--text-primary);
  cursor: pointer;
}

label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: -0.087px;
}

.highlighted {
  background-color: #f0f0f0;
  color: #333;
  font-weight: bold;
}

.border-wrapper {
  padding: 20px;
  border: 1px solid var(--interactive-border);
  border-radius: var(--border-radius);
}

.checkbox-list,
.multi-select,
.radio-list,
.item-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 20px;
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
  transition: max-height 0.3s ease-in-out;
}

.checkbox-list:hover,
.multi-select:hover,
.radio-list:hover,
.item-list:hover {
  max-height: 80vh;
  z-index: 100;
  position: relative;
}

.checkbox-list label,
.multi-select label,
.radio-list label,
.item-list label {
  margin-bottom: 0;
}

.checkbox-list .group-seperator,
.multi-select .group-seperator,
.radio-list .group-seperator,
.item-list .group-seperator {
  padding-top: 12px;
  font-size: 15px;
  font-weight: 500;
}

.checkbox-list .group-seperator:first-of-type,
.multi-select .group-seperator:first-of-type,
.radio-list .group-seperator:first-of-type,
.item-list .group-seperator:first-of-type {
  padding-top: 0;
}

input[type="checkbox"],
input[type="radio"] {
  width: 18px;
  height: 18px;
  accent-color: var(--primary-main);
}

input:not([type='button']),
select,
textarea,
.faux-input,
.faux-select {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 10px 12px;
  max-width: 100%;
  background-color: var(--background-paper);
  border: 1px solid var(--interactive-border);
  border-radius: var(--border-radius);
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: -0.087px;
  color: var(--text-primary);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

input:not([type='button']):disabled, input:not([type='button']).disabled,
select:disabled,
select.disabled,
textarea:disabled,
textarea.disabled,
.faux-input:disabled,
.faux-input.disabled,
.faux-select:disabled,
.faux-select.disabled {
  border-color: var(--action-disabled);
  color: var(--action-disabled);
}

input:not([type='button']).sm,
select.sm,
textarea.sm,
.faux-input.sm,
.faux-select.sm {
  width: 64px;
}

input:not([type='button']).md,
select.md,
textarea.md,
.faux-input.md,
.faux-select.md {
  width: 96px;
}

input:not([type='button']).lg,
select.lg,
textarea.lg,
.faux-input.lg,
.faux-select.lg {
  width: 128px;
}

input:not([type='button']).xl,
select.xl,
textarea.xl,
.faux-input.xl,
.faux-select.xl {
  width: 192px;
}

input:not([type='button']).xxl,
select.xxl,
textarea.xxl,
.faux-input.xxl,
.faux-select.xxl {
  width: 256px;
}

input[type="number"],
input[type="text"],
input[type="password"],
select {
  height: 40px;
}

input[type='number'] {
  padding-right: 0;
}

select,
.faux-select {
  border: none;
  border-right: 12px solid transparent;
  background-color: var(--select-background);
}

select:not(:disabled):not(.disabled):hover,
.faux-select:not(:disabled):not(.disabled):hover {
  background-color: var(--select-background-hover);
}

select:disabled, select.disabled,
.faux-select:disabled,
.faux-select.disabled {
  border-color: transparent;
}

select.multi-select {
  height: auto;
}

.faux-select {
  flex-direction: row;
  gap: 8px;
  align-items: center;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  border: none;
  cursor: default;
}

textarea {
  min-height: 120px;
  resize: vertical;
}

.input-panel-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.input-panel-container.nowrap {
  flex-wrap: nowrap;
}

.input-panel-container .input-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

.input-panel-container .input-panel.inline {
  flex-direction: row;
}

.input-panel-container .input-panel label {
  margin-bottom: 0;
}

.input-panel-container .input-panel button,
.input-panel-container .input-panel input[type=button],
.input-panel-container .input-panel .faux-button {
  height: 40px;
}

.select-search {
  position: relative;
}

.select-search.active .select-search-container {
  display: flex;
}

.select-search input {
  width: 100%;
}

.select-search .faux-select {
  justify-content: space-between;
}

.select-search .select-search-container {
  display: none;
  flex-direction: column;
  gap: 12px;
  position: absolute;
  top: calc( 100% + 8px);
  left: 0;
  right: 0;
  padding: 12px;
  background-color: var(--background-paper);
  border: 1px solid var(--surface-border);
  border-radius: var(--border-radius);
  box-shadow: 0 5px 5px -3px rgba(var(--common-black-rgb), 0.2), 0 8px 10px 1px rgba(var(--common-black-rgb), 0.14), 0 3px 14px 2px rgba(var(--common-black-rgb), 0.12);
  z-index: 9999;
}

.select-search .select-search-scroller {
  padding-right: 12px;
  max-height: 160px;
  overflow: hidden;
  overflow-y: auto;
}

.select-search .select-search-items {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 500;
  line-height: 157%;
  letter-spacing: -0.087px;
}

.select-search .select-search-items li {
  padding: 8px 12px;
  border-radius: var(--border-radius);
  cursor: default;
}

.select-search .select-search-items li:hover {
  background-color: var(--primary-states-hover);
}

.fa-checkbox {
  display: inline-block;
  margin: -9px 0 -8px 0;
  font-size: 14px;
}

.fa-checkbox:before {
  vertical-align: middle;
  font-family: 'Font Awesome 5 Free';
  content: '\f0c8';
}

.fa-checkbox.checked:before {
  content: '\f14a';
}

.fa-checkbox._0 {
  color: #f00;
}

.fa-checkbox._1 {
  color: #090;
}

.fa-checkbox._2 {
  color: #009;
}

.button-container {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}

@media print {
  .button-container {
    display: none;
  }
}

.button-container.stacked {
  flex-direction: column;
}

.button-container.allow-wrap {
  flex-wrap: wrap;
}

button:not(.pika-button):not(.pika-prev):not(.pika-next),
input[type=button],
input[type=submit],
.faux-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  border-radius: var(--border-radius);
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: -0.093px;
  text-decoration: none;
  white-space: nowrap;
  color: var(--primary-contrast-text);
  cursor: default;
}

button:not(.pika-button):not(.pika-prev):not(.pika-next):not(.ql),
input[type=button]:not(.ql),
input[type=submit]:not(.ql),
.faux-button:not(.ql) {
  padding: 10px 22px;
  background-color: var(--primary-main);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next):not(:disabled):not(.disabled):hover,
input[type=button]:not(:disabled):not(.disabled):hover,
input[type=submit]:not(:disabled):not(.disabled):hover,
.faux-button:not(:disabled):not(.disabled):hover {
  background-color: var(--primary-dark);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next):disabled, button:not(.pika-button):not(.pika-prev):not(.pika-next).disabled,
input[type=button]:disabled,
input[type=button].disabled,
input[type=submit]:disabled,
input[type=submit].disabled,
.faux-button:disabled,
.faux-button.disabled {
  background-color: var(--action-disabled-background);
  color: var(--action-disabled);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).lg,
input[type=button].lg,
input[type=submit].lg,
.faux-button.lg {
  padding: 10px 22px;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: -0.093px;
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).md,
input[type=button].md,
input[type=submit].md,
.faux-button.md {
  padding: 8px 16px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.4px;
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).sm,
input[type=button].sm,
input[type=submit].sm,
.faux-button.sm {
  padding: 4px 10px;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: -0.042px;
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).primary-contained,
input[type=button].primary-contained,
input[type=submit].primary-contained,
.faux-button.primary-contained {
  background-color: var(--primary-main);
  color: var(--primary-contrast-text);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).primary-contained:not(:disabled):not(.disabled):hover,
input[type=button].primary-contained:not(:disabled):not(.disabled):hover,
input[type=submit].primary-contained:not(:disabled):not(.disabled):hover,
.faux-button.primary-contained:not(:disabled):not(.disabled):hover {
  background-color: var(--primary-dark);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).primary-contained:disabled, button:not(.pika-button):not(.pika-prev):not(.pika-next).primary-contained.disabled,
input[type=button].primary-contained:disabled,
input[type=button].primary-contained.disabled,
input[type=submit].primary-contained:disabled,
input[type=submit].primary-contained.disabled,
.faux-button.primary-contained:disabled,
.faux-button.primary-contained.disabled {
  background-color: var(--action-disabled-background);
  color: var(--action-disabled);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).primary-outlined,
input[type=button].primary-outlined,
input[type=submit].primary-outlined,
.faux-button.primary-outlined {
  background-color: var(--background-paper);
  border: 1px solid var(--primary-states-outlined-border);
  color: var(--primary-main);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).primary-outlined:not(:disabled):not(.disabled):hover,
input[type=button].primary-outlined:not(:disabled):not(.disabled):hover,
input[type=submit].primary-outlined:not(:disabled):not(.disabled):hover,
.faux-button.primary-outlined:not(:disabled):not(.disabled):hover {
  background-color: var(--primary-states-hover);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).primary-outlined:disabled, button:not(.pika-button):not(.pika-prev):not(.pika-next).primary-outlined.disabled,
input[type=button].primary-outlined:disabled,
input[type=button].primary-outlined.disabled,
input[type=submit].primary-outlined:disabled,
input[type=submit].primary-outlined.disabled,
.faux-button.primary-outlined:disabled,
.faux-button.primary-outlined.disabled {
  border-color: var(--action-disabled-background);
  color: var(--action-disabled);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).primary-text,
input[type=button].primary-text,
input[type=submit].primary-text,
.faux-button.primary-text {
  background-color: var(--background-paper);
  color: var(--primary-main);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).primary-text:not(:disabled):not(.disabled):hover,
input[type=button].primary-text:not(:disabled):not(.disabled):hover,
input[type=submit].primary-text:not(:disabled):not(.disabled):hover,
.faux-button.primary-text:not(:disabled):not(.disabled):hover {
  background-color: var(--primary-states-hover);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).primary-text:disabled, button:not(.pika-button):not(.pika-prev):not(.pika-next).primary-text.disabled,
input[type=button].primary-text:disabled,
input[type=button].primary-text.disabled,
input[type=submit].primary-text:disabled,
input[type=submit].primary-text.disabled,
.faux-button.primary-text:disabled,
.faux-button.primary-text.disabled {
  color: var(--action-disabled);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next)[type=submit], button:not(.pika-button):not(.pika-prev):not(.pika-next).secondary-contained,
input[type=button][type=submit],
input[type=button].secondary-contained,
input[type=submit][type=submit],
input[type=submit].secondary-contained,
.faux-button[type=submit],
.faux-button.secondary-contained {
  background-color: var(--secondary-main);
  color: var(--secondary-contrast-text);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next)[type=submit]:not(:disabled):not(.disabled):hover, button:not(.pika-button):not(.pika-prev):not(.pika-next).secondary-contained:not(:disabled):not(.disabled):hover,
input[type=button][type=submit]:not(:disabled):not(.disabled):hover,
input[type=button].secondary-contained:not(:disabled):not(.disabled):hover,
input[type=submit][type=submit]:not(:disabled):not(.disabled):hover,
input[type=submit].secondary-contained:not(:disabled):not(.disabled):hover,
.faux-button[type=submit]:not(:disabled):not(.disabled):hover,
.faux-button.secondary-contained:not(:disabled):not(.disabled):hover {
  background-color: var(--secondary-dark);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next)[type=submit]:disabled, button:not(.pika-button):not(.pika-prev):not(.pika-next)[type=submit].disabled, button:not(.pika-button):not(.pika-prev):not(.pika-next).secondary-contained:disabled, button:not(.pika-button):not(.pika-prev):not(.pika-next).secondary-contained.disabled,
input[type=button][type=submit]:disabled,
input[type=button][type=submit].disabled,
input[type=button].secondary-contained:disabled,
input[type=button].secondary-contained.disabled,
input[type=submit][type=submit]:disabled,
input[type=submit][type=submit].disabled,
input[type=submit].secondary-contained:disabled,
input[type=submit].secondary-contained.disabled,
.faux-button[type=submit]:disabled,
.faux-button[type=submit].disabled,
.faux-button.secondary-contained:disabled,
.faux-button.secondary-contained.disabled {
  background-color: var(--action-disabled-background);
  color: var(--action-disabled);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).secondary-outlined,
input[type=button].secondary-outlined,
input[type=submit].secondary-outlined,
.faux-button.secondary-outlined {
  background-color: var(--background-paper);
  border: 1px solid var(--secondary-states-outlined-border);
  color: var(--secondary-main);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).secondary-outlined:not(:disabled):not(.disabled):hover,
input[type=button].secondary-outlined:not(:disabled):not(.disabled):hover,
input[type=submit].secondary-outlined:not(:disabled):not(.disabled):hover,
.faux-button.secondary-outlined:not(:disabled):not(.disabled):hover {
  background-color: var(--secondary-states-hover);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).secondary-outlined:disabled, button:not(.pika-button):not(.pika-prev):not(.pika-next).secondary-outlined.disabled,
input[type=button].secondary-outlined:disabled,
input[type=button].secondary-outlined.disabled,
input[type=submit].secondary-outlined:disabled,
input[type=submit].secondary-outlined.disabled,
.faux-button.secondary-outlined:disabled,
.faux-button.secondary-outlined.disabled {
  border-color: var(--action-disabled-background);
  color: var(--action-disabled);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).secondary-text,
input[type=button].secondary-text,
input[type=submit].secondary-text,
.faux-button.secondary-text {
  background-color: var(--background-paper);
  color: var(--secondary-main);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).secondary-text:not(:disabled):not(.disabled):hover,
input[type=button].secondary-text:not(:disabled):not(.disabled):hover,
input[type=submit].secondary-text:not(:disabled):not(.disabled):hover,
.faux-button.secondary-text:not(:disabled):not(.disabled):hover {
  background-color: var(--secondary-states-hover);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).secondary-text:disabled, button:not(.pika-button):not(.pika-prev):not(.pika-next).secondary-text.disabled,
input[type=button].secondary-text:disabled,
input[type=button].secondary-text.disabled,
input[type=submit].secondary-text:disabled,
input[type=submit].secondary-text.disabled,
.faux-button.secondary-text:disabled,
.faux-button.secondary-text.disabled {
  color: var(--action-disabled);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).destructive-contained,
input[type=button].destructive-contained,
input[type=submit].destructive-contained,
.faux-button.destructive-contained {
  background-color: var(--error-main);
  color: var(--error-contrast-text);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).destructive-contained:not(:disabled):not(.disabled):hover,
input[type=button].destructive-contained:not(:disabled):not(.disabled):hover,
input[type=submit].destructive-contained:not(:disabled):not(.disabled):hover,
.faux-button.destructive-contained:not(:disabled):not(.disabled):hover {
  background-color: var(--error-dark);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).destructive-contained:disabled, button:not(.pika-button):not(.pika-prev):not(.pika-next).destructive-contained.disabled,
input[type=button].destructive-contained:disabled,
input[type=button].destructive-contained.disabled,
input[type=submit].destructive-contained:disabled,
input[type=submit].destructive-contained.disabled,
.faux-button.destructive-contained:disabled,
.faux-button.destructive-contained.disabled {
  background-color: var(--action-disabled-background);
  color: var(--action-disabled);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).destructive-outlined,
input[type=button].destructive-outlined,
input[type=submit].destructive-outlined,
.faux-button.destructive-outlined {
  background-color: var(--background-paper);
  border: 1px solid var(--error-states-outlined-border);
  color: var(--error-main);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).destructive-outlined:not(:disabled):not(.disabled):hover,
input[type=button].destructive-outlined:not(:disabled):not(.disabled):hover,
input[type=submit].destructive-outlined:not(:disabled):not(.disabled):hover,
.faux-button.destructive-outlined:not(:disabled):not(.disabled):hover {
  background-color: var(--error-states-hover);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).destructive-outlined:disabled, button:not(.pika-button):not(.pika-prev):not(.pika-next).destructive-outlined.disabled,
input[type=button].destructive-outlined:disabled,
input[type=button].destructive-outlined.disabled,
input[type=submit].destructive-outlined:disabled,
input[type=submit].destructive-outlined.disabled,
.faux-button.destructive-outlined:disabled,
.faux-button.destructive-outlined.disabled {
  border-color: var(--action-disabled-background);
  color: var(--action-disabled);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).destructive-text,
input[type=button].destructive-text,
input[type=submit].destructive-text,
.faux-button.destructive-text {
  background-color: var(--background-paper);
  color: var(--error-main);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).destructive-text:not(:disabled):not(.disabled):hover,
input[type=button].destructive-text:not(:disabled):not(.disabled):hover,
input[type=submit].destructive-text:not(:disabled):not(.disabled):hover,
.faux-button.destructive-text:not(:disabled):not(.disabled):hover {
  background-color: var(--error-states-hover);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next).destructive-text:disabled, button:not(.pika-button):not(.pika-prev):not(.pika-next).destructive-text.disabled,
input[type=button].destructive-text:disabled,
input[type=button].destructive-text.disabled,
input[type=submit].destructive-text:disabled,
input[type=submit].destructive-text.disabled,
.faux-button.destructive-text:disabled,
.faux-button.destructive-text.disabled {
  color: var(--action-disabled);
}

button:not(.pika-button):not(.pika-prev):not(.pika-next) span,
input[type=button] span,
input[type=submit] span,
.faux-button span {
  line-height: inherit;
}

form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  /*font-size: 14px;
    font-weight: 400;
    line-height: 143%;
    letter-spacing: -0.087px;*/
}

form > p,
form > div:not(.options-wrapper):not(.button-container):not(.panel-container):not(.input-panel-container):not(.modal-overlay):not(.notification-bar):not(.notification-block):not(#recaptcha-container) {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

form > p > label,
form > div:not(.options-wrapper):not(.button-container):not(.panel-container):not(.input-panel-container):not(.modal-overlay):not(.notification-bar):not(.notification-block):not(#recaptcha-container) > label {
  font-weight: 500;
}

.switcher {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

.switcher .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-secondary);
}

.switcher .name {
  flex: 1 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.switcher .toggle svg {
  height: 24px;
  width: 24px;
}

#app-switcher {
  flex-grow: 1;
}

#app-switcher .logo {
  width: 30px;
  height: 30px;
  background: var(--secondary-main);
  border-radius: var(--border-radius-app-logo);
  color: var(--secondary-contrast-text);
}

#org-switcher:after {
  padding-left: 16px;
  content: '|';
}

.filter-bar {
  display: flex;
  align-items: center;
  gap: 20px;
}

.filter-bar .filter {
  display: flex;
  gap: 8px;
  align-items: center;
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: -0.087px;
  color: var(--text-primary);
}

.pop-down-menu-container,
.pop-up-menu-container,
.pop-down-nav-container,
.pop-up-nav-container {
  position: relative;
}

.pop-down-menu-container .pop-down-menu,
.pop-down-menu-container .pop-up-menu,
.pop-down-menu-container .pop-down-nav,
.pop-down-menu-container .pop-up-nav,
.pop-up-menu-container .pop-down-menu,
.pop-up-menu-container .pop-up-menu,
.pop-up-menu-container .pop-down-nav,
.pop-up-menu-container .pop-up-nav,
.pop-down-nav-container .pop-down-menu,
.pop-down-nav-container .pop-up-menu,
.pop-down-nav-container .pop-down-nav,
.pop-down-nav-container .pop-up-nav,
.pop-up-nav-container .pop-down-menu,
.pop-up-nav-container .pop-up-menu,
.pop-up-nav-container .pop-down-nav,
.pop-up-nav-container .pop-up-nav {
  display: none;
  flex-direction: column;
  position: absolute;
  right: 0;
  background-color: var(--background-paper);
  border-radius: var(--border-radius);
  box-shadow: 0 5px 5px -3px rgba(var(--common-black-rgb), 0.2), 0 8px 10px 1px rgba(var(--common-black-rgb), 0.14), 0 3px 14px 2px rgba(var(--common-black-rgb), 0.12);
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.176px;
  z-index: 2000;
}

.pop-down-menu-container .pop-down-menu.active,
.pop-down-menu-container .pop-up-menu.active,
.pop-down-menu-container .pop-down-nav.active,
.pop-down-menu-container .pop-up-nav.active,
.pop-up-menu-container .pop-down-menu.active,
.pop-up-menu-container .pop-up-menu.active,
.pop-up-menu-container .pop-down-nav.active,
.pop-up-menu-container .pop-up-nav.active,
.pop-down-nav-container .pop-down-menu.active,
.pop-down-nav-container .pop-up-menu.active,
.pop-down-nav-container .pop-down-nav.active,
.pop-down-nav-container .pop-up-nav.active,
.pop-up-nav-container .pop-down-menu.active,
.pop-up-nav-container .pop-up-menu.active,
.pop-up-nav-container .pop-down-nav.active,
.pop-up-nav-container .pop-up-nav.active {
  display: flex;
}

.pop-down-menu-container .pop-down-menu ul,
.pop-down-menu-container .pop-up-menu ul,
.pop-down-menu-container .pop-down-nav ul,
.pop-down-menu-container .pop-up-nav ul,
.pop-up-menu-container .pop-down-menu ul,
.pop-up-menu-container .pop-up-menu ul,
.pop-up-menu-container .pop-down-nav ul,
.pop-up-menu-container .pop-up-nav ul,
.pop-down-nav-container .pop-down-menu ul,
.pop-down-nav-container .pop-up-menu ul,
.pop-down-nav-container .pop-down-nav ul,
.pop-down-nav-container .pop-up-nav ul,
.pop-up-nav-container .pop-down-menu ul,
.pop-up-nav-container .pop-up-menu ul,
.pop-up-nav-container .pop-down-nav ul,
.pop-up-nav-container .pop-up-nav ul {
  padding: 12px;
}

.pop-down-menu-container .pop-down-menu ul li,
.pop-down-menu-container .pop-up-menu ul li,
.pop-down-menu-container .pop-down-nav ul li,
.pop-down-menu-container .pop-up-nav ul li,
.pop-up-menu-container .pop-down-menu ul li,
.pop-up-menu-container .pop-up-menu ul li,
.pop-up-menu-container .pop-down-nav ul li,
.pop-up-menu-container .pop-up-nav ul li,
.pop-down-nav-container .pop-down-menu ul li,
.pop-down-nav-container .pop-up-menu ul li,
.pop-down-nav-container .pop-down-nav ul li,
.pop-down-nav-container .pop-up-nav ul li,
.pop-up-nav-container .pop-down-menu ul li,
.pop-up-nav-container .pop-up-menu ul li,
.pop-up-nav-container .pop-down-nav ul li,
.pop-up-nav-container .pop-up-nav ul li {
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: default;
}

.pop-down-menu-container .pop-down-menu ul a,
.pop-down-menu-container .pop-down-menu ul .faux-anchor,
.pop-down-menu-container .pop-down-menu ul .menu-item,
.pop-down-menu-container .pop-up-menu ul a,
.pop-down-menu-container .pop-up-menu ul .faux-anchor,
.pop-down-menu-container .pop-up-menu ul .menu-item,
.pop-down-menu-container .pop-down-nav ul a,
.pop-down-menu-container .pop-down-nav ul .faux-anchor,
.pop-down-menu-container .pop-down-nav ul .menu-item,
.pop-down-menu-container .pop-up-nav ul a,
.pop-down-menu-container .pop-up-nav ul .faux-anchor,
.pop-down-menu-container .pop-up-nav ul .menu-item,
.pop-up-menu-container .pop-down-menu ul a,
.pop-up-menu-container .pop-down-menu ul .faux-anchor,
.pop-up-menu-container .pop-down-menu ul .menu-item,
.pop-up-menu-container .pop-up-menu ul a,
.pop-up-menu-container .pop-up-menu ul .faux-anchor,
.pop-up-menu-container .pop-up-menu ul .menu-item,
.pop-up-menu-container .pop-down-nav ul a,
.pop-up-menu-container .pop-down-nav ul .faux-anchor,
.pop-up-menu-container .pop-down-nav ul .menu-item,
.pop-up-menu-container .pop-up-nav ul a,
.pop-up-menu-container .pop-up-nav ul .faux-anchor,
.pop-up-menu-container .pop-up-nav ul .menu-item,
.pop-down-nav-container .pop-down-menu ul a,
.pop-down-nav-container .pop-down-menu ul .faux-anchor,
.pop-down-nav-container .pop-down-menu ul .menu-item,
.pop-down-nav-container .pop-up-menu ul a,
.pop-down-nav-container .pop-up-menu ul .faux-anchor,
.pop-down-nav-container .pop-up-menu ul .menu-item,
.pop-down-nav-container .pop-down-nav ul a,
.pop-down-nav-container .pop-down-nav ul .faux-anchor,
.pop-down-nav-container .pop-down-nav ul .menu-item,
.pop-down-nav-container .pop-up-nav ul a,
.pop-down-nav-container .pop-up-nav ul .faux-anchor,
.pop-down-nav-container .pop-up-nav ul .menu-item,
.pop-up-nav-container .pop-down-menu ul a,
.pop-up-nav-container .pop-down-menu ul .faux-anchor,
.pop-up-nav-container .pop-down-menu ul .menu-item,
.pop-up-nav-container .pop-up-menu ul a,
.pop-up-nav-container .pop-up-menu ul .faux-anchor,
.pop-up-nav-container .pop-up-menu ul .menu-item,
.pop-up-nav-container .pop-down-nav ul a,
.pop-up-nav-container .pop-down-nav ul .faux-anchor,
.pop-up-nav-container .pop-down-nav ul .menu-item,
.pop-up-nav-container .pop-up-nav ul a,
.pop-up-nav-container .pop-up-nav ul .faux-anchor,
.pop-up-nav-container .pop-up-nav ul .menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  min-height: 40px;
  border-radius: var(--border-radius);
  font-size: 14px;
  font-weight: 500;
  line-height: 157%;
  letter-spacing: -0.087px;
  text-decoration: none;
  color: var(--text-primary);
}

.pop-down-menu-container .pop-down-menu ul a:hover,
.pop-down-menu-container .pop-down-menu ul .faux-anchor:hover,
.pop-down-menu-container .pop-down-menu ul .menu-item:hover,
.pop-down-menu-container .pop-up-menu ul a:hover,
.pop-down-menu-container .pop-up-menu ul .faux-anchor:hover,
.pop-down-menu-container .pop-up-menu ul .menu-item:hover,
.pop-down-menu-container .pop-down-nav ul a:hover,
.pop-down-menu-container .pop-down-nav ul .faux-anchor:hover,
.pop-down-menu-container .pop-down-nav ul .menu-item:hover,
.pop-down-menu-container .pop-up-nav ul a:hover,
.pop-down-menu-container .pop-up-nav ul .faux-anchor:hover,
.pop-down-menu-container .pop-up-nav ul .menu-item:hover,
.pop-up-menu-container .pop-down-menu ul a:hover,
.pop-up-menu-container .pop-down-menu ul .faux-anchor:hover,
.pop-up-menu-container .pop-down-menu ul .menu-item:hover,
.pop-up-menu-container .pop-up-menu ul a:hover,
.pop-up-menu-container .pop-up-menu ul .faux-anchor:hover,
.pop-up-menu-container .pop-up-menu ul .menu-item:hover,
.pop-up-menu-container .pop-down-nav ul a:hover,
.pop-up-menu-container .pop-down-nav ul .faux-anchor:hover,
.pop-up-menu-container .pop-down-nav ul .menu-item:hover,
.pop-up-menu-container .pop-up-nav ul a:hover,
.pop-up-menu-container .pop-up-nav ul .faux-anchor:hover,
.pop-up-menu-container .pop-up-nav ul .menu-item:hover,
.pop-down-nav-container .pop-down-menu ul a:hover,
.pop-down-nav-container .pop-down-menu ul .faux-anchor:hover,
.pop-down-nav-container .pop-down-menu ul .menu-item:hover,
.pop-down-nav-container .pop-up-menu ul a:hover,
.pop-down-nav-container .pop-up-menu ul .faux-anchor:hover,
.pop-down-nav-container .pop-up-menu ul .menu-item:hover,
.pop-down-nav-container .pop-down-nav ul a:hover,
.pop-down-nav-container .pop-down-nav ul .faux-anchor:hover,
.pop-down-nav-container .pop-down-nav ul .menu-item:hover,
.pop-down-nav-container .pop-up-nav ul a:hover,
.pop-down-nav-container .pop-up-nav ul .faux-anchor:hover,
.pop-down-nav-container .pop-up-nav ul .menu-item:hover,
.pop-up-nav-container .pop-down-menu ul a:hover,
.pop-up-nav-container .pop-down-menu ul .faux-anchor:hover,
.pop-up-nav-container .pop-down-menu ul .menu-item:hover,
.pop-up-nav-container .pop-up-menu ul a:hover,
.pop-up-nav-container .pop-up-menu ul .faux-anchor:hover,
.pop-up-nav-container .pop-up-menu ul .menu-item:hover,
.pop-up-nav-container .pop-down-nav ul a:hover,
.pop-up-nav-container .pop-down-nav ul .faux-anchor:hover,
.pop-up-nav-container .pop-down-nav ul .menu-item:hover,
.pop-up-nav-container .pop-up-nav ul a:hover,
.pop-up-nav-container .pop-up-nav ul .faux-anchor:hover,
.pop-up-nav-container .pop-up-nav ul .menu-item:hover {
  background-color: var(--primary-states-hover);
}

.pop-down-menu-container .pop-down-menu ul .menu-item.selected,
.pop-down-menu-container .pop-up-menu ul .menu-item.selected,
.pop-down-menu-container .pop-down-nav ul .menu-item.selected,
.pop-down-menu-container .pop-up-nav ul .menu-item.selected,
.pop-up-menu-container .pop-down-menu ul .menu-item.selected,
.pop-up-menu-container .pop-up-menu ul .menu-item.selected,
.pop-up-menu-container .pop-down-nav ul .menu-item.selected,
.pop-up-menu-container .pop-up-nav ul .menu-item.selected,
.pop-down-nav-container .pop-down-menu ul .menu-item.selected,
.pop-down-nav-container .pop-up-menu ul .menu-item.selected,
.pop-down-nav-container .pop-down-nav ul .menu-item.selected,
.pop-down-nav-container .pop-up-nav ul .menu-item.selected,
.pop-up-nav-container .pop-down-menu ul .menu-item.selected,
.pop-up-nav-container .pop-up-menu ul .menu-item.selected,
.pop-up-nav-container .pop-down-nav ul .menu-item.selected,
.pop-up-nav-container .pop-up-nav ul .menu-item.selected {
  font-weight: bold;
  color: var(--text-primary);
}

.pop-down-menu-container .pop-down-menu,
.pop-up-menu-container .pop-down-menu,
.pop-down-nav-container .pop-down-menu,
.pop-up-nav-container .pop-down-menu {
  top: calc( 100% + 8px);
  min-width: auto;
  white-space: nowrap;
}

.pop-down-menu-container .pop-down-menu .floating-header-toggle .fa-lock,
.pop-up-menu-container .pop-down-menu .floating-header-toggle .fa-lock,
.pop-down-nav-container .pop-down-menu .floating-header-toggle .fa-lock,
.pop-up-nav-container .pop-down-menu .floating-header-toggle .fa-lock {
  display: block;
}

.pop-down-menu-container .pop-down-menu .floating-header-toggle .fa-unlock,
.pop-up-menu-container .pop-down-menu .floating-header-toggle .fa-unlock,
.pop-down-nav-container .pop-down-menu .floating-header-toggle .fa-unlock,
.pop-up-nav-container .pop-down-menu .floating-header-toggle .fa-unlock {
  display: none;
}

.pop-down-menu-container .pop-down-menu .floating-header-toggle.off .fa-lock,
.pop-up-menu-container .pop-down-menu .floating-header-toggle.off .fa-lock,
.pop-down-nav-container .pop-down-menu .floating-header-toggle.off .fa-lock,
.pop-up-nav-container .pop-down-menu .floating-header-toggle.off .fa-lock {
  display: none;
}

.pop-down-menu-container .pop-down-menu .floating-header-toggle.off .fa-unlock,
.pop-up-menu-container .pop-down-menu .floating-header-toggle.off .fa-unlock,
.pop-down-nav-container .pop-down-menu .floating-header-toggle.off .fa-unlock,
.pop-up-nav-container .pop-down-menu .floating-header-toggle.off .fa-unlock {
  display: block;
}

.pop-down-menu-container .pop-down-menu .floating-header-animation-toggle .fa-toggle-on,
.pop-up-menu-container .pop-down-menu .floating-header-animation-toggle .fa-toggle-on,
.pop-down-nav-container .pop-down-menu .floating-header-animation-toggle .fa-toggle-on,
.pop-up-nav-container .pop-down-menu .floating-header-animation-toggle .fa-toggle-on {
  display: block;
}

.pop-down-menu-container .pop-down-menu .floating-header-animation-toggle .fa-toggle-off,
.pop-up-menu-container .pop-down-menu .floating-header-animation-toggle .fa-toggle-off,
.pop-down-nav-container .pop-down-menu .floating-header-animation-toggle .fa-toggle-off,
.pop-up-nav-container .pop-down-menu .floating-header-animation-toggle .fa-toggle-off {
  display: none;
}

.pop-down-menu-container .pop-down-menu .floating-header-animation-toggle.off .fa-toggle-on,
.pop-up-menu-container .pop-down-menu .floating-header-animation-toggle.off .fa-toggle-on,
.pop-down-nav-container .pop-down-menu .floating-header-animation-toggle.off .fa-toggle-on,
.pop-up-nav-container .pop-down-menu .floating-header-animation-toggle.off .fa-toggle-on {
  display: none;
}

.pop-down-menu-container .pop-down-menu .floating-header-animation-toggle.off .fa-toggle-off,
.pop-up-menu-container .pop-down-menu .floating-header-animation-toggle.off .fa-toggle-off,
.pop-down-nav-container .pop-down-menu .floating-header-animation-toggle.off .fa-toggle-off,
.pop-up-nav-container .pop-down-menu .floating-header-animation-toggle.off .fa-toggle-off {
  display: block;
}

.pop-down-menu-container .pop-up-menu,
.pop-up-menu-container .pop-up-menu,
.pop-down-nav-container .pop-up-menu,
.pop-up-nav-container .pop-up-menu {
  bottom: calc( 100% + 8px);
}

.pop-down-menu-container .pop-down-nav,
.pop-down-menu-container .pop-up-nav,
.pop-up-menu-container .pop-down-nav,
.pop-up-menu-container .pop-up-nav,
.pop-down-nav-container .pop-down-nav,
.pop-down-nav-container .pop-up-nav,
.pop-up-nav-container .pop-down-nav,
.pop-up-nav-container .pop-up-nav {
  min-width: var(--sidebar-width);
}

.pop-down-menu-container .pop-down-nav header,
.pop-down-menu-container .pop-down-nav footer,
.pop-down-menu-container .pop-up-nav header,
.pop-down-menu-container .pop-up-nav footer,
.pop-up-menu-container .pop-down-nav header,
.pop-up-menu-container .pop-down-nav footer,
.pop-up-menu-container .pop-up-nav header,
.pop-up-menu-container .pop-up-nav footer,
.pop-down-nav-container .pop-down-nav header,
.pop-down-nav-container .pop-down-nav footer,
.pop-down-nav-container .pop-up-nav header,
.pop-down-nav-container .pop-up-nav footer,
.pop-up-nav-container .pop-down-nav header,
.pop-up-nav-container .pop-down-nav footer,
.pop-up-nav-container .pop-up-nav header,
.pop-up-nav-container .pop-up-nav footer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  white-space: nowrap;
}

.pop-down-menu-container .pop-down-nav header,
.pop-down-menu-container .pop-up-nav header,
.pop-up-menu-container .pop-down-nav header,
.pop-up-menu-container .pop-up-nav header,
.pop-down-nav-container .pop-down-nav header,
.pop-down-nav-container .pop-up-nav header,
.pop-up-nav-container .pop-down-nav header,
.pop-up-nav-container .pop-up-nav header {
  border-bottom: 1px solid var(--divider);
}

.pop-down-menu-container .pop-down-nav footer,
.pop-down-menu-container .pop-up-nav footer,
.pop-up-menu-container .pop-down-nav footer,
.pop-up-menu-container .pop-up-nav footer,
.pop-down-nav-container .pop-down-nav footer,
.pop-down-nav-container .pop-up-nav footer,
.pop-up-nav-container .pop-down-nav footer,
.pop-up-nav-container .pop-up-nav footer {
  justify-content: flex-end;
  border-top: 1px solid var(--divider);
}

.pop-down-menu-container .pop-down-nav,
.pop-up-menu-container .pop-down-nav,
.pop-down-nav-container .pop-down-nav,
.pop-up-nav-container .pop-down-nav {
  top: calc( 100% + 8px);
}

.pop-down-menu-container .pop-up-nav,
.pop-up-menu-container .pop-up-nav,
.pop-down-nav-container .pop-up-nav,
.pop-up-nav-container .pop-up-nav {
  bottom: calc( 100% + 8px);
}

.badge,
.badge-custom,
.badge-incidental,
.badge-lto,
.badge-unused,
.badge-catchweight,
.badge-menu,
.badge-primary,
.badge-secondary,
.badge-content,
.badge-nav,
.badge-unsaved,
.badge-template-modified,
.badge-error,
.badge-warning,
.badge-info,
.badge-success {
  padding: 3px 10px;
  min-width: 20px;
  margin-left: 8px;
  background-color: var(--action-selected) !important;
  border-radius: var(--border-radius-badge);
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: center;
  text-shadow: none !important;
  color: var(--text-primary) !important;
}

.badge-primary {
  background-color: var(--primary-main) !important;
  color: var(--primary-contrast-text) !important;
}

.badge-secondary {
  background-color: var(--secondary-main) !important;
  color: var(--secondary-contrast-text) !important;
}

.badge-error {
  background-color: var(--error-subtle) !important;
  color: var(--error-subtle-contrast) !important;
}

.badge-warning {
  background-color: var(--warning-subtle) !important;
  color: var(--warning-subtle-contrast) !important;
}

.badge-info {
  background-color: var(--info-subtle) !important;
  color: var(--info-subtle-contrast) !important;
}

.badge-success {
  background-color: var(--success-subtle) !important;
  color: var(--success-subtle-contrast) !important;
}

.badge-dot {
  width: 6px;
  height: 6px;
  background-color: var(--secondary-main);
  border-radius: 50%;
  color: var(--primary-contrast-text);
}

.badge-circle {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 15px;
  height: 15px;
  margin-left: 6px;
  border-radius: 50%;
}

.chip-container {
  display: flex;
  gap: 8px;
}

.chip-container .chip {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 24px;
  padding: 0 12px;
  background-color: var(--action-selected);
  border-radius: var(--border-radius-chip);
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.06px;
  color: var(--text-primary);
  cursor: default;
}

.chip-container .chip :not(:disabled):not(.disabled):hover {
  background-color: var(--action-hover);
}

.chip-container .chip:disabled, .chip-container .chip.disabled {
  color: var(--action-disabled);
}

.icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  background-color: var(--background-paper);
  border-radius: var(--border-radius);
  font-size: 16px;
  user-select: none;
  color: var(--text-secondary);
}

@media print {
  .icon-button {
    display: none;
  }
}

.icon-button:not(:disabled):not(.disabled):hover {
  background-color: var(--action-hover);
}

.icon-button:disabled, .icon-button.disabled {
  color: var(--action-disabled);
}

.icon-button span {
  line-height: inherit;
}

.icon-button .badge,
.icon-button .badge-dot {
  position: absolute;
  left: calc(100% - 14px);
}

.icon-button .badge {
  top: 0;
}

.icon-button .badge-dot {
  top: 6px;
}

.icon-button#favorite-icon .fas, .icon-button#btn-config .fas {
  color: var(--secondary-main);
}

p.table-name {
  font-weight: 600;
}

.table-container,
.dss-table-container,
.ej-container {
  position: relative;
  max-width: 100%;
  max-height: 85vh;
  border: 1px solid var(--surface-border);
  border-radius: var(--border-radius);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  width: auto;
  table-layout: auto;
}

.table-container::-webkit-scrollbar,
.dss-table-container::-webkit-scrollbar,
.ej-container::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

.table-container::-webkit-scrollbar-track,
.dss-table-container::-webkit-scrollbar-track,
.ej-container::-webkit-scrollbar-track {
  background-color: var(--surface-border);
  border-radius: var(--border-radius);
  margin: 2px;
}

.table-container::-webkit-scrollbar-thumb,
.dss-table-container::-webkit-scrollbar-thumb,
.ej-container::-webkit-scrollbar-thumb {
  background-color: var(--interactive-border);
  border-radius: var(--border-radius);
  border: 3px solid transparent;
  background-clip: padding-box;
  transition: background-color 0.2s ease;
}

.table-container::-webkit-scrollbar-thumb:hover,
.dss-table-container::-webkit-scrollbar-thumb:hover,
.ej-container::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary-main);
}

.table-container::-webkit-scrollbar-thumb:active,
.dss-table-container::-webkit-scrollbar-thumb:active,
.ej-container::-webkit-scrollbar-thumb:active {
  background-color: var(--primary-dark);
}

@media print {
  .table-container,
.dss-table-container,
.ej-container {
    max-height: initial;
  }
}

.table-container.no-stretch,
.dss-table-container.no-stretch,
.ej-container.no-stretch {
  align-self: flex-start;
}

.table-container #drag-tooltip,
.dss-table-container #drag-tooltip,
.ej-container #drag-tooltip {
  position: fixed;
  padding: 8px 16px;
  background-color: var(--background-paper);
  border: 1px solid var(--surface-border);
  border-radius: var(--border-radius);
  box-shadow: 0 5px 5px -3px rgba(var(--common-black-rgb), 0.2), 0 8px 10px 1px rgba(var(--common-black-rgb), 0.14), 0 3px 14px 2px rgba(var(--common-black-rgb), 0.12);
  z-index: 100;
}

.table-container #drag-tooltip:before,
.dss-table-container #drag-tooltip:before,
.ej-container #drag-tooltip:before {
  display: inline-block;
  margin-right: 8px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0ce';
}

.ej-container {
  padding-right: 16px;
  border: none;
  border-radius: 0;
  font-family: monospace;
  white-space: pre;
  font-size: 14px;
}

.floated-content span[class*="flag"] {
  margin-right: 10px;
}

td select {
  height: auto !important;
  width: auto !important;
  font-size: 12px !important;
}

td input[type='date'] {
  height: 22px !important;
  line-height: 22px !important;
  margin: 2px;
}

td input[type='number'],
td input[type='text'] {
  height: 22px !important;
  width: 65px !important;
  line-height: 22px !important;
  padding: 4px 6px !important;
  font-size: 12px !important;
  margin: 2px;
  -webkit-appearance: none !important;
  -moz-appearance: textfield !important;
}

td input[type='number'] ::-ms-clear,
td input[type='text'] ::-ms-clear {
  display: none !important;
}

td input[type="number"]::-webkit-outer-spin-button,
td input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

td input[type='checkbox'] {
  width: 15px !important;
  height: 15px !important;
  margin: 0 4px !important;
}

td > span.faux-input {
  height: 22px !important;
  width: 48px !important;
  line-height: 22px !important;
  padding: 0px 4px !important;
  font-size: 12px !important;
  margin: 2px;
}

td span.badge-incidental,
.floated-content span.badge-incidental {
  padding: 2px 6px;
  line-height: 16px;
}

tbody tr:first-child th {
  border-top: none;
}

table:not(.pika-table) th,
table:not(.pika-table) td {
  border: 1px solid var(--surface-border);
  padding: 0px 2px 0px 6px !important;
  max-width: fit-content !important;
  white-space: nowrap !important;
  line-height: normal !important;
}

table:not(.pika-table) > :first-child tr:first-child th, table:not(.pika-table) > :first-child tr:first-child td {
  border-top: none;
}

table:not(.pika-table) > :last-child tr:last-child th,
table:not(.pika-table) > :last-child tr:last-child td {
  border-bottom: none;
}

table:not(.pika-table) thead tr th {
  line-height: 1.4 !important;
}

table:not(.pika-table) thead tr th.rowheader-cell > .floated-content, table:not(.pika-table) thead tr th.float-content > .floated-content {
  padding: 4px 6px 4px 4px !important;
}

table:not(.pika-table) thead th.rowheader-cell.float-content > .floated-content, table:not(.pika-table) tbody th.rowheader-cell.float-content > .floated-content {
  vertical-align: middle;
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 12px;
  font-weight: bold;
  padding: 0 8px !important;
}

table:not(.pika-table) thead th.align-cell.float-content > .floated-content, table:not(.pika-table) tbody th.align-cell.float-content > .floated-content {
  align-items: normal !important;
  padding: 4px 6px 4px 4px !important;
}

table:not(.pika-table) thead th:not(.rowheader-cell),
table:not(.pika-table) thead td:not(.rowheader-cell),
table:not(.pika-table) thead tr:not(.rowheader-cell), table:not(.pika-table) tbody th:not(.rowheader-cell),
table:not(.pika-table) tbody td:not(.rowheader-cell),
table:not(.pika-table) tbody tr:not(.rowheader-cell) {
  max-width: fit-content !important;
  font-size: 12px;
}

table:not(.pika-table) thead th:not(.rowheader-cell) .floated-content,
table:not(.pika-table) thead td:not(.rowheader-cell) .floated-content,
table:not(.pika-table) thead tr:not(.rowheader-cell) .floated-content, table:not(.pika-table) tbody th:not(.rowheader-cell) .floated-content,
table:not(.pika-table) tbody td:not(.rowheader-cell) .floated-content,
table:not(.pika-table) tbody tr:not(.rowheader-cell) .floated-content {
  margin: 0 !important;
  padding: 4px 2px 0 6px !important;
}

table:not(.pika-table) thead td:not(.rowheader-cell), table:not(.pika-table) tbody td:not(.rowheader-cell) {
  padding: 0 10px 0 0 !important;
}

table:not(.pika-table) thead td.float-content:has(> .floated-content), table:not(.pika-table) tbody td.float-content:has(> .floated-content) {
  padding: 0 !important;
}

table:not(.pika-table) .float-content {
  padding: 0 !important;
}

table:not(.pika-table) .float-content.rowheader-cell > .floated-content {
  padding: 0 !important;
  margin: 0 !important;
}

table:not(.pika-table) .float-content > .floated-content {
  background-color: inherit;
  z-index: 30;
  padding: 0 !important;
  margin: 0 !important;
}

table:not(.pika-table) thead th.rowheader-cell, table:not(.pika-table) thead th.float-content, table:not(.pika-table) thead th.sortable, table:not(.pika-table) thead td.rowheader-cell, table:not(.pika-table) thead td.float-content, table:not(.pika-table) thead td.sortable {
  padding: 0 !important;
  /*height: 20px;
                line-height: 20px;*/
}

table:not(.pika-table) thead th.rowheader-cell > .floated-content, table:not(.pika-table) thead th.float-content > .floated-content, table:not(.pika-table) thead th.sortable > .floated-content, table:not(.pika-table) thead td.rowheader-cell > .floated-content, table:not(.pika-table) thead td.float-content > .floated-content, table:not(.pika-table) thead td.sortable > .floated-content {
  padding: 0 10px 0 0 !important;
  margin: 0 !important;
  /*height: 20px;
                    line-height: 20px;*/
}

table:not(.pika-table) tfoot tr.last-standard-row th, table:not(.pika-table) tfoot tr.last-standard-row td {
  font-size: 12px;
}

table:not(.pika-table) tfoot tr.parent-row th, table:not(.pika-table) tfoot tr.parent-row td {
  font-size: 12px;
}

/**/
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) {
  margin: 0 auto;
  min-width: 100%;
  text-align: center;
  white-space: nowrap;
  color: var(--text-primary);
  /*> *:last-child tr:last-child td,
    > *:last-child tr:last-child th {
        border-bottom: none !important;
    }*/
  /*tr {

        &:last-of-type td,
        &:last-of-type th {
            border-color: #f00 !important;
        }
    }*/
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) {
    margin: 0;
    min-width: initial;
  }
  @page {
    table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) {
      size: letter;
      /* Specifies 8.5in x 11in */
    }
  }
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead tr th {
    background-color: #fafafa !important;
    color: #212121 !important;
  }
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats):not(.print-colors) tr {
    background-color: #fff !important;
  }
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats):not(.print-colors) tr th,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats):not(.print-colors) tr td {
    background-color: #fff !important;
  }
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tr.hidden {
    display: table-row !important;
  }
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tr th,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tr td {
    page-break-inside: avoid;
  }
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph {
  text-align: center;
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph {
    margin: 0;
    padding: 0;
    font-size: 90%;
    line-height: 1.5;
    height: 100%;
    width: 100%;
    transform: none;
    zoom: 70%;
    page-break-after: always;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph th,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph td {
  height: 32px !important;
  font-size: 11px !important;
  line-height: 32px !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph th:not(.rowheader-cell),
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph td:not(.rowheader-cell) {
  padding: 0 !important;
  min-width: 16px !important;
  width: 16px !important;
  max-width: 16px !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph th:not(.rowheader-cell).sub-shift-cell:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph td:not(.rowheader-cell).sub-shift-cell:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #444;
  content: '';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph th:not(.rowheader-cell) .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph td:not(.rowheader-cell) .floated-content {
  margin: 0 !important;
  padding: 0 !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead th.rowheader-cell .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead td.rowheader-cell .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph tbody th.rowheader-cell .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph tbody td.rowheader-cell .floated-content {
  margin-right: -17px;
  border-right: 1px solid var(--surface-border);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead tr:nth-child(1) th,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead tr:nth-child(1) td {
  border-top: none;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead tr:nth-child(1) th.rowheader-cell,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead tr:nth-child(1) td.rowheader-cell {
  border-right: 1px solid var(--surface-border);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead th,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead td {
  border: 1px solid var(--surface-border);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead th:last-child,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead td:last-child {
  border-right: none;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead th:not(.rowheader-cell):last-child .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead td:not(.rowheader-cell):last-child .floated-content {
  margin-right: 0.5px !important;
  border-right: none !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead th:not(.rowheader-cell) .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead td:not(.rowheader-cell) .floated-content {
  margin: -1px !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: -1px !important;
  border-right: 1px solid var(--surface-border);
  border-bottom: 1px solid var(--surface-border);
  padding: 0 !important;
  height: initial !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead th.rowheader-cell,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead td.rowheader-cell {
  border-left: none;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead th.rowheader-cell:nth-child(1),
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead td.rowheader-cell:nth-child(1) {
  padding-right: 2px;
  border-right: none;
  text-align: right;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead th.rowheader-cell:nth-child(1) .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead td.rowheader-cell:nth-child(1) .floated-content {
  margin-right: -3px;
  padding-right: 2px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead th.rowheader-cell:nth-child(2),
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead td.rowheader-cell:nth-child(2) {
  padding-left: 2px;
  border-right: 1px solid var(--surface-border);
  font-weight: 400;
  text-align: left;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead th.rowheader-cell:nth-child(2) .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph thead td.rowheader-cell:nth-child(2) .floated-content {
  margin-left: -2px;
  padding-left: 2px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph tbody th.rowheader-cell,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph tbody td.rowheader-cell {
  padding-top: 4px;
  padding-bottom: 4px;
  border-right: 1px solid var(--surface-border);
  line-height: initial !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph tbody th.rowheader-cell .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).weekly-bargraph tbody td.rowheader-cell .floated-content {
  margin-top: -4px;
  margin-bottom: -4px;
  padding-top: 4px;
  padding-bottom: 4px;
  height: initial;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).draggable {
  user-select: none;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).drag-active {
  cursor: grabbing;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).drag-active tr.drag-row th.drag-handle,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).drag-active tr.drag-row td.drag-handle {
  cursor: grabbing;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).legend-table {
  margin: 0;
  min-width: 0;
  text-align: left;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).legend-table tr {
  border-bottom: none !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).legend-table td,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).legend-table th {
  padding: 0 12px 0 6px !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled {
  /*thead,
        tbody .groupheader-row,
        tfoot {

            th,
            td {
                //height: auto;
                //line-height: normal;

                &.float-content > .floated-content {
                    margin: 0 -16px 0 -16px;
                    //padding-top: 0;
                    //padding-bottom: 0;
                    height: 52px;
                    line-height: 52px;

                    @media print {
                        padding-top: 8px;
                        padding-bottom: 8px;
                        //height: auto;
                        //line-height: normal;
                    }
                }
            }
        }*/
  /*tbody {

            td,
            th {

                &.float-content > .floated-content {
                    margin-right: -16px;
                    height: 52px;
                    line-height: 52px;

                    @media print {
                        padding-top: 8px;
                        padding-bottom: 8px;
                        //height: auto;
                        //line-height: normal;
                    }
                }
            }
        }*/
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled .floated-content {
    position: static !important;
  }
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.float-off .floated-content {
  position: static !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled .floated-content {
  position: relative;
  margin: 0;
  padding: 0 16px;
  height: 100%;
  background-color: inherit;
  z-index: 10;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled .floated-content:before {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--surface-border);
  z-index: 1;
  content: '';
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled .floated-content:before {
    content: initial;
  }
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled .floated-content {
    margin: 0;
    padding: 0;
    height: auto;
    line-height: normal;
  }
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-animate thead th.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-animate thead td.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-animate tbody th.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-animate tbody td.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-animate tfoot th.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-animate tfoot td.float-content > .floated-content {
  transition: top 0.3s linear, left 0.3s linear;
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).expander-enabled th:first-child,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).expander-enabled td:first-child {
    display: none;
  }
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).expander-enabled tbody .tier-1-row th.rowheader-cell .toggle-children,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).expander-enabled tbody .tier-1-row td.rowheader-cell .toggle-children {
  padding-left: 22px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).expander-enabled tbody .tier-2-row th.rowheader-cell .toggle-children,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).expander-enabled tbody .tier-2-row td.rowheader-cell .toggle-children {
  padding-left: 44px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).expander-enabled tbody .tier-3-row th.rowheader-cell .toggle-children,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).expander-enabled tbody .tier-3-row td.rowheader-cell .toggle-children {
  padding-left: 66px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).expander-enabled tbody .tier-4-row th.rowheader-cell .toggle-children,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).expander-enabled tbody .tier-4-row td.rowheader-cell .toggle-children {
  padding-left: 88px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled th:first-child.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled td:first-child.float-content > .floated-content {
  padding: 0 8px !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled th:nth-child(2).float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled td:nth-child(2).float-content > .floated-content {
  padding-left: 0;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .groupheader-row th:not(:first-child).rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .groupheader-row td:not(:first-child).rowheader-cell.float-content > .floated-content {
  z-index: 25;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-1-row th:first-child.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-1-row td:first-child.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-2-row th:first-child.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-2-row td:first-child.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-3-row th:first-child.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-3-row td:first-child.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-4-row th:first-child.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-4-row td:first-child.rowheader-cell.float-content > .floated-content {
  z-index: 15;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-1-row th.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-1-row td.rowheader-cell.float-content > .floated-content {
  padding-left: 22px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-2-row th.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-2-row td.rowheader-cell.float-content > .floated-content {
  padding-left: 44px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-3-row th.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-3-row td.rowheader-cell.float-content > .floated-content {
  padding-left: 66px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-4-row th.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats).float-enabled.expander-enabled tbody .tier-4-row td.rowheader-cell.float-content > .floated-content {
  padding-left: 88px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) > *:last-child tr:last-child td,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) > *:last-child tr:last-child th {
  border-bottom: none !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) > *:last-child tr:last-child td .floated-content:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) > *:last-child tr:last-child th .floated-content:before {
  content: none !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th {
  position: relative;
  padding: 0 16px;
  height: 24px;
  background-color: var(--background-paper);
  font-weight: 400;
  line-height: 24px;
  /*&.float-content {
            //padding: 0 !important;

            > .floated-content {
                position: relative;
                //padding: 8px 16px;
                padding: 0 16px;
                //background-color: inherit;
                background-color: var(--background-paper);
                //background-image: inherit;
                z-index: 10;

                @media print {
                    padding: 2px 8px;
                    //background-color: transparent;
                    //background-image: none;
                }
            }
        }*/
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.alt-cell,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.alt-cell {
  background-color: var(--background-paper-alt);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.sm,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.sm {
  width: 64px;
  max-width: 64px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.md,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.md {
  width: 96px;
  max-width: 96px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.lg,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.lg {
  width: 128px;
  max-width: 128px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.xl,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.xl {
  width: 192px;
  max-width: 192px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.xxl,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.xxl {
  width: 256px;
  max-width: 256px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.left-align .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.left-align .floated-content {
  justify-content: left;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.ignore-line-height,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.ignore-line-height {
  line-height: normal;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.center-align .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.center-align .floated-content {
  justify-content: center;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.right-align .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.right-align .floated-content {
  justify-content: right;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.bool-check, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.bool-check-circle, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.bool-x, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.bool-x-circle, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.null-warn,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.bool-check,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.bool-check-circle,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.bool-x,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.bool-x-circle,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.null-warn {
  position: relative;
  font-size: 0;
  line-height: initial;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.bool-check:before, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.bool-check-circle:before, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.bool-x:before, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.bool-x-circle:before, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.null-warn:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.bool-check:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.bool-check-circle:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.bool-x:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.bool-x-circle:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.null-warn:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 11px;
  font-weight: bold;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.bool-check:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.bool-check:before {
  color: var(--success-main);
  content: '\f00c';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.bool-check-circle:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.bool-check-circle:before {
  color: var(--success-main);
  content: '\f058';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.bool-x:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.bool-x:before {
  color: var(--error-main);
  content: '\f00d';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.bool-x-circle:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.bool-x-circle:before {
  color: var(--error-main);
  content: '\f057';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.null-warn:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.null-warn:before {
  color: var(--warning-main);
  content: '\f071';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.add-link a, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.remove-link a, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.history-link a,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.add-link a,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.remove-link a,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.history-link a {
  position: relative;
  padding-bottom: 0;
  font-size: 0;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.add-link a:before, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.remove-link a:before, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.history-link a:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.add-link a:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.remove-link a:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.history-link a:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 11px;
  font-weight: bold;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.add-link a:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.add-link a:before {
  content: '\f067';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.remove-link a:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.remove-link a:before {
  content: '\f1f8';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.history-link a:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.history-link a:before {
  content: '\f1da';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.rowheader-cell,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.rowheader-cell {
  text-align: left;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.drag-handle,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.drag-handle {
  padding: 8px 0;
  padding: 0;
  min-width: 32px;
  width: 32px;
  text-align: center;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.drag-handle > span,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.drag-handle > span {
  display: none;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.sort-order input,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.sort-order input {
  padding: 4px;
  width: 56px;
  border: 1px solid var(--surface-border);
  font-size: 12px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.sort-order input.modified,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.sort-order input.modified {
  -webkit-box-shadow: 0px 0px 4px var(--secondary-main);
  -moz-box-shadow: 0px 0px 4px var(--secondary-main);
  box-shadow: 0px 0px 4px var(--secondary-main);
  border-color: var(--secondary-main);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.reorder-arrows,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.reorder-arrows {
  width: auto;
  font-size: 0;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.reorder-arrows .row-up,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.reorder-arrows .row-down,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.reorder-arrows .row-up,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.reorder-arrows .row-down {
  display: inline-block;
  min-width: 20px;
  width: 20px;
  max-width: 20px;
  min-height: 20px;
  height: 20px;
  max-height: 20px;
  background-color: var(--background-paper);
  border-radius: var(--border-radius);
  font-family: 'Font Awesome 5 Free';
  font-size: inherit;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  color: var(--text-primary);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.reorder-arrows .row-up:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.reorder-arrows .row-down:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.reorder-arrows .row-up:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.reorder-arrows .row-down:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  font-weight: 900;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.reorder-arrows .row-up:not(:disabled):not(.disabled):hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.reorder-arrows .row-down:not(:disabled):not(.disabled):hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.reorder-arrows .row-up:not(:disabled):not(.disabled):hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.reorder-arrows .row-down:not(:disabled):not(.disabled):hover {
  background-color: var(--action-hover);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.reorder-arrows .row-up,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.reorder-arrows .row-up {
  margin-right: 4px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.reorder-arrows .row-up:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.reorder-arrows .row-up:before {
  content: '\f0d8';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.reorder-arrows .row-down,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.reorder-arrows .row-down {
  margin-left: 4px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.reorder-arrows .row-down:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.reorder-arrows .row-down:before {
  content: '\f0d7';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td label,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th label {
  margin: 0;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .divider,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .divider {
  margin: 0 4px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .toggle-children,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .view-stats,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .toggle-children,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .view-stats,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu {
  display: inline-block;
  position: relative;
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  border-radius: var(--border-radius);
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  user-select: none;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .toggle-children:not(:disabled):not(.disabled):hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .view-stats:not(:disabled):not(.disabled):hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu:not(:disabled):not(.disabled):hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .toggle-children:not(:disabled):not(.disabled):hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .view-stats:not(:disabled):not(.disabled):hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu:not(:disabled):not(.disabled):hover {
  background-color: var(--action-hover);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .toggle-children:disabled, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .toggle-children.disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .view-stats:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .view-stats.disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu.disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .toggle-children:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .toggle-children.disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .view-stats:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .view-stats.disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu.disabled {
  color: var(--action-disabled);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .toggle-children:not(:disabled):not(.disabled):hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .toggle-children:not(:disabled):not(.disabled):hover {
  background: transparent;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .toggle-children:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .toggle-children:before {
  content: '\f146';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .toggle-children.collapsed:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .toggle-children.collapsed:before {
  content: '\f0fe';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .view-stats,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .view-stats {
  font-weight: 900;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .view-stats:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .view-stats:before {
  content: '\f002';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu.last-row ul,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu.last-row ul {
  top: auto !important;
  bottom: 0;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu.active ul,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu.active ul {
  display: flex;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu ul,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu ul {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: calc( 100% + 8px);
  padding: 12px;
  background-color: var(--background-paper);
  border-radius: var(--border-radius);
  box-shadow: 0 5px 5px -3px rgba(var(--common-black-rgb), 0.2), 0 8px 10px 1px rgba(var(--common-black-rgb), 0.14), 0 3px 14px 2px rgba(var(--common-black-rgb), 0.12);
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.087px;
  line-height: initial;
  text-align: right;
  user-select: none;
  z-index: 50;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu ul li a,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu ul li .faux-anchor,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu ul li .menu-item,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu ul li a,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu ul li .faux-anchor,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu ul li .menu-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 8px 12px;
  border-radius: var(--border-radius);
  text-decoration: none;
  color: var(--text-primary);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu ul li a:hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu ul li .faux-anchor:hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .row-menu ul li .menu-item:hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu ul li a:hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu ul li .faux-anchor:hover,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .row-menu ul li .menu-item:hover {
  background-color: var(--primary-states-hover);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .onhand-zero-flag, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .unused-flag, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .custom-flag, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .warning-low-flag, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .warning-flag, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .error-flag, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .info-flag, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .success-flag,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .onhand-zero-flag,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .unused-flag,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .custom-flag,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .warning-low-flag,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .warning-flag,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .error-flag,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .info-flag,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .success-flag {
  color: var(--text-primary) !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .onhand-zero-flag:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .unused-flag:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .custom-flag:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .warning-low-flag:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .warning-flag:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .error-flag:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .info-flag:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .success-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .onhand-zero-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .unused-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .custom-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .warning-low-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .warning-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .error-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .info-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .success-flag:after {
  position: absolute;
  top: 1px;
  right: 1px;
  border-style: solid;
  border-width: 0 15px 15px 0;
  border-color: transparent;
  border-radius: 0 4px 0 0;
  font-size: 10px;
  font-weight: 600;
  line-height: initial;
  z-index: 1;
  content: '';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .onhand-zero-flag:hover:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .unused-flag:hover:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .custom-flag:hover:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .warning-low-flag:hover:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .warning-flag:hover:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .error-flag:hover:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .info-flag:hover:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .success-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .onhand-zero-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .unused-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .custom-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .warning-low-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .warning-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .error-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .info-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .success-flag:hover:after {
  padding: 0 6px;
  height: 16px;
  background-color: var(--background-default) !important;
  border-radius: var(--border-radius-half);
  line-height: 16px;
  content: attr(data-message);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .success-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .success-flag:after {
  border-right-color: #5cb85c;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .success-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .success-flag:hover:after {
  background-color: #5cb85c;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .info-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .info-flag:after {
  border-right-color: #5bc0de;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .info-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .info-flag:hover:after {
  background-color: #5bc0de;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .error-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .error-flag:after {
  border-right-color: #d9534f;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .error-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .error-flag:hover:after {
  background-color: #d9534f;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .warning-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .warning-flag:after {
  border-right-color: #f0ad4e;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .warning-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .warning-flag:hover:after {
  background-color: #f0ad4e;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .warning-low-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .warning-low-flag:after {
  border-right-color: #e9d716;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .warning-low-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .warning-low-flag:hover:after {
  background-color: #e9d716;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .custom-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .custom-flag:after {
  border-right-color: inherit;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .custom-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .custom-flag:hover:after {
  background-color: inherit;
  color: inherit;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .unused-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .unused-flag:after {
  border-right-color: #c982c9;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .unused-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .unused-flag:hover:after {
  background-color: #c982c9;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .onhand-zero-flag:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .onhand-zero-flag:after {
  border-right-color: #7fc9ff;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .onhand-zero-flag:hover:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .onhand-zero-flag:hover:after {
  background-color: #7fc9ff;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .tooltip-wrapper,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .tooltip-wrapper {
  position: relative;
  display: inline-block;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .tooltip-wrapper::after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .tooltip-wrapper::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .tooltip-wrapper:hover::after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .tooltip-wrapper:hover::after {
  opacity: 1;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='text'],
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='number'],
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='date'],
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td select,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .faux-select,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .faux-input,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='text'],
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='number'],
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='date'],
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th select,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .faux-select,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .faux-input {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  border-radius: var(--border-radius-half);
  line-height: 32px;
  color: var(--text-primary);
  vertical-align: middle;
  /*@media print {
                margin: -1px 0;
                padding: 1px 2px;
                width: 40px;
                font-size: 6pt;
            }*/
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='text']:disabled, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='text'].disabled, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='text'].input-disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='number']:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='number'].disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='number'].input-disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='date']:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='date'].disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='date'].input-disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td select:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td select.disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td select.input-disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .faux-select:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .faux-select.disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .faux-select.input-disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .faux-input:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .faux-input.disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .faux-input.input-disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='text']:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='text'].disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='text'].input-disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='number']:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='number'].disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='number'].input-disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='date']:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='date'].disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='date'].input-disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th select:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th select.disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th select.input-disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .faux-select:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .faux-select.disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .faux-select.input-disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .faux-input:disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .faux-input.disabled,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .faux-input.input-disabled {
  border-color: var(--action-disabled);
  color: var(--action-disabled);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td input[type='checkbox'],
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th input[type='checkbox'] {
  width: 18px;
  height: 18px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .input-label,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .input-label {
  display: inline-block;
  vertical-align: middle;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.data-negative,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.data-negative {
  color: #b00;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.data-positive,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.data-positive {
  color: #060;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.writable-cell,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.writable-cell {
  white-space: pre;
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td.writable-cell,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th.writable-cell {
    line-height: 2em;
  }
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) td .field-validation-error,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) th .field-validation-error {
  display: block;
  margin: 10px 0 -6px 0;
  width: 100%;
  white-space: normal;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: var(--common-white);
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead tr {
    height: auto;
  }
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th {
  background-color: var(--secondary-main) !important;
  color: var(--common-white) !important;
  font-weight: 600;
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th {
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: var(--background-default);
    color: var(--common-white);
  }
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.float-content.rowheader-cell > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.float-content.rowheader-cell > .floated-content {
  z-index: 40;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.float-content > .floated-content {
  background-color: inherit;
  z-index: 30;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable > .floated-content {
  cursor: default;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable > .floated-content:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable > .floated-content:after {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  font: bold 10px/12px 'Font Awesome 5 Free';
  content: '\f0dc';
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable > .floated-content:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable > .floated-content:after {
    display: none;
  }
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable.float-content:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable > .floated-content.float-content:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable.float-content:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable > .floated-content.float-content:after {
  content: none !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable.asc:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable.asc > .floated-content:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable > .floated-content.asc:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable > .floated-content.asc > .floated-content:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable.asc:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable.asc > .floated-content:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable > .floated-content.asc:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable > .floated-content.asc > .floated-content:after {
  content: '\f0dd';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable.desc:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable.desc > .floated-content:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable > .floated-content.desc:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead td.sortable > .floated-content.desc > .floated-content:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable.desc:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable.desc > .floated-content:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable > .floated-content.desc:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) thead th.sortable > .floated-content.desc > .floated-content:after {
  content: '\f0de';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody {
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.087px;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr {
  border-bottom: 1px solid var(--surface-border);
  /*&:first-of-type {

                .row-menu {

                    ul {
                        top: 0;
                    }
                }
            }

            &:last-of-type {

                .row-menu {
                    
                    ul {
                        bottom: 0;
                    }
                }
            }*/
  /*td,
            th {
                height: 52px;
                background-color: var(--background-paper);
                background-color: rgb(calc(var(--background-paper-r) - 2), calc(var(--background-paper-g) - 2), calc(var(--background-paper-b) - 2));
                font-weight: 400;
                line-height: 52px;
            }*/
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.groupheader-row {
  color: #fff;
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.groupheader-row {
    height: auto;
  }
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.groupheader-row td,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.groupheader-row th {
  background-color: #6C34A8;
  font-weight: 600;
  /*.toggle-children {
                        color: var()
                    }*/
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.groupheader-row td.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.groupheader-row th.rowheader-cell.float-content > .floated-content {
  z-index: 20;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.title-row {
  color: #fff;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.title-row td,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.title-row th {
  background-color: #7944B1;
  font-weight: 500;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.aggregate-row.last-aggregate-row.last-child-row td,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.aggregate-row.last-aggregate-row.last-child-row th {
  font-weight: 600;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.aggregate-row td,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.aggregate-row th {
  background-color: var(--background-paper);
  font-weight: 600;
  color: var(--text-primary);
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.aggregate-row td.rowheader-cell, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.aggregate-row td.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.aggregate-row th.rowheader-cell,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.aggregate-row th.rowheader-cell.float-content > .floated-content {
  text-align: left;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.insert-before td:before, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.insert-before td:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.insert-before th:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.insert-before th:after, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.insert-after td:before, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.insert-after td:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.insert-after th:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.insert-after th:after {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--primary-main);
  z-index: 99;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.insert-before td:before,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.insert-before th:before {
  top: 0;
  content: '';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.insert-after td:after,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.insert-after th:after {
  bottom: 0;
  content: '';
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.drag-row td.drag-handle, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.drag-row th.drag-handle {
  cursor: grab;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.drag-row td.drag-handle > span, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tbody tr.drag-row th.drag-handle > span {
  display: block;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot {
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: var(--text-primary);
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot tr {
    height: auto;
  }
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot td {
  padding: 0 10px 0 0 !important;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot td,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot th {
  background-color: var(--background-default);
  font-weight: 600;
}

@media print {
  table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot td,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot th {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot td.rowheader-cell, table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot td.rowheader-cell.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot th.rowheader-cell,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot th.rowheader-cell.float-content > .floated-content {
  text-align: right;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot td.float-content.rowheader-cell > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot th.float-content.rowheader-cell > .floated-content {
  padding: 4px 10px 0px 0px !important;
  z-index: 40;
}

table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot td.float-content > .floated-content,
table:not(.pika-table):not(.pin-pad):not(.dss-editor):not(.dss-floating-headers):not(.dss-stats) tfoot th.float-content > .floated-content {
  background-color: inherit;
  z-index: 30;
}

tr.alternate-row td, tr.alternate-row th {
  background-color: #ECE2F5 !important;
}

/*
.table-container {
    max-height: 75vh;
    border: 1px solid var(--surface-border);
    border-radius: var(--border-radius);
    overflow: auto;
    -webkit-overflow-scrolling: touch;

    table {
        width: 100%;
        text-align: left;
        white-space: nowrap;

        > *:last-child {

            tr:last-child {
                border-bottom: none;
            }
        }

        thead {
            font-size: 14px;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: 0.15px;
            color: var(--text-primary);

            tr {
                border-bottom: 1px solid var(--surface-border);
            }

            th {
                background-color: var(--background-default);
            }
        }

        tbody {
            
            font-size: 14px;
            font-weight: 400;
            line-height: 143%;
            letter-spacing: -0.087px;

            tr {
                border-bottom: 1px solid var(--surface-border);
            }
        }

        tfoot {
            font-size: 14px;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: 0.15px;
            color: var(--text-primary);

            tr {
                border-bottom: 1px solid var(--surface-border);
            }
        }

        th,
        td {
            padding: 16px;
            background-color: var(--background-paper);
        }
    }
}
//*/
.panel-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
}

.modal-overlay {
  display: none;
  flex-direction: column;
  align-items: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 32px;
  background-color: var(--action-active);
  overflow: hidden;
  overflow-y: auto;
  z-index: 2000;
  /*
        Please Note:
            Due to how flexbox works, we cannot vertically center the content of the overlay using "justify-content: center;".
            To handle this, I am leveraging pseudo-elements to adjust the top/bottom margins (see below), which is a bit of a "hack", but works.
    */
}

@media print {
  .modal-overlay {
    position: static;
    padding: 0;
    background-color: transparent;
    text-align: left;
    overflow: visible;
  }
}

.modal-overlay:before {
  margin-top: auto;
  content: '';
}

.modal-overlay:after {
  margin-bottom: auto;
  content: '';
}

.modal-overlay.active {
  display: flex;
}

.panel, .ghost-panel,
.modal, .ghost-modal {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  max-width: 100%;
  background-color: var(--background-paper);
  border-radius: var(--border-radius-panel-modal);
  color: var(--text-primary);
}

@media print {
  .panel, .ghost-panel,
.modal, .ghost-modal {
    padding: 0 !important;
    border: none !important;
  }
  .panel:not(.print-target), .panel.count-header-info, .ghost-panel:not(.print-target), .ghost-panel.count-header-info,
.modal:not(.print-target),
.modal.count-header-info, .ghost-modal:not(.print-target), .ghost-modal.count-header-info {
    page-break-after: always;
  }
  .options-container .panel, .options-container .ghost-panel, .options-container .modal, .options-container .ghost-modal {
    display: none;
  }
  body.panel-maximized .panel, body.panel-maximized .ghost-panel, body.panel-maximized .modal, body.panel-maximized .ghost-modal {
    display: none;
  }
  body.panel-maximized .modal-overlay.active .panel, body.panel-maximized .modal-overlay.active .ghost-panel, body.panel-maximized .modal-overlay.active .modal, body.panel-maximized .modal-overlay.active .ghost-modal {
    display: block;
  }
  body.print-target-only .panel:not(.print-target), body.print-target-only .ghost-panel:not(.print-target), body.print-target-only .modal:not(.print-target), body.print-target-only .ghost-modal:not(.print-target) {
    display: none;
  }
  .panel > header.sub,
.panel > header h1, .ghost-panel > header.sub,
.ghost-panel > header h1,
.modal > header.sub,
.modal > header h1, .ghost-modal > header.sub,
.ghost-modal > header h1 {
    border-bottom: none !important;
  }
}

.panel.wait, .ghost-panel.wait,
.modal.wait, .ghost-modal.wait {
  position: relative;
  user-select: none;
}

.modal-overlay.active .panel.wait:has(.cre-output-container), .modal-overlay.active .ghost-panel.wait:has(.cre-output-container), .modal-overlay.active .modal.wait:has(.cre-output-container), .modal-overlay.active .ghost-modal.wait:has(.cre-output-container) {
  position: static;
}

.panel.wait:before, .ghost-panel.wait:before,
.modal.wait:before, .ghost-modal.wait:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: var(--border-radius-panel-modal);
  z-index: 80;
  content: '';
}

.panel > header, .ghost-panel > header,
.modal > header, .ghost-modal > header {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 32px;
  min-height: 40px;
}

.panel > header.sub, .ghost-panel > header.sub,
.modal > header.sub, .ghost-modal > header.sub {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  min-height: initial;
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: -0.087px;
  color: var(--text-secondary);
}

.panel > header.sub p, .ghost-panel > header.sub p,
.modal > header.sub p, .ghost-modal > header.sub p {
  max-width: 100%;
  white-space: nowrap;
}

@media print {
  .panel > header.sub p, .ghost-panel > header.sub p,
.modal > header.sub p, .ghost-modal > header.sub p {
    white-space: pre-wrap;
  }
}

.panel > header.sub p.expanded, .ghost-panel > header.sub p.expanded,
.modal > header.sub p.expanded, .ghost-modal > header.sub p.expanded {
  white-space: pre-wrap;
}

.panel > header.sub p > span:first-of-type, .ghost-panel > header.sub p > span:first-of-type,
.modal > header.sub p > span:first-of-type, .ghost-modal > header.sub p > span:first-of-type {
  margin-right: 4px;
  font-weight: 600;
}

.panel > header h1, .ghost-panel > header h1,
.modal > header h1, .ghost-modal > header h1 {
  flex-grow: 1;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.334px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.panel > header .button-container, .ghost-panel > header .button-container,
.modal > header .button-container, .ghost-modal > header .button-container {
  flex-wrap: nowrap;
}

.panel > header .button-container .icon-button, .ghost-panel > header .button-container .icon-button,
.modal > header .button-container .icon-button, .ghost-modal > header .button-container .icon-button {
  min-width: 40px;
  width: auto;
  max-width: auto;
}

.panel > header .button-container > span, .ghost-panel > header .button-container > span,
.modal > header .button-container > span, .ghost-modal > header .button-container > span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  min-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  border-radius: var(--border-radius);
  font-size: 16px;
  color: var(--text-secondary);
  user-select: none;
  line-height: 40px;
}

.panel > header .button-container > span:not(:disabled):not(.disabled):hover, .ghost-panel > header .button-container > span:not(:disabled):not(.disabled):hover,
.modal > header .button-container > span:not(:disabled):not(.disabled):hover, .ghost-modal > header .button-container > span:not(:disabled):not(.disabled):hover {
  background-color: var(--action-hover);
}

.panel > header .button-container > span:disabled, .panel > header .button-container > span.disabled, .ghost-panel > header .button-container > span:disabled, .ghost-panel > header .button-container > span.disabled,
.modal > header .button-container > span:disabled,
.modal > header .button-container > span.disabled, .ghost-modal > header .button-container > span:disabled, .ghost-modal > header .button-container > span.disabled {
  color: var(--action-disabled);
}

.panel, .ghost-panel {
  border: 1px solid var(--surface-border);
}

.panel.options-spinner-panel, .ghost-panel.options-spinner-panel {
  display: block;
}

.panel.options-spinner-panel .container, .ghost-panel.options-spinner-panel .container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.panel.collapsed, .ghost-panel.collapsed {
  gap: 0;
  height: 80px;
  overflow: hidden;
}

.panel.collapsed > *:not(header), .ghost-panel.collapsed > *:not(header) {
  visibility: hidden;
}

.panel .panel > header h1, .ghost-panel .panel > header h1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.334px;
}

.panel .panel .panel > header h1, .ghost-panel .panel .panel > header h1 {
  font-size: 16px;
  letter-spacing: -0.267px;
}

.modal, .ghost-modal {
  box-shadow: 0 11px 15px -7px rgba(var(--common-black-rgb), 0.2), 0 24px 38px 3px rgba(var(--common-black-rgb), 0.14), 0 9px 46px 8px rgba(var(--common-black-rgb), 0.12);
}

@media print {
  .modal, .ghost-modal {
    align-items: flex-start;
    border-radius: 0;
    box-shadow: none;
  }
}

.modal.sm, .ghost-modal.sm {
  max-width: 480px;
}

.modal.md, .ghost-modal.md {
  max-width: 640px;
}

.modal.lg, .ghost-modal.lg {
  max-width: 960px;
}

.modal.xl, .ghost-modal.xl {
  max-width: 1280px;
}

.modal.report, .ghost-modal.report {
  margin-top: -32px;
  top: calc(50% - 32px);
}

.modal footer.button-container, .ghost-modal footer.button-container {
  justify-content: flex-end;
  padding-top: 36px;
}

.modal#progress .container, .ghost-modal#progress .container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.modal#help.edit-mode #help-edit,
.modal#help.edit-mode .close-modal, .ghost-modal#help.edit-mode #help-edit,
.ghost-modal#help.edit-mode .close-modal {
  display: none;
}

.modal#help #help-editor, .ghost-modal#help #help-editor {
  margin-top: -20px;
}

.modal#help #help-editor .ql-editor, .ghost-modal#help #help-editor .ql-editor {
  min-height: 320px !important;
  height: 50vh !important;
}

.modal#help > .content, .ghost-modal#help > .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ghost-panel, .ghost-modal {
  padding: 0;
  background-color: transparent;
}

.ghost-panel {
  border: none;
  border-radius: 0;
}

.ghost-panel > header {
  display: none;
}

.ghost-modal {
  box-shadow: initial;
}

/*// BDEAN TESTING - I COMBINED THIS STUFF
// - Panels ------------------------------------------------------------------------------------

.panel-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px; // Reduced from 20px for better space utilization

    .panel,
    .ghost-panel {
        display: flex;
        flex-direction: column;
        gap: 12px; // Reduced from 20px for better space utilization
        padding: 20px;
        max-width: 100%;
        background-color: var(--background-paper);
        border: 1px solid var(--surface-border);
        border-radius: var(--border-radius-panel-modal);

        &.collapsed {
            gap: 0;
            height: 80px; // 20px padding-top + 40px icon-button height + 20px padding-bottom
            overflow: hidden;

            > *:not(header) {
                visibility: hidden;
            }
        }

        > header {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            gap: 32px;
            min-height: 40px;

            &.sub {
                flex-direction: column;
                align-items: flex-start;
                gap: 4px;
                min-height: initial;
                font-size: 14px;
                font-weight: 400;
                line-height: 143%;
                letter-spacing: -0.087px;
                color: var(--text-secondary);

                p {
                    max-width: 100%;
                    white-space: nowrap;

                    @media print {
                        white-space: normal;
                    }

                    &.expanded {
                        white-space: normal;
                    }

                    span {
                        margin-right: 4px;
                        font-weight: 600;
                    }
                }
            }

            h1 {
                flex-grow: 1;
                font-size: 20px;
                font-weight: 700;
                line-height: 160%;
                letter-spacing: -0.334px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .button-container {

                .icon-button {
                    min-width: 40px;
                    width: auto;
                    max-width: auto;
                }

                > span {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0 12px;
                    min-width: 40px;
                    min-height: 40px;
                    height: 40px;
                    max-height: 40px;
                    border-radius: var(--border-radius);
                    font-size: 16px;
                    color: var(--text-secondary);
                    user-select: none;

                    &:not(:disabled):not(.disabled):hover {
                        background-color: var(--action-hover);
                    }

                    &:disabled,
                    &.disabled {
                        color: var(--action-disabled);
                    }
                }
            }
        }

        .panel {
            //flex: 0;

            > header {

                h1 {
                    font-size: 18px;
                    font-weight: 600;
                    line-height: 160%;
                    letter-spacing: -0.334px;
                }
            }

            .panel {

                > header {
                    
                    h1 {
                        font-size: 16px;
                        letter-spacing: -0.267px;
                    }
                }
            }
        }
    }

    .ghost-panel {
        padding: 0;
        background-color: transparent;
        border: none;
        border-radius: 0;

        > header {
            display: none;
        }
    }
}

// - Modals ------------------------------------------------------------------------------------

.modal-overlay {
    display: none;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 32px;
    background-color: var(--action-active);
    overflow: hidden;
    overflow-y: auto;
    z-index: 2000;*/
/*
        Please Note:
            Due to how flexbox works, we cannot vertically center the content of the overlay using "justify-content: center;".
            To handle this, I am leveraging pseudo-elements to adjust the top/bottom margins (see below), which is a bit of a "hack", but works.
    */
/*&:before {
        margin-top: auto;
        content: '';
    }

    &:after {
        margin-bottom: auto;
        content: '';
    }

    &.active {
        display: flex;
    }

    .modal,
    .ghost-modal {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 20px;
        max-width: 100%;
        background-color: var(--background-paper);
        border-radius: var(--border-radius-panel-modal);
        box-shadow: 0 11px 15px -7px rgba( var(--common-black-rgb), 0.20 ),
                    0 24px 38px 3px rgba( var(--common-black-rgb), 0.14 ),
                    0 9px 46px 8px rgba( var(--common-black-rgb), 0.12 );
        //color: var(--text-secondary);
        color: var(--text-primary);

        &.sm {
            max-width: 480px;
        }

        &.md {
            max-width: 640px;
        }

        &.lg {
            max-width: 960px;
        }

        &.xl {
            max-width: 1280px;
        }

        > header {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
            gap: 32px;
            min-height: 40px;

            &.sub {
                flex-direction: column;
                align-items: flex-start;
                gap: 4px;
                max-width: 100%;
                min-height: initial;
                font-size: 14px;
                font-weight: 400;
                line-height: 143%;
                letter-spacing: -0.087px;
                color: var(--text-secondary);

                p {
                    max-width: 100%;
                    white-space: nowrap;

                    @media print {
                        white-space: normal;
                    }

                    &.expanded {
                        white-space: normal;
                    }

                    span {
                        margin-right: 4px;
                        font-weight: 600;
                    }
                }
            }

            h1 {
                flex-grow: 1;
                font-size: 20px;
                font-weight: 700;
                line-height: 160%;
                letter-spacing: -0.334px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            .button-container {

                .icon-button {
                    min-width: 40px;
                    width: auto;
                    max-width: auto;
                }

                > span {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 0 12px;
                    min-width: 40px;
                    min-height: 40px;
                    height: 40px;
                    max-height: 40px;
                    border-radius: var(--border-radius);
                    font-size: 16px;
                    color: var(--text-secondary);
                    user-select: none;

                    &:not(:disabled):not(.disabled):hover {
                        background-color: var(--action-hover);
                    }

                    &:disabled,
                    &.disabled {
                        color: var(--action-disabled);
                    }
                }
            }
        }

        footer.button-container {
            justify-content: flex-end;
            padding-top: 36px; // 20px below content + 16px above modal footer ( this element )
        }
        
        // - Progress --------------------------------------------------------------------------

        #progress {

            .container {
                display: flex;
                align-items: center;
                gap: 8px;
            }
        }
        
        // - Help ------------------------------------------------------------------------------

        &#help {

            &.edit-mode {

                #help-edit,
                .close-modal {
                    display: none;
                }
            }

            #help-editor {
                margin-top: -20px;

                .ql-editor {
                    min-height: 320px !important;
                    height: 50vh !important;
                }
            }

            > .content {
                display: flex;
                flex-direction: column;
                gap: 20px;
            }
        }
    }

    .ghost-modal {
        padding: 0;
        background-color: transparent;
        box-shadow: initial;
    }
}*/
.chart-container {
  position: relative;
  background-color: var(--background-paper);
}

.chart-container canvas {
  max-width: 100%;
}

/*.tab-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}*/
.tab-container {
  display: flex;
  border-bottom: 1px solid var(--surface-border);
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}

.tab-container .tab {
  flex: 1 0 0;
  position: relative;
  padding: 12px 8px;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.4px;
  text-align: center;
  color: var(--text-secondary);
  cursor: default;
}

.tab-container .tab.active {
  font-weight: 500;
  color: var(--text-primary);
}

.tab-container .tab.active:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--text-primary);
  border-radius: var(--border-radius);
  content: '';
}

.tab-content {
  display: none;
  flex-direction: column;
  gap: 20px;
}

.tab-content.active {
  display: flex;
}

.notification-bar,
.notification-block {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
  background-color: var(--info-subtle);
  border-radius: var(--border-radius);
  color: var(--info-subtle-contrast);
}

.notification-bar header h1,
.notification-block header h1 {
  display: flex;
  gap: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 116.7%;
  letter-spacing: -0.301px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
}

.notification-bar header h1:before,
.notification-block header h1:before {
  font-family: 'Font Awesome 5 Free';
  content: '\f06a';
}

.notification-bar.success,
.notification-block.success {
  background-color: var(--success-subtle);
  color: var(--success-subtle-contrast);
}

.notification-bar.success header h1:before,
.notification-block.success header h1:before {
  content: '\f00c';
}

.notification-bar.success .element,
.notification-block.success .element {
  background-color: var(--success-subtle-hover);
}

.notification-bar.error,
.notification-block.error {
  background-color: var(--error-subtle);
  color: var(--error-subtle-contrast);
}

.notification-bar.error header h1:before,
.notification-block.error header h1:before {
  content: '\f057';
}

.notification-bar.error .element,
.notification-block.error .element {
  background-color: var(--error-subtle-hover);
}

.notification-bar.warning,
.notification-block.warning {
  background-color: var(--warning-subtle);
  color: var(--warning-subtle-contrast);
}

.notification-bar.warning header h1:before,
.notification-block.warning header h1:before {
  content: '\f071';
}

.notification-bar.warning .element,
.notification-block.warning .element {
  background-color: var(--info-warning-hover);
}

.notification-bar a,
.notification-bar .faux-anchor,
.notification-block a,
.notification-block .faux-anchor {
  color: inherit !important;
}

.notification-bar .element,
.notification-block .element {
  background-color: var(--info-subtle-hover);
}

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

.notification-block {
  flex-direction: column;
}

.notification-block ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 20px;
  list-style-type: initial;
}

.field-validation-error,
.field-validation-info,
.options-summary-errors li,
.validation-summary-errors li,
label.jqv-error {
  margin-bottom: 0 !important;
  padding: 8px 12px;
  max-width: 100%;
  background-color: var(--error-subtle);
  border-radius: var(--border-radius);
  color: var(--error-subtle-contrast);
}

.field-validation-error.sm,
.field-validation-info.sm,
.options-summary-errors li.sm,
.validation-summary-errors li.sm,
label.jqv-error.sm {
  max-width: 64px;
}

.field-validation-error.md,
.field-validation-info.md,
.options-summary-errors li.md,
.validation-summary-errors li.md,
label.jqv-error.md {
  max-width: 96px;
}

.field-validation-error.lg,
.field-validation-info.lg,
.options-summary-errors li.lg,
.validation-summary-errors li.lg,
label.jqv-error.lg {
  max-width: 128px;
}

.field-validation-error.xl,
.field-validation-info.xl,
.options-summary-errors li.xl,
.validation-summary-errors li.xl,
label.jqv-error.xl {
  max-width: 192px;
}

.field-validation-error.xxl,
.field-validation-info.xxl,
.options-summary-errors li.xxl,
.validation-summary-errors li.xxl,
label.jqv-error.xxl {
  max-width: 256px;
}

.field-validation-info {
  background-color: var(--info-subtle);
  color: var(--info-subtle-contrast);
}

.progress-bar-container {
  height: 4px;
  background-color: var(--background-default);
  border-radius: var(--border-radius);
  overflow: hidden;
}

.progress-bar-container .progress-bar {
  display: block;
  width: 0;
  height: 100%;
  background-color: var(--secondary-main);
  border-radius: var(--border-radius);
  transition: width 0.2s ease-in;
}

.delta-up,
.delta-down,
.delta-reversed-up,
.delta-reversed-down {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 6px;
  border-radius: var(--border-radius);
  font-size: 13px;
  font-weight: 500;
  line-height: 157%;
  letter-spacing: -0.087px;
}

.delta-up:before,
.delta-down:before,
.delta-reversed-up:before,
.delta-reversed-down:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
}

.delta-up {
  background-color: var(--success-subtle);
  color: var(--success-subtle-contrast);
}

.delta-up:before {
  content: '\f062';
}

.delta-down {
  background-color: var(--error-subtle);
  color: var(--error-subtle-contrast);
}

.delta-down:before {
  content: '\f063';
}

.delta-reversed-up {
  background-color: var(--error-subtle);
  color: var(--error-subtle-contrast);
}

.delta-reversed-up:before {
  content: '\f062';
  /* Up arrow */
}

.delta-reversed-down {
  background-color: var(--success-subtle);
  color: var(--success-subtle-contrast);
}

.delta-reversed-down:before {
  content: '\f063';
  /* Down arrow */
}

dl dt {
  font-weight: bold;
  margin-bottom: 8px;
}

dl dd {
  margin-left: 8px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: -0.087px;
  white-space: nowrap;
}

/*
================================================================================================
- Global Modifiers ( Classes )
================================================================================================
*/
.hidden,
.maximize-hidden {
  display: none !important;
}

.left-align {
  text-align: left !important;
}

.center-align {
  text-align: center !important;
}

.right-align {
  text-align: right !important;
}

.top-align {
  vertical-align: top !important;
}

.middle-align {
  vertical-align: middle !important;
}

.bottom-align {
  vertical-align: bottom !important;
}

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

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

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

.auto-width {
  width: auto !important;
}

.full-width {
  width: 100% !important;
}

.wrap {
  white-space: normal !important;
}

.no-wrap {
  white-space: nowrap !important;
}

.flex {
  display: flex !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.font-size-zero {
  font-size: 0 !important;
}

.font-weight-bold {
  font-weight: bold !important;
}

.font-weight-normal {
  font-weight: normal !important;
}

.no-text-shadow {
  text-shadow: none !important;
}

.pre {
  white-space: pre !important;
}

.monospace {
  font-family: monospace !important;
}

.break-word {
  word-break: break-word !important;
}

.scroll-x {
  overflow-x: scroll !important;
}

.scroll-y {
  overflow-y: scroll !important;
}

.faux-clickable {
  cursor: pointer !important;
}

.required {
  color: var(--error-main) !important;
}

.glow-error {
  -webkit-box-shadow: 0 0 4px var(--error-main);
  -moz-box-shadow: 0 0 4px var(--error-main);
  box-shadow: 0 0 4px var(--error-main);
  border-color: var(--error-main) !important;
}

.glow-success {
  -webkit-box-shadow: 0 0 4px var(--success-main);
  -moz-box-shadow: 0 0 4px var(--success-main);
  box-shadow: 0 0 4px var(--success-main);
  border-color: var(--success-main) !important;
}

.glow-warning {
  -webkit-box-shadow: 0 0 4px var(--warning-main);
  -moz-box-shadow: 0 0 4px var(--warning-main);
  box-shadow: 0 0 4px var(--warning-main);
  border-color: var(--warning-main) !important;
}

.glow-info {
  -webkit-box-shadow: 0 0 4px var(--info-main);
  -moz-box-shadow: 0 0 4px var(--info-main);
  box-shadow: 0 0 4px var(--info-main);
  border-color: var(--info-main) !important;
}

/*
================================================================================================
- Font Awesome Modifiers ( IDs + Classes )
================================================================================================
*/
.fa#help-edit:before, .far#help-edit:before, .fas#help-edit:before {
  content: '\f044';
}

.fa.help-save:before, .far.help-save:before, .fas.help-save:before {
  content: '\f0c7';
}

.fa.help-cancel:before, .far.help-cancel:before, .fas.help-cancel:before {
  content: '\f0e2';
}

.fa.update-walking-order:before, .far.update-walking-order:before, .fas.update-walking-order:before {
  content: '\f0c7';
}

.fa.print-target:before, .far.print-target:before, .fas.print-target:before {
  content: '\f02f';
}

.fa.draggable-help:before, .fa.option-help:before, .far.draggable-help:before, .far.option-help:before, .fas.draggable-help:before, .fas.option-help:before {
  content: '\f128';
}

.fa.update-sort-order:before, .far.update-sort-order:before, .fas.update-sort-order:before {
  content: '\f160';
}

.fa.fa-life-ring, .far.fa-life-ring, .fas.fa-life-ring {
  font-weight: 400 !important;
}

.fa.panel-toggle:before, .far.panel-toggle:before, .fas.panel-toggle:before {
  content: '\f077';
}

.fa.panel-maximize:before, .far.panel-maximize:before, .fas.panel-maximize:before {
  font-weight: 400 !important;
  content: '\f2d0';
}

.fa.panel-restore:before, .far.panel-restore:before, .fas.panel-restore:before {
  font-weight: 400 !important;
  content: '\f2d2';
}

.collapsed .fa.panel-toggle:before, .collapsed .far.panel-toggle:before, .collapsed .fas.panel-toggle:before {
  content: '\f078';
}

.fa.close-form-modal:before, .fa.close-modal:before, .fa.close-modal-confirm:before, .fa.close-notification-block:before, .far.close-form-modal:before, .far.close-modal:before, .far.close-modal-confirm:before, .far.close-notification-block:before, .fas.close-form-modal:before, .fas.close-modal:before, .fas.close-modal-confirm:before, .fas.close-notification-block:before {
  content: '\f00d';
}

.fa.panel-filter:before, .far.panel-filter:before, .fas.panel-filter:before {
  content: '\f0b0';
}

.fa.master-select-all:before, .fa.select-all:before, .far.master-select-all:before, .far.select-all:before, .fas.master-select-all:before, .fas.select-all:before {
  content: '\f067';
}

.fa.master-select-none:before, .fa.select-none:before, .far.master-select-none:before, .far.select-none:before, .fas.master-select-none:before, .fas.select-none:before {
  content: '\f068';
}

.fa.excel:before, .far.excel:before, .fas.excel:before {
  content: '\f1c3';
}

.fa.pdf:before, .far.pdf:before, .fas.pdf:before {
  content: '\f1c1';
}

.fa.download:before, .far.download:before, .fas.download:before {
  content: '\f019';
}

.fa.options:before, .far.options:before, .fas.options:before {
  content: '\f013';
}

.fa.row-menu:before, .far.row-menu:before, .fas.row-menu:before {
  content: '\f141';
}

/*
================================================================================================
- Global Overrides ( 3rd Party Tools )
================================================================================================
*/
.ql-toolbar {
  padding: 8px !important;
  border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
  font-family: Inter, sans-serif !important;
}

.ql-toolbar .ql-stroke {
  stroke: var(--text-primary) !important;
}

.ql-toolbar .ql-fill {
  fill: var(--text-primary) !important;
}

.ql-toolbar .ql-picker {
  color: var(--text-primary) !important;
}

.ql-toolbar .ql-picker.ql-expanded {
  color: var(--text-primary) !important;
}

.ql-toolbar .ql-picker-label {
  border: none !important;
  border-radius: var(--border-radius) !important;
  color: var(--text-primary) !important;
}

.ql-toolbar .ql-picker-options {
  padding: 8px !important;
  background-color: var(--background-paper) !important;
  border: none !important;
  border-radius: var(--border-radius) !important;
}

.ql-toolbar .ql-picker-item {
  padding: 8px !important;
  border-radius: var(--border-radius) !important;
}

.ql-toolbar .ql-picker-item:not(:last-child) {
  margin-bottom: 6px;
}

.ql-toolbar .ql-icon-picker .ql-picker-item {
  width: 32px !important;
  height: 32px !important;
}

.ql-toolbar .ql-formats {
  margin: 8px !important;
}

.ql-toolbar button:hover,
.ql-toolbar button:focus,
.ql-toolbar button.ql-active,
.ql-toolbar .ql-picker-label:hover,
.ql-toolbar .ql-picker-label.ql-active,
.ql-toolbar .ql-picker-item:hover,
.ql-toolbar .ql-picker-item.ql-selected {
  background-color: var(--action-hover) !important;
  color: var(--text-primary) !important;
}

.ql-toolbar .ql-picker-label.ql-active,
.ql-toolbar .ql-picker-item.ql-selected {
  background-color: inherit !important;
}

.ql-container {
  border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
  font-family: Inter, sans-serif !important;
  font-size: inherit !important;
}

.ql-container .ql-editor {
  padding: 16px !important;
  overflow: auto !important;
  resize: vertical !important;
  -webkit-overflow-scrolling: touch;
}

.horizontal-legend {
  border-collapse: collapse;
  margin: 10px auto;
  background: white;
  border: 2px solid #333;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

.horizontal-legend .legend-header th {
  background: #f0f0f0;
  color: #333;
  padding: 6px 8px;
  text-align: center;
  font-weight: bold;
  border: 1px solid #333;
  font-size: 11px;
}

.horizontal-legend .legend-header th.legend-title {
  background: #f0f0f0;
  text-align: center;
}

.horizontal-legend tbody td {
  padding: 4px 8px;
  text-align: center;
  border: 1px solid #333;
  background: white;
}

.horizontal-legend tbody td.threshold-label {
  text-align: left;
  font-weight: normal;
  background: white;
  padding-left: 6px;
}

.horizontal-legend tbody td.legend-cell {
  padding: 4px;
}

.horizontal-legend .legend-circle {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #333;
}

.horizontal-legend .legend-circle.legend-red {
  background-color: #ff0000;
}

.horizontal-legend .legend-circle.legend-pink {
  background-color: #ff9999;
}

.horizontal-legend .legend-circle.legend-green {
  background-color: #90ee90;
}

.horizontal-legend .legend-circle.legend-dark-green {
  background-color: #00aa00;
}

.horizontal-legend .legend-circle.legend-blue {
  background-color: #0066ff;
}

.table-container.no-stretch.legend-compact {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}

.table-container.no-stretch.legend-compact .legend-table {
  width: auto;
  min-width: 600px;
  max-width: 800px;
}

.pika-single {
  margin: 0 auto;
  width: 100%;
  max-width: 320px;
  background-color: var(--background-paper);
  border: none;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: -0.087px;
  color: var(--text-primary);
  z-index: 75;
}

.pika-single.is-bound {
  padding: 20px;
  border-radius: var(--border-radius);
  box-shadow: 0 5px 5px -3px rgba(var(--common-black-rgb), 0.2), 0 8px 10px 1px rgba(var(--common-black-rgb), 0.14), 0 3px 14px 2px rgba(var(--common-black-rgb), 0.12);
}

.pika-single .pika-lendar {
  float: none;
  margin: 0;
  width: auto;
  overflow-x: auto;
  overflow-y: hidden;
}

.pika-single .pika-label {
  background-color: var(--background-paper);
  font-size: 14px;
  font-weight: 600;
  line-height: 157%;
  letter-spacing: -0.087px;
  z-index: 1;
}

.pika-single .pika-select {
  top: 8px;
  margin-left: -14px;
  padding: 0 12px;
  height: auto;
  max-width: initial;
  border: none;
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 157%;
  letter-spacing: -0.087px;
}

.pika-single .pika-select option:disabled {
  color: var(--text-disabled);
}

.pika-single .pika-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-width: 40px;
  width: 40px;
  max-width: 40px;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
  background-color: var(--background-paper);
  border-radius: var(--border-radius);
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: -0.087px;
  box-shadow: none !important;
  user-select: none;
  color: var(--text-primary);
}

.pika-single .pika-button:hover {
  background-color: var(--action-hover);
}

.pika-single .is-outside-current-month .pika-button {
  opacity: var(--action-disabled-opacity);
}

.pika-single .is-today .pika-button {
  position: relative;
  font-weight: bold;
}

.pika-single .is-today .pika-button:before {
  position: absolute;
  bottom: 6px;
  left: 50%;
  margin-left: -2.5px;
  width: 5px;
  height: 5px;
  background-color: var(--text-primary);
  border-radius: 50%;
  content: '';
}

.pika-single .is-today.is-selected .pika-button:before,
.pika-single .is-today.is-endrange .pika-button:before,
.pika-single .pick-whole-week.is-selected .is-today .pika-button:before {
  background-color: var(--primary-contrast-text);
}

.pika-single .is-selected .pika-button,
.pika-single .is-startrange .pika-button,
.pika-single .is-endrange .pika-button,
.pika-single .has-event .pika-button {
  background-color: var(--primary-main);
  color: var(--primary-contrast-text);
}

.pika-single .is-startrange .pika-button,
.pika-single .pick-whole-week td:first-of-type .pika-button {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.pika-single .is-endrange .pika-button,
.pika-single .pick-whole-week td:last-of-type .pika-button {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.pika-single .is-startrange.is-endrange .pika-button {
  border-radius: var(--border-radius);
}

.pika-single .is-inrange .pika-button {
  background-color: var(--action-selected);
  border-radius: 0;
}

.pika-single .is-inrange .pika-button:hover {
  background: var(--action-focus);
}

.pika-single .pick-whole-week .pika-button,
.pika-single .pick-whole-week:hover .pika-button {
  border-radius: 0;
}

.pika-single .pick-whole-week:hover .pika-button {
  background-color: var(--action-hover);
  color: var(--text-primary);
}

.pika-single .pick-whole-week.is-selected:hover .pika-button {
  background-color: var(--primary-main);
  color: var(--primary-contrast-text);
}

.pika-single .is-disabled .pika-button {
  background-color: var(--background-paper);
}

.pika-single .pika-bound-container {
  position: relative;
}

.pika-single .pika-bound-container.prevent-blur-display .pika-single {
  display: none !important;
}

.pika-single .pika-bound-container .pika-single.is-bound {
  position: absolute !important;
  top: calc( 100% - 14px) !important;
  left: 0 !important;
}

.pika-single .pika-table {
  margin: 0 auto;
  width: auto;
  font-family: inherit;
}

.pika-single .pika-table th {
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: -0.087px;
  color: var(--text-disabled);
}

.pika-single .pika-table abbr {
  text-decoration: none;
  cursor: default;
}

/*
================================================================================================
- CRE
================================================================================================
*/
.count-wrapper > .panel-container {
  /*display: grid;
        grid-template-columns: min-content minmax(0, 1fr);*/
}

#mcre-report .options-wrapper {
  display: none;
}

.options-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cre-content-wrapper,
.cre-output-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  /*.button-container {
            flex-wrap: wrap;
        }*/
}

@media print {
  .cre-content-wrapper,
.cre-output-container {
    align-items: flex-start;
  }
}

.composite-options-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.composite-options-container label {
  margin-bottom: 0;
}

.composite-options-container #countSheet label,
.composite-options-container #countType label,
.composite-options-container #printoutType label {
  flex-wrap: wrap;
}

.composite-options-container #countSheet label select,
.composite-options-container #countSheet label .radio-list,
.composite-options-container #countType label select,
.composite-options-container #countType label .radio-list,
.composite-options-container #printoutType label select,
.composite-options-container #printoutType label .radio-list {
  flex-basis: 100%;
  padding-right: 0;
}

@media (max-width: 599px) {
  .dual-report > .panel-container {
    flex-direction: column;
  }
}

.dual-report .dual-options,
.dual-report .dual-directory {
  transition: width 0.2s ease-out;
}

.dual-report .dual-options {
  width: 420px;
}

@media (max-width: 599px) {
  .dual-report .dual-options {
    min-width: 0;
    width: 100%;
  }
}

@media print {
  .dual-report .dual-options {
    display: none;
  }
}

.dual-report .dual-options .panel {
  width: 100%;
}

.dual-report .dual-directory {
  flex: 1;
  min-width: 420px;
}

@media (max-width: 599px) {
  .dual-report .dual-directory {
    min-width: 0;
    width: 100%;
  }
}

/*
================================================================================================
- Site Wrapper
================================================================================================
*/
#site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  min-width: 100%;
}

@media print {
  #site-wrapper {
    align-items: flex-start;
  }
}

@media (min-width: 901px) {
  #site-wrapper.mobile-sidebar #sidebar {
    left: calc(var(--sidebar-width) * -1);
  }
  #site-wrapper.mobile-sidebar #content-wrapper {
    margin-left: 0;
  }
  #site-wrapper.mobile-sidebar #page-footer {
    left: 0;
  }
}

@media (max-width: 900px) {
  #site-wrapper #sidebar header #app-switcher .toggle {
    display: none;
  }
  #site-wrapper #sidebar header #close-sidebar {
    display: flex;
  }
  #site-wrapper #content-wrapper {
    margin-left: 0;
  }
  #site-wrapper #page-footer {
    left: 0;
  }
  #site-wrapper.mobile-sidebar #sidebar {
    left: 0;
  }
  #site-wrapper:not(.mobile-sidebar) #sidebar {
    left: calc(var(--sidebar-width) * -1);
  }
}

/*
================================================================================================
- Sidebar
================================================================================================
*/
#sidebar {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1200;
  width: var(--sidebar-width);
  height: 100%;
  background-color: var(--background-default);
  border-right: 1px solid var(--surface-border);
  transition: left 0.2s ease-out, right 0.2s ease-out;
  color: var(--text-secondary);
  overflow: hidden;
}

@media print {
  #sidebar {
    display: none;
  }
}

#sidebar header {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  padding: 0 12px;
  height: var(--sidebar-header-height);
}

#sidebar header a {
  font-size: inherit;
  font-weight: 600;
  letter-spacing: -0.176px;
  line-height: 175%;
  text-decoration: none;
}

#sidebar header #close-sidebar {
  display: none;
  background-color: var(--background-default);
}

#sidebar header #close-sidebar:not(:disabled):not(.disabled):hover {
  background-color: var(--primary-states-hover);
}

#sidebar header #close-sidebar:disabled, #sidebar header #close-sidebar.disabled {
  color: var(--action-disabled);
}

#sidebar #nav-search {
  padding: 0 12px;
}

#sidebar #nav-search .search-box {
  position: relative;
  font-size: inherit;
}

#sidebar #nav-search .search-box input {
  padding: 0 32px;
  width: 100%;
  height: 40px;
  background-color: var(--background-paper);
  border-color: var(--surface-border);
  font-size: inherit;
}

#sidebar #nav-search .search-box #search-icon,
#sidebar #nav-search .search-box #search-clear {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  font-family: 'Font Awesome 5 Free';
  font-size: inherit;
  line-height: 24px;
}

#sidebar #nav-search .search-box #search-icon {
  left: 12px;
}

#sidebar #nav-search .search-box #search-clear {
  display: none;
  right: 6px;
  text-align: center;
}

#sidebar #nav-search .search-box #search-clear.active {
  display: block;
}

#sidebar #site-nav {
  flex-grow: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 157%;
  letter-spacing: -0.087px;
  overflow: hidden;
  overflow-y: auto;
  cursor: default;
}

#sidebar #site-nav.searching ul:not(#nav-search-results) {
  display: none;
}

#sidebar #site-nav.disable-hover-effect a:hover {
  background-color: transparent;
}

#sidebar #site-nav ul {
  display: flex;
  gap: 6px;
  flex-direction: column;
  padding: 0 12px;
}

#sidebar #site-nav ul ul {
  padding-right: 0;
}

#sidebar #site-nav ul li {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#sidebar #site-nav ul li:hover > .container {
  background-color: var(--primary-states-hover);
}

#sidebar #site-nav ul li.selected a {
  background-color: var(--primary-states-hover);
}

#sidebar #site-nav ul li.expanded > .container {
  background-color: var(--primary-states-selected);
  color: var(--text-primary);
}

#sidebar #site-nav ul li.expanded > .container .arrow:before {
  content: '\f0d8';
}

#sidebar #site-nav ul li.expanded > ul {
  display: flex;
}

#sidebar #site-nav ul li.active > .container .top-category {
  font-weight: bold;
}

#sidebar #site-nav ul li.active > ul > li.active .menu-category {
  font-weight: bold;
}

#sidebar #site-nav ul li .container {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 4px 8px 12px;
  height: 40px;
  border-radius: var(--border-radius);
}

#sidebar #site-nav ul li ul {
  display: none;
}

#sidebar #site-nav ul li .arrow {
  width: 20px;
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

#sidebar #site-nav ul li .arrow:before {
  content: '\f0d7';
}

#sidebar #site-nav ul li .top-category,
#sidebar #site-nav ul li .menu-category {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#sidebar #site-nav a {
  padding: 8px 4px 8px 12px;
  min-height: 40px;
  border-radius: var(--border-radius);
  font-size: 14px;
  font-weight: 500;
  line-height: 157%;
  letter-spacing: -0.087px;
  text-decoration: none;
  color: inherit;
}

#sidebar #site-nav a:hover {
  background-color: var(--primary-states-hover);
}

#sidebar #site-nav a.active, #sidebar #site-nav a.active-favorite {
  font-weight: bold;
}

#sidebar #ncr-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex-shrink: 0;
  height: var(--sidebar-footer-height);
  width: 100%;
  border-top: 1px solid var(--divider);
}

#sidebar #ncr-logo span {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.079px;
  line-height: 12px;
  white-space: nowrap;
}

#sidebar #ncr-logo img {
  width: 84.414px;
  height: 12px;
}

/*
================================================================================================
- Content Wrapper
================================================================================================
*/
#content-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  margin-left: var(--sidebar-width);
  transition: margin-left 0.2s ease-out;
  color: var(--text-primary);
}

@media print {
  #content-wrapper {
    margin-left: 0;
  }
}

#content-wrapper.page-footer-active {
  padding-bottom: var(--page-footer-height);
}

/*
================================================================================================
- Global Header
================================================================================================
*/
#global-header {
  display: flex;
  gap: 12px;
  align-items: center;
  position: sticky;
  top: 0;
  padding: 12px 24px 12px 20px;
  height: var(--sidebar-header-height);
  background-color: var(--background-paper);
  color: var(--text-primary);
  z-index: 1000;
}

@media print {
  #global-header {
    display: none;
  }
}

#global-header #toggle-sidebar,
#global-header #float-sidebar {
  margin-right: auto;
}

#global-header #locale-menu-container .language-code {
  display: none;
}

#global-header #locale-menu-container .language-code:after {
  padding-left: 8px;
  font-weight: 400;
  content: '|';
}

#global-header #alerts-nav-container #alerts-count-message {
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: -0.087px;
  color: var(--text-secondary);
}

#global-header #alerts-nav-container .icon-button {
  font-size: 18px;
}

#global-header #alerts-nav-container .badge {
  margin-left: auto;
  padding: 0 6px;
  background-color: var(--secondary-main) !important;
  font-size: 12px;
  color: var(--secondary-contrast-text) !important;
}

#global-header #alerts-nav-container footer {
  justify-content: flex-start;
}

#global-header #user-nav-container {
  padding: 2px;
}

#global-header #user-nav-container .user-avatar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background-color: var(--primary-light);
  border-radius: 8px;
  font-weight: 500;
  color: var(--primary-contrast-text);
  overflow: hidden;
}

#global-header #user-nav-container .pop-down-nav header .user-avatar {
  min-width: 40px;
  min-height: 40px;
}

#global-header #user-nav-container .container {
  line-height: 1;
}

#global-header #user-nav-container .container .name,
#global-header #user-nav-container .container .email {
  display: block;
  font-family: inherit;
  font-weight: 400;
}

#global-header #user-nav-container .container .name {
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.176px;
  color: var(--text-primary);
}

#global-header #user-nav-container .container .email {
  font-size: 14px;
  line-height: 143%;
  letter-spacing: -0.087px;
  color: var(--text-secondary);
}

/*
================================================================================================
- Breadcrumbs
================================================================================================
*/
#breadcrumbs {
  display: flex;
  gap: 8px;
  margin-top: -24px;
  padding: 0 32px;
}

#breadcrumbs .breadcrumb {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.176px;
  white-space: nowrap;
  color: var(--text-primary);
}

#breadcrumbs .breadcrumb:hover {
  text-decoration: underline;
}

#breadcrumbs .breadcrumb.active {
  color: var(--text-primary);
}

/*
================================================================================================
- Page Header
================================================================================================
*/
#page-header {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 0 32px;
}

#page-header p {
  max-width: 464px;
}

#page-header .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

#page-header .favorite-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

#page-header .favorite-container span {
  font-size: 18px;
}

/*
================================================================================================
- Page Tabs
================================================================================================
*/
#page-tabs {
  padding: 0 32px;
  border-bottom: 1px solid var(--divider);
}

/*
================================================================================================
- Page Content
================================================================================================
*/
#page-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 32px 32px 32px;
}

#widgets {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#widgets .full-width {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#widgets .column-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
  align-items: start;
  gap: 20px;
}

@media (max-width: 599px) {
  #widgets .column-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}

#widgets .column-container .left-column,
#widgets .column-container .right-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#widgets .column-container .left-column .panel,
#widgets .column-container .right-column .panel {
  flex-grow: 1;
  width: 100%;
}

#widgets .column-container .left-column .panel > .options-wrapper,
#widgets .column-container .right-column .panel > .options-wrapper {
  display: none;
}

#widgets .sbo-alert-container,
#widgets .announcement-container,
#widgets .manager-message-container {
  display: block;
}

#widgets .sbo-alert-container header,
#widgets .announcement-container header,
#widgets .manager-message-container header {
  margin-bottom: 20px;
}

#widgets .sbo-alert-container header h1,
#widgets .announcement-container header h1,
#widgets .manager-message-container header h1 {
  font-size: 18px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.334px;
}

#widgets .sbo-alert-container .posted,
#widgets .announcement-container .posted,
#widgets .manager-message-container .posted {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  line-height: 143%;
  letter-spacing: -0.087px;
  text-align: right;
}

#widgets .sbo-alert-container .posted-body,
#widgets .announcement-container .posted-body,
#widgets .manager-message-container .posted-body {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  line-height: 143%;
  letter-spacing: -0.087px;
  text-align: left;
}

#dashboard-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

#dashboard-wrapper #metric-widgets,
#dashboard-wrapper #task-widgets {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#dashboard-wrapper #metric-widgets {
  flex: 1;
}

#dashboard-wrapper #task-widgets {
  position: sticky;
  top: var(--sidebar-header-height);
  min-width: 400px;
  width: 25%;
}

#dashboard-wrapper #task-widgets ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 4px;
  color: var(--text-primary);
}

#dashboard-wrapper #task-widgets ul li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

#dashboard-wrapper #task-widgets ul li .container {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

#dashboard-wrapper #task-widgets ul p {
  padding: 0 32px 0 26px;
  font-size: 13px;
  font-weight: 400;
  line-height: 133%;
  letter-spacing: -0.087px;
  color: var(--text-disabled);
}

#dashboard-wrapper #task-widgets ul a {
  text-decoration: none;
  color: var(--text-secondary);
}

#dashboard-wrapper #task-widgets .widget p {
  align-self: flex-start;
}

#dashboard-wrapper #task-widgets .icon-button {
  min-width: 24px;
  width: 24px;
  max-width: 24px;
  min-height: 24px;
  height: 24px;
  max-height: 24px;
  font-size: 14px;
  line-height: 24px;
}

#dashboard-wrapper #task-widgets .progress-text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
  letter-spacing: -0.087px;
}

#dashboard-wrapper #task-widgets .progress-text .fa, #dashboard-wrapper #task-widgets .progress-text .far, #dashboard-wrapper #task-widgets .progress-text .fas {
  font-size: 18px;
}

#dashboard-wrapper .grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, max(256px, calc( 100%/3 - 20px*2/3))), 1fr));
  gap: 20px;
}

#dashboard-wrapper .widget {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  gap: 20px;
  padding: 16px 20px 22px 20px;
  background-color: var(--background-paper);
  border: 1px solid var(--surface-border);
  border-radius: var(--border-radius-widget);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.042px;
  line-height: 116.7%;
}

#dashboard-wrapper .widget header {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

#dashboard-wrapper .widget header h1 {
  flex: 1 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
  letter-spacing: -0.176px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#dashboard-wrapper .widget header .button-container {
  gap: 8px;
}

#dashboard-wrapper .widget .delta-container {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}

/*
================================================================================================
- Page Footer
================================================================================================
*/
#page-footer {
  display: flex;
  justify-content: flex-end;
  position: fixed;
  bottom: 0;
  left: var(--sidebar-width);
  right: 0;
  padding: 10px 32px;
  height: 64px;
  background-color: var(--background-paper);
  border-top: 1px solid var(--divider);
  transition: left 0.2s ease-out, right 0.2s ease-out;
  z-index: 1000;
}

/*
================================================================================================
- Toast Container
================================================================================================
*/
#toast-container {
  position: fixed;
  top: 96px;
  right: 32px;
  width: 320px;
  z-index: 3000;
}

#toast-container li {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0.9;
  position: relative;
  margin-bottom: 6px;
  padding: 20px;
  background-color: var(--primary-main);
  border-radius: var(--border-radius);
  box-shadow: 2px 2px 2px rgba(var(--common-black-rgb), 0.3);
  color: var(--primary-contrast-text);
}

#toast-container li:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  content: '\f086';
}

#toast-container li.success {
  background-color: var(--success-subtle);
  color: var(--success-subtle-contrast);
}

#toast-container li.success:before {
  content: '\f00c';
}

#toast-container li.error {
  background-color: var(--error-subtle);
  color: var(--error-subtle-contrast);
}

#toast-container li.error:before {
  content: '\f057';
}

#toast-container li.info {
  background-color: var(--info-subtle);
  color: var(--info-subtle-contrast);
}

#toast-container li.info:before {
  content: '\f06a';
}

#toast-container li.warning {
  background-color: var(--warning-subtle);
  color: var(--warning-subtle-contrast);
}

#toast-container li.warning:before {
  content: '\f071';
}

/*
================================================================================================
- Top Link
================================================================================================
*/
#top-link {
  opacity: 0;
  position: fixed;
  bottom: -48px;
  right: 32px;
  width: 48px;
  height: 48px;
  background-color: var(--surface-border);
  border-radius: 50%;
  line-height: 48px;
  text-align: center;
  color: var(--text-secondary);
  cursor: pointer;
  transition: opacity 0.2s linear, bottom 0.2s linear;
  z-index: 300;
}

@media print {
  #top-link {
    display: none;
  }
}

#top-link.active {
  opacity: 0.8;
  bottom: 32px;
}

#top-link:hover {
  opacity: 1;
}

body.no-scroll #top-link {
  display: none;
}

/*
================================================================================================
- Password Requirements
================================================================================================
*/
#password-requirements ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
  text-align: left;
  list-style-type: none;
}

#password-requirements ul li:before {
  margin-right: 8px;
  font-family: 'Font Awesome 5 Free';
  content: '\f0c8';
}

#password-requirements ul li.met:before {
  content: '\f14a';
}

#password-length {
  text-decoration: underline;
}

/*
================================================================================================
- Scrollbars
================================================================================================
*/
::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-track {
  background-color: var(--surface-border);
  border-radius: var(--border-radius);
  margin: 2px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--interactive-border);
  border-radius: var(--border-radius);
  border: 3px solid transparent;
  background-clip: padding-box;
  transition: background-color 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary-main);
}

::-webkit-scrollbar-thumb:active {
  background-color: var(--primary-dark);
}

.dashboard-edit-link {
  margin-left: 10px;
  color: var(--text-secondary, #666);
  font-size: 1.2rem;
}

.dashboard-edit-link:hover {
  color: var(--primary, #0078d7);
}

.grid.compact-widgets {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 15px !important;
  width: 100% !important;
}

.grid.compact-widgets > .widget {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

/* Add styles for checkbox list controls */
.checkbox-list-controls {
  margin-bottom: 5px;
  text-align: right;
}

.checkbox-list-controls a {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  margin-left: 5px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-decoration: none;
  font-weight: bold;
  color: #333;
}

.checkbox-list-controls a:hover {
  background-color: #e9e9e9;
}

.checkbox-list-controls .select-all {
  color: #4CAF50;
}

.checkbox-list-controls .select-none {
  color: #F44336;
}

/* Add styles for inline checkbox controls */
.checkbox-inline-controls {
  display: inline-block;
  margin-left: 10px;
}

.checkbox-inline-controls a {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  margin-left: 10px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-decoration: none;
}

/* First control should also have margin */
.checkbox-inline-controls a:first-child {
  margin-left: 10px;
}

.checkbox-inline-controls a:hover {
  background-color: #e9e9e9;
}

.checkbox-inline-controls .select-all {
  color: #4CAF50;
  margin-right: 5px;
}

.checkbox-inline-controls .select-none {
  color: #F44336;
  margin-left: 5px;
}

.checkbox-inline-controls .fa {
  font-size: 12px;
}

#ManagerSchedule-content .notification-block ~ .button-container button {
  display: none;
}

/*
================================================================================================
- Login Wrapper
================================================================================================
*/
#login-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--text-secondary);
}

#login-wrapper .login-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

/*
================================================================================================
- Login Sidebar
================================================================================================
*/
@media (max-width: 345px) {
  #login-sidebar .container {
    width: 100% !important;
    padding: 0 0 !important;
    padding-left: 12vw !important;
    padding-right: 12vw !important;
    overflow-x: hidden !important;
  }
}

@media (min-width: 346px) and (max-width: 362px) {
  #login-sidebar .container {
    width: 100% !important;
    padding: 0 0 !important;
    padding-left: 14vw !important;
    padding-right: 14vw !important;
    overflow-x: hidden !important;
  }
}

@media (min-width: 363px) and (max-width: 380px) {
  #login-sidebar .container {
    width: 100% !important;
    padding: 0 0 !important;
    padding-left: 15vw !important;
    padding-right: 15vw !important;
    overflow-x: hidden !important;
  }
}

@media (min-width: 381px) and (max-width: 400px) {
  #login-sidebar .container {
    width: 100% !important;
    padding: 0 0 !important;
    padding-left: 16.5vw !important;
    padding-right: 16.5vw !important;
    overflow-x: hidden !important;
  }
}

@media (min-width: 401px) and (max-width: 425px) {
  #login-sidebar .container {
    width: 100% !important;
    padding: 0 0 !important;
    padding-left: 18.4vw !important;
    padding-right: 18.4vw !important;
    overflow-x: hidden !important;
  }
}

@media (min-width: 426px) and (max-width: 445px) {
  #login-sidebar .container {
    width: 100% !important;
    padding: 0 0 !important;
    padding-left: 20vw !important;
    padding-right: 20vw !important;
    overflow-x: hidden !important;
  }
}

@media (min-width: 446px) and (max-width: 530px) {
  #login-sidebar .container {
    width: 100% !important;
    padding: 0 0 !important;
    padding-left: 22vw !important;
    padding-right: 22vw !important;
    overflow-x: hidden !important;
  }
}

@media (min-width: 531px) and (max-width: 600px) {
  #login-sidebar .container {
    width: 100% !important;
    padding: 0 0 !important;
    padding-left: 27vw !important;
    padding-right: 27vw !important;
    overflow-x: hidden !important;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  #login-sidebar .container {
    width: 100% !important;
    padding: 0 0 !important;
    padding-left: 32vw !important;
    padding-right: 32vw !important;
    overflow-x: hidden !important;
  }
}

#login-sidebar {
  flex-shrink: 0;
  border-right: 1px solid var(--surface-border);
  text-align: center;
  overflow: hidden;
  overflow-y: auto;
}

#login-sidebar button,
#login-sidebar input[type="text"],
#login-sidebar input[type="password"] {
  height: 48px;
}

#login-sidebar #logged-in-notification header h1 {
  justify-content: center;
}

#login-sidebar #logged-in-notification header h1:before {
  content: none;
}

#login-sidebar #logged-in-notification p {
  display: flex;
  justify-content: center;
  gap: 8px;
}

#login-sidebar .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  padding: 0 112px;
  width: 560px;
}

#login-sidebar .container > header {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}

#login-sidebar .container > header img {
  padding: 48px 0;
  width: 192px;
}

#login-sidebar .container > main {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

#login-sidebar .container .button-container {
  margin-top: 20px;
}

#login-sidebar .container input,
#login-sidebar .container button {
  width: 100%;
}

#login-sidebar .notification-block {
  margin-bottom: 20px;
}

#login-sidebar footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 64px 56px 8px 56px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.096px;
}

#login-sidebar footer ul {
  display: flex;
  gap: 12px;
}

/*
================================================================================================
- Login Image
================================================================================================
*/
#login-image {
  flex-grow: 1;
  background-image: url(/Content/Images/login-background.png);
  background-position: center;
  background-size: cover;
}

/*
================================================================================================
- ReCaptcha
================================================================================================
*/
#recaptcha-container > div {
  margin: 0 auto;
}