/**
 * @created: Fri Apr 21 2023
 * @author: Paul Bethune
 *
 * @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */


 :root {
    --nxa-widgetExpandedHeight: 20vh;
    --nxa-modal-container-width: 235px;
    --nxa-modal-container-width-with-offset: 245px;
    --nxa-modal-button-menu-collapse-width: 55px;
    --nxa-modal-button-menu-collapse-width-with-offset: 70px;
    --nxa-print-width: 800px;
    --nxa-authoring-wrapper-min-width: 900px;
    --nxa-offSideBarWidth: calc(100% - 45px);
    --nxa-notification-panel-height: 30px;
    --nxa-selection-button-min-height: 40px;
    --nxa-table-perf-attr-margin: 0px 10px 0px 5px;
    --nxa-transition-duration: 0.1s;
    --nxa-icon-hover-color: blue;
    --nxa-color-darkcyan: #162129;
    --nxa-color-darkcyanlight: #2c4050;
    --nxa-color-black: #000000;
    --nxa-color-disabled-border: rgba(59, 59, 59, 0.3);
    --nxa-color-blue: rgb(0,0,255);
    --nxa-color-btnblue: rgb(52,152,219);
    --nxa-color-btnblue-hover: #3445db;
    --nxa-color-menu-blue: #2a93da;
    --nxa-color-blue-std: rgb(42, 147, 218);
    --nxa-color-menu-mediumdarkblue: #155984;
    --nxa-color-menu-darkblue: #092638;
    --nxa-color-ultramarine: #120A8F;
    --nxa-color-purp: #0070C0;
    --nxa-color-white: white;
    --nxa-color-ghostwhite: #f8f8ff;
    --nxa-color-red: rgb(255,0,0);
    --nxa-color-red2: rgb(253, 71, 71);
    --nxa-color-orange: #ffa500;
    --nxa-color-darkorange: #ff7f00;
    --nxa-color-lightpink: #eac4c4;
    --nxa-color-lightred: #ffbcc3;
    --nxa-color-lightblue: #a1f8f8;
    --nxa-color-darkgreen: rgb(0, 128, 0);
    --nxa-color-green: rgb(21, 189, 30);
    --nxa-color-green-tint: rgb(73, 198, 79);
    --nxa-color-lightgreen:  rgb(134, 247, 140);
    --nxa-color-lightestgreen:  rgb(170, 247, 170);
    --nxa-color-transparent: transparent;
    --nxa-color-darkgray: #49515a;
    --nxa-color-gray: #666666;
    --nxa-color-disabled-gray: rgba(239, 239, 239, 0.3);
    --nxa-color-lightgray: #999999;
    --nxa-color-lightestgray: #cccccc;
    --nxa-color-offwhite: #f2f2f2;
    --nxa-color-cell-background: #f2f2f2;
    --nxa-color-offline-red: #c11d1e;
    --nxa-base-fontsize: 1.25em;
    --nxa-default-font: Arial, sans-serif;
    --nxa-default-fontsize: 14px;
    --nxa-small-fontsize: 12px;
    --nxa-workspace-background-color: #f2f2f2;
}
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-list {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  line-height: 1.75rem;
  /* @alternate */
  line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  /* @alternate */
  line-height: 1.5rem;
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mdc-list:focus {
  outline: none;
}

.mdc-list-item {
  height: 48px;
}

.mdc-list-item__secondary-text {
  color: rgba(0, 0, 0, 0.54);
  /* @alternate */
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
}

.mdc-list-item__graphic {
  background-color: transparent;
}

.mdc-list-item__graphic {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__meta {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-group__subheader {
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-list-item--disabled .mdc-list-item__text {
  opacity: 0.38;
}

.mdc-list-item--disabled .mdc-list-item__text,
.mdc-list-item--disabled .mdc-list-item__primary-text,
.mdc-list-item--disabled .mdc-list-item__secondary-text {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}

.mdc-list-item--selected,
.mdc-list-item--activated {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee);
}
.mdc-list-item--selected .mdc-list-item__graphic,
.mdc-list-item--activated .mdc-list-item__graphic {
  color: #6200ee;
  /* @alternate */
  color: var(--mdc-theme-primary, #6200ee);
}

.mdc-list--dense {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.812rem;
}

.mdc-list-item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  padding: 0;
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 16px;
  height: 48px;
}
.mdc-list-item:focus {
  outline: none;
}
.mdc-list-item:not(.mdc-list-item--selected):focus::before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  content: "";
}
.mdc-list-item.mdc-list-item--selected::before {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 3px double transparent;
  border-radius: inherit;
  content: "";
}
[dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 16px;
}
.mdc-list--icon-list .mdc-list-item {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 16px;
  height: 56px;
}
[dir=rtl] .mdc-list--icon-list .mdc-list-item, .mdc-list--icon-list .mdc-list-item[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 16px;
}
.mdc-list--avatar-list .mdc-list-item {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 16px;
  height: 56px;
}
[dir=rtl] .mdc-list--avatar-list .mdc-list-item, .mdc-list--avatar-list .mdc-list-item[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 16px;
}
.mdc-list--thumbnail-list .mdc-list-item {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 16px;
  height: 56px;
}
[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item, .mdc-list--thumbnail-list .mdc-list-item[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 16px;
}
.mdc-list--image-list .mdc-list-item {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 16px;
  height: 72px;
}
[dir=rtl] .mdc-list--image-list .mdc-list-item, .mdc-list--image-list .mdc-list-item[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 16px;
}
.mdc-list--video-list .mdc-list-item {
  /* @noflip */
  padding-left: 0px;
  /* @noflip */
  padding-right: 16px;
  height: 72px;
}
[dir=rtl] .mdc-list--video-list .mdc-list-item, .mdc-list--video-list .mdc-list-item[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 0px;
}

.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
  width: 20px;
  height: 20px;
}
[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, .mdc-list--dense .mdc-list-item__graphic[dir=rtl] {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
}

.mdc-list-item__graphic {
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  fill: currentColor;
  -o-object-fit: cover;
     object-fit: cover;
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 32px;
  width: 24px;
  height: 24px;
}
[dir=rtl] .mdc-list-item__graphic, .mdc-list-item__graphic[dir=rtl] {
  /* @noflip */
  margin-left: 32px;
  /* @noflip */
  margin-right: 0;
}
.mdc-list--icon-list .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 32px;
  width: 24px;
  height: 24px;
}
[dir=rtl] .mdc-list--icon-list .mdc-list-item__graphic, .mdc-list--icon-list .mdc-list-item__graphic[dir=rtl] {
  /* @noflip */
  margin-left: 32px;
  /* @noflip */
  margin-right: 0;
}
.mdc-list--avatar-list .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, .mdc-list--avatar-list .mdc-list-item__graphic[dir=rtl] {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
}
.mdc-list--thumbnail-list .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
  width: 40px;
  height: 40px;
}
[dir=rtl] .mdc-list--thumbnail-list .mdc-list-item__graphic, .mdc-list--thumbnail-list .mdc-list-item__graphic[dir=rtl] {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
}
.mdc-list--image-list .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
  width: 56px;
  height: 56px;
}
[dir=rtl] .mdc-list--image-list .mdc-list-item__graphic, .mdc-list--image-list .mdc-list-item__graphic[dir=rtl] {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
}
.mdc-list--video-list .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
  width: 100px;
  height: 56px;
}
[dir=rtl] .mdc-list--video-list .mdc-list-item__graphic, .mdc-list--video-list .mdc-list-item__graphic[dir=rtl] {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
}

.mdc-list .mdc-list-item__graphic {
  display: inline-flex;
}

.mdc-list-item__meta {
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  margin-right: 0;
}
.mdc-list-item__meta:not(.material-icons) {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.75rem;
  /* @alternate */
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: 0.0333333333em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
          text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
}
.mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: auto;
}

.mdc-list-item__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mdc-list-item__text[for] {
  pointer-events: none;
}

.mdc-list-item__primary-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 28px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list--video-list .mdc-list-item__primary-text, .mdc-list--image-list .mdc-list-item__primary-text, .mdc-list--thumbnail-list .mdc-list-item__primary-text, .mdc-list--avatar-list .mdc-list-item__primary-text, .mdc-list--icon-list .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list--video-list .mdc-list-item__primary-text::before, .mdc-list--image-list .mdc-list-item__primary-text::before, .mdc-list--thumbnail-list .mdc-list-item__primary-text::before, .mdc-list--avatar-list .mdc-list-item__primary-text::before, .mdc-list--icon-list .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list--video-list .mdc-list-item__primary-text::after, .mdc-list--image-list .mdc-list-item__primary-text::after, .mdc-list--thumbnail-list .mdc-list-item__primary-text::after, .mdc-list--avatar-list .mdc-list-item__primary-text::after, .mdc-list--icon-list .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list--dense .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list--dense .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 24px;
  content: "";
  vertical-align: 0;
}
.mdc-list--dense .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}

.mdc-list-item__secondary-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.875rem;
  /* @alternate */
  font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: 0.0178571429em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
          text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
.mdc-list-item__secondary-text::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}
.mdc-list--dense .mdc-list-item__secondary-text {
  font-size: inherit;
}

.mdc-list--dense .mdc-list-item {
  height: 40px;
}

.mdc-list--two-line .mdc-list-item__text {
  align-self: flex-start;
}

.mdc-list--two-line .mdc-list-item {
  height: 64px;
}
.mdc-list--two-line.mdc-list--video-list .mdc-list-item, .mdc-list--two-line.mdc-list--image-list .mdc-list-item, .mdc-list--two-line.mdc-list--thumbnail-list .mdc-list-item, .mdc-list--two-line.mdc-list--avatar-list .mdc-list-item, .mdc-list--two-line.mdc-list--icon-list .mdc-list-item {
  height: 72px;
}
.mdc-list--two-line.mdc-list--icon-list .mdc-list-item__graphic {
  align-self: flex-start;
  margin-top: 16px;
}

.mdc-list--two-line.mdc-list--dense .mdc-list-item,
.mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
  height: 60px;
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
  width: 36px;
  height: 36px;
}
[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic[dir=rtl] {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
}

:not(.mdc-list-item--disabled).mdc-list-item {
  cursor: pointer;
}

a.mdc-list-item {
  color: inherit;
  text-decoration: none;
}

.mdc-list-divider {
  height: 0;
  margin: 0;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mdc-list-divider {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mdc-list-divider--padded {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-list-divider--padded, .mdc-list-divider--padded[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}

.mdc-list-divider--inset {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 72px);
}
[dir=rtl] .mdc-list-divider--inset, .mdc-list-divider--inset[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 72px;
}

.mdc-list-divider--inset.mdc-list-divider--padded {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 88px);
}
[dir=rtl] .mdc-list-divider--inset.mdc-list-divider--padded, .mdc-list-divider--inset.mdc-list-divider--padded[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 72px;
}

.mdc-list .mdc-list-divider--inset-leading {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-list .mdc-list-divider--inset-leading, .mdc-list .mdc-list-divider--inset-leading[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}
.mdc-list .mdc-list-divider--inset-trailing {
  width: calc(100% - 16px);
}
.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}
.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}
.mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}

.mdc-list--icon-list .mdc-list-divider--inset-leading {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 72px);
}
[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading, .mdc-list--icon-list .mdc-list-divider--inset-leading[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 72px;
}
.mdc-list--icon-list .mdc-list-divider--inset-trailing {
  width: calc(100% - 16px);
}
.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 88px);
}
[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 72px;
}
.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}
.mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}

.mdc-list--avatar-list .mdc-list-divider--inset-leading {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 72px);
}
[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading, .mdc-list--avatar-list .mdc-list-divider--inset-leading[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 72px;
}
.mdc-list--avatar-list .mdc-list-divider--inset-trailing {
  width: calc(100% - 16px);
}
.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 88px);
}
[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 72px;
}
.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}
.mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}

.mdc-list--thumbnail-list .mdc-list-divider--inset-leading {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 72px);
}
[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 72px;
}
.mdc-list--thumbnail-list .mdc-list-divider--inset-trailing {
  width: calc(100% - 16px);
}
.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 88px);
}
[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 72px;
}
.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}
.mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}

.mdc-list--image-list .mdc-list-divider--inset-leading {
  /* @noflip */
  margin-left: 88px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 88px);
}
[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading, .mdc-list--image-list .mdc-list-divider--inset-leading[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 88px;
}
.mdc-list--image-list .mdc-list-divider--inset-trailing {
  width: calc(100% - 16px);
}
.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  /* @noflip */
  margin-left: 88px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 104px);
}
[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 88px;
}
.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}
.mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 32px);
}
[dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}

.mdc-list--video-list .mdc-list-divider--inset-leading {
  /* @noflip */
  margin-left: 116px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 116px);
}
[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading, .mdc-list--video-list .mdc-list-divider--inset-leading[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 116px;
}
.mdc-list--video-list .mdc-list-divider--inset-trailing {
  width: calc(100% - 16px);
}
.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  /* @noflip */
  margin-left: 116px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 132px);
}
[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 116px;
}
.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  /* @noflip */
  margin-left: 0px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 0px);
}
[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 0px;
}
.mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  /* @noflip */
  margin-left: 0px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 16px);
}
[dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 0px;
}

.mdc-list-group .mdc-list {
  padding: 0;
}

.mdc-list-group__subheader {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  line-height: 1.75rem;
  /* @alternate */
  line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  margin: calc((3rem - 1.5rem) / 2) 16px;
}

@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
:not(.mdc-list-item--disabled).mdc-list-item {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  top: 0;
  /* @noflip */
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  background-color: #000;
}
:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before {
  opacity: 0.04;
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  transition: opacity 150ms linear;
}
:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before {
  opacity: 0.12;
}
:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after {
  background-color: #6200ee;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #6200ee);
}
:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before {
  opacity: 0.16;
}
:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  transition: opacity 150ms linear;
}
:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}
:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before {
  opacity: 0.08;
}
:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after {
  background-color: #6200ee;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #6200ee);
}
:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before {
  opacity: 0.12;
}
:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  transition-duration: 75ms;
  opacity: 0.2;
}
:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  transition: opacity 150ms linear;
}
:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  transition-duration: 75ms;
  opacity: 0.2;
}
:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.2;
}
:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mdc-list-item--disabled {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-list-item--disabled .mdc-list-item__ripple::before,
.mdc-list-item--disabled .mdc-list-item__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-list-item--disabled .mdc-list-item__ripple::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  top: 0;
  /* @noflip */
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-list-item--disabled .mdc-list-item__ripple::before,
.mdc-list-item--disabled .mdc-list-item__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-list-item--disabled .mdc-list-item__ripple::before,
.mdc-list-item--disabled .mdc-list-item__ripple::after {
  background-color: #000;
}
.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-list-item--disabled .mdc-list-item__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-line-ripple::before, .mdc-line-ripple::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-style: solid;
  content: "";
}
.mdc-line-ripple::before {
  border-bottom-width: 1px;
  z-index: 1;
}
.mdc-line-ripple::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  border-bottom-width: 2px;
  opacity: 0;
  z-index: 2;
}
.mdc-line-ripple::after {
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-line-ripple--active::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  opacity: 1;
}

.mdc-line-ripple--deactivating::after {
  opacity: 0;
}
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  outline: none;
  overflow: hidden;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-ripple-surface::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-ripple-surface.mdc-ripple-upgraded::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  background-color: #000;
}
.mdc-ripple-surface:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface::before, .mdc-ripple-surface::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-ripple-surface.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
  overflow: visible;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  background-color: #6200ee;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-ripple-surface--primary:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--primary.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  background-color: #018786;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #018786);
}
.mdc-ripple-surface--accent:hover::before {
  opacity: 0.04;
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-ripple-surface--accent.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
@charset "UTF-8";
.mdc-select-helper-text {
  margin: 0;
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 0.75rem;
  /* @alternate */
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  line-height: 1.25rem;
  /* @alternate */
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: 0.0333333333em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
          text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
}
[dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 16px;
}
.mdc-select-helper-text::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}

.mdc-select-helper-text--validation-msg {
  opacity: 0;
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-select--invalid + .mdc-select-helper-text--validation-msg,
.mdc-select-helper-text--validation-msg-persistent {
  opacity: 1;
}

.mdc-select--with-leading-icon .mdc-select__icon {
  display: inline-block;
  box-sizing: border-box;
  border: none;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  flex-shrink: 0;
  align-self: center;
  background-color: transparent;
  fill: currentColor;
}
.mdc-select--with-leading-icon .mdc-select__icon {
  /* @noflip */
  margin-left: 12px;
  /* @noflip */
  margin-right: 12px;
}
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
  /* @noflip */
  margin-left: 12px;
  /* @noflip */
  margin-right: 12px;
}

.mdc-select__icon:not([tabindex]),
.mdc-select__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none;
}

.mdc-floating-label {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  position: absolute;
  /* @noflip */
  left: 0;
  /* @noflip */
  -webkit-transform-origin: left top;
          transform-origin: left top;
  line-height: 1.15rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  /* @alternate */
  will-change: transform;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
  /* @noflip */
  right: 0;
  /* @noflip */
  left: auto;
  /* @noflip */
  -webkit-transform-origin: right top;
          transform-origin: right top;
  /* @noflip */
  text-align: right;
}

.mdc-floating-label--float-above {
  cursor: auto;
}

.mdc-floating-label--required::after {
  /* @noflip */
  margin-left: 1px;
  /* @noflip */
  margin-right: 0px;
  content: "*";
}
[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 1px;
}

.mdc-floating-label--float-above {
  -webkit-transform: translateY(-106%) scale(0.75);
          transform: translateY(-106%) scale(0.75);
}

.mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
          animation: mdc-floating-label-shake-float-above-standard 250ms 1;
}

@-webkit-keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
}

@keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
}
@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-line-ripple::before, .mdc-line-ripple::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-style: solid;
  content: "";
}
.mdc-line-ripple::before {
  border-bottom-width: 1px;
  z-index: 1;
}
.mdc-line-ripple::after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  border-bottom-width: 2px;
  opacity: 0;
  z-index: 2;
}
.mdc-line-ripple::after {
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-line-ripple--active::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  opacity: 1;
}

.mdc-line-ripple--deactivating::after {
  opacity: 0;
}

.mdc-notched-outline {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  /* @noflip */
  text-align: left;
  pointer-events: none;
}
[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
  /* @noflip */
  text-align: right;
}
.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  box-sizing: border-box;
  height: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  pointer-events: none;
}
.mdc-notched-outline__leading {
  /* @noflip */
  border-left: 1px solid;
  /* @noflip */
  border-right: none;
  width: 12px;
}
[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
  /* @noflip */
  border-left: none;
  /* @noflip */
  border-right: 1px solid;
}
.mdc-notched-outline__trailing {
  /* @noflip */
  border-left: none;
  /* @noflip */
  border-right: 1px solid;
  flex-grow: 1;
}
[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
  /* @noflip */
  border-left: 1px solid;
  /* @noflip */
  border-right: none;
}
.mdc-notched-outline__notch {
  flex: 0 0 auto;
  width: auto;
  max-width: calc(100% - 12px * 2);
}
.mdc-notched-outline .mdc-floating-label {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.mdc-notched-outline .mdc-floating-label--float-above {
  text-overflow: clip;
}
.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75);
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 8px;
  border-top: none;
}
[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
  /* @noflip */
  padding-left: 8px;
  /* @noflip */
  padding-right: 0;
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
  padding: 0;
}

.mdc-select__anchor {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-select__anchor .mdc-select__ripple::before,
.mdc-select__anchor .mdc-select__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-select__anchor .mdc-select__ripple::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before {
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
          transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
  top: 0;
  /* @noflip */
  left: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
          animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after {
  -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
          animation: mdc-ripple-fg-opacity-out 150ms;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
          transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-select__anchor .mdc-select__ripple::before,
.mdc-select__anchor .mdc-select__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-select__anchor .mdc-select__ripple::before,
.mdc-select__anchor .mdc-select__ripple::after {
  background-color: rgba(0, 0, 0, 0.87);
}
.mdc-select__anchor:hover .mdc-select__ripple::before {
  opacity: 0.04;
}
.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before, .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-select__anchor .mdc-select__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::after {
  background-color: #000;
  /* @alternate */
  background-color: var(--mdc-theme-on-surface, #000);
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:hover .mdc-list-item__ripple::before {
  opacity: 0.04;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  transition: opacity 150ms linear;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.mdc-select {
  min-width: 200px;
  display: inline-flex;
  position: relative;
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: whitesmoke;
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-select:not(.mdc-select--disabled) .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.42);
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  fill: rgba(0, 0, 0, 0.54);
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
  fill: #6200ee;
  /* @alternate */
  fill: var(--mdc-theme-primary, #6200ee);
}
.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__icon {
  color: rgba(0, 0, 0, 0.54);
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple::after {
  border-bottom-color: #6200ee;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: rgba(98, 0, 238, 0.87);
}
.mdc-select:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.mdc-select.mdc-select--disabled .mdc-select__anchor {
  background-color: #fafafa;
}
.mdc-select.mdc-select--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-select.mdc-select--disabled .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
  fill: rgba(0, 0, 0, 0.38);
}
.mdc-select.mdc-select--disabled .mdc-select__selected-text {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-select.mdc-select--disabled + .mdc-select-helper-text {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-select.mdc-select--disabled .mdc-select__icon {
  color: rgba(0, 0, 0, 0.38);
}
@media screen and (-ms-high-contrast: active) {
  .mdc-select.mdc-select--disabled .mdc-select__selected-text {
    color: GrayText;
  }
  .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
    fill: red;
  }
  .mdc-select.mdc-select--disabled .mdc-floating-label {
    color: GrayText;
  }
  .mdc-select.mdc-select--disabled .mdc-line-ripple::before {
    border-bottom-color: GrayText;
  }
  .mdc-select.mdc-select--disabled .mdc-notched-outline__leading,
.mdc-select.mdc-select--disabled .mdc-notched-outline__notch,
.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing {
    border-color: GrayText;
  }
  .mdc-select.mdc-select--disabled .mdc-select__icon {
    color: GrayText;
  }
  .mdc-select.mdc-select--disabled + .mdc-select-helper-text {
    color: GrayText;
  }
}
.mdc-select .mdc-floating-label {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
[dir=rtl] .mdc-select .mdc-floating-label, .mdc-select .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
.mdc-select.mdc-select--filled .mdc-floating-label {
  max-width: calc(100% - 64px);
}
.mdc-select.mdc-select--filled .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 64px / 0.75);
}
.mdc-select.mdc-select--outlined .mdc-floating-label {
  /* @noflip */
  left: 4px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label, .mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 4px;
}
.mdc-select .mdc-select__anchor {
  height: 56px;
  display: flex;
  align-items: baseline;
}
.mdc-select .mdc-select__anchor::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}
.mdc-select.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before {
  content: "​";
}
.mdc-select.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text {
  height: 100%;
  display: inline-flex;
  align-items: center;
}
.mdc-select.mdc-select--no-label .mdc-select__anchor::before {
  display: none;
}
.mdc-select .mdc-select__anchor {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.mdc-select .mdc-select__anchor {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 0;
}
[dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 16px;
}
.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 0;
}
[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 0;
}
.mdc-select .mdc-select__icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.mdc-select .mdc-select__dropdown-icon {
  width: 24px;
  height: 24px;
}
.mdc-select .mdc-select__menu .mdc-list-item {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 16px;
}
[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item, .mdc-select .mdc-select__menu .mdc-list-item[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 16px;
}
.mdc-select .mdc-select__menu .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 12px;
}
[dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item__graphic, .mdc-select .mdc-select__menu .mdc-list-item__graphic[dir=rtl] {
  /* @noflip */
  margin-left: 12px;
  /* @noflip */
  margin-right: 0;
}
.mdc-select__dropdown-icon {
  /* @noflip */
  margin-left: 12px;
  /* @noflip */
  margin-right: 12px;
  display: inline-flex;
  position: relative;
  align-self: center;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  pointer-events: none;
}
.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,
.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  position: absolute;
  top: 0;
  left: 0;
}
.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic {
  width: 41.6666666667%;
  height: 20.8333333333%;
}
.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  opacity: 1;
  transition: opacity 75ms linear 75ms;
}
.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
  opacity: 0;
  transition: opacity 75ms linear;
}
[dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] {
  /* @noflip */
  margin-left: 12px;
  /* @noflip */
  margin-right: 12px;
}
.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  opacity: 0;
  transition: opacity 49.5ms linear;
}
.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
  opacity: 1;
  transition: opacity 100.5ms linear 49.5ms;
}

.mdc-select__anchor {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  outline: none;
  cursor: pointer;
}
.mdc-select__anchor .mdc-floating-label--float-above {
  -webkit-transform: translateY(-106%) scale(0.75);
          transform: translateY(-106%) scale(0.75);
}
.mdc-select__anchor.mdc-select--focused.mdc-line-ripple::after {
  -webkit-transform: scale(1, 2);
          transform: scale(1, 2);
  opacity: 1;
}

.mdc-select__selected-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  line-height: 1.75rem;
  /* @alternate */
  line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  box-sizing: border-box;
  width: auto;
  flex-grow: 1;
  height: 28px;
  border: none;
  outline: none;
  padding: 0;
  white-space: nowrap;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  pointer-events: none;
  overflow: hidden;
  background-color: transparent;
  color: inherit;
}
.mdc-select__selected-text::-ms-expand {
  display: none;
}
.mdc-select__selected-text::-ms-value {
  background-color: transparent;
  color: inherit;
}

.mdc-select--outlined {
  border: none;
}
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: transparent;
}
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.87);
}
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 2px;
}
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #6200ee;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #6200ee);
}
.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,
.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,
.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.06);
}
.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor {
  background-color: transparent;
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  /* @noflip */
  border-top-left-radius: 4px;
  /* @noflip */
  border-top-right-radius: 0;
  /* @noflip */
  border-bottom-right-radius: 0;
  /* @noflip */
  border-bottom-left-radius: 4px;
}
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  /* @noflip */
  border-top-left-radius: 0;
  /* @noflip */
  border-top-right-radius: 4px;
  /* @noflip */
  border-bottom-right-radius: 4px;
  /* @noflip */
  border-bottom-left-radius: 0;
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  /* @noflip */
  border-top-left-radius: 0;
  /* @noflip */
  border-top-right-radius: 4px;
  /* @noflip */
  border-bottom-right-radius: 4px;
  /* @noflip */
  border-bottom-left-radius: 0;
}
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  /* @noflip */
  border-top-left-radius: 4px;
  /* @noflip */
  border-top-right-radius: 0;
  /* @noflip */
  border-bottom-right-radius: 0;
  /* @noflip */
  border-bottom-left-radius: 4px;
}
.mdc-select--outlined .mdc-select__selected-text {
  border-radius: 4px;
}
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: transparent;
}
.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  max-width: calc(100% - 60px);
}
.mdc-select--outlined .mdc-select__anchor {
  overflow: visible;
}
.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
          animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
}
.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  -webkit-transform: translateY(-37.25px) scale(1);
          transform: translateY(-37.25px) scale(1);
}
.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-34.75px) scale(0.75);
          transform: translateY(-34.75px) scale(0.75);
}
.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 1px;
}
.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before {
  content: "​";
}
.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text {
  height: 100%;
  display: inline-flex;
  align-items: center;
}
.mdc-select--outlined .mdc-select__anchor::before {
  display: none;
}
.mdc-select--outlined .mdc-select__selected-text {
  display: flex;
  border: none;
  z-index: 1;
  background-color: transparent;
}
.mdc-select--outlined .mdc-select__icon {
  z-index: 2;
}
.mdc-select--outlined .mdc-floating-label {
  line-height: 1.15rem;
}
.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 2px;
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple::after {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: #b00020;
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  fill: #b00020;
  /* @alternate */
  fill: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
  fill: #b00020;
  /* @alternate */
  fill: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 2px;
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}

.mdc-select--disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-select--with-leading-icon .mdc-floating-label {
  /* @noflip */
  left: 48px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 48px;
}
.mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item {
  /* @noflip */
  padding-left: 12px;
  /* @noflip */
  padding-right: 12px;
}
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item[dir=rtl] {
  /* @noflip */
  padding-left: 12px;
  /* @noflip */
  padding-right: 12px;
}
.mdc-select--with-leading-icon.mdc-select--filled .mdc-floating-label {
  max-width: calc(100% - 96px);
}
.mdc-select--with-leading-icon.mdc-select--filled .mdc-floating-label--float-above {
  max-width: calc(100% / 0.75 - 96px / 0.75);
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label {
  /* @noflip */
  left: 36px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 36px;
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
          transform: translateY(-37.25px) translateX(-32px) scale(1);
}
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl] {
  -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
          transform: translateY(-37.25px) translateX(32px) scale(1);
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
          transform: translateY(-34.75px) translateX(-32px) scale(0.75);
}
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
          transform: translateY(-34.75px) translateX(32px) scale(0.75);
}
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
          animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
  0% {
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
  0% {
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  }
}
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake, .mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
          animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
  0% {
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
  0% {
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  }
  100% {
    -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
            transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  }
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  max-width: calc(100% - 96px);
}

.mdc-select--filled .mdc-menu-surface--is-open-below {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.mdc-select__menu .mdc-select__icon {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-select__menu .mdc-select__icon, .mdc-select__menu .mdc-select__icon[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 0;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected,
.mdc-select__menu .mdc-list .mdc-list-item--activated {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__graphic,
.mdc-select__menu .mdc-list .mdc-list-item--activated .mdc-list-item__graphic {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-floating-label {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  /* @alternate */
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: 400;
  /* @alternate */
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: 0.009375em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
          text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  position: absolute;
  /* @noflip */
  left: 0;
  /* @noflip */
  -webkit-transform-origin: left top;
          transform-origin: left top;
  line-height: 1.15rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  /* @alternate */
  will-change: transform;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
  /* @noflip */
  right: 0;
  /* @noflip */
  left: auto;
  /* @noflip */
  -webkit-transform-origin: right top;
          transform-origin: right top;
  /* @noflip */
  text-align: right;
}

.mdc-floating-label--float-above {
  cursor: auto;
}

.mdc-floating-label--required::after {
  /* @noflip */
  margin-left: 1px;
  /* @noflip */
  margin-right: 0px;
  content: "*";
}
[dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 1px;
}

.mdc-floating-label--float-above {
  -webkit-transform: translateY(-106%) scale(0.75);
          transform: translateY(-106%) scale(0.75);
}

.mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
          animation: mdc-floating-label-shake-float-above-standard 250ms 1;
}

@-webkit-keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
}

@keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
            animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
            animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  }
  100% {
    -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
            transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  }
}
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
            transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
            transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-elevation-overlay {
  position: absolute;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #fff;
}

.mdc-menu {
  min-width: 112px;
}
.mdc-menu .mdc-list-item__meta {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-menu .mdc-list-item__graphic {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-menu .mdc-list {
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  position: relative;
}
.mdc-menu .mdc-list .mdc-elevation-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  /* @noflip */
  left: 0;
}
.mdc-menu .mdc-list-divider {
  margin: 8px 0;
}
.mdc-menu .mdc-list-item {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mdc-menu .mdc-list-item--disabled {
  cursor: auto;
}
.mdc-menu a.mdc-list-item .mdc-list-item__text,
.mdc-menu a.mdc-list-item .mdc-list-item__graphic {
  pointer-events: none;
}

.mdc-menu__selection-group {
  padding: 0;
  fill: currentColor;
}
.mdc-menu__selection-group .mdc-list-item {
  /* @noflip */
  padding-left: 56px;
  /* @noflip */
  padding-right: 16px;
}
[dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 56px;
}
.mdc-menu__selection-group .mdc-menu__selection-group-icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}

.mdc-menu-item--selected .mdc-menu__selection-group-icon {
  display: inline;
}
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-menu-surface {
  display: none;
  position: absolute;
  box-sizing: border-box;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  margin: 0;
  padding: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  opacity: 0;
  overflow: auto;
  will-change: transform, opacity;
  z-index: 8;
  transition: opacity 0.03s linear, -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  /* @alternate */
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
  border-radius: 4px;
  /* @alternate */
  border-radius: var(--mdc-shape-medium, 4px);
  /* @noflip */
  transform-origin-left: top left;
  /* @noflip */
  transform-origin-right: top right;
}
.mdc-menu-surface:focus {
  outline: none;
}
.mdc-menu-surface--open {
  display: inline-block;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.mdc-menu-surface--animating-open {
  display: inline-block;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}
.mdc-menu-surface--animating-closed {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.075s linear;
}
[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {
  /* @noflip */
  transform-origin-left: top right;
  /* @noflip */
  transform-origin-right: top left;
}

.mdc-menu-surface--anchor {
  position: relative;
  overflow: visible;
}

.mdc-menu-surface--fixed {
  position: fixed;
}

.mdc-menu-surface--fullwidth {
  width: 100%;
}
/**
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
 */
.mdc-top-app-bar {
  background-color: #6200ee;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #6200ee);
  color: white;
  display: flex;
  position: fixed;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  z-index: 4;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  color: #fff;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #fff);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-on-primary, #fff);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before {
  opacity: 0.08;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}
.mdc-top-app-bar__row {
  display: flex;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
}
.mdc-top-app-bar__section {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  padding: 8px 12px;
  z-index: 1;
}
.mdc-top-app-bar__section--align-start {
  justify-content: flex-start;
  order: -1;
}
.mdc-top-app-bar__section--align-end {
  justify-content: flex-end;
  order: 1;
}
.mdc-top-app-bar__title {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1.25rem;
  /* @alternate */
  font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  line-height: 2rem;
  /* @alternate */
  line-height: var(--mdc-typography-headline6-line-height, 2rem);
  font-weight: 500;
  /* @alternate */
  font-weight: var(--mdc-typography-headline6-font-weight, 500);
  letter-spacing: 0.0125em;
  /* @alternate */
  letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  text-decoration: inherit;
  /* @alternate */
  -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
          text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  text-transform: inherit;
  /* @alternate */
  text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  /* @noflip */
  padding-left: 20px;
  /* @noflip */
  padding-right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  z-index: 1;
}
[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 20px;
}

.mdc-top-app-bar--short-collapsed {
  /* @noflip */
  border-top-left-radius: 0;
  /* @noflip */
  border-top-right-radius: 0;
  /* @noflip */
  border-bottom-right-radius: 24px;
  /* @noflip */
  border-bottom-left-radius: 0;
}
[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] {
  /* @noflip */
  border-top-left-radius: 0;
  /* @noflip */
  border-top-right-radius: 0;
  /* @noflip */
  border-bottom-right-radius: 0;
  /* @noflip */
  border-bottom-left-radius: 24px;
}

.mdc-top-app-bar--short {
  top: 0;
  /* @noflip */
  right: auto;
  /* @noflip */
  left: 0;
  width: 100%;
  transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] {
  /* @noflip */
  right: 0;
  /* @noflip */
  left: auto;
}
.mdc-top-app-bar--short .mdc-top-app-bar__row {
  height: 56px;
}
.mdc-top-app-bar--short .mdc-top-app-bar__section {
  padding: 4px;
}
.mdc-top-app-bar--short .mdc-top-app-bar__title {
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}

.mdc-top-app-bar--short-collapsed {
  /* @alternate */
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  width: 56px;
  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
  display: none;
}
.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
  transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
  width: 112px;
}
.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 12px;
}
[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] {
  /* @noflip */
  padding-left: 12px;
  /* @noflip */
  padding-right: 0;
}

.mdc-top-app-bar--dense .mdc-top-app-bar__row {
  height: 48px;
}
.mdc-top-app-bar--dense .mdc-top-app-bar__section {
  padding: 0 4px;
}
.mdc-top-app-bar--dense .mdc-top-app-bar__title {
  /* @noflip */
  padding-left: 12px;
  /* @noflip */
  padding-right: 0;
}
[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 12px;
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  height: 128px;
}
.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  align-self: flex-end;
  padding-bottom: 2px;
}
.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
  align-self: flex-start;
}

.mdc-top-app-bar--fixed {
  transition: box-shadow 200ms linear;
}

.mdc-top-app-bar--fixed-scrolled {
  /* @alternate */
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 200ms linear;
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  height: 96px;
}
.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
  padding: 0 12px;
}
.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  /* @noflip */
  padding-left: 20px;
  /* @noflip */
  padding-right: 0;
  padding-bottom: 9px;
}
[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 20px;
}

.mdc-top-app-bar--fixed-adjust {
  padding-top: 64px;
}

.mdc-top-app-bar--dense-fixed-adjust {
  padding-top: 48px;
}

.mdc-top-app-bar--short-fixed-adjust {
  padding-top: 56px;
}

.mdc-top-app-bar--prominent-fixed-adjust {
  padding-top: 128px;
}

.mdc-top-app-bar--dense-prominent-fixed-adjust {
  padding-top: 96px;
}

@media (max-width: 599px) {
  .mdc-top-app-bar__row {
    height: 56px;
  }

  .mdc-top-app-bar__section {
    padding: 4px;
  }

  .mdc-top-app-bar--short {
    transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mdc-top-app-bar--short-collapsed {
    transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
    /* @noflip */
    padding-left: 0;
    /* @noflip */
    padding-right: 12px;
  }
  [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] {
    /* @noflip */
    padding-left: 12px;
    /* @noflip */
    padding-right: 0;
  }

  .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
    padding-bottom: 6px;
  }

  .mdc-top-app-bar--fixed-adjust {
    padding-top: 56px;
  }
}

/**
 * @created: Tue Oct 20 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

.nxa-wf-workspace-header-options { 
    height: 60px;
}

.nxa-wf-workspace-add-remove-doc-wrapper { 
/*    position: absolute;
    top: 30px;
    left: 80px;*/
    font-size: 16px;
}

.nxa-wf-workspace-add-doc-wrapper-perf { 
    font-size: 16px;
    cursor: pointer;
    /* margin is taken from nxa-container-spacer class */
    margin-left: 15px;
}

nxa-wf-workspace-header-rightcol {
    display: inline-grid;
}

nxa-workspace-nameplate.wf {
    float: none;
    top: initial;
    text-align: right;
    display: grid;
}


.nxa-doc-info-waiting-text { 
    color: #999900;
    padding-left: 4px;
    display: inline-block;
    font-style: italic;
}

.nxa-wf-workspace-doc-pdf-icon { 
    padding: 0px;
}

.nxa-wf-workspace-doc-pdf-remove-btn { 
    padding: 0px 0px 0px 6px;
    cursor: pointer;
}

.nxa-wf-workspace-doc-pdf-remove-btn:hover { 
    filter: invert(95%) sepia(34%) saturate(3651%) hue-rotate(357deg) brightness(106%) contrast(107%);
    cursor: pointer;
}

.nxa-wf-workspace-doc-link-text {
    padding: 0px 0px 0px 6px;
    color: rgb(51,153,236);
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
    display: inline-block;
}

.nxa-wf-workspace-doc-pdf-text:hover {
    color:rgb(56, 14, 247);
}
/**
 * @created: Fri Apr 21 2023
 * @author: Paul Bethune
 *
 * @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */


 nxa-widget-actions-editor {
    min-width: 800px;
    display: block;
    font-size: var(--nxa-default-fontsize);
 } 


.nxa-action-btn {
    height: 30px;
    width: 30px;
    padding: 4px;
    margin: 2px 0px 2px 0px;
    border-radius: 2px;
    cursor: pointer;
}

.nxa-btn-link {
    background: transparent;
    border: none;
    outline: none;
    color:  var(--nxa-color-purp);
}

.nxa-btn-link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.nxa-btn-link:focus {
    outline: none;
}


 nxa-walp-header {
    display: block;
    text-align: right;
 }

 nxa-widget-actions-dashlet {
    display: block;
 }

 nxa-wad-event {
    width: 30%;
    min-width: 200px;
 }

 nxa-wad-action {
    display: block;
    min-width: 200px;
    text-align: right;
 }

 nxa-wad-action[first] {
    display: inline-block;
    min-width: 200px;
 }

 nxa-wae-events {
    display: block;
    width: fit-content;
    max-height: calc(75vh - 70px);
    overflow-y: auto;
 }

 nxa-wae-event {
    display: block;
 }

nxa-wae-event-bar {
    display: flex;
    width: 100%;    
}

nxa-wae-event-bar .nxa-eventName {
    align-items: center;
    justify-content: left;
    width: 50%;
    display: flex;
    margin-left: 10px;
    padding-left: 10px;  
    background-color: var(--nxa-color-purp);
    color: var(--nxa-color-white);
}

nxa-wae-event-bar nxa-wae-event-controls {
    align-items: end;
    justify-content: right;
    width: 50%;
    display: flex;
    margin-right: 10px;
    padding: 5px;
    background-color: var(--nxa-color-purp);
}

nxa-wae-header {
    display: flex;
    width: 100%;
    justify-content: right;
}

nxa-action-editor {
    display: flex;
    align-items: flex-start;
    width: 800px;
    margin-left: 15px;
    margin-top: 5px;
}

nxa-action-editor:last-child {
    margin-bottom: 5px;
}

nxa-ae-settings {
    display: flex;
}

nxa-ae-settings nxa-goto-msg {
    display: inline-block;
    width: max-content;
    max-width: 400px;
    min-width: fit-content;
}

nxa-ae-controls {
    flex-grow: 0;
    font-size: 0.8em;
    order: 2;
}

nxa-action-editor .nxa-row-child {
    flex-direction: row;
    display: flex;
}

.nxa-row-child.nxa-action-editor-checkbox-wrapper {
    align-items: center;
}

nxa-dropdown .nxa-ui-checkbox-choice {
    margin: 0px 5px;
}

nxa-widget-action-list-panel nxa-dropdown .nxa-ui-checkbox-choice {
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
}

nxa-action-editor nxa-dropdown {
    margin-top: 0px;
    min-width: fit-content;
}

nxa-action-editor .nxa-simpledata-input.gotomsg {
   min-width: 250px;
   max-width: 300px;
   display: flex;
}

nxa-action-editor .nxa-simpledata-input.reperform-from-msg {
    min-width: 250px;
    max-width: 300px;
    display: flex;
    flex-grow: 1;
 }
 

nxa-wae-event-controls .nxa-wae-control {
    visibility: hidden;    
}

nxa-wae-event-bar:hover .nxa-wae-control,
nxa-wae-event-bar:hover .nxa-wae-control:hover {
    visibility: visible;    
}

.nxa-wae-control:hover {
    cursor: pointer;    
}

.nxa-wae-control.delete .nxa-icon-background,
.nxa-wae-control.action .nxa-icon-background,
.nxa-wae-control.event .nxa-icon-background
 {
    color: var(--nxa-color-white);
}

.nxa-wae-control.event {
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.nxa-wae-control:hover.delete .nxa-icon-background {
    color: var(--nxa-color-lightred);
}

.nxa-wae-control:hover.event .nxa-icon-background,
.nxa-wae-control:hover.action .nxa-icon-background {
    color: var(--nxa-color-lightblue);
}

nxa-ae-controls .nxa-control-icon:hover {
    cursor: pointer;
}
nxa-ae-controls .nxa-control-icon:hover.locked .nxa-icon-background,
nxa-ae-controls .nxa-control-icon:hover.check .nxa-icon-background {
    color: var(--nxa-color-green);
}
nxa-ae-controls .nxa-control-icon:hover.delete .nxa-icon-background {
    color: var(--nxa-color-red2);
}

/* button:hover span {
    display: none
  }
  
  button:hover:before {
    content: "Reply!"
  } */
.nxa-auth-doc-attr-pane {
    background-color: white;
    display: block;
    height: 100%;
    overflow-y: auto;
    opacity: .999; /* 3760: (Authoring Side Panel) Chrome tabs drawing over Instructions menu items */
}

.nxa-references-pane {
    display: block;
    opacity: .999; /* 4168: (Authoring Side Panel) Chrome tabs drawing over Instructions menu items */
}

.dontShow{
    display: none;
}
.showInvisible{
    /* display: none; */
    visibility: hidden;
}
.nxa-synch-attrs-btn {
    float: right;
    padding: 0;
    margin-top: 2px;
    height: 15px;
}

.nxa-rotate {
    animation: rotation 2s infinite linear;
}

@keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }

/**
 * @created: Mon Dec 02 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Sole Proprietary of NextAxiom and confidential information, subject to license terms.
 *
 * This file contains NextAxiom Computer Software, and Background Intellectual
 * Property including but not limited to subjects relating to patent application # 16/353,895
 * as sole property of NextAxiom.
 *
 */

.nxa-palette {
    display: block;
    position: relative;
}

.nxa-pallete-item-large { 
    font-size: 2em;
}

.nxa-pallete-item-medium { 
    font-size: 1.5em;
}

.nxa-pallete-item-small { 
    font-size: 1em;
}

.nxa-palette-item { 
    padding: 2px;       
    width: 100%;
    border-bottom-width: 2px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-color: #F5F5F5;
}

.nxa-palette-item:hover {
    cursor: all-scroll;
    color: var(--nxa-color-menu-blue);
    border: 1px solid var(--nxa-color-menu-blue);
}

.nxa-palette-item.disabled {
    cursor: auto;
    background-color: #E8E8E8;
    border: 1px solid gray;
}

.nxa-palette-item-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline;
    padding-left: 10px;
    user-select: none;
}

.nxa-palette-item-name.link {
    text-decoration: underline;
}

.nxa-palette-item-name.link:hover {
    text-decoration: underline;
    color:rgb(18, 105, 163);
}

.nxa-palette-draggable {
    display: block;
    width: 100%;
    height: 100%;
}

.nxa-palette-icon {
    margin-left: 10px;
    padding: 0;
}

.nxa-palette-view-tabs {
    float: right;
    padding: 2px;
    z-index: 10;
}

.nxa-palette-title {
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom: 5px;
    display: inline-block;
}

.nxa-palette-tab {
    border-color: black;
    line-height: 1 !important;
    padding-left: 2px;
    padding-right: 2px;
}

.nxa-palette-tab:hover {
    cursor: pointer;
    color: var(--nxa-color-menu-blue);
}

.nxa-palette-view-header {
    background-color: #DFEEFE;
}

/* .nxa-collapsable.relative div+div div,
.nxa-collapsable.relative div+div ul */
/* .nxa-datawidget-attribute */
nxacollapsable innerwrap {
    overflow-y: auto;
    overflow-x: hidden;
   /* max-height: var(--widgetExpandedHeight);*/
}


/**
 * @created: Mon Feb 17 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

 .nxa-reference-import-side-btn
 {
   font-size: 1.5em;
   width: 50%;
   display: block;
 }

 .nxa-reference-item-div {
   /*
  height: 30px;
  width: 100%;
  max-height: 30px;
  overflow: hidden;
  */
}

.nxa-reference-item-icon { 
  color: rgb(91, 155, 213);
  padding-left: 5px;
}

.nxa-reference-item-icon-leaf { 
  color: rgb(91, 155, 213);
}

.nxa-reference-item-text-span { 
  padding-left: 4px;
}

.nxa-reference-tree-item-with-childs { 
  display: inline-block;
}

.nxa-reference-tree-item-caret-span { 
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.nxa-reference-item-name { 
  font-size: 13px;
  margin-left: 8px; 
  color:black; 
  display: inline-block;
  width: 90%;
  height: 100%;
}

.nxa-reference-delete-btn-class { 
  padding: 4px 4px 0px 0px;
  cursor: pointer;
  opacity: 0.95;
  float: right;
}

.nxa-reference-delete-btn-class:hover { 
  opacity: 1.5;
}

.nxa-reference-delete-btn-class:active { 
  opacity: 1.5;
}

nxa-auth-references .nxa-shortcut-icon {
  color: var(--nxa-color-btnblue);
  text-align: center;
  padding-left: 5px;
}

/**
 * @created: Tue Mar 26 2024
 * @author: Alexander J. Vincent
 *
 * @copyright(c) 2024 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

.nxa-shortcuts-pane {
    color: var(--nxa-color-btnblue);
    display: block;
    width: initial;
}

.nxa-shortcuts-pane .nxa-shortcut-text {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.nxa-shortcuts-pane .fa-bookmark {
    margin-left: 5px;
    margin-right: 5px;
    color: var(--nxa-color-black);
}


/**
 * @created: Mon Dec 02 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Sole Proprietary of NextAxiom and confidential information, subject to license terms.
 *
 * This file contains NextAxiom Computer Software, and Background Intellectual
 * Property including but not limited to subjects relating to patent application # 16/353,895
 * as sole property of NextAxiom.
 *
 */

.nxa-auth-workbench  {
    min-width: 200px;
    position: absolute;
    z-index: 2;
}

.nxa-auth-workspace-container-children {
    overflow: auto;    
    display: block;
    padding: 0px 0px 200px 0px; /* add padding at bottom so last container doesn't get cut off */
    margin: 0px;
    border: 0px;
    height: calc(100vh - 200px);  /* 120 account for top menu bar and tab manager space */
}

.nxa-auth-workspace-appendices {
    overflow: auto;    
    display: block;
    padding: 0px 0px 60px 0px; /* add padding at bottom so last container doesn't get cut off */
    margin: 0px;
    border: 0px; 
    height: calc(100vh - 225px);
}

.nxa-auth-workspace-appendices.toc {
    overflow: inherit;    
    height: initial;
}

.nxa-auth-workspace-container-children.toc {
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.nxa-auth-workspace-container-children.selector {
    overflow: unset;    
    display: block;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

.nxa-auth-workspace-container-children.view {
    overflow: auto;    
}

nxa-workspace-nameplate {
    position: relative;
    float: right;
    top: 0px;
    color: rgb(127,127,127);
    padding-right: 32px;
}

nxa-workspace-title.read-only {
    background-color: #212529;
    color: white;
}

nxa-workspace-title.read-only.nxa-workspace-restricted-access {
    background-color: var(--nxa-color-darkorange);
    color: var(--nxa-color-black);
}

.nxa-wrapper-right {
    float: right;
    z-index: 10;
}

.nxa-close-icon {
    padding: 7px;
    cursor: pointer;
    background-color:#EEE;
    float: right;
    z-index: 9999;
}

.nxa-title-placeholder {
    color: gray;
}

.nxa-content-editor-toolbar {
    width: 540px;
    position: fixed;
    right: 10px;
    top: -5px;
}

nxasidebar-content {
    position: absolute;
    overflow: scroll-y;    
    left: 44px;
    top: 0px;
    /* width: calc(100% - 45px); */
    width: var(--nxa-offSideBarWidth);
}
.showInvisible {
    /* display: none; */
    visibility: hidden;
}


.nxa-sidebar-title-btn
{
  color: rgb(36, 187, 242);
  font-size: 13px;
  text-decoration: underline;
  background: transparent;
  border: none;
  outline: none;
  margin-right: 8px;
  float: right;
}

.nxa-sidebar-title-btn[onwhite] {
    color: #0070C0;
    text-decoration: none;
    font-size: 14px;
}

.nxa-sidebar-title-btn[onwhite]:hover
{
    color: #0070C0;
    cursor: pointer;
    text-decoration: underline;
}


.nxa-sidebar-title-btn:hover {
    color: white;
    cursor: pointer;
}
.nxa-sidebar-title-btn.disabled:hover {
    cursor: not-allowed;
}
  
.nxa-sidebar-title-btn:focus {
    outline: none;
}

nxa-workspace-header {
    width: calc(100% - 100px);
    display: block;
    margin-left: 32px;
}

nxa-workspace-header.multicolumn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

nxa-workspace-header-controls {
    outline: 2px solid var(--nxa-color-lightgray);
}

.nxa-previous-change-btn-icon,
.nxa-next-change-btn-icon,
.nxa-add-checkpoint-trackchanges-btn-icon {
    font-size: 24px;
}

.nxa-add-checkpoint-trackchanges-btn-icon {
    height: 30px;
}

.nxa-previous-change-btn-text,
.nxa-next-change-btn-text {
    font-size: 14px;
    vertical-align: text-bottom;
    margin-left: 2px;
    user-select: none;
}

.nxa-add-checkpoint-trackchanges-btn-text {
    white-space: pre-line;
    text-align: center;
}

ul.nxa-auth-changetracking-menu-section {
    display: flex;
    list-style-type: none;
    padding-inline-start: 0px;
    margin-bottom: 0px;
}

ul.nxa-auth-changetracking-menu-section > li {
    padding: 5px;
}

ul.nxa-auth-changetracking-menu-section .vertical {
    display: flex;
    flex-direction: column;
}

ul.nxa-auth-changetracking-menu-section .horizontal {
    display: flex;
    flex-direction: row;
}

.nxa-dropmenu-button.nxa-auth-changetracking-menu-groupbutton {
    font-size: revert;
    padding: 0px;
    display: flex;
    flex-direction: column;
    float: left;
    color: var(--nxa-color-black);
}

.nxa-auth-changetracking-menu-groupbutton::after {
    display: none;
}

.nxa-auth-changetracking-menu-groupbutton > img {
    padding: 0px;
    height: 30px;
}

.nxa-auth-changetracking-menu-groupbutton + .fa-caret-down {
    padding-top: 10px;
    padding-bottom: 20px;
}

.nxa-auth-changetracking-menu-groupbutton + .fa-caret-down::before {
    color: var(--nxa-color-btnblue);
}

nxa-auth-changetracking-menubutton {
    padding: 2px;
}

nxa-auth-changetracking-menu .nxa-dropmenu-item.disabled {
    background-color: revert;
}

nxa-auth-changetracking-menu .nxa-dropmenu-item.disabled,
nxa-auth-changetracking-menubutton.disabled {
    opacity: 0.3;
}

nxa-auth-changetracking-menu-sublabel {
    font-size: 8px;
    text-align: center;
    border-top: 1px dotted black;
    padding-top: 2px;
    margin-top: 2px;
    user-select: none;
    display: block;
}

nxa-auth-changetracking-menu .nxa-auth-changetracking-off-warning {
    background-color: var(--nxa-color-orange);
    color: var(--nxa-color-white);
    text-align: center;
    font-size: large;
}

.nxa-menu-showtrackedchanges-button,
.nxa-menu-enablechangetracking-button
{
    display: flex;
    flex-direction: column;
}

.nxa-menu-showtrackedchanges-button .fa-light,
.nxa-auth-changetracking-togglebutton .fa-light
{
    font-size: 24px;
    padding-bottom: 4px;
}

.nxa-auth-changetracking-togglebutton {
    text-align: center;
    padding: 2px;
    outline: 1px solid var(--nxa-color-black);
    box-shadow: 2px 2px var(--nxa-color-gray);
}

.nxa-auth-changetracking-togglebutton.depressed {
    background-color: var(--nxa-color-lightestgray);
}

.nxa-auth-changetracking-togglebutton > span {
    user-select: none;
}

.nxa-auth-activewidget-highlight {
    box-shadow: 0px 0px 11px 5px rgba(144,46,255,0.9);
    position: absolute;
    pointer-events: none;
}

.nxa-auth-activewidget-highlight-outline {
    box-shadow: 0px 0px 11px 5px rgba(144,46,255,0.9);
}

.nxa-tracked-changes-highlight {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: var(--nxa-color-btnblue);
}

nxa-workspace-type {
    color: rgb(127,127,127);
    display: inline-flex;
}

nxa-revision-info {
    color: rgb(127,127,127);
    display: inline-flex;
}

nxa-workspace-title {
    color: black;
    display: inline-block;
    width: 100%;
    vertical-align: middle; 
    padding-right: 32px;   
}

.nxa-workspace-isval-req-wrapper {
    float: right;
    vertical-align: middle;
    width: 100%;
    padding: 5px;
}

.nxa-workspace-isval-req-wrapper.read-only {
    background-color: #212529;
    color: white;
}

.nxa-workspace-lock-icon {
    color: white;
    padding: 5px;
}

.nxa-workspace-restricted-access .nxa-workspace-lock-icon {
    color: var(--nxa-color-black);
}

.nxa-workspace-isval-req-wrapper.nxa-dwf {
    height: 30px;
    align-self: center;
    padding-left: 10px;
    top: 50%;
    left: 50%;
    transform: translateY(15%);
}

.nxa-revision-info {
    color: rgb(127,127,127);
    float: right;
}

.read-only .nxa-revision-info {
    color: white;
}

.read-only.nxa-workspace-restricted-access .nxa-revision-info {
    color: var(--nxa-color-black);
}

.nxa-isval-req-label {
    padding-left: 5px;
    padding-right: 5px;
    top: -5px;
    position: relative;
}

.nxa-authwork-lastpublished,
.nxa-authwork-forcecheckin {
    text-align: right;
}

.nxa-header-toolbar {
    background-color: white;
    /* box-shadow: 1px 2px 5px black; */
    /* border: 1px solid gray; */
    width: 100%;
    height: 100%;
    display: block;
}

.nxa-undo-redo-buttons {
    height: 25px;
    width: 25px;
    padding: 4px;
    margin: 2px 0px 2px 0px;
    border-radius: 2px;
    cursor: pointer;
}

.nxa-undo-redo-buttons:hover {
    background-color: lightgray;
}

.nxa-undo-redo-buttons.disabled {
    color: lightgray;
}

.nxa-undo-redo-buttons.disabled:hover {
    background-color: initial;
}


.nxa-toolbar-track-changes-buttons {
    height: 25px;
    width: 25px;
    padding: 0px;
    margin: 2px 3px 2px 0px;
    cursor: pointer;
}

.nxa-toolbar-track-changes-buttons.tracking { 
    background-color: darkgray;
}

.nxa-toolbar-track-changes-buttons:hover {
    background-color: lightgray;
}

.nxa-toolbar-track-changes-buttons.disabled {
    color: lightgray;
}

.tool-bar-item-wrapper {
    display: inline-block;
    width: fit-content;
    /* border-right: 1px solid gray; */
    padding-left: 2px;
    right: 65px;
    top: -2px;
    position: absolute;
}

.nxa-dropdown-item-icon {
    padding-bottom: 5px;
    padding-left: 5px;
    height: 21px;
    width: 31px;
}

.nxa-propertysheet-container {
    overflow: auto;
}

.nxa-propertysheet-container .chrome-tabs {
    border-radius: unset;
}

.nxa-propertysheet-icon {
    background-color: var(--nxa-color-darkcyan);
    padding-left: 10px;
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%;
    position: absolute;
    left: -40px;
    top: 45px;
    z-index: 2;
}
.nxa-propertysheet-icon:hover {
    background-color: var(--nxa-color-darkcyanlight);
}

.nxa-propertysheet-icon > img {
    padding-top: 5px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-right: 5px;
}

.nxa-auth-action-submenu {
    position: absolute;
}







.nxa-conditional-controller-wrapper {
    margin-left: 50px;
    margin-top: 20px;
    font-size: 12pt;
    color: rgb(89, 89, 89);
    font-weight: bold;
}

.nxa-widget-select-wrapper {
    display: inline;
}

.nxa-conditional-span-elm {
    padding-right: 4px;
}

.nxa-conditional-inputs {
    margin-left: 5px;
    margin-right: 5px;
    height: 30px;
    padding: 0 !important;
}

.nxa-conditional-controller-span {
    margin: 0;
}

.nxa-conditional-controller-border {
    border: 2px dashed gray;
    margin-top: 30px;
}

.nxa-conditional-controller-title {
    color: rgb(89, 89, 89);
    text-align: center;
}

.nxa-conditional-controller-content {
    color:  lightgray;
    font-style: italic;
    text-align: center;
}
/**
 * @created: Mon Mar 02 2020
 * @author: Paul Bethune
 *
 *  @copyright(c) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 * Sole Proprietary of NextAxiom and confidential information, subject to license terms.
 *
 * This file contains NextAxiom Computer Software, and Background Intellectual
 * Property including but not limited to subjects relating to patent application # 16/353,895
 * as sole property of NextAxiom.
 *
 */

.nxa-context-menu {
     margin-left: 14px;
     position: absolute;
     font-size: 14px;
     width: fit-content;
}

.nxa-context-menu.front {
    z-index: 450;
}
.nxa-context-menu.back {
    z-index: -1;
}

.nxa-context-menu .nxa-menu-item {
    color: #fff;
    border: 0;
    margin-bottom: 6px;
    white-space: nowrap;
    background: transparent;
}

.nxa-context-menu .nxa-menu-item.nxa-bgcolor-red {
    background: red;
}

.nxa-context-menu .nxa-menu-item > .nxa-icon-background:hover {
    color: var(--nxa-color-menu-blue);
    cursor: pointer;
    opacity: 0.8;
}

.nxa-context-menu .nxa-menu-item > .nxa-icon {
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0;   
}

nxa-context-submenu {
    display: block;
    position: relative;
    top: -61px;
    left: 38px;
}

.nxa-AuthoringTool .nxa-context-menu-overflow-auto{
    max-height: 348px;
    overflow-y: auto;
}

.nxa-AuthoringTool nxa-context-submenu nxa-context-submenu,
.nxa-AuthoringTool .nxa-context-menu-overflow-auto .nxa-context-menu-overflow-auto {
    max-height: none;
}

nxa-context-submenu.delete-hidden {
    top: -30px;
}

nxa-context-submenu.bottom {
    top: 5px;
    left: 5px;    
}

nxa-context-submenu.bottom-inline {
    top: 50px;
    left: -145px;
    position: absolute;
}

nxa-context-submenu .nxa-context-menu-item {
    list-style: none;
    padding-top: 5px;
    display: inline;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    border: 0px;
    background-color: white;
    padding-left: 10px;
}

nxa-context-submenu nxa-context-submenu .nxa-context-menu-item {
    list-style: none;
    padding-top: 5px;    
    display: block;
    width: 200px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    border: 0px;
    background-color: white;
    /* padding-left: 25px; */
}

nxa-context-submenu .nxa-context-menu-item:hover {
    background-color: rgb(208, 240, 255);
}


.nxa-context-menu-item-wrapper {
    background-color: white;
    min-width: 200px;
    width: auto;
    user-select: none;
    font-size: 14px;
    padding-left: 2px;
}

.nxa-context-menu-item-wrapper:hover {
    background-color: rgb(208, 240, 255);
    cursor: pointer;
}

nxa-context-submenu nxa-context-submenu {
    top: 0px;
    left: 0px;
}

nxa-context-submenu nxa-context-submenu.nxa-dropshadow-black {
    filter: none;
}

.nxa-context-menu .nxa-menu-item-separator {
    padding: 0px;
    margin: 0px;
}

.nxa-context-menu-image-element { 
    padding : 0px 0px 2px 5px;
    height : 20px;
    width : 21px;
    text-align: center;
}

.nxa-context-menu.front.inline-with-controls {
    bottom: -8px;
    right: -18px;
    text-align: right;
    position: absolute;
}

.nxa-perf-context-menu-circle {
    top: 2px;
}

.nxa-hidden-image {
    visibility: hidden;
}

.nxa-context-menu-item-wrapper.title {
    background: lightblue;
}
.nxa-context-menu-item-wrapper.title:hover {
    cursor: none;
    background-color: lightblue;
}


.nxa-context-menu-item-wrapper button.nxa-context-menu-item {
    width: auto;
    display: inline;
    background-color: inherit;
}

.nxa-context-menu-item-wrapper.header {
    background-color: var(--nxa-color-purp);
}

.nxa-context-menu-item-wrapper.header button.nxa-context-menu-item {
    color: white;
    font-weight: 700;
    padding-top: 0px;
}


.nxa-context-menu-item-wrapper.closer {
    background-color: var(--nxa-color-purp);
}

.nxa-context-menu-item-wrapper.closer:hover:before {
    content: "Close Menu";
    float: right;
    padding-right: 10px;
    color: var(--nxa-color-lightpink);
}

.nxa-context-menu-item-wrapper.closer:hover button.nxa-context-menu-item {
    display: none;
}
.nxa-context-menu-item-wrapper.closer button.nxa-context-menu-item {
    color: white;
    font-weight: 900;
    padding-top: 0px;
}

.nxa-context-menu-overflow-auto{
    overflow-x: hidden;
    overflow-y: auto;
}

.tox-menu nxa-context-submenu:not(svg):not(rect) {
    filter: none;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 14px;
}

.tox-menu .nxa-context-menu-item-wrapper {
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
}

.tox-menu .nxa-context-menu-item {
    margin-left: 8px;
}

.tox-menu .nxa-context-menu-image-element {
    height: 24px;
    width: 24px;
}

.tox-menu .nxa-menu-item-separator:not(svg):not(rect) {
    border-top: 1px solid #cccccc;
}

/**
 * @created: Mon Apr 14 2025
 * @author: Paul Bethune
 *
 * @copyright(c) 2025 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */


.nxa-rev-comment-title {
    background-color: white;
    color: var(--nxa-color-blue-std);
    padding-left: 8px;
}

.nxa-rev-comment-title .nxa-sidebar-title-btn {
    color: var(--nxa-color-blue-std);
}

.nxa-rev-comment-title .nxa-sidebar-title-btn:hover {
    cursor: pointer;
    color: black;
}

.nxa-rev-comment-title-text {
    font-weight: bold;
    padding-left: 8px;
}

.nxa-rev-comment-content {
    padding-left: 7px;
    padding-right: 7px;
    border: 1px solid var(--nxa-color-blue-std);
    margin: 7px;
    border-radius: 2%;
}

.nxa-rev-comment-text {
    height: 10em;
    width: 100%;
}

.nxa-rev-comment {
    padding-bottom: 3px;
}

.nxa-rev-comment-header {
    font-style: italic;
}

.nxa-rev-comment-body {
    text-wrap: wrap;
}

.nxa-rev-comment-reply-text {
    width: 95%;
    height: 35px;
    margin: 5px;
    overflow: hidden;
    white-space: pre-wrap;
}

.nxa-rev-reply {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 8px;
}

.nxa-rev-reply-header {
    font-style: italic;
}

.nxa-rev-btn-link {
    background: transparent;
    border: none;
    outline: none;
    color:  var(--nxa-color-purp);
    padding: 0px;
}

.nxa-rev-btn-link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.nxa-rev-btn-link:focus {
    outline: none;
}

.nxa-modal-selector {
    margin-left: 2px;
}

nxa-dropdown.modal-wrapper {
    display: flex;
    padding: 5px;
}

.nxa-dialog-full-row-div textarea.nxa-medium-text {
    height: 200px;
    width: calc(100% - 16px);
}

nxa-comment-view {
    display: block;
    margin: 5px 0px 5px 20px;
    width: 95%;
}

nxa-comment-view.nxa-topic {
    margin: 5px;
}

nxa-comment-user {
    margin-top: 2px;
    display: block;
    font-size: 1.3rem;
    font-weight: 500;
    color: var(--nxa-color-black);
}

nxa-comment-view.nxa-topic nxa-comment-user {
    margin-left: 0px;
}

nxa-comment-view nxa-comment-user {
    margin-left: 7px;
}

nxa-comment-user nxa-circular-button {
    width: 24px; 
    height: 24px;
    line-height: 20px;
    background-color: #82B2DD; 
    border-radius: 12px;
    color: rgb(0, 0, 0); 
}

nxa-comment-user nxa-circular-button.nxa-thread-owner {
    background-color: #82B2DD; 
}

nxa-comment-user nxa-circular-button.nxa-thread-responder {
    background-color: rgb(88, 53, 170);     
}

nxa-comment-user nxa-circular-button.nxa-thread-responder nxa-circle-text {
   color: white;
}

nxa-comment-user nxa-circle-text {
    width: 12px;
    height: 13px;
    
    font-family: 'Arial Narrow';
    font-weight: 600;
    font-size: 10px;
    line-height: 134.77%;
    /* or 13px */
    
    color: #000000;
}

.nxa-topic-collapse nxa-comment-user {
    display: inline;
    padding-left: 5px;
    text-overflow: ellipsis;
}


nxa-comment-user span {
    padding-left: 5px;
    vertical-align: super;
}

.nxa-topic-collapse .fas.fa-angle-right {
    vertical-align: super;
}
.nxa-topic-collapse .fas.fa-angle-down {
    vertical-align: super;
}

nxa-comment-category {
    padding-left: 10px;
}

nxa-comment-menu {
    display: block;
}

nxa-comment-msg {
    display: block;
    margin-left: 30px;
    white-space: pre-wrap;
}

nxa-comment-msg[contenteditable='true'] {
    border: 2px solid black;    
}

.nxa-topic nxa-comment-msg {
    margin-left: 40px;
}

nxa-reviewer-comment-panel .nxa-collapsable-title {
    width: 100%;
    background-color: rgb(18, 17, 18);
}


nxa-edit-footer {
    margin-top: 5px;
    display: block;
    width: 95%;
    min-height: 25px;
}

.nxa-icon-wrapper .nxa-control-icon:hover {
    cursor: pointer;
}

nxa-comment-msg[contenteditable='true'] + .nxa-icon-wrapper .nxa-control-icon.save,
nxa-comment-msg[contenteditable='true'] + .nxa-icon-wrapper .nxa-control-icon.cancel,
nxa-comment-view:hover .nxa-icon-wrapper .nxa-control-icon.edit:not(.isEditing),
nxa-comment-view:hover .nxa-icon-wrapper .nxa-control-icon.delete:not(.isEditing),
.nxa-collapsable .nxa-thread-wrapper .nxa-collapsable-title:hover .nxa-control-icon.delete 
{
    display: inline-block;
}

.nxa-icon-wrapper .nxa-control-icon {
    font-size: 0.8em;
    display: none;
}

.nxa-collapsable-title nxa-thread-title .nxa-control-icon.delete {
    font-size: 0.7em;
    display: none;
    margin-right: 10px;
}

.nxa-icon-wrapper .delete:hover .nxa-icon-background {
    color: var(--nxa-color-red2);
}

.nxa-collapsable-title.nxa-icon-wrapper .delete:hover .nxa-icon-background {
    color: var(--nxa-color-red);
    cursor: pointer;
}

.nxa-icon-wrapper .cancel:hover .nxa-icon-background {
    color: red;
}
.nxa-icon-wrapper .save:hover .nxa-icon-background,
.nxa-icon-wrapper .edit:hover .nxa-icon-background {
    color: var(--nxa-color-btnblue);
}



.nxa-table-cell.nxa-auth-sidebar-right .nxa-collapsable.nxa-thread-wrapper {
    width: 90%;
    display: block;
    margin-left: 15px;
    margin-top: 10px;
    margin-right: 15px;
    border: 1px solid #17d0bf;
    border-radius: 10px;
    min-width: 100px;
    max-width: 500px;
    padding: 5px;
}

.nxa-thread-wrapper nxa-separator {
    display: block;
    width: 90%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.nxa-table-cell.nxa-auth-sidebar-right .nxa-collapsable.nxa-thread-wrapper .nxa-collapsable-content
 {
    min-height: unset;
    max-height: unset;
    height: auto;
}

.nxa-table-cell.nxa-auth-sidebar-right .nxa-collapsable.nxa-thread-wrapper .nxa-collapsable-title {
    color: black;
    background-color: white;    
}

.nxa-table-cell.nxa-auth-sidebar-right .nxa-collapsable.nxa-thread-wrapper .nxa-collapsable-title .nxa-palette-icon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}




    
/**
 * @created: Tue Apr 29 2025
 * @author: Paul Bethune
 *
 * @copyright(c) 2025 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

 
.nxa-navbar-float-right {
    float:right;
}

nxaauthtoolmenu .nxa-logo {
    width: 180px;
    height: auto;
    padding: 0;
}

nxaauthtoolmenu .nav-link.dropdown-toggle.nxa-dropmenu-button {
    padding-left: 5.5rem;
    color: rgb(4, 78, 147);
} 

nxaauthtoolmenu .nxa-region-id-span {
    font-size: 16px;
    font-weight: 600;
}

nxaauthtoolmenu .nxa-navbar-float-right {
   display: flex;
   align-items: center;
}

nxaauthtoolmenu .navbar.navbar-expand.navbar-dark {
    height: auto;
    padding: 0px 1rem;
}

nxaauthtoolmenu .navbar-brand {
    font-size: 2em;

}

nxaauthtoolmenu .nxa-logout-modal-control-button.logout {    
    font-size: 1.5rem;
    height: 20px;
    vertical-align: middle;
}

@media (width <= 1300px) {
    nxaauthtoolmenu .nav-link.dropdown-toggle.nxa-dropmenu-button {
        padding-left: 2.0rem;
    } 
    nxaauthtoolmenu .navbar-brand {
        font-size: 1.5em;
        
    }
        
    nxaauthtoolmenu .nxa-logo {
        width: 100px;
        height: auto;
    }
    
    nxaauthtoolmenu .nxa-logout-modal-control-button.logout {
        display: block;
        font-size: 1.5rem;
        height: 20px;
    }
}

/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
.nxa-content {
    text-align: left;
    padding: 4px;
    padding-top: 0px;
    display: block;
    font-size: 12pt;
    font-family: Arial,sans-serif;
    min-height: 20px; /* Issue 3058: Fixed Table cells not auto-growing height in Firefox */
}

.nxa-content-white {
    color: white;
}

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

.nxa-content-non-editable {
    text-align: left;
    padding: 4px;
    display: block;
    font-size: 12pt;
    font-family: Arial,sans-serif;
}

.nxa-content.nxa-title-relative {
    position: relative !important;
}

.nxa-content-editor-content:before {
    display: none;
}


.nxa-content-editor-content:before:focus {
    display: block;
    position: absolute;
    /*content: attr(data-placeholder);*/
}

.nxa-content-editor-content:empty:before {
    display: block;
    /*content: attr(data-placeholder);*/
}

:is(.nxa-content, .nxa-formattable-text-area) :is(div:empty, p:empty)::after {
    content: "\a"; /* new-line character, https://stackoverflow.com/questions/10933837/line-break-like-br-using-only-css */
    white-space: pre;
}

.nxa-content-editor-font-sizes-dropdown { 
    width: 60px !important;
}

/* 3770: Content Editor Toolbar sometimes takes up 3 rows*/
.tox .tox-tbtn--select[title="Font sizes"] { 
    width: 60px !important;
}

.nxa-shape-image-content {
    position: relative;
    margin: 0 !important;
    width: 90%;
    left: 5%;
    height: 90%;
    top: 5%;
    word-break:break-all;
    text-align: center;
    outline: none;
}

.nxa-shape-image-content.nxa-shape-choice {
    width: 40%;
    left: 30%;
    height: 30%;
    top: 10%;
}

.nxa-shape-image-content.text-centered {
    display: flex;
    align-items: center;
    justify-content: center; 
    flex-direction: column;
}

.nxa-shape-image-content-div { 
    display: flex;
    align-items: center;
    justify-content: center; 
}
.nxa-diamond-shape {
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-bottom-color: black;
    position: relative;
    top: -50px;
}

.nxa-diamond-shape:after {
    content: '';
    position: absolute;
    left: -50px;
    top: 50px;
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-top-color: black;
}

.nxa-square-shape {
    width: 100px;
    height: 100px;
    border: 5px solid black;
}

.nxa-rectangle-shape {
    width: 200px;
    height: 100px;
    border: 5px solid black;
}

.nxa-circle-shape {
    width: 100px;
    height: 100px;
    border: 5px solid black;
    border-radius: 50%
}

.nxa-triangle-down {
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-right: 23px solid transparent;
}

.nxa-inner-triangle-down {
    position: relative;
    top: -20px;
    left: 2px;
    width: 0;
    height: 0;
    border-top: 20px solid black;
    border-bottom: 20px solid transparent;
    border-right: 20px solid transparent;
}

.nxa-container-incoming-arrow-svg {
   padding: 0px;
   height: 70px;
}

.nxa-container-incoming-arrow {
    display: block;
    text-align: center;
    width: 100%;
}

/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
/* General Styles ********/
.nxa-container-row {
    margin: auto;
    position: relative;
    margin-top: 5px;
}

.nxa-container-spacer {
    display: block;
    height: 10px;
    width: 100%;
    background-color: var(--nxa-color-offwhite);
    margin-left: 32px;
}

.nxa-container-spacer.shorter-transparent {
    background-color: transparent;
    height: 4px;
}
.nxa-container-spacer.shortest-transparent {
    background-color: transparent;
    height: 1px;
}

.nxa-bounding-rectangle-container-spacer:not(.nxa-container-spacer-multiple-drop-targets) {
    height: 50px;
    background-color: #edf2f7;
}

nxa-droptarget-message.nxa-bounding-rectangle-container-spacer.nxa-container-spacer-multiple-drop-targets {
     display: block;
}

.nxa-bounding-rectangle-container-spacer.nxa-container-spacer-multiple-drop-targets {
    height: fit-content;
    background-color: #ffffff;
}

.nxa-bounding-rectangle-container-spacer.nxa-container-spacer-multiple-drop-targets > .nxa-drop-target {
    height: 46px;
    background-color: #edf2f7;
    padding-top: 14px;
    font-style: italic;
    text-align: center;
}

.nxa-bounding-rectangle-container-spacer.nxa-container-spacer-multiple-drop-targets > .nxa-drop-target[active] {
    background-color: #ccffcc;
}

.nxa-bounding-rectangle-container-spacer.nxa-container-spacer-multiple-drop-targets > .nxa-drop-target-spacer {
    height: 2px;
    border: 1px solid black;
    background-color: #ffffff;
}

.nxa-container-spacer.nxa-container-incoming-arrow-spacer {
    height: auto;
    background-color: transparent;
}

.nxa-container-spacer.nxa-container-incoming-arrow-spacer.perf {
    margin: 0px;
}

.nxa-reusable-container {
    background: repeating-linear-gradient(45deg, rgb(244,244,244), rgb(244,244,244) 2px, white 2px, white 3px);
    /* background-image: ; */
}

.nxa-container-widget.nxa-grouped .nxa-container-spacer {
    border-left: 5px solid var(--nxa-color-menu-blue);
    background-color: rgba(0,123,255,.25);
}

.nxa-container-widget:not(.nxa-grouped) + .nxa-container-widget.nxa-grouped .nxa-container-spacer {
    border-left: none;
}

.nxa-container-widget.nxa-grouped .nxa-container-wrapper {
    border-left: 5px solid var(--nxa-color-menu-blue);
}

.nxa-container-widget.nxa-appendix-margin-top {
    margin-top: 17px;
}

.nxa-container-sidebar-left {
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    background-color: lightgray;
    padding: 5px 1px 5px 1px;
    border-radius: 15px 0 0 15px;
    visibility: hidden;
}

.nxa-container-sidebar-left-icons {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
}

.nxa-container-sidebar-left-icons > * {
    cursor: pointer;
}

.nxa-container-sidebar-left-drag-handle {
    /*padding: 5px 1px 5px 1px;*/
    border-radius: 15px 0 0 15px;
    display: none;
    position: absolute;
    width: 32px;
    height: 0;  /* This will be set with javascript code when container becomes active */
    margin-top: 7px;
    box-sizing: border-box;
    cursor: move;
    background: url('../Images/drag_handle_white.svg');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgb(91, 155, 213);
}


nxa-container-type-indicator.parallel-group {
    width: 12px;
    background: repeating-linear-gradient( 90deg, rgb(128,128,128), rgb(128,128,128) 4px, #fff 4px, #fff 8px);
}
nxa-container-type-indicator.sequential-group {
    width: 12px;
    background: repeating-linear-gradient( 90deg, rgb(128,128,128), rgb(128,128,128) 4px, rgb(128,128,128) 4px, rgb(128,128,128) 8px);
}
nxa-container-type-indicator.parallel-group-child {
    width: 8px;
    background: repeating-linear-gradient( 90deg, rgb(128,128,128), rgb(128,128,128) 4px, #fff 4px, #fff 8px)
}
nxa-container-type-indicator.sequential-group-child {
    width: 2px;
    background: repeating-linear-gradient( 90deg, rgb(128,128,128), rgb(128,128,128) 4px, rgb(128,128,128) 4px, rgb(128,128,128) 8px)
}

nxa-rev-bar-indicator.revised {
    width: 4px;
    background: linear-gradient( 90deg, rgb(241, 6, 6), rgb(241, 6, 6) 4px, #fff 4px, #fff 8px);
    margin-left: 6px;
}

nxa-rev-bar-indicator.revised.nxa-print {
    position: relative;
}

nxa-flowchart {
    pointer-events:none;
    z-index: 100;
}

nxa-flowchart.horizontal-line {
    height: 4px;
    position: absolute;
    background: black;
    /*background: repeating-linear-gradient( 90deg, black, black 4px, black 4px, black 8px);*/
}

nxa-flowchart.horizontal-line.broken {   
    background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(121,9,9,1) 46%, rgba(238,6,6,1) 46%);
}

nxa-flowchart.vertical-line {
    width: 4px;
    position: absolute;
    background: black;
}

.nxa-flowchart-arrow {
    pointer-events:none;
    z-index: 100;
    position: absolute;
    font-size: 20px;
    background: transparent;
}

nxa-container-type-indicator {
    display: block;
    width: 20px;
    height: inherit;  /* TODO:: works in chrome to take parents height, needs crossbrowser check*/
}

.nxa-container-widget.row.flowchart-container {
    width: 60%;
    position: relative;
    display: inline-flex;
}

.nxa-container-widget.row.flowchart-container.flowlabel {
    width: 100%;
}

.nxa-container-sidebar-left.nxa-active-sidebar {
    visibility: visible;
}

.nxa-alara-sidetab {
    background-color: #CC3399;
}

.nxa-caution-sidetab {
    background-color: rgb(255,204,0);
}

.nxa-note-sidetab {
    background-color: #0979BE;
}

.nxa-warning-sidetab {
    background-color: rgb(206,45,28);
}

.nxa-not-applicable-sidetab {
    background-color: var(--nxa-color-lightgray);
    border-radius: 0px;
}

.nxa-not-applicable-sidetab .nxa-expand-collapse-btn {
    top: 32px;
    right: 5px;
}

.nxa-container-sidebar-image-cwn {
    vertical-align: middle;
    padding: 0;
    margin-left: 18px;
}

.nxa-container-sidebar-right {
    display: block;
    position: relative;
    padding: 0px 0px 5px 5px;
    background-color: inherit;
    font-size: 1.3rem;
}

.nxa-container-sidebar-right > .nxa-svg-img-wrap {
    display: block;
    width: 32px;
    height: 32px;
    margin-left: auto;
}

.nxa-container-sidebar-right .nxa-ack-after-press-img {
    cursor: default;
    padding: 0;
}

.nxa-container-sidebar-right .nxa-NA-icon {
    background-color: var(--nxa-color-lightgray);
    height: 26px;
    width: 26px;
    border-radius: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}

.nxa-NA-text {
    color: var(--nxa-color-white);
    font-weight: bold;
    font-size: 1.2rem;
}

#nxa-container-left-sidebar .nxa-NA-text {
    margin-top: 4px;
}

.nxa-container-sidebar-right .nxa-ack-after-press-action-text {
    position: absolute;
    left: -110px;
    font-size: 14px;
    top: 3px;
}

.nxa-container-header {
    color: var(--nxa-color-menu-blue);
    font-weight: bold;
    font-size: 1.5rem;
}

.nxa-container-header-star {
    color: red;
    font-size: 2rem;
    padding-right: 0.5rem;
    margin-top: -0.5rem;
}

.nxa-container-header.label {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.nxa-container-wrapper {
    background-color: white;
    padding-right: 0px;
    padding-left: 0px;
}

.nxa-container-wrapper.disabled {
    background-color: #E8E8E8;
}

.nxa-container-main {
    padding-bottom: 5px;
}

.nxa-fade-in {
    transition: background-color 3s, height 4s;
}

.nxa-container-widget.row {
    margin-left: 0px;
    margin-right: 0px;
    width: inherit;
}

/** Class on outer nxauidfcontainerwrapper in authoring*/
.nxa-container-widget.row.auth {
    margin-left: 0px;
    margin-right: 0px;    
    width: calc(100% - 50px);
    min-width: var(--nxa-authoring-wrapper-min-width);
    /* should be representative of print width during authoring
     plus enough padding to allow for drag menu and should not allow collapse when properties are open
     so that they can resize tables to the end on the right */
}
.nxa-container-widget.row.auth.view {
    width: 95%;
}


.nxa-container-widget.row.nestedchild {
    padding-right: 5px;
}

.nxa-container-widget .nxa-selected-container.nxa-container-wrapper {
   box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.20);
   border: none;
}

nxauilayouttable .nxa-container-widget .nxa-selected-container.nxa-container-wrapper {
    box-shadow: none;
}

nxauidynamiccontainerwrapper[widgetClass="NXADynamicContainer"] [widgetClass="NXAWorkflowStep"] {
    border: 3px dashed lightgray;
}

nxauidynamiccontainerwrapper[widgetClass="NXADynamicContainer"] .nxa-ui-title {
    color: darkgray;
}

nxauidynamiccontainerwrapper[widgetClass="NXADynamicContainer"] [widgetClass="NXAWorkflowStep"] .nxa-container-spacer {
    display: none !important;
}

.nxa-container-widget .nxa-selected-container.nxa-container-wrapper.nxa-shadow-none {
    box-shadow: none;
    border: none;
 }

.nxa-shadow-none {
    box-shadow: none;
}

.nxa-container-widget .nxa-active-container.nxa-container-wrapper {
    border: 7px solid var(--nxa-color-menu-blue);
    animation: 1.0s fadeIn;
}
.nxa-container-widget .nxa-active-container.nxa-container-wrapper.print {
    border: none;
    animation: none;
}
.nxa-container-flow-chart-border.nxa-container-wrapper {
    border: 2px solid black;
 }

.nxa-container-widget.nxa-active-caution-container .nxa-container-wrapper {
    border: 7px solid rgb(255,204,0);
}

.nxa-container-widget.nxa-active-warning-container .nxa-container-wrapper {
    border: 7px solid rgb(206,45,28);
}

.nxa-container-widget.nxa-active-note-container .nxa-container-wrapper {
    border: 7px solid #0979BE;
}

.nxa-container-widget.nxa-active-alara-container .nxa-container-wrapper {
    border: 7px solid #CC3399;
}

.nxa-container-widget .nxa-monitororigin-container.nxa-container-wrapper {
    border: 7px solid rgb(0, 176, 80);
}

.nxa-container-widget .nxa-monitororigin-container.nxa-container-wrapper.print {
    border: none;
}

.nxa-container-widget .nxa-active-shadow-performance-container.nxa-container-wrapper {
    border: 7px solid rgb(126, 95, 133);
}

.nxa-container-widget.nxa-grouped.nxa-active-container .nxa-container-wrapper {
    border-left: 8px solid var(--nxa-color-menu-blue);
}

.nxa-NA-container .nxa-container-main {
    opacity: 67%;
}

.nxa-completed-container {
    background-color: #F9F9F9;
}
.nxa-completed-transition {
    transition: background-color 4s height 4s;
}

.nxa-selected-toc-item {
    background-color : rgb(211,211,211);
}

.nxa-container-child-wrapper {
    min-height: 150px;
}

.nxa-container-children-wrapper .nxa-child-control-wrapper .row {
    margin: 0px;
}

.nxa-bullet {
    font-size: 1.5em;
    font-family: monospace;
}

.nxa-container-seq-step {
    padding-left: 10px;
}

.nxa-container-seq-nbr {
    font-size: 15px;
    color: rgb(51,153,236);
    padding-left: 7px;
    width: fit-content;
    flex: none;
    /* -ms-flex: 0 0 32px;
    flex: 0 0 32px; */
}

.collapse-icon-area {
    grid-area: collapseicon;
    display: flex;
    align-items: center;
}

.seq-num-grid-area {
    grid-area: seqnum;
    display: flex;
}

.nxa-container-grid-content-wrapper {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: minmax(40px, auto) auto;
    grid-template-areas: "seqnum containertitle collapseicon" "seqfiller containercontent .";
}

.nxa-container-grid-content-wrapper.nxa-one-row {
    grid-template-columns: auto 1fr auto;
    grid-template-rows: minmax(40px, auto);
    grid-template-areas: "seqnum containertitle collapseicon"
}

.nxa-container-ctrl-node {
    font-size: 15px;
    padding-left: 0;
    width: 10px;
    height: 10px;
    flex: none;
}

.nxa-container-footer-wrapper {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    padding-bottom: 10px;
    text-align: center;
    grid-template-areas: ". . ." "wfdoclinksarea footerbtnsarea contextmenuarea"
}

.nxa-container-na-inlined-text {
   font-size: 16px;
   padding: 0px 0px 0px 3px;
   display: inline-block;
}

.nxa-container-na-inlined-image {
    padding: 0;
    width: 20px;
    height: 20px;
    margin-left: 12px;
    margin-bottom: 4px;
}

.nxa-container-inline-revision {
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nxa-container-inline-NA,
.nxa-container-inline-comments {
    width: 100%;
    padding-left: 10px;
    padding-right: 0px;
}

.nxa-container-inline-comments-img {
    padding: 0;
    width: 25px;
    height: 25px;
}

.nxa-ui-in-progress {
    width: 80px;
    color: rgb(51,153,236);
}

.nxa-ui-title {
    font-weight: bold;
    font-size: 12pt;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 4px;
    min-width: 60px;
}

.nxa-ui-title-grid {
    font-weight: bold;
    font-size: 12pt;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 4px;
    min-width: 60px; /* some titles are inlined like CWNA so make sure don't get too small */
    grid-area: containertitle;
    display: flex;
}

.nxa-ui-title-grid p {
    margin: 0; /* Removes the default bottom margin */
    /* You can use line-height or padding within the paragraph if you need spacing between multiple lines */
  }

.nxa-grid-content-wrapper {
    grid-area: containercontent;
    margin-right: -15px;
}

.nxa-grid-content-wrapper > .nxa-content {
    margin-right: 0;
    margin-left: 0;
}


.nxa-grid-content-wrapper.nxa-one-row {
    grid-area: containertitle;
}

.nxa-grid-seq-filler {
    grid-area: seqfiller;
}

.nxa-ui-center {
    display: inherit;
    text-align: center;
}

.nxa-completion-info {
    width: 100%;
    margin-left: auto;
    margin-right: 10px;
    margin-top: 10px;
    text-align: right;
    font-size: 1.3rem;
    font-weight: 500;
    color: rgb(52,152,219);
}

nxa-geolocation.nxa-completion-info {
    margin-top: 0px;
}

nxa-assigned-role.nxa-completion-info {
    margin-top: 0px;
}

.nxa-completion-info-hidden .nxa-completion-info {
    display: none;
}

.note-blue {
    color: rgb(0,112,192);
}

nxa-resizable-container-bottom {
    bottom: -5px;
    left: 0;
    height: 5px;
    position: absolute;
    cursor: row-resize;
    user-select: none;
    box-sizing: border-box;
}

.nxa-container-content-wrapper.nxa-nowrap {
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: baseline;
}

.nxa-cwn-title {
    display: inline;
    text-align: center;
}


.nxa-container-overlay-wrapper {
    position: relative;
}

.nxa-container-overlay {
    position: absolute;
    color:black;
    right: 1%;
    top: 25%;
    z-index: 100;
}

.nxa-container-overlay > button {
    text-align: center;
    background-color: white;
    width: 200px;
    display: block;
    margin: 10px 10px 30px 25px;
    font-size: 20px;
    border-radius: 10px;
    min-height: 40px;
  }

  .nxa-container-overlay > button.start {
    text-align: center;
    background-color: rgb(52,152,219);
    display: block;
    font-size: 10px;
    margin: 0px;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    min-height: unset;
  }

.nxa-container-overlay > button:hover{
    background-color: darkblue;
    color: white;
}

.nxa-container-overlay > button:active{
    background-color: #b3b3ff;
    color: white;
}

.nxa-container-role-assign-banner {
    height: 25px;
    width: 100%;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

.nxa-container-role-label-class {
    font-weight: bold;
    color: rgb(51,153,236);
}
.nxa-container-role-label-class.right {
    float: right;
    padding: 4px 0px 0px 0px;
}

.nxa-container-role-delete-icon-class {
    padding: 0px 0px 0px 4px;
    cursor: pointer;
}

nxa-assigned-role .nxa-container-role-delete-icon-class {
    height: 16px;
    width: 16px;
}

.nxa-container-role-assign-banner > .nxa-link {
    float: right;
    color: rgb(51,153,236);
    font-size: 14px;
}

.nxa-container-role-assign-banner > .nxa-role-link {
    color: rgb(51,153,236);
    cursor: pointer;
    font-size: 14px;
}

.nxa-container-role-assign-banner > .nxa-container-role-label-class.nxa-svg-img:hover {
    filter: invert(95%) sepia(34%) saturate(3651%) hue-rotate(357deg) brightness(106%) contrast(107%); /*yellow*/
    cursor: pointer;
}

.nxa-caution {
    color: rgb(255,204,0);
    margin-left: 0;
    font-size: 18pt;
    vertical-align: middle;
}

.nxa-note {
    color: #0979BE;
    margin-left: 0;
    font-size: 18pt;
    vertical-align: middle;
}

.nxa-warning {
    color: rgb(206,45,28);
    margin-left: 0;
    font-size: 18pt;
    vertical-align: middle;
}

.nxa-alara {
    color: #CC3399;
    margin-left: 0;
    font-size: 18pt;
    vertical-align: middle;
}

.nxa-auth-workspace-container-children.toc .nxa-caution {
    font-size: 16px !important;
}

.nxa-auth-workspace-container-children.toc .nxa-note {
    font-size: 16px !important;
}

.nxa-auth-workspace-container-children.toc .nxa-warning {
    font-size: 16px !important;
}

.nxa-auth-workspace-container-children.toc .nxa-alara {
    font-size: 16px !important;
}

nxauirepeatiteration.nxa-container-widget.row {
    display: block;
}

.nxa-container-reperformed {
    display: inline-block;
    user-select: none;
    margin: 0px 5px 0px 0px;
    width: 26px;
    height: 26px;
    background-image: url('../Images/ContextMenuIcons/GeneralContextIcons/NXAReperformIconGray.svg');
  }

.nxa-container-background-black-overlay { 
    background-color: unset;
}

.nxa-container-background-black-overlay .nxa-container-overlay-wf-outer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 100;
}

.nxa-container-row .nxa-container-overlay-wf-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
}

.nxa-container-background-black-overlay .nxa-container-footer-wrapper {
    position: relative;
    z-index: 101;
}

.nxa-container-overlay-wf-inner button.start-wf {
    background-color: transparent;
    display: block;
    font-size: 80px;
    margin: 0px;
    width: 100%;
    height: 100%;
    color: white;
  }

.nxa-container-overlay-wf-inner button.start-wf:hover {
    color: rgb(52,152,219);
}

.nxa-transparent-bkg {
    background-color: transparent !important;
}

.nxa-expand-collapse-btn {
    position: absolute;
    right: 2px;
    height: 20px;
    width: 20px;
    z-index: 99;
    visibility: visible;
    padding: 0;
    cursor: pointer;
}

.nxa-expand-collapse-grid-btn {
    visibility: visible;
    padding: 0;
    cursor: pointer;
    z-index: 99;
    margin-right: 1.5rem;
}

.nxa-blue-link {
    color: rgb(0,153,204)
}

nxa-droptarget-message {
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background:rgb(239, 253, 241);
    font-size: x-large;
}

nxa-droptarget-message.nxa-bounding-rectangle-drag-over {
    width: 80%;
}

.nxa-appendix-title {
    font-size: x-large;
    margin-left: -3px;
}

nxa-assigned-role {
    text-align: left;
}

.nxa-ack-btn-container nxa-assigned-role {
    display: flex;
    flex-direction: row;
    align-items: center;
}

nxa-assigned-role[inherited] .nxa-role-link {
    color: rgb(55, 86, 112);
}

nxa-assigned-role[inherited][unknown] .nxa-role-link {
    color: rgb(230, 19, 19);
}

nxa-assigned-role .nxa-role-link {
    color: rgb(51,153,236);
    cursor: pointer;
    font-size: 14px;
}

nxa-assigned-role[unknown] .nxa-role-link {
    color:  rgb(230, 19, 19)
}


nxa-assigned-role.print .nxa-role-link {
    color: black;
    text-decoration: none;
}

nxauiappendixwrapper.row.nxa-container-widget.auth {
    margin-bottom: 120px;
}

nxa-user-tag {
    font-size: 14px;
    top: -14px;
    position: absolute;
    right: 10px;
    /*width: fit-content;*/
    padding: 0px 5px;
    border-radius: 10px;
    box-shadow: 1px 2px rgb(0 0 0 / 50%);
    z-index: 1;
}

nxa-user-tag[usr-idx="1"] {
    color: white;
    background-color: #191970;
}

nxa-user-tag[usr-idx="2"] {
    color: black;
    background-color: #ffe4c4;    
}

nxa-user-tag[usr-idx="3"] {
    color: white;
    background-color: #a0522d;
}

nxa-user-tag[usr-idx="4"] {
    color: black;
    background-color: #ffd700;
}

nxa-user-tag[usr-idx="5"] {
    color: white;
    background-color: #008080;
}

/*greater than 5 active users... going with even/odd for now...*/
nxa-user-tag[usr-idx="even"] {
    color: black;
    background-color: #00ffff;
}
nxa-user-tag[usr-idx="odd"] {
    color: white;
    background-color: black;
}


.nxa-external-step-btn {
    color: rgb(255,255,255);
    background-color: rgb(51,153,232); 
    border: solid rgb(65,114,157); 
    border-radius: 5px;
    text-decoration: none; 
    display: inline-block;
    font-size: 11pt;
    margin: 0;
    width: 100px;
    position: relative;
}

.nxa-external-step-btn:disabled {
    background-color: lightgray; 
    color: white;
    border: solid gray;
    font-weight: bolder;
}

.nxa-external-step-inner-wrapper {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.nxa-external-step-procedure-title { 
    font-size: 11pt;
    margin-top: 4px;
    
}

/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
.nxa-repeat-header-body {
  background: none;
  border: none;
}

.nxa-repeat-header-content {
  border: none;
  border-bottom: 2px solid rgb(222, 225,230);
}

.nxa-repeat-outer-wrap-print-mode { 
   width: 100%;
}

.nxa-repeat-img-wrap {
  display: inline;
  position: absolute;
  top: 0px;
  right: 0px;
}


.nxa-repeat-tab-iteration-container { 
  display: flex;
  position: relative;
  font-weight: bold;
  color: black;
  margin: 10px 10px 10px 10px;
}

.nxa-repeat-iteration-tab-button{
  height: 50px;
  width: 50px; 
  background-color: darkblue;
  border-radius: 10px 10px 10px 10px;
  margin-right: 5px;
  border: none;
  color: white;
  font-size: 15px;
}

.nxa-repeat-iteration-tab-button:hover{
  background-color: #1a1aff;
}
.nxa-repeat-iteration-tab-button:active{
  background-color: #8080ff;
}

.nxa-repeat-iteration-tab-button-selected{
  height: 50px;
  width: 50px; 
  background-color: #355e3b;
  border-radius: 10px 10px 10px 10px;
  margin-right: 5px;
  border: none;
  color: white;
  font-size: 15px;
}

.nxa-repeat-iteration-tab-button-selected:hover{
  background-color: #1a1aff;
}
.nxa-repeat-iteration-tab-button-selected:active{
  background-color: #8080ff;
}
  
#iterationPagination {
  width: 100%;
  display: flex;
  flex-direction: row;
}

#iterationContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.nxa-repeat-iteration-index-print {
  text-align: center;
  width: 100%;
  font-size: 13pt;
  margin-top: 5px;
}

.nxa-repeat-begin-end-print-div { 
  padding-left: 20px;
  width: 100%;
  font-size: 13pt;
  margin-top: 5px;
  color: black;
  font-weight: 500;
  /*background-color: aliceblue;*/
}


  
  

/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
.nxa-choice-chosen-text {
    background: none;
    border: none;
    font-weight: bolder;
    font-size: 2rem;
    color: green;
}

.nxa-choice-chosen-text:disabled {
    opacity: 1;
    color: green;
}


.nxa-choice-btns-wrapper-centered { 
    justify-content: center;
    width: 100%;
    min-width: 100%;
}

.nxa-choice-btns-wrapper-centered.nxa-vertical {
    display: flex;
    flex-flow: column;
    align-content: center;
    flex-wrap: wrap;
}




/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
.nxa-child-control-wrapper .nxa-ack-btn-container.row {
    position: relative;
}

.nxa-ack-btn-container.row:last-child{
    margin-bottom:5px;
}
/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
 
.nxa-ui-generic-button:hover,
.nxa-ui-generic-button.slim:hover {
    background-color: rgb(52,152,219);
    color: white;
}

.nxa-ui-generic-button:hover.error {
    background-color: red;
    color: white;
}

.nxa-ui-generic-button:active {
    background-color: rgb(52,152,219);
    color: white;
}

.nxa-ui-generic-button:disabled {
    background-color: lightgray;
    color: white;
    border: solid gray;
    font-weight: bolder;
}
.nxa-ui-generic-button:disabled:hover {
    background-color: lightgray;
    color: white;
    border: solid gray;
    font-weight: bolder;
    cursor: not-allowed;
}

.nxa-ui-button-bounding-rectangle {
    border: 10px;
}

.nxa-ui-generic-button::placeholder {
    color: lightgray;
    font-style: italic;
}

.nxa-ui-generic-button.slim {
    display: inline;
    margin: 1px 5px;
    width: auto;
    padding: 0px 5px;
    margin-left: 10px;
}

.nxa-ui-generic-button.system {
    background-color: #f0fff0;
}


.nxa-ui-generic-button {
    color: rgb(52,152,219);
    background-color: rgb(255,255,255);
    border: solid gray; 
    border-radius: 10px;
    text-decoration: none; 
    display: block;
    font-size: 16px; 
    margin: 5px;
    min-width: 120px;
    padding: 5px;
    border-width: 2px;
    text-align: center;
    cursor: pointer;
}

.nxa-inline-data-btn{
    height: 25px;
    line-height: 14px;
    font-size: 14px;
    margin: 0px 0px 0px 5px;
    min-width: unset;
    display: inline-block;
    padding: 0px 10px;
    border-width: 1px;
}

.nxa-ui-generic-button.nxa-inline-data-btn{
    min-width: unset;
    padding: 0px 10px;
}

.nxa-button-disabled {
    background-color: gray;
    color: white;
    cursor: unset;
    pointer-events: none;
}

.nxa-button-disabled.nxa-ui-generic-button:hover {
    background-color: gray;
    color: white;
    cursor: unset;
}

.nxa-button-transform {
    color: rgb(52,152,219);
    background-color: rgb(255,255,255);
    border: solid gray; 
    border-radius: 16px;
    text-decoration: none; 
    display: inline-block;
    font-size: 16px;
    min-width: 120px;
    padding: 5px;
}

.nxa-button-transform:hover {
    background-color: rgb(52,152,219);
    color: white;
}

.nxa-button-transform:active {
    background-color: rgb(52,152,219);
}

.nxa-button-transform:disabled {
    font-size: 120%;
    font-weight: bolder;
    color: green;
    border: none;
    background:none;
    outline: none;
}

.nxa-collapse-properties {
    background-color: rgb(52,152,219);
    color: white;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 10px;
}

.nxa-collapse-detail {
    background-color: white;
    color: black;
    cursor: pointer;
    border: none;
    text-align: left;
    outline: none;
    font-size: 10px;
}

.nxa-split-btn-select { 
    vertical-align: top;
    display: inline-block;
}

.nxa-button-broken-link {
    color: red;
    position: absolute;
    right: 10px;
    top: 10px;
}

.nxa-doc-launch-button-missing-docinfo {
    color: var(--nxa-color-red);
}

.nxa-button-with-service-status {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.nxa-button-with-service-status.nxa-button-with-service-status-inside-table .nxa-ui-generic-button {
    flex: 1;
}

nxa-service-status {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

nxa-service-status .nxa-service-placeholder {
    /* color: var(--nxa-color-lightgray);
    font-size: 16px; */
    padding: 0px;
    height: 18px;
    width: 18px;
}

nxa-service-status .nxa-service-success {
    color: var(--nxa-color-green);
    font-size: 16px;
}

nxa-service-status .nxa-service-failure {
    color: var(--nxa-color-red);
    font-size: 14px;
}

.mdc-select__anchor.nxa-split-btn-select-anchor,
.mdc-select__anchor.nxa-split-btn-select-anchor.mdc-ripple-upgraded.nxa-split-btn-select-anchor { 
    padding-left: 0;
    height: 36px;
    background-color: gray;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.mdc-select__dropdown-icon.nxa-split-btn-select-icon.nxa-split-btn-select-icon { 
    margin: 0;
    width: 100%;
    height: 100%;
    fill: white;
}

.mdc-select .mdc-select__menu .mdc-list-item.nxa-split-btn-list-element { 
    padding: 0;
}

/*Used to overide harcoded defaults in mdc library*/
.mdc-select .mdc-select__menu {
    right: 32px !important;
    left: auto !important; 
}

.mdc-menu .mdc-list.nxa-split-btn-list { 
    padding: 0;
}


.nxa-circle-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #555;
    color: yellow;
    min-width: 1em;
    border-radius: 50%;
    vertical-align: middle;
  }
  
.nxa-circle-text:before {
    content:'';
    float: left;
    width: auto;
    padding-bottom: 100%;
  }



  nxa-circular-button {
    width: 100px; /* Adjust as needed */
    height: 100px; /* Adjust as needed */
    border-radius: 50%; /* Makes the button a circle */
    background-color: #007bff; /* Example background color */
    color: white; /* Example text color */
    text-align: center; /* Centers the text horizontally */
    line-height: 100px; /* Centers the text vertically */
    cursor: pointer; /* Changes the cursor to a pointer on hover */
    display: inline-block; /* Allows setting width and height */
    position: relative; /* For absolute positioning of the text */
  }
  
  nxa-circular-button nxa-circle-text {
    display: inline;
    position: absolute; /* Position the text absolutely within the button */
    top: 50%; /* Vertically center the text */
    left: 50%; /* Horizontally center the text */
    transform: translate(-50%, -50%); /* Fine-tune positioning */
  }

.nxa-circle-with-text {
    width: 100px; /* Set desired circle size */
    height: 100px;
    border-radius: 50%; /* Creates a circle */
    background-color: lightblue; /* Optional: Add a background color */
    display: flex; /* Flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    text-align: center; /* Align text within the element */
    /*position: relative; /* Alternative approach: Positioning text */
  }
  
  .nxa-circle-with-text p {
    margin: 0; /* Remove default paragraph margin */
    /*position: absolute; /* Alternative approach: Positioning text */
    /*top: 50%; /* Alternative approach: Positioning text */
    /*left: 50%; /* Alternative approach: Positioning text */
    /*transform: translate(-50%, -50%); /* Alternative approach: Positioning text */
  }
.nxa-commitment-holder {
    width: 100%;
}

.nxa-commitment-wrapper {
    display: block;
    font-size: 12pt;
    text-align: right;
}

.nxa-commitment-input {
    border: none;
    width: 100%;
}

.nxa-commitment-input:disabled {
    background-color: transparent;
}

.nxa-commitment-panel-label {
    padding: 0px 4px 0px 2px;
    text-align: left;
    vertical-align: top;
    position: relative;
    width: 110px;
    margin-right: 10px;
    font-size: 12pt;
  }
  
.nxa-commitment-panel-data-label {
    padding: 0px 4px 0px 2px;
    text-align: left;
    vertical-align: top;
    position: relative;
    margin-right: 10px;
    font-size: 12pt;
  }
  
.nxa-commitment-panel-data-input {
    display: inline-block;
    margin-right: 10px;
    min-width: 60px;
    font-size: 15px;
    padding: 1px 2px;
    width: 200px;
    height: 30px;
  }
  
.nxa-commitment-panel-category-input {
    /* position: absolute; */
    /* left: 30%; */
    height: 30px;
    min-width: 200px;
    margin-right: 10px;
    font-size: 15px;
  }
  
.nxa-commitment-panel-description-text-area {
    resize: both;
    min-height: 50px;
    margin-right: 10px;
    width: 400px;
    font-size: 15px;
  }
  
.nxa-commitment-panel-wrapper {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 10px;
  }
  
.nxa-commitment-panel-user-wrapper {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 100px;
  }

.nxa-commitment-panel-di-wrapper {
    margin-left: 30px;
    margin-right: 30px;
  }

.nxa-commitment-panel-all-wrapper {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 50px;
  }

.nxa-commitment-panel-di-label {
    padding: 0px 4px 0px 2px;
    text-align: left;
    vertical-align: top;
    position: relative;
    font-size: 12pt;
    font-weight: bold;
    margin-right: 10px;
}

.nxa-commitment-panel-all-label {
    padding: 0px 4px 0px 2px;
    text-align: left;
    vertical-align: top;
    position: relative;
    margin-right: 10px;
    font-size: 12pt;
    font-weight: bold;
    margin-right: 30px;
    margin-left: 30px;
    margin-top: 15px;
}
.nxa-commitment-table-manage {
  height: 30rem;
}

.nxa-commitment-table-add-new {
  height: 25rem;
}

/**
 * @created: Fri Oc 23 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */
 
.nxa-hyperlink-container{
    font-size: 16px;
}


.nxa-hyperlink-container.bottomLeft{
    position: relative;
    float: left;
    margin-left: 0.8rem;
    margin-bottom: 0.8rem;
}

.nxa-container-background-black-overlay > .nxa-hyperlink-container.bottomLeft {
    z-index: 101;
}

.nxa-hyperlink-button-img 
{  
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 !important;
    margin-right: 0.3rem;
    cursor: pointer;
}

.nxa-hyperlink-button-img.superseded {
    filter: saturate(35%) hue-rotate(149deg) brightness(71%) contrast(119%);
}

.nxa-hyperlink-link-text.superseded {
    text-decoration: line-through;
}


.nxa-hyperlink-button-img.large 
{
    width: 25px;
    height: 25px;
}

.nxa-hyperlink-button-img.marginRight { 
    margin-right: 5px;
}

.nxa-hyperlink-remove-btn {
    padding: 0px 0px 0px 6px;
    cursor: pointer;
}

.nxa-hyperlink-link-text {
    padding: 0px 0px 0px 3px;
    color: rgb(51,153,236);
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;
    display: inline-block;
    background: transparent;
    border: none;
    text-overflow: ellipsis;
}

.nxa-hyperlink-link-text.large { 
    font-size: 16px;
    padding: 0;
}

.nxa-hyperlink-link-text.user-account { 
    font-size: 14px;
    padding: 0;
}

.nxa-hyperlink-link-text:hover {
    color:rgb(56, 14, 247);
    background: transparent;
    border: none;
}

.nxa-hyperlink-link-text:focus {
    background: transparent;
    border: none;
}

.nxa-wf-replace-doc {
    margin-left: 5px;
    cursor: pointer;
}
/**
 * @created: Tue Nov 26 2019
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */
 
.nxa-ui-verify-container{
    position: relative;
    padding: 4px;
    break-inside: avoid;
}

.nxa-ui-verify-button {
    color: rgb(255,255,255);
    background-color: rgb(51,153,232); 
    border: solid rgb(65,114,157); 
    border-radius: 5px;
    text-decoration: none; 
    display: block;
    font-size: 15px;
    margin: 0 auto;
    width: 100px;
    position: relative;
}

.nxa-ui-verify-button img 
{  
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 !important;
}

.nxa-ui-verify-button span
{
    display: inline-block;
    vertical-align:middle;
}

.nxa-ui-verify-button:hover {
    background-color: rgb(52,152,219);
    color: white;
}

.nxa-ui-verify-button:active {
    background-color: rgb(52,152,219);
    color: white;
}

.nxa-ui-verify-button:disabled {
    background-color: lightgray; 
    color: white;
    border: solid gray;
}

.nxa-ui-button-bounding-rectangle {
    border: 10px;
}

.nxa-verification-label-in-table { 
    font-size: 15px;
    width: 100%;
    padding-left: 4px;
    text-align: center;
}

.nxa-verification-label-in-table.perf-completed { 
    text-align: left; 
}

.nxa-verification-label-in-container
{ 
    font-size: 15px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.nxa-verification-label-hidden { 
    /* Added to support solution for issue 2972 */
    display: none;
}

.nxa-verification-verified-div-in-container { 
    display: none;
    background-color: rgb(242,242,242);
    height: 50px;
    width: 250px;
    white-space: nowrap;
}

.nxa-verification-verified-div-in-container img {
    cursor: pointer;
}

.nxa-verification-verified-div-in-table { 
    display: none;
    background-color: rgb(242,242,242);
    color: black; /* make sure color is black on white background in case header row uses white */
    height: 50px;
    width: 150px;
    white-space: nowrap;
}

.nxa-verification-user-signature-img { 
    padding: 0;
}

.nxa-verification-separator { 
    margin: 5px 0px 0px 0px;
    width: 250px;
}

.nxa-verification-user-and-time-in-table { 
    font-size: 12px;
    text-align: center;
    background-color: rgb(242,242,242);
    width: 150px;
    padding-left: 4px;
}

.nxa-verification-user-and-time-in-container { 
    font-size: 12px;
    background-color: rgb(242,242,242);
    text-align: center;
}

.nxa-verification-electronic-signature {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 500;
    color: var(--nxa-color-btnblue);
    white-space: normal;
}

nxa-button-group {
    text-align: left;
    display: block;
}

nxa-button-group .nxa-btns-wrapper { 
    display: flex;
    flex-wrap: wrap;
}

.nxa-btns-wrapper.nxa-change-value {
    display: inline-flex;
}

.nxa-btns-wrapper.nxa-value-corrected {
    display: inline-flex;
}

.nxa-radio-group-in-table-cell { 
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    margin-left: 4px;
}

.nxa-btns-wrapper.nxa-vertical {
    display: flex;
    flex-flow: column;
    align-content: center;
    flex-wrap: wrap;
}

/**
 * @created: Thu Feb 20 2020
 * @author: Paul Bethune
 *
 *  @copyright(c) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 * Sole Proprietary of NextAxiom and confidential information, subject to license terms.
 *
 * This file contains NextAxiom Computer Software, and Background Intellectual
 * Property including but not limited to subjects relating to patent application # 16/353,895
 * as sole property of NextAxiom.
 *
 */

 .nxa-pdfjs-form nxauidatawrapper {
    position: absolute;
  }
  
  .nxa-pdfjs-form .nxa-link-wrapper > a,
  .nxa-pdfjs-form .nxa-button-wrapper.pushButton > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .nxa-pdfjs-form .nxa-link-wrapper > a:hover,
  .nxa-pdfjs-form .nxa-button-wrapper.pushButton > a:hover {
    opacity: 0.2;
    background: #ff0;
    box-shadow: 0px 2px 10px #ff0;
  }
  
  .nxa-pdfjs-form .textAnnotation img {
    position: absolute;
    cursor: pointer;
  }
  
  .nxa-pdfjs-form .nxa-simpledata-wrapper input,
  .nxa-pdfjs-form .nxa-simpledata-wrapper textarea,
  .nxa-pdfjs-form .nxa-choicedata-wrapper select,
  .nxa-pdfjs-form .nxa-button-wrapper.checkBox input,
  .nxa-pdfjs-form .nxa-button-wrapper.radioButton input {
    background-color: rgba(0, 54, 255, 0.13);
    border: 1px solid transparent;
    box-sizing: border-box;
    font-size: 9px;
    height: 100%;
    margin: 0;
    padding: 0 3px;
    vertical-align: top;
    width: 100%;
  }

  .nxa-pdfjs-form .nxa-simpledata-wrapper {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  .nxa-pdfjs-form .nxa-simpledata-input {
    display: inline-block;
    margin: 0px;
    vertical-align: top;
    min-width: 0px;
    background-color: rgba(0, 54, 255, 0.13);
    font: message-box;
    font-size: 9px;
  }

  .nxa-pdfjs-form .nxa-ui-checkbox-choice {
    margin: 0px;
  }

  
  .nxa-pdfjs-form .nxa-simpledata-wrapper select option {
    padding: 0;
  }
  
  .nxa-pdfjs-form .nxa-button-wrapper.radioButton input {
    border-radius: 50%;
  }
  
  .nxa-pdfjs-form .nxa-simpledata-wrapper textarea select option {
    font: message-box;
    font-size: 9px;
    resize: none;
  }
  
  .nxa-pdfjs-form .nxa-simpledata-wrapper input[disabled],
  .nxa-pdfjs-form .nxa-simpledata-wrapper textarea[disabled],
  .nxa-pdfjs-form .nxa-choicedata-wrapper select[disabled],
  .nxa-pdfjs-form .nxa-button-wrapper.checkBox input[disabled],
  .nxa-pdfjs-form .nxa-button-wrapper.radioButton input[disabled] {
    background: none;
    border: 1px solid transparent;
    cursor: not-allowed;
  }
  
  .nxa-pdfjs-form .nxa-simpledata-wrapper input:hover,
  .nxa-pdfjs-form .nxa-simpledata-wrapper textarea:hover,
  .nxa-pdfjs-form .nxa-choicedata-wrapper select:hover,
  .nxa-pdfjs-form .nxa-button-wrapper.checkBox input:hover,
  .nxa-pdfjs-form .nxa-button-wrapper.radioButton input:hover {
    border: 1px solid #000;
  }
  
  .nxa-pdfjs-form .nxa-simpledata-wrapper input:focus,
  .nxa-pdfjs-form .nxa-simpledata-wrapper textarea:focus,
  .nxa-pdfjs-form .nxa-choicedata-wrapper select:focus {
    background: none;
    border: 1px solid transparent;
  }
  
  .nxa-pdfjs-form .nxa-button-wrapper.checkBox input:checked:before,
  .nxa-pdfjs-form .nxa-button-wrapper.checkBox input:checked:after,
  .nxa-pdfjs-form .nxa-button-wrapper.radioButton input:checked:before {
    background-color: #000;
    content: '';
    display: block;
    position: absolute;
  }
  
  .nxa-pdfjs-form .nxa-button-wrapper.checkBox input:checked:before,
  .nxa-pdfjs-form .nxa-button-wrapper.checkBox input:checked:after {
    height: 80%;
    left: 45%;
    width: 1px;
  }
  
  .nxa-pdfjs-form .nxa-button-wrapper.checkBox input:checked:before {
    transform: rotate(45deg);
  }
  
  .nxa-pdfjs-form .nxa-button-wrapper.checkBox input:checked:after {
    transform: rotate(-45deg);
  }
  
  .nxa-pdfjs-form .nxa-button-wrapper.radioButton input:checked:before {
    border-radius: 50%;
    height: 50%;
    left: 30%;
    top: 20%;
    width: 50%;
  }
  
  .nxa-pdfjs-form .nxa-simpledata-wrapper input.comb {
    font-family: monospace;
    padding-left: 2px;
    padding-right: 0;
  }
  
  .nxa-pdfjs-form .nxa-simpledata-wrapper input.comb:focus {
    /*
     * Letter spacing is placed on the right side of each character. Hence, the
     * letter spacing of the last character may be placed outside the visible
     * area, causing horizontal scrolling. We avoid this by extending the width
     * when the element has focus and revert this when it loses focus.
     */
    width: 115%;
  }
  
  .nxa-pdfjs-form .nxa-button-wrapper.checkBox input,
  .nxa-pdfjs-form .nxa-button-wrapper.radioButton input {
    appearance: none;
    padding: 0;
  }
  
  .nxa-pdfjs-form .popupWrapper {
    position: absolute;
    width: 20em;
  }
  
  .nxa-pdfjs-form .popup {
    position: absolute;
    z-index: 200;
    max-width: 20em;
    background-color: #FFFF99;
    box-shadow: 0px 2px 5px #888;
    border-radius: 2px;
    padding: 6px;
    margin-left: 5px;
    cursor: pointer;
    font: message-box;
    font-size: 9px;
    word-wrap: break-word;
  }
  
  .nxa-pdfjs-form .popup > * {
    font-size: 9px;
  }
  
  .nxa-pdfjs-form .popup h1 {
    display: inline-block;
  }
  
  .nxa-pdfjs-form .popup span {
    display: inline-block;
    margin-left: 5px;
  }
  
  .nxa-pdfjs-form .popup p {
    border-top: 1px solid #333;
    margin-top: 2px;
    padding-top: 2px;
  }
  
  .nxa-pdfjs-form .highlightAnnotation,
  .nxa-pdfjs-form .underlineAnnotation,
  .nxa-pdfjs-form .squigglyAnnotation,
  .nxa-pdfjs-form .strikeoutAnnotation,
  .nxa-pdfjs-form .freeTextAnnotation,
  .nxa-pdfjs-form .lineAnnotation svg line,
  .nxa-pdfjs-form .squareAnnotation svg rect,
  .nxa-pdfjs-form .circleAnnotation svg ellipse,
  .nxa-pdfjs-form .polylineAnnotation svg polyline,
  .nxa-pdfjs-form .polygonAnnotation svg polygon,
  .nxa-pdfjs-form .caretAnnotation,
  .nxa-pdfjs-form .inkAnnotation svg polyline,
  .nxa-pdfjs-form .stampAnnotation,
  .nxa-pdfjs-form .fileAttachmentAnnotation {
    cursor: pointer;
  }
  
.nxa-list-data-wrapper {
  border: 1px solid black;
  border-radius: 10px;
  width: 170px;
  padding: 5px;
  font-size: 12px;
  background: white;
}

.nxa-list-data-wrapper.disabled {
  background: rgb(248,248,248); 
  border: 1px solid rgb(212,212,212);
}

.nxa-list-data-list { 
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
  
.nxa-list-data-item {
  background: white;
  color: black;
  border: 1px solid gray;
  padding: 3px 5px 3px 10px;
  border-radius: 15px;
  width: 100%;
  margin-bottom: 5px;
}

.nxa-list-data-item-text-span { 
  width: calc(100% - 20px); /* save room fo the fa-times-circle*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}

.nxa-list-data-input-for-new { 
  border: 0px;
  background: none;
  width: 100%;
  font-size: 12px;
}

.nxa-list-data-input-for-new::placeholder { 
  color: rgb(211,211,211);
}

.nxa-list-data-input-for-new:disabled { 
  background: rgb(248,248,248); 
}

.nxa-list-data-item.disabled { 
  background: rgb(248,248,248); 
  border: 1px solid rgb(212,212,212);
}

.nxa-list-data-item.disabled .fa-times-circle { 
  display: none;
}

.nxa-list-data-item .fa-times-circle { 
  color: gray;
  font-size: 18px;
  line-height: 18px;
  float: right;
  cursor: pointer;
  padding-top: 2px;
}

.nxa-list-data-item .fa-times-circle:hover { 
  color: black;
}

.nxa-simpledata-list-not-applicable .nxa-list-data-item {
  visibility: hidden;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
  border: none;
}
.nxa-time-data-wrapper {
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    padding: 5px;
    background-color: black;
    position: relative;
}

.nxa-time-data-unit {
    font-size: 20px;
    height: 100%;
    width: auto;
    padding: 5px;
    margin: 2px;
    color: white;
}

.nxa-colon-delimiter {
    font-size: 20px;
    padding: 5px;
    margin: 2px;
    color: white;
}

.nxa-start-reset-button-wrapper {
    display: inline-block;
}

.nxa-start-reset-button-style {
    background-color: #36454f;
    vertical-align: middle;
    border: none;
    font-size: 20px;
    color: white;
    padding: 5px;
    height: 40px;
}
/** 
 * @author: Aaron Bly
 * @copyright
 * Copyright(c) 2020 NextAxiom Technology, Inc. All Rights Reserved. 
 * Sole Proprietary of NextAxiom and confidential information, subject to license terms.
 *
 * This file contains NextAxiom Computer Software, and Background Intellectual 
 * Property including but not limited to subjects relating to patent application # 16/353,895, 
 * as sole property of NextAxiom.
 *
 *
*/
.nxa-barcode-scanner-error {
    width: 100%;
}
.nxa-barcode-scanner-controls {
    width: 100%;
}
.nxa-barcode-scanner-barcode-img {
    display: inline;
}

.nxa-barcode-scanner-desc-lbl {
    display: inline;
}

.nxa-barcode-scanner-barcode-lbl {
    display: inline;
}

.nxa-barcode-scanner-manual-barcode-tb {
    margin-right: 5px;
    display: inline;
}

.nxa-barcode-scanner-scan-btn {
    margin-right: 5px;
    display: inline;
}

.nxa-barcode-scanner-manual-btn {
    display: inline;
}

.nxa-barcode-scanner-error-lbl {
    display: inline;
    color: red;
}

.nxa-barcode-scanner-spinner {
    display: inline-block;
}

.nxa-barcode-scanner-spinner-container {
    display: inline;
}

.nxa-barcode-scanner-spinner-lbl {
    display: inline;
}

.nxa-barcode-scanner-checkmark {
    display: inline;
    color: green;
}


/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
.nxa-ui-checkbox-choice {
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    margin: 5px;
    min-width: 20px;   /* fixed table column resizing */
    min-height: 20px;
}

input[type=checkbox] { 
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,.5)); /* 3697 */ 
}

input[type=checkbox][disabled] {
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,1)); /* 3697 */ 
}

.nxa-checkbox-wrapper .nxa-simpledata-label {
    display: inline;
    vertical-align: 25px;
}

.nxa-ui-checkbox-watermark-wrapper {
    position: relative;
}

.nxa-ui-checkbox-notapplicable {
    color: var(--nxa-color-white);
    font-weight: bold;
    text-shadow: 1px 1px 2px black;
    font-size: 1rem;
    position: absolute;
    left: 1px;
    top: 8px;
}

.nxa-table-cell .nxa-ui-checkbox-notapplicable,
.nxa-table-cell-header .nxa-ui-checkbox-notapplicable {
    top: 3px;
}

.nxa-ui-radio-button {
    width: 20px;
    height: 20px;
    margin: 5px;
    padding: 5px;
    vertical-align: middle;
}

.nxa-ui-radio-button-selection-background-color {
    border-radius: 5px;
}

.nxa-radio-group-fieldset .nxa-ui-radio-button {
    margin: 3px 5px;
}

.nxa-ui-radio-button.nxa-button-disabled:not(:checked) {
    border-radius: 50%;
    appearance: none;
    background-color: var(--nxa-color-ghostwhite);
    outline: 1px solid var(--nxa-color-lightestgray);
}


/** Basic Checkbox **/
/* label needs to be relatively positioned with a padding on the left. this padding space is where we'll generate our fake checkbox */
.checkbox-label {
    position: relative;
    height: 50px;
    padding-right: 65px;
    margin-right: 30px;
    margin-bottom: 30px;
    cursor: pointer;
    user-select: none;
    padding-top: 2px;
}

/* hide away the actual checkbox */
.checkbox-input {
    position: absolute;
    right: 0px;
    opacity: 0;
    pointer-events: none;
}

/* we'll use the span pseudo-elements to create the fake checkbox */
.checkbox-label .checkbox-span:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border: 2px solid #777;
    border-radius: 3px;
    margin-top: 2px;
    -webkit-transition: .2s;
    transition: .2s;
    /*  your inner shadow :)  */
    box-shadow: inset 0px 2px 3px #ddd; 
}
  
/* checked checkbox needs to show the checkmark lets make that with after element */
.checkbox-input:checked ~ .checkbox-span:after {
    content: "";
    position: absolute;
    display: block;
    right: 18px;
    top: 3px;
    width: 15px;
    height: 38px;
    border: solid #666;
    border-width: 0 5px 5px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nxa-checkbox-wrapper .nxa-simpledata-label {
    display: inline;
    vertical-align: -12px;
}

.nxa-tool-checkbox-choice {
    margin-right: 20px;
    width: 20px;
    height: 20px;
    margin: 5px;
    min-width: 20px;
    min-height: 20px;
}

.nxa-tool-checkbox-choice.nxa-margin-right-5 {
    margin-right: 5px;
}

/** Material Checkbox style and animation **/
/*
.nxa-checkbox-wrapper {
    font-family: 'Lato', monospace;
}

.nxa-checkbox-wrapper .nxa-simpledata-label {
    vertical-align: 5px;
}

.label__checkbox {
    display: none;
}

.label__check {
    display: inline-block;
    border-radius: 5px;
    border: 5px solid rgba(0, 0, 0, 1);
    background: transparent;
    vertical-align: middle;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border 0.3s ease;
}

.label__check i.icon {
    opacity: 0.2;
    font-size: calc(1rem + 1vw);
    color: transparent;
    transition: opacity 0.3s 0.1s ease;
    -webkit-text-stroke: 3px rgba(0, 0, 0, 1);
}

.label__check:hover {
    border: 5px solid rgba(0, 0, 0, 0.5);
}

.label__checkbox:checked + .label__text .label__check {
    -webkit-animation: check 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;
    animation: check 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;
}

.label__checkbox:checked + .label__text .label__check .icon {
    opacity: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
    color: transparent;
    -webkit-text-stroke: 0;
    -webkit-animation: icon 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
    animation: icon 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
}

@-webkit-keyframes icon {
    from {
        opacity: 0;
        -webkit-transform: scale(0.3);
                transform: scale(0.3);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@keyframes icon {
    from {
        opacity: 0;
        -webkit-transform: scale(0.3);
                transform: scale(0.3);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

@-webkit-keyframes check {
    0% {
        width: 40px;
        height: 40px;
        border-width: 5px;
    }
    10% {
        width: 40px;
        height: 40px;
        opacity: 0.1;
        background: rgba(0, 0, 0, 0.2);
        border-width: 15px;
    }
    12% {
        width: 40px;
        height: 40px;
        opacity: 0.4;
        background: rgba(0, 0, 0, 0.1);
        border-width: 0;
    }
    50% {
        width: 50px;
        height: 50px;
        background: #00d478;
        border: 0;
        opacity: 0.6;
    }
    100% {
        width: 50px;
        height: 50px;
        background: #00d478;
        border: 0;
        opacity: 1;
    }
}

@keyframes check {
    0% {
        width: 40px;
        height: 40px;
        border-width: 5px;
    }
    10% {
        width: 40px;
        height: 40px;
        opacity: 0.1;
        background: rgba(0, 0, 0, 0.2);
        border-width: 15px;
    }
    12% {
        width: 40px;
        height: 40px;
        opacity: 0.4;
        background: rgba(0, 0, 0, 0.1);
        border-width: 0;
    }
    50% {
        width: 50px;
        height: 50px;
        background: #00d478;
        border: 0;
        opacity: 0.6;
    }
    100% {
        width: 50px;
        height: 50px;
        background: #00d478;
        border: 0;
        opacity: 1;
    }
}
*/
/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
.nxa-dynamic-text-label {
    font-weight: bold;
    display: inline;
    margin: 10px;
  }
/**
 * @created: Fri Feb 21 2025
 * @author: Alexander J. Vincent
 *
 * @copyright(c) 2025 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

 .nxa-fieldrecord {
    position: relative;
 }

.nxa-widget-drop-zone-outer-div.nxa-fieldrecord {
    height: unset;
    width: unset;
}

.nxa-fieldrecord-capturemedia.nxa-widget-drop-zone-inner-div {
    height: 160px;
    width: 200px;
}

.nxa-fieldrecord-capturemedia.nxa-docs-and-media,
.nxa-fieldrecord-capturemedia.nxa-no-docs-or-media {
    width: 400px;
}

.nxa-fieldrecord-capturemedia .nxa-field-added-button-div {
    width: 200px;
}

.nxa-fieldrecord-capturemedia .nxa-widget-drop-zone-div {
    display: inline-flex;
}

.nxa-fieldrecord-capturemedia.nxa-widget-drop-zone-inner-div {
    border: none;
    outline: 4px dashed #cbd5e0;
}

.nxa-fieldrecord-capturemedia.nxa-validation-error {
    outline-color: var(--nxa-color-red);
}

.nxa-fieldrecord-capturemedia .nxa-image-widget-drop-button {
    margin-left: 5px;
    margin-right: 5px;
}

.nxa-fieldrecord-capturemedia .nxa-image-widget-drop-button.disabled {
    background-color: var(--nxa-color-lightestgray);
}

.nxa-fieldrecord .nxa-simpledata-required {
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 16pt;
}

.nxa-fieldrecord-capturemedia.nxa-no-docs-or-media .nxa-fieldrecord-badconfiguration {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
}

.nxa-clearmedia-icon {
    color: white;
    font-size: 14px;
    position: absolute;
    top: 40px;
    left: 600px;
}

.nxa-clearmedia-icon.nxa-fieldrecord-textual-clear,
.nxa-clearmedia-icon.nxa-fieldrecord-audio-clear {
    left: unset;
    right: 0px;
}

.nxa-table-cell > .nxa-fieldrecord .nxa-interactable-caption {
    width: unset;
}

.nxa-table-cell > .nxa-fieldrecord video {
    width: unset;
    max-height: unset;
}

.nxa-fieldrecord.nxa-print-mode {
    page-break-inside: avoid;
    break-after: always;
    break-before: always;
    height: 100%;
}

.nxa-fieldrecord.nxa-fieldrecord.nxa-print-mode > :is(image, video) {
    position: relative;
}

.nxa-fieldrecord.nxa-print-mode > .nxa-sublabel {
    position: relative;
}
/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */


.nxa-formula-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: start;
    flex-basis: 100%;
    align-items: flex-end;
}

 .nxa-formula-expr, .stmtgroup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    vertical-align: top;
    background-color: var(--nxa-color-cell-background);
}

.nxa-formula-expr .nxa-formula-expr {
    display: contents;
}

.nxa-formula-expr .nxa-simpledata-wrapper {
    padding-bottom: 8px;
}

.nxa-formula-operator-equals {
    margin-left: 10px;
}

.nxa-formula-result {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    padding-bottom: 5px;
}

.nxa-formula-result .nxa-simpledata-value-units-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.nxa-formula-input-editor .nxa-formula-result .nxa-simpledata-horizontal-wrapper {
    padding-bottom: 5px;
}

.nxa-formula-expr .nxa-simpledata-wrapper-in-container,
.stmtgroup .nxa-simpledata-wrapper-in-container {
   margin-left: 0;
}

.nxa-formula-expr > .function {
    margin-top: 16px;
}

.data-link {
    position: absolute;
    left: 0px;
    bottom: -20px;
    min-width: 100px;
    width: 100%;
    text-align: left;
    font-size: 1rem;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.data {
    display: inline-block;
    vertical-align: top;
    /* border: solid 1px black; for alignment testing */
}

.data .nxa-simpledata-label font.red {
    display: none;
}

.data-bound .nxa-simpledata-label font.red {
    display: none;
}

/** INPUT **/
.data .value, .data .nxa-simpledata-input {
    display: inline-block;
    width: 50px;
    text-align: right;
    padding: 0px 5px;
    margin: 0px;
}

.data-bound .value, .data-bound .nxa-simpledata-input {
    display: inline-block;
    width: 50px;
    text-align: right;
    padding: 0px 5px;
    margin: 0px;
}

.data.data-bound .value, .data .nxa-simpledata-input {
    display: inline-block;
    min-width: 100px;
    text-align: right;
    padding: 0px 5px;
    margin: 0px;
}

input.nxa-simpledata-input.constant-background-color {
    background-color: rgba(239, 239, 239, 0.3);
    border-color: rgba(118, 118, 118, 0.1);
}

.data-bound input.nxa-simpledata-input {
    border-color: gray;
}

.data .value {
    background-color: lightgray;
    border: 1px solid lightgray;
}

.data-bound .value {
    background-color: lightgray;
    border: 1px solid lightgray;
}

/** UNITS **/
.nxa-formula-expr .units, .stmtgroup .units, .data .nxa-simpledata-input ~ .nxa-simpledata-label, .result .nxa-simpledata-input ~ .nxa-simpledata-label {
    /* Style Units differently than other labels */
    display: inline-block;
    height: initial;
    margin: 0px;
    flex-direction: unset;
    justify-content: unset;
}

.nxa-formula-expr .units, .stmtgroup .units, .data-bound .nxa-simpledata-input ~ .nxa-simpledata-label, .result .nxa-simpledata-input ~ .nxa-simpledata-label {
    /* Style Units differently than other labels */
    display: inline-block;
    height: initial;
    margin: 0px;
    flex-direction: unset;
    justify-content: unset;
}

.units {
    font-weight: bold;
    margin-left: 80px;
}

.constant {
    font-size: 1.5em;
    display: inline-block;
}

.operator, .connector {
    font-size: 25px;
    font-weight: 700;
    color: #2091DD;
    padding-top: 18px;   /*align with Input Value*/
    display: inline-block;
}

.stmt-group, .stmt-connector {
    font-size: 12pt;
    font-weight: 700;
    color: #2091DD;
    height: 100%;
    padding-top: 25px;   /*align with Input Value*/
    display: inline-block;
}


.subformula:before,
.substmtgroup:before,
.subformula-edit-mode:before {
    content: '(';
    margin-right: 5px;
    margin-left: 5px;
    font-size: 35px;
    font-weight: 300;
    color: rgb(85, 85, 85);
}

.subformula:after,
.substmtgroup:after {
    content: ')';
    margin-right: 5px;
    margin-left: 5px;
    font-size: 35px;
    font-weight: 300;
    color: rgb(85, 85, 85);
}

.params:before {
    content: '(';
    margin-right: 5px;
    margin-left: 5px;
    font-size: 3em;
    font-weight: 700;
    color: #00aaff;
}

.params:after {
    content: ')';
    margin-right: 5px;
    margin-left: 5px;
    font-size: 3em;
    font-weight: 700;
    color: #00aaff;
}

.function {
    display: inline-block;
    font-size: large;
}

nxauistmtgroup {
    display: inline-block;
}

nxauiformula.nxa-simpledata-wrapper {
    padding-left: 0px;
}

nxauiformulawrapper .constant, nxauistmtgroupwrapper .constant {
    font-size: 17px;
}

/** INPUT **/
.result .nxa-simpledata-input {
    display: inline-block;
    width: 70px;
    overflow: hidden;
    background-color: lightgray;
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 0px 5px;
    margin: 0px;
    text-align: right;
}

/** UNITS **/
.result .nxa-simpledata-input ~ .nxa-simpledata-label {
    margin: 0px;
    padding: 0px;
}

.calcFormulaBtn {
    display: inline-block;
    position: relative;
    min-width: 90px;
}

.errorMsg {
    color: red;
    display: none;
    text-align: center;
    margin-bottom: 40px;
}

/* For Constant placeholders while in Container */
.nxa-formula-input-editor [contenteditable]:empty::before {
    content: attr(data-placeholder);
    color: lightgray;
    display: inline-block;
    font-style: italic;
}

.nxa-cond-action-text {
    font-size: large;
}

.nxa-formula-input-editor.editorModal .nxa-simpledata-units {
    display: none;
}

.nxa-formula-cursor {
    display: inline-block;
}

.nxa-formula-cursor > div {
    margin-top: 5px;
    height: 45px;
    outline-width: 1px;
    outline-style: solid;
    outline-color: var(--nxa-color-transparent);
    margin-left: 10px;
    margin-right: 10px;
}

.nxa-formula-cursor:hover > div {
    outline-color: var(--nxa-color-btnblue);
}

.nxa-formula-cursor.active > div {
    outline-color: var(--nxa-color-lightgray);

    animation: nxa-blink-animation 2s steps(2, start) infinite;
    -webkit-animation: nxa-blink-animation 2s steps(2, start) infinite;
}

@keyframes nxa-blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes nxa-blink-animation {
    to {
        visibility: hidden;
    }
}


/**
 * @created: Mon Jun 19 2023
 * @author: Alexander J. Vincent
 *
 * @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

nxauiimagewrapper, nxauiimagedata {
    display: flex;
    flex-direction: column;
    align-items: center;
}

:is(nxauiimagewrapper, nxauiimagedata) > .nxa-interactable-caption {
    position: static;
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

:is(nxauiimagewrapper, nxauiimagedata) > .nxa-interactable-image-centered-x {
    position: static;
    left: 0;
    transform: translateX(0);
}

img.nxa-print-mode-image {
    position: relative;
}

label.nxa-image-sublabel {
    position: relative;
    margin-top: 5px;
}

label.primary-label-hidden {
    bottom: 30px;
}

.nxa-selected-image-widget {
    box-shadow: 0 0 0 10px var(--nxa-color-btnblue);
}

/**
 * @created: Thu Jul 06 2023
 * @author: Aaron Bly
 *
 *  @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 * Sole Proprietary of NextAxiom and confidential information, subject to license terms.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 * in process, and are protected by trade secret or copyright law. Dissemination of this information,
 * software, or reproduction of this material is strictly forbidden unless prior written permission
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */
    nxauiocrscanner {
        display: inline;
    }
    
    nxauiocrscanner .nxa-ocr-error {
        width: 100%;
    }

    nxauiocrscanner .nxa-ocr-ctrls,
    .nxa-ocr-ctrls {
        width: 100%;
        display: flex;
        align-items: center;
    }
    
    nxauiocrscanner .nxa-ocr-ta,
    .nxa-ocr-ta {
        margin-right: 5px;
        display: inline;
        min-width: 200px;
        height: 25px;
    }
    
    nxauiocrscanner .nxa-ocr-error-lbl {
        color: red;
    }
    
    nxauiocrscanner .nxa-ocr-spinner {
        display: inline-block;
    }
    
    nxauiocrscanner .nxa-ocr-checkmark {
        display: inline;
        color: green;
    }


.nxa-radio-wrapper {
    text-align: left;
}

.nxa-radio-btns-wrapper { 
    display: flex;
    flex-wrap: wrap;
}
/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */

 nxauifixedtable,
 nxauiimagedata {
     content-visibility: auto;
     contain-intrinsic-size:auto 100px;
 }
  
.nxa-child-data-wrapper {
    margin: 0px;
    justify-content: flex-start;
}

.nxa-child-data-wrapper.row.nestedchild {
    margin-left: 30px;
}

.nxa-simpledata-wrapper-in-container {
    margin-left: 20px;
    position: relative;
    height: min-content; /* don't grow this data wrapper height based on other wrappers in the container row */
}

.nxa-simpledata-wrapper {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}

.nxa-simpledata-wrapper-change-indicator {
    position: absolute;
    top: 2px;
    right: 2px;
    height: 12px;
    width: 12px;
    padding: 0;
}
.nxa-widget-revision-history-list-overlay {
    border: #7a7a7a 1px solid;
    box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75);;
    position: absolute;
    z-index: 400; /* stay under the context menu (450) !!*/
    font-size: 14px;
    background-color: var(--nxa-color-cell-background);
    overflow-y: auto;
    width: 30%;
    max-height: 40%;
    margin-top: 2px;
}

.nxa-widget-revision-history-arrow {
    z-index: 401; /* one above history overlay*/
    width: 10px;
    position: absolute;
}

.nxa-widget-revision-history-arrow::after {
    content: "";
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: black transparent transparent transparent;
    opacity: 0.6;
}

.nxa-widget-revision-history-item-description {
    margin-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    background-color: var(--nxa-color-cell-background);
    text-wrap: wrap; /* try to wrap words */
}

.nxa-widget-revision-history-item-author {
    padding-left: 15px;
    padding-right: 15px;
    background-color: var(--nxa-color-cell-background);
    text-wrap: wrap; /* try to wrap words */
    font-size: 12px;
}

.nxa-widget-revision-history-item-divider {
    margin-left: 15px;
    margin-right: 15px;
    background-color: var(--nxa-color-lightgray);
    height: 1px;
}

.nxa-table-cell .nxa-simpledata-wrapper.nxa-simpledata-wrapper-in-container {
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
}

.nxa-multi-col .nxa-simpledata-wrapper {
    padding-bottom: 0px;
    margin-bottom: 20px;
    width: auto;
    max-width: none;
    /*flex-basis: auto;*/
}

/** FLEX ROW WRAPPER **/
.nxa-multi-col .nxa-simpledata-inner-wrapper {
    display: inline-block;
    width: inherit;
    margin: 0px;
    white-space: nowrap;
}

/** GRID LABEL **/
.nxa-multi-col .nxa-simpledata-label {
    padding: 0px;
    margin-right: 10px;
    text-align: right;
    vertical-align: top;
}

/** INPUT **/
.nxa-simpledata-input {
    display: inline-block;
    margin: 0px;
    min-width: 60px;
    height: 25px;
    font-size: 15px;
    padding: 1px 2px;
}

.nxa-simpledata-input.nxa-width-90 {
    width: 90%;
}

.nxa-simpledata-input:disabled {
    opacity: 1;
    background-color: rgba(239, 239, 239, 0.3);
    border: 1px solid rgba(59, 59, 59, 0.3);
}

.nxa-text-area {
    resize: both;
    min-height: 50px;
}


.nxa-text-area-responsive {
    resize: none;
    white-space: break-spaces;
    overflow-wrap: anywhere;
    border: 1px solid rgba(59, 59, 59, 0.3);    
}

.nxa-text-area-responsive[scrolling] {
    overflow: scroll;
}

.nxa-text-area-responsive[fullheight] {
    overflow: hidden;
}


/** GRID INPUT **/
.nxa-multi-col .nxa-simpledata-input {
    vertical-align: top;
    margin-left: 0px;
}

.nxa-simpledata-label {
    padding: 0px 4px 0px 2px;
    text-align: left;
    vertical-align: top;
    position: relative;
    font-weight: bold;
    font-size: 15px;
    line-height: 24px;
}

.nxa-simpledata-label-radio {
    padding: 0px 4px 0px 2px;
    text-align: left;
    vertical-align: middle;
    position: relative;
    font-weight: bold;
    font-size: 15px;
    display: inline;
}

.nxa-tool-widget-simpledata-label-panel,
.nxa-tool-widget-simpledata-label {
    padding: 0px 4px 0px 2px;
    text-align: left;
    vertical-align: top;
    position: relative;
}

.nxa-tool-widget-simpledata-label {
    font-size: 11pt;
}

.nxa-tool-widget-simpledata-label-panel {
    font-size: 12pt;
}

.nxa-tool-widget-simpledata-input {
    display: inline-block;
    margin: 0px;
    min-width: 60px;
    height: 25px;
    font-size: 11pt;
}

.nxa-tool-widget-simpledata-input-color {
    max-width: 80px;
}

.nxa-tool-widget-simpledata-reset-color {
    margin-left: 8px;
}

/** UNITS **/
.nxa-simpledata-units {
    margin-left: 5px;
    padding: 0px;
    text-align: left;
    vertical-align: top;
    font-size: 11pt;
    display: inline-block;
}

.nxa-simpledata-units.minWidth {
    min-width: 45px;
}

/* Issue 3082: remove bottom margin that comes with bootrap in these <p> so references line is aligned */
.nxa-ui-title > span > p,
.nxa-simpledata-units > span > p {
    margin: 0;
}

.nxa-ui-title > p,
.nxa-simpledata-units > p {
    margin: 0;
}

.nxa-ui-title-grid > p,
.nxa-simpledata-units > p {
    margin: 0;
}

.nxa-ui-title-grid > p,
.nxa-simpledata-units > p {
    margin: 0;
}

/** GRID UNITS **/
.nxa-multi-col .nxa-simpledata-label .nxa-simpledata-units {
    text-align: left;
    padding-right: 0px;
    padding-left: 5px;
}

/** TOLERANCE **/
.nxa-simpledata-tolerance {
    display: inline-block;
    font-weight: 200;
    font-size: 15px;
}

.nxa-simpledata-vertical-wrapper {
    display: inline-block;
}

.nxa-simpledata-vertical-wrapper-full-width {
    display: inline-block;
    width: 100%;
}

.nxa-simpledata-horizontal-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.nxa-simpledata-trend-wrapper {
    display: flex;
    flex-direction: column;
}

.nxa-simpledata-trend-wrapper-full-width {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.nxa-simpledata-trend-comment {
    margin-left: 5px;
}

.nxa-simpledata-trend-label {
    margin-left: 2px;
}

/* the below 3 wrappers get added to this vertical wrapper */
.nxa-simpledata-value-units-wrapper,
.nxa-simpledata-tolerance-wrapper,
.nxa-simpledata-data-ref-wrapper {
    position: relative;
    text-align: left;
    margin-left: 5px;
}

.nxa-simpledata-vertical-wrapper .nxa-simpledata-data-ref-wrapper {
    display: block;
    font-size: 14px;
    font-weight: bolder;
}

.nxa-simpledata-data-ref-wrapper.ref-margin-up {
    margin-top: -6px;
}

.nxa-simple-data-value-units-wrapper-flex {
    display: flex;
}

.nxa-simpledata-data-ref {
    display: inline-block;
    font-weight: 200;
    color: rgb(51,153,236);
}

.nxa-simpledata-data-ref.nxa-simpledata-data-ref-stale {
    color: var(--nxa-color-red);
}

.nxa-simpledata-data-ref-stale-icon {
    color: var(--nxa-color-red);
    padding-right: 5px;
}

/** GRID TOLERANCE **/
.nxa-multi-col .nxa-simpledata-tolerance-wrapper {
    display: block;
    width: auto;
}
.nxa-multi-col .nxa-simpledata-tolerance {
    padding: 5px;
}


.out-of-tolerance-input-color {
    color: "#ff0000";
}

.nxa-simpledata-required {
    color: red;
    font-weight: bold;
    font-size: 11pt;
}

legend > .nxa-simpledata-required {
    margin-left: 4px;
}

.nxa-simpledata-required-instance {
    color: var(--nxa-color-menu-blue);
    font-weight: bold;
}

.nxa-data-wrapper-left-drag-handle {
    display: none;    /* turned on during hover */
    position: absolute;
    width: 16px;
    z-index: 1;
    height: 0;  /* This will be set with javascript code when container becomes active */
    margin-top: 0;
    left: -4px;
    box-sizing: border-box;
    cursor: move;
    background: url('../Images/drag_handle_blue.svg');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
}

.nxa-data-wrapper-left-drag-handle.moreLeft {
    left: -14px;
}

.nxa-data-wrapper-left-drag-handle.nxa-rbg-fieldset-left-drag-handle {
    left: 4px;
    bottom: 6px
}

nxauichartwrapper > .nxa-data-wrapper-left-drag-handle {
    left: 0px;
}

.nxa-properties-btn { 
    padding: 0px 6px 0px 4px;
    font-size: 15px;
    border: none;
    outline: none;
    background: transparent;
    position: absolute;
    left: -4px;
    top: 0px; /* will be set during hover */
  }
  
.nxa-properties-btn .fa-sliders-h:hover { 
    color: rgb(36, 187, 242);
}

.nxa-simpledata-input-small {
    width: 70px;
}

.nxa-simpledata-input-large {
    width: 100px;
}

.nxa-simpledata-input-larger{
    width: 190px;
}

.nxa-simpledata-input-extra-large {
    width: 250px;
}

.nxa-simpledata-input-full {
    width: 100%;
}

nxa-resizable-input-elm {
    top: 0;
    min-width: 5px;
    height: 25px;
    position: absolute;
    cursor: col-resize;
    user-select: none;
    box-sizing: border-box;
}

nxa-resizable-input-elm-has-flex {
    min-width: 5px;
    height: 25px;
    cursor: col-resize;
    user-select: none;
    box-sizing: border-box;
}

.nxa-resizable-input-border {
    border-right: 5px solid #0000ff;
}

.nxa-tool-inline {
    display: inline-flex;
}

.nxa-tool-inline-flex-wrap {
    flex-wrap: wrap;
}

.nxa-dynamic-data-content {
    display: inline-block;
    margin: 0px;
    min-width: 60px;
    font-size: 12pt;
    padding: 1px 2px;
}

.nxa-simpledata-edit-button {
    display: inline-block;
    user-select: none;
    padding: 0;
    width: 25px;
    height: 25px;
    background-image: url('../Images/ContextMenuIcons/GeneralContextIcons/NXABlackPencilIcon.svg');
}

.nxa-simpledata-edit-button:hover {
    background-image: url('../Images/ContextMenuIcons/GeneralContextIcons/NXACyanPencilIcon.svg');
    cursor: pointer;
    user-select: none;
}

.nxa-simpledata-corrected {
    display: inline-block;
    user-select: none;
    padding: 0;
    width: 22px;
    height: 25px;
    background-image: url('../Images/ContextMenuIcons/GeneralContextIcons/NXAReperformIconGray.svg');
}

.nxa-simpledata-edit-button.is-change-value {
    vertical-align: bottom;
    margin-left: 8px;
}

.nxa-simpledata-corrected.is-change-value {
    vertical-align: bottom;
    margin-left: 8px;
}

.nxa-formattable-text-area-char-count {
    position: absolute;
    right: 5px;
    bottom: -15px;
    font-size: 12pt;
    pointer-events: none;
    color: rgb(118, 118, 118);
}

.nxa-formattable-text-area-char-count.invalid {
    color: red;
}

.nxa-formattable-text-area {
    border: 1px solid rgb(118, 118, 118);
    position: relative;
    padding: 5px;
    width: 300px;
    overflow: auto;
    resize: both;
    cursor: text;
    font-size: 12pt;
}

.nxa-formattable-text-area.disabled {
    border-color: rgba(118, 118, 118, 0.3);;
    background-color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
    cursor: default;

}

.nxa-table-cell .nxa-formattable-text-area:not(.disabled) {
    background-color: var(--nxa-color-white);
}

.nxa-simpledata-datepicker-default-black {
    color: black;
}

.nxa-conceal-value {
    -webkit-text-security: disc;
}

.nxa-reveal-text-btn {
    padding-left: 3px;
    font-size: 15px;
}


.nxa-data-icon-btn {
    font-size: 2.0em;
}

.nxa-data-icon-btn[hasValue] {
    background-color: lightgreen;
    font-weight: 400;
}

.nxa-validation-error,
.nxa-validation-error-fta > .nxa-formattable-text-area {
    outline-width: 4px;
    outline-style: solid;
    outline-color: var(--nxa-color-red);
}

.nxa-confirmation-required,
.nxa-confirmation-required-fta > .nxa-formattable-text-area {
    outline-width: 4px;
    outline-style: solid;
    outline-color: var(--nxa-color-darkorange);
}

.nxa-radio-group-fieldset.nxa-confirmation-required {
    outline: none;
    border-color: var(--nxa-color-darkorange);
    border-width: 2px;
}

.nxa-confirm-value-button {
    display: inline-flex;
    height: 25px;
    width: 25px;
    align-items: center;
    justify-content: center;
    background-color: var(--nxa-color-darkorange);
    color: var(--nxa-color-white);
    border-radius: 50% 50% 50% 0%;
    cursor: pointer;
    margin-left: 8px;
    vertical-align: bottom;
}

.nxa-confirm-value-button[disabled] {
    background-color: var(--nxa-color-lightgray);
    cursor: default;
}

.nxa-confirm-value-button i {
    margin-top: 10%;
}

.nxa-confirm-value-button.nxa-confirm-value-button-fta {
    vertical-align: top;
    margin-bottom: 6px;
}

.nxa-radio-group-fieldset.nxa-validation-error {
    outline: none;
    border-color: var(--nxa-color-red);
    border-width: 2px;
}

.nxa-selected-data-widget {
    outline: 2px solid var(--nxa-color-btnblue);
    /* this works for a formula inside a table, but not for an edit box inside a table.  No idea why. */
    animation: datawidget-pulse 2s infinite;
}

@keyframes datawidget-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(52,152,219, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(52,152,219, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(52,152,219, 0);
    }
}

.nxa-selected-data-widget.nxa-selected-outline {
    animation: none;
    outline-width: 4px;
}

table .nxa-selected-data-widget {
    /* this is the only outline-style which works in a table cell */
    outline-style: auto;
}

/*
.nxa-selected-widget-arrow {
    position: absolute;
    left: -20px;
    top: 0px;
    font-size: 20px;
    color: var(--nxa-color-btnblue);

    animation-name: nxa-selected-datawidget-arrow;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

@keyframes nxa-selected-datawidget-arrow {
    from {
        left: -25px;
    }
    to {
        left: -30px;
    }
}
*/

.nxa-simpledata-not-applicable {
    background-image: url("../Images/NXANotApplicableDataWidget.svg");
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 15px;
}

.nxa-simpledata-not-applicable.nxa-simpledata-not-applicable-no-label {
    background-position-x: -15px;
    background-position-y: -10px;
}

.nxa-simpledata-not-applicable.nxa-simpledata-not-applicable-icon {
    background-position-x: -15px;
}

.nxa-simpledata-not-applicable-list .nxa-list-data-wrapper.disabled {
    background-color: unset;
    background-image: url("../Images/NXANotApplicableDataWidget.svg"), url("../Images/ghostwhite-background.svg");
    background-repeat: no-repeat, repeat;
    background-position-x: -5px, 0px;
    background-position-y: -10px, 0px;
}

.nxa-simpledata-not-applicable-list .nxa-list-data-wrapper.disabled > .nxa-list-data-input-for-new {
    background-color: unset;
}

.nxa-completion-choice.ackButton {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.nxa-ui-generic-button.onlyWFButton { 
    margin: 0;
    width: 180px;
}

.nxa-ui-generic-button.splitButtonMain {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0;
    width: 150px;
    display: inline-block;
    height: 36px;
}

.nxa-ui-generic-button.splitButtonMain:disabled { 
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0;
    width: 150px;
}

.nxa-ui-generic-button.splitButtonListLabel {
    border: none;
    margin: 0;
}

.nxa-ui-generic-button.splitButtonListLabel:disabled { 
   border:none;
   margin: 0;
}

.nxa-ui-generic-button.splitButtonListLabel:hover { 
    background-color: transparent;
    margin: 0;
    color: rgb(52,152,219);
 }

.nxa-ui-choice {
    display: flex;
    flex-direction: row;
}

.nxa-ui-choice[justify-choice="left"] {
    justify-content: start;
}

.nxa-ui-choice[justify-choice="center"] {
    justify-content: center;
}

.nxa-ui-choice[justify-choice="right"] {
    justify-content: end;
}
.nxa-simpledata-value-units-wrapper .nxa-work-item {
    font-size: 0.65em;
    display: inline-flex;   
}

.nxa-simpledata-value-units-wrapper .nxa-work-item .nxa-icon {
    color: white;  
}

.nxa-simpledata-wrapper.nxa-simpledata-wrapper-in-container .nxa-simpledata-value-units-wrapper.nxa-data-as-text {
    display: flex;
}

.nxa-revision-history-added {
    /* background-color: var(--nxa-color-lightestgreen); */
    outline: 2px solid var(--nxa-color-lightestgreen);
    outline-offset: 3px;
    border-radius: 2px;
}

.nxa-revision-history-modified {
    /* background-color: var(--nxa-color-lightblue);     */
    outline: 2px solid var(--nxa-color-lightblue);
    outline-offset: 3px;
    border-radius: 2px;
}

.nxa-revision-history-removed {
    background-color: var(--nxa-color-lightred);     
}

.nxa-simpledata-wrapper.nxa-simpledata-wrapper-in-container .nxa-simpledata-value-units-wrapper.nxa-data-as-text .nxa-simpledata-input {
    display: inline-flex;
    flex-grow: 1;
    height: auto;
}

.nxa-table-view .nxa-table-cell [widgetclass="NXAWISysAttrData"] .nxa-table-cell-simple-data-wrapper,
.nxa-table-view .nxa-table-cell nxauiwisysattrdata .nxa-table-cell-simple-data-wrapper {
    position: relative;
    padding: 4px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    white-space: normal;
}

.nxa-table-view .nxa-table-cell [widgetclass="NXAWISysAttrData"] .nxa-simpledata-value-units-wrapper .nxa-simpledata-input,
.nxa-table-view .nxa-table-cell nxauiwisysattrdata .nxa-simpledata-value-units-wrapper .nxa-simpledata-input {
    height: auto;
}



.nxa-table-cell nxauitoolwidgetselector {
    display: table;
    width: 100%;
}

.nxa-table-cell nxa-widgetselector {
    display: table-row;
}
.nxa-table-cell nxa-widgetselector-txt {
    display: table-cell;
}

.nxa-table-cell nxa-widgetselector-conf-wrapper {
    display: table-cell;
    width: 90px;
}

.nxa-table-cell nxa-widgetselector-conf-wrapper button.nxa-ui-generic-button.slim {
    width: 70px;
    min-width: unset;
}

/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */

 .nxa-monitoring-main { 
    font-size: 14px;
}

.nxa-monitoring-nav-bar {
    color: white;
    display: block;
    width: 100%;
    height: 60px;
    position: relative;
    background-image: linear-gradient(to right, #49b5f1, white 70%);
}

.nxa-monitor-header-site-filter {
    position: absolute;
    right: 290px;
    top: 69px;
    width: 160px;
    z-index: 99;
    font-size: 1.2rem;
}

.nxa-monitor-header-site-filter-select {
    width: 70%;
    z-index: 99;
}

.nxa-monitor-header-filter {
    position: absolute;
    right: 26px;
    top: 68px;
    width: 250px;
    z-index: 99;
    font-size: 1.2rem;
}

.nxa-monitor-table-header {
    color: rgb(127,127,127);
    font-size: 1.3rem;
    font-weight: bold;
}

#nxa-monitor-help-button {
    margin-right: 20px;
    vertical-align: middle;
    font-size: 24px;
    color: var(--nxa-color-btnblue);
}

.nxa-monitoring-progress_wrapper {
    position: relative;
    height: 35px;
    min-width: 100px;
}

.nxa-monitoring-progress {
    position: relative;
    left: 0px;
    bottom: 0px;
    width: 100%;
    margin: 5px;
    border-width: 0px;
    border-radius: 1rem;
}

.nxa-monitoring-progress-bar {
    border-radius: 1rem;
    background-color: var(--nxa-color-menu-blue);
}
.nxa-monitoring-progress-label {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size: 1.3rem;
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    color: var(--nxa-color-menu-blue);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.nxa-monitor-controls {
    position: absolute;
    right: 300px;
    top:108px;
    z-index: 99;
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.nxa-monitor-create-instance {
    font-size: 1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.nxa-monitor-hyperlink-div {
    font-size: 1.3rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.nxa-monitor-hyperlink-icon-class { 
    padding: 0px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    opacity: 0.95;
}

.nxa-monitor-hyperlink-icon-class:hover { 
    opacity: 1.5;
}

.nxa-monitor-hyperlink-icon-class:active { 
    opacity: 1.5;
}

.nxa-monitor-delete-icon-class { 
    padding: 0px 0px 0px 4px;
    cursor: pointer;
    opacity: 0.95;
}

.nxa-monitor-delete-icon-class:hover { 
    opacity: 1.5;
}

.nxa-monitor-delete-icon-class:active { 
    opacity: 1.5;
}

.nxa-monitor-action {
    cursor: pointer;
}

.highlighter {
    border: 1px solid #FF0000;
    position: absolute;
}
/**
 * @created: Mon Mar 02 2020
 * @author: Paul Bethune
 *
 *  @copyright(c) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 * Sole Proprietary of NextAxiom and confidential information, subject to license terms.
 *
 * This file contains NextAxiom Computer Software, and Background Intellectual
 * Property including but not limited to subjects relating to patent application # 16/353,895
 * as sole property of NextAxiom.
 *
 */


.nxa-continuous-action-item {
    border: 3px solid rgb(200, 200, 200);
    background: white;
}

.nxa-continuous-action-header {
    width: 100%;
    padding-left: 8px;
}
  
.nxa-continuous-action-header-title {
    display: inline;
    font-weight: bold;
}

.nxa-continuous-action-okay-cancel-div {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 3px;
}
    
.nxa-continuous-action-okay-cancel-div > .nxa-continuous-action-btn {
    color: rgb(52,152,219);
    border-radius: 4px;
    padding: 1px 5px 1px 5px;
    background-color: white;
    border: solid darkslategray 1px;
    user-select: none;
}

.nxa-continuous-action-okay-cancel-div > .nxa-continuous-action-btn:hover {
    background-color:  #3445db;
    color: white;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
}
 
 .nxa-continuous-action-button-spacing {
    margin-right: 10px;
}

/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */


.title-header{
    padding-left: 5px;
    padding-top: 10px;
    color: white;
    font-size: 18px;
    position: relative;
}

.nxa-content-menu-close-icon { 
    font-size: 25px;
    cursor: pointer;
}

.nxa-content-menu-title-text { 
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    padding-left: 6px;
}

.modal-container {
    background-color: rgb(42,147,218); 
    left: 0px;
    width: var(--nxa-modal-container-width );
    height: 100%;
    z-index: 200;
    top: 0px;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    /* visibility: hidden; */
    transition-property: width, height;
    transition-duration: var(--nxa-transition-duration);
}

.modal-container hr{
    margin-bottom: 0;
}

.selection-button {
    display: block;
    position: relative;
    text-align: left;
    width: 210px;
    margin: 10px 0px 0px 10px;
    background-color: white;
    border-radius: 4px; 
    box-shadow: none;
    min-height: var(--nxa-selection-button-min-height);
    border: none;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition-property: width;
    transition-duration: var(--nxa-transition-duration);
}


.nxa-button-menu-collapse nxa-product-version,
.nxa-button-menu-collapse .selection-button:not(.nxa-show-text-when-compressed) .selection-button-inner-span,
.nxa-button-menu-collapse .nxa-badges,
.nxa-button-menu-collapse .selection-button.nxa-show-text-when-compressed .nxa-image-icon-performance-menu
{
    display: none;
}

.nxa-button-menu-collapse .selection-button.nxa-show-text-when-compressed .selection-button-inner-span{
    display: inline-block;
    overflow: hidden;
    width: 20px;
    position: relative;
    top: 5px;
    font-size: 11px;
}

.nxa-button-menu-collapse .nxa-content-menu-title-text{
    visibility: hidden;
}
.nxa-button-menu-collapse.modal-container{
    width: var(--nxa-modal-button-menu-collapse-width);
}

.nxa-button-menu-collapse .selection-button-inner-span{
    width: 49px;
}

.nxa-button-menu-collapse .selection-button{
    min-width: auto;
    width: 34px;
    text-overflow: clip;
    display: block;
    margin: 10px 0px 0px 10px;
}

.nxa-button-menu-collapse .selection-button:last-child{
    margin: 10px 0px 10px 10px;
}

.nxa-button-menu-collapse .nxa-badges{
    left: 110px;
}

.selection-button:focus {
    outline: 0;
}

.selection-button:active {
    background-color: #aaa;
}

.nxa-revcheck-btn {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-appearance: button;
    appearance: button;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-inline: 6px;
    cursor: pointer;
}

.nxa-revcheck-btn .selection-button-inner-span{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 3px;
    position: relative;
    top: 5px;
}

.nxa-revcheck-btn .selection-button-inner-span.nxa-revcheck-tmstp{
    top: inherit;
}

.nxa-button-menu-collapse .nxa-revcheck-btn .selection-button-inner-span{
    display: none;
}

.nxa-button-menu-collapse .nxa-revcheck-btn .selection-button-inner-span.nxa-revcheck-tmstp{
    width: 58px;
}

.nxa-revcheck-btn:hover {
    cursor: pointer;
}

.nxa-revcheck-btn:active {
    background-color: #aaa;
}

.nxa-revcheck-btn:focus {
    outline: 0;
}

.nxa-revcheck-tmstp {
    font-size: 12px;
    padding-left: 26px;
}

.has-revcheck{
    padding: 8px 6px 6px 6px;
}

.nxa-button-round, .nxa-button-round:focus{
    background-color: var(--nxa-color-white);
    color: var(--nxa-color-menu-darkblue);
    width: 25px;
    height: 25px;
    border: 0px;
    border-radius: 100%;
    padding: 0px;
}

.nxa-button-round:hover{
    box-shadow: 0px 0px 5px 1px var(--nxa-color-white);
}

#nxa-collapse-button{
    position: absolute;
    left: 196px;
    top: 10px;
    cursor: pointer;
}

#nxa-expand-button{
    position: absolute;
    left: 15px;
    top: 10px;
    cursor: pointer;
}

#nxa-media-list-menu{
    min-width: var(--nxa-modal-container-width);
    /* max-width: calc(90vw - var(--nxa-modal-container-width) - 200px); */
    height: 100%;
    top: 0px;
    color: #666666;
    left: var(--nxa-modal-container-width-with-offset);
    background-color: white;
    position: absolute;
    z-index: 101;
    /* visibility: hidden; */
}

.nxa-button-menu-collapse #nxa-media-list-menu{
    left: var(--nxa-modal-button-menu-collapse-width-with-offset);
}

#nxa-button-tool-menu-id{
    min-width: var(--nxa-modal-container-width);
    max-width: calc(60vw - var(--nxa-modal-container-width) - 200px);
    height: 100%;
    top: 0px;
    color: #666666;
    right: var(--nxa-modal-container-width);
    background-color: white;
    position: fixed;
    z-index: 501;
    display: none;
    overflow-y: auto;
}

#nxa-button-menu-close{
    position: absolute;
    right: 20px;
    top: 13px;
    font-size: 25px;
    cursor: pointer;
}

#nxa-button-menu-close.no-title{
    top: 6px;
    right: 19px;
}

#nxa-button-tool-menu-close{
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 30px;
    cursor: pointer;
}

#nxa-button-menu-title{
    text-align: center;
    padding-right: 55px;
    padding-left: 30px;
    padding-top: 1rem;
    font-size: 25px;
}

#nxa-button-menu-title.no-title{
    padding-left: 10px;
    font-size: 14px;
    text-align: left;
    min-width: 322px;
    padding-right: 53px;
}

#nxa-button-tool-menu-title{
    text-align: center;
    padding-right: 30px;
    padding-left: 55px;
}

.nxa-badges{
    font-size: 15px;
    position: absolute;
    margin: 0px -5px; 
    left: 185px;
    background-color: var(--nxa-color-menu-blue);
    color: var(--nxa-color-white);
}

.nxa-content-menu-button-selected {
    background-color:#ddd;
}

.nxa-content-menu-button-expanded {
    width: 245px;
}

#nxa-content-media-container {
    overflow-y: auto;
    display: block;
    text-align: left;
    padding-right: 15px;
}

.nxa-PerformanceTool .nxa-tree-item-list-item{
    padding-top: 5px;
    padding-left: 0px;
    cursor: pointer;
}

.nxa-PerformanceTool .nxa-tree-item-list-item-image{
    width: 28px;
}

.nxa-PerformanceTool .nxa-tree-item-root{
    padding: 0px;
}

.nxa-icon-padding {
    padding-left: 5px;
}

.nxa-image-icon-performance-menu { 
    padding: 0;
    width: 20px;
    position: relative;
    top: -1px;
    text-align: center;
    margin-right:2px;
    font-size: 20px;
}

i.nxa-image-icon-performance-menu { 
    top: 1px;
    font-size: 17px;
    margin-right: 1px;
    margin-left: 1px;
    color: var(--nxa-color-menu-blue);
}

.selection-button:hover, .nxa-modal-controls-button:hover {
    box-shadow: 0px 0px 5px 1px var(--nxa-color-white);
}

.nxa-image-icon-performance-menu-big{
    padding: 0;
    width: 25px;
    text-align: center;
}

#nxa-content-media-container .col {
    text-align: center;
}

.content-menu{
    cursor: pointer;
    font-size: 65px;
    margin: 10px;
}

.content-menu:hover{
    color: black;
}

.nothing-to-show{
    text-align: center;
}

.nxa-pdf-icon-image {
    height: 65px;
}

.nxa-pdf-icon-image.superseded, .superseded .nxa-tree-item-list-item-image {
    filter: saturate(35%) hue-rotate(149deg) brightness(71%) contrast(119%);
}

.figureCaption{
    font-family: inherit;
    font-size: 12px;
    overflow-wrap: break-word;
    max-width: var(--nxa-modal-container-width);
    white-space: normal;
}

.figureCaption.superseded, .superseded nxa-treeview-name {
    text-decoration: line-through;
}

@-moz-document url-prefix() {
    .modal-container{
        width: 260px
    }

    .figureCaption{
        font-size: 10px;
    }

    .content-menu{
        font-size: 55px;
    }

}

.nxa-comment-panel {
    overflow: auto;
    height: 90%;
    width: auto;
    max-width: 600px;
}

.nxa-comment-log-checkbox {
    display: block;
    margin-left: 0px;
    margin-bottom: 4px;
    margin-top: 4px;
    font-size: 14px;
    color: white;
    background-color: #4a82aa;
    padding: 6px 6px 0px 6px;
}

.nxa-comment-log-checkbox span{
    display: inline-block;
    vertical-align: top;
}

.nxa-Perftool-Workspace-Mgr:not(.nxa-editing-mode) .data-placeholder-content:not([data-placeholder=""]):not(.data-placeholder-show):empty::before,
.nxa-Perftool-Workspace-Mgr:not(.nxa-editing-mode) .data-placeholder:not([data-placeholder=""]):not(.data-placeholder-show):empty::before {
    display: none;
}

/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
#nxa-modal-control-container{
    float: right;
    background-color: rgb(42,147,218);
    height: 100%; 
    width: 260px;
    color: white;
    right: 0px;
    z-index: 501;
    position: fixed;
    top: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    transition-property: height;
    transition-duration: var(--nxa-transition-duration);
   }
   
  .nxa-find-input {
    display: inline-block;
    min-width: 140px;
    margin: 0px;
    vertical-align: bottom;
    margin-left: 5px;
    width: 75%;
  }
   
   
  .nxa-modal-controls-button {
    text-align: left;
    background-color: white;
    width: 220px; 
    border: none; 
    display: block;
    margin: 5px 5px 15px 10px;
    font-size: 16px;
    border-radius: 10px;
    min-height: 40px;
  }

   .nxa-modal-controls-button:active{
       background-color: #b3b3ff;
       color: white;
   }
   
   .control-status{
       display: inline-block;
       width: 100%;
       padding-left: 10px;
       text-align: left;
       font-size: 20px;
   }

   .fa-power-off{
       margin-left: 25px; 
   }

   .control-menu-title{
       text-align: center;
       font-size: 18px;
       margin-top: 10px;
   }

   .control-user-name{
       text-align: center;
       font-size: 20px;
       padding-left: 10px;
       display: inline;
   }

   .control-user-name:hover{
      text-decoration: underline;
      color: yellow;  
      cursor: pointer;
  }

   .control-user-icon {
      padding-left: 11px;
   }

    #nxa-completion-info-toggle {
        text-align: center;
        padding: 10px;
        margin-left: 14px;
    }

    #nxa-completion-info-toggle label {
        font-size: 18px;
    }

    #nxa-completion-info-toggle input {
        width: 30px;
        height: 30px;
        margin-left: -34px;
    }

    #nxa-completion-info-toggle .nxa-toggle-option {
      font-size: 12px; 
      display: inline; 
      padding-right: 10px;
    }

    .nxa-completion-info-wrapper {
      display: flex;
      justify-content: left;
    }


   .nxa-controls-close-menu-button{
      position: absolute;
      margin-left: 10px;
      margin-top: 10px;
      cursor:pointer;
      font-size: 25px;
      border-radius: 17px;
   }

   .nxa-controls-close-menu-button:hover,
   #nxa-controls-help-button:hover{
      box-shadow: 0px 0px 5px 1px var(--nxa-color-white);
   }

   #nxa-controls-help-button {
      position: absolute;
      top: 10px;
      right: 11px;
      cursor: pointer;
      font-size: 25px;
      border-radius: 17px;
   }

   .nxa-switch {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 34px;
  }
  
  .nxa-switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .nxa-slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .nxa-slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: rgb(0, 59,113);
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .nxa-slider {
    background-color: #ffff;
  }
  
  input:checked + .nxa-slider:before {
    -webkit-transform: translateX(56px);
    -ms-transform: translateX(56px);
    transform: translateX(56px);
  }
  
  /* Rounded sliders */
  .nxa-slider.round {
    border-radius: 34px;
  }
  
  .nxa-slider.round:before {
    border-radius: 50%;
  }

  .nxa-button-img {
    color:rgb(42,147,218) !important;
    padding:0px 4px 4px 0px !important;
  }

.nxa-perf-basefontsize-label {
  margin-left: 20px;
}

.nxa-perf-basefontsize-label {
  padding-right: 10px;
  font-size: 24px;
}

.nxa-perf-basefontsize-spacer {
  padding-left: 100px;
}

/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
 
header > * {
    display: inline-block;
}

.nxa-perf-tool-header-wrap {
    position: relative;
}

#nxa-performance-tool-header-tpl {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #f2f2f2;
    opacity: 1;
    z-index: 100;
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 500px;
}

#nxa-performance-tool-header-tpl .row {
    margin: 0px;
}

#nxa-performance-tool-header-tpl .row .col:first-child {
    padding-left: 0px;
}

#nxa-performance-tool-header-tpl .row .col:last-child {
    padding-right: 0px;
}

.nxa-header-button-wrapper {
    display: inline-block;
    width: 60px;
    max-width: 60px;
    padding-left: 5px;
    padding-right: 5px;
    flex-grow: 0;
}

.nxa-header-content-button {
    height: 50px;
    min-width: 50px;
    background-color: rgb(52,152,219);
    border-radius: 10px 10px 10px 10px;
    border: none;
    color: white;
    font-size: 15px;
}

.nxa-header-content-button:hover, 
.nxa-header-content-button:active, 
.nxa-header-content-button.active {
    background-color:#3445db;
}

.nxa-button-pulse {
    box-shadow: 0 0 0 0 rgb(52,152,219);
    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(52,152,219, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(52,152,219, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(52,152,219, 0);
    }
}

#nxa-header-title-wrapper {
    min-width: 260px;
    padding-left: 5px;
    padding-right: 5px;
}

#nxa-header-title-wrapper span{
    display: block;
    max-width: 800px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#nxa-active-step-title {
    position: relative;
    width: auto;
    margin-bottom: 5px;
    overflow: hidden;
    font-size: 22px;
    font-weight: bold;
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    color: rgb(127,127,127);
    text-overflow: ellipsis;
    white-space: nowrap;
}

#nxa-active-step-button {
    display: none;
}

.nxa-offline-button {
    height: 25px;
}

.nxa-offline-button.offline {
    background-color: var(--nxa-color-offline-red);
    cursor:not-allowed;
}

.nxa-offline-button.connected {
    background-color: #7fcd76;
    cursor: pointer;
}
.nxa-offline-button.connected:hover {
    background-color: #65a45e;
    cursor: pointer;
}

#nxa-start-performance-button {
    display: none;
}

#nxa-control-menu-button {
    margin-right: 0px;
}

.nxa-chevron {
    position: relative;
    top: 20px;
    max-width: 40px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
    font-size: 30px;
}

.nxa-chevron:hover {
    color: #3445db;
    cursor: pointer;
}

.nxa-header-progress {
    position: relative;
    left: 55px;
    bottom: 0px;
    width: calc(100% - 65px);
    margin: 5px;
    border-width: 0px;
    border-radius: 1rem;
}

.nxa-header-progress-bar {
    border-radius: 1rem;
    background-color: var(--nxa-color-menu-blue);
}

.nxa-unit-label-item.progress-label {
    color: var(--nxa-color-menu-blue);
}

.nxa-units-label-wrapper {
    width: 100%;
    height: 30px;
}

.nxa-units-label-inner-wrapper {
    position: absolute;
    left: 32px;
    right: 0;
}

.nxa-unit-label-item {
    padding: 0px 8px 0px 8px;
    display: inline;
    font-size: 16px;
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    color: white;
}

.nxa-unit-label-item.system-unit {
    float: right;
    font-weight: bold;
    border-radius: 4px;
}

.nxa-unit-text-elm {
    padding: 0px 8px 0px 8px;
}

.nxa-unit-label-item.step-header {
    color: var(--nxa-color-menu-blue);
    padding: 0;
}

.nxa-header-hr {
    position: absolute;
    left: 5px;
    bottom: 0px;
    width: calc(100% - 10px);
    margin: 0px;
    border-width: 2px;
    border-color: rgb(47,85,141);
}

.nxa-monitor-water-mark {
    background-image: url("../Images/nxa-monitor-watermark.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

nxa-banner {
    position: fixed;
    top: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 451;
    width: 400px;
    min-height: 80px;
    max-height: fit-content;
    text-align: center;
    border-radius: 10px;
    font-size: 18px;
    filter: drop-shadow(2px 4px 6px black);
}

nxa-banner.assignment {
    background-color: rgba(243, 118, 24, 0.9);
    width: 650px;
}

nxa-banner.editing-top {
    background-color: rgba(238, 130, 238, 0.9);
    position: fixed;
    top: 75px;
    width: 100%
}

.nxa-banner-edit-content {
    padding-left: 8px;
    font-size: 12pt;
    font-family: Arial, sans-serif;
    background: white;
}

nxa-banner.editing {
    background-color: rgba(238, 130, 238, 0.9);
}

nxa-banner.extraction {
    background-color: rgba(243, 118, 24, 0.9);
}

nxa-banner.outofsequence {
    background-color: rgba(255, 255, 153, 0.9);
}

nxa-banner.shadowperformance {
    background-color: rgba(160, 136, 165, 0.9);
}

.nxa-banner-title {
    font-weight: bold;
    font-size: 18px;
}

.nxa-banner-title.assignment {
    color:white;
    font-size: 18px;
}

.nxa-banner-msg.outofsequence {
    color: black;
}

.nxa-banner-msg.assignment {
    color: white;
    font-size: 18px;
}

.nxa-fade-out-header {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .8;
    background-color: #f2f2f2;
}


nxa-submit-form-panel {
    position: fixed;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
    width: auto;
    height: auto;
    text-align: center;
    border-radius: 10px;
    font-size: 18px;
}

nxa-submit-form-panel.insideTabs{
    top: 70px;
}

.nxa-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.nxa-rev-status-span {
    opacity: .5;
    font-weight: bolder;
    font-size: 4rem;
    margin-right: 20px;
}

.nxa-perf-region-id-span {
    opacity: .5;
    font-size: 4rem;
    margin-right: 20px;
}

.nxa-region-id-span {
    color: black;
    font-size: 14px;
    margin-right: 20px;
}

.nxa-perf-tool-header-wrap.nxa-collapse-header .nxa-header-content-button {
    height: 25px;
}

.nxa-perf-tool-header-wrap.nxa-collapse-header #nxa-header-region-id, 
.nxa-perf-tool-header-wrap.nxa-collapse-header #nxa-header-revision-status {
    font-size: 22px;
}

.nxa-perf-tool-header-wrap.nxa-collapse-header h1, 
.nxa-perf-tool-header-wrap.nxa-collapse-header h2 {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    font-size: 22px;
    white-space: nowrap;
}

.nxa-perf-tool-header-wrap.nxa-collapse-header .nxa-header-proc-num,
.nxa-perf-tool-header-wrap.nxa-collapse-header .nxa-active-step-title-inner {
    font-size: 22px;
}

.nxa-perf-tool-header-wrap.nxa-collapse-header h2 {
    margin-left: 20px;
}

.nxa-perf-tool-header-wrap.nxa-collapse-header .nxa-chevron {
    font-size: 15px;
    top: 5px;
}

.nxa-perf-tool-header-wrap.nxa-collapse-header .nxa-progress, 
.nxa-perf-tool-header-wrap.nxa-collapse-header #nxa-docked-step-title,
.nxa-perf-tool-header-wrap.nxa-collapse-header #units-elm,
.nxa-perf-tool-header-wrap.nxa-collapse-header .nxa-header-progress,
.nxa-perf-tool-header-wrap.nxa-collapse-header .nxa-units-label-wrapper {
    display: none;
}

#nxa-perf-collapse-header-icon {
    font-size: 18px;
}

#nxa-doc-attributes-banner {
    right: 0px;
    text-align: right;
    float: right;
    margin-top: 2px;
}

.nxa-doc-attribute-pill {
    padding: 2px 4px 2px 2px;
    margin-right: 2px;
    vertical-align: middle;

    height: 50px;
    min-width: 50px;
    background-color: rgb(52,152,219);
    border-radius: 10px 10px 10px 10px;
    border: none;
    color: white;
    font-size: 15px;
}

/**
 * @created: Thu Mar 28 2024
 * @author: Alexander J. Vincent
 *
 * @copyright(c) 2024 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */
nxa-perftool-shortcuts-menu {
  float: right;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 100;
  width: 400px;
  overflow: hidden;
  color: var(--nxa-color-btnblue);
  background-color: var(--nxa-color-white);
  cursor: pointer;
  user-select: none;
}

.nxa-shortcuts-menu-title {
  text-align: center;
  font-size: 25px;
  margin-top: 10px;
  vertical-align: top;
}

nxa-perftool-shortcuts-menu .nxa-shortcut-text {
  font-size: 16px;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 10px;
}

nxa-perftool-shortcuts-menu .nxa-shortcut-text:hover {
  background-color: var(--nxa-color-lightblue);
}

nxa-perftool-shortcuts-menu .nxa-shortcut-icon {
  margin-left: 10px;
  margin-right: 5px;
}

nxa-perftool-shortcuts-menu .nxa-shortcut-containerwidget {
  color: var(--nxa-color-btnblue);
}

nxa-perftool-shortcuts-menu .nxa-shortcut-datawidget {
  color: var(--nxa-color-darkgreen);
}

.nxa-shortcuts-menu-scrollbutton {
  width: 100%;
  font-size: 16px;
  height: 26px;
  position: sticky;
  border: none;
}

.nxa-shortcuts-menu-scrollup {
  top: 0px;
}

.nxa-shortcuts-menu-scrolldown {
  bottom: 0px;
}

nxa-shortcuts-list {
  display: block;
  max-height: calc(75vh - 52px);
  overflow-y: hidden;
}

/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
 .nxa-modal-container-class-carosoul {
  position: fixed; /* Stay in place */
  z-index: 3; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
   background-color: rgba(0,0,0,0.4);
}

/* Modal Content/Box */
.modal-content-box-carosoul {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 700px; 
  height: 300px;
  text-align: left;
  position: relative;
}

.nxa-modal-container-class-table {
   
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top:0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgba(0,0,0,0.4);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.modal-content-box-table {
  background-color: #fefefe;
  border: 1px solid #888;
  width: 814px; 
  height: 600px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  top: 2%;
  position: relative;
  margin: 0 auto;
  /* flex needed for children to align center */
}

.nxa-ui-left-transition-button{
  float: left;
}
.nxa-ui-right-transition-button{
  float: right;
  
}
.nxa-transition-button{
  margin-top: 20%;
  border-radius: 10px; 
  background-color: blue;
  color: white;
  font-size: 30px; 
  width: 50px;
}

/*add media queries to resize */
.nxa-related-info-modal-icon{
  opacity: 0.9;
  font-size: 75px;
  padding:0;
  text-align: center;
}

.nxa-related-info-modal-icon:hover,
.nxa-related-info-modal-icon:focus {
  color: blue;
  text-decoration: none;
  cursor: pointer;
  opacity: 1.0;
}

.nxa-related-info-modal-file{
  opacity: 0.9;
}

.nxa-related-info-modal-file:hover,
.nxa-related-info-modal-file:focus {
  color: blue;
  text-decoration: none;
  cursor: pointer;
  opacity: 1.0;
}

.nxa-icon-caption {
  font-size: 20px;
  cursor: pointer;
  max-width: 150px;
  max-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  bottom: 2px;
  position: absolute;
}

.nxa-icon-caption:hover {
  color: blue;
}

.nxa-related-info-item-close-btn {
  color: black;
  text-align: center;
  font-size: 30px;
  font-weight: bolder;
  width: 30px;
  float: right;
}

.nxa-related-info-item-close-btn:hover,
.nxa-related-info-item-close-btn:focus
{
  color: blue;
  text-decoration: none;
  cursor: pointer;
}

.nxa-related-info-buttons-div
{
  width:100%; 
  height:50px; 
  display: flex; 
  flex-direction: row; 
  justify-content: flex-start; 
  padding:10px;
}

.nxa-related-info-doc-container
{
  align-self: center; 
  margin-top:10px
}
.nxa-tool-pane {
    background-color: white;
    display: block;
    height: 100%;
    overflow-y: auto;
    opacity: .999; /* 3760: (Authoring Side Panel) Chrome tabs drawing over Instructions menu items */
    left: var(--nxa-modal-container-width);
    width: calc(100vw - var(--nxa-modal-container-width));
}
.dontShow{
    display: none;
}
.showInvisible{
    /* display: none; */
    visibility: hidden;
}

@-moz-document url-prefix() {
    #nxa-tool-pane {
        left: 260px;
        width: calc(100vw - 260px);
    }
}


/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
.nxa-ui-footer-buttons{
    text-align: center;
}

.footer-button{
    margin: 0px 10px 0px 20px;
    border-radius: 10px 10px 10px 10px;
    border: none;
    background-color: gray;
    color: white;
    margin-right: 0px 20px; 
}

.footer-button:hover{
    background-color: black;
}

.footer-horizontal-row{
    width: 90%;
}

.nxa-container-footer-wrapper div.footer-button-field, .nxa-container-footer-wrapper div.footer-button-related {
    display: inline-block;
    cursor: pointer;
}

.nxa-container-footer-wrapper div.footer-button-field img:hover, .nxa-container-footer-wrapper div.footer-button-related img:hover {
    background-color: rgb(52,152,219);
}

.nxa-container-footer-wrapper div.footer-button-related {
    margin-left: 10px;
}

.nxa-container-footer-wrapper div.footer-button-field {
    margin-left: 10px;
}

.nxa-container-footer-wrapper img:not(.nxa-context-menu-image-element) {
    padding: 0px;
}

.nxa-container-footer-wrapper > hr {
    grid-column: 1 / -1;
    width: 95%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

.nxa-footer-btn-group {
    grid-area: footerbtnsarea;
    justify-content: center;
    justify-items: center;
}

.nxa-container-footer-wfdoclaunchbtn-gridarea {
    padding-top: .8rem;
    justify-items: start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: end;
    grid-area: wfdoclinksarea;
    text-align: start;
}

.nxa-container-footer-wfdoclaunchbtn-gridarea > nxauiwfdoclaunchbutton {
    width: 100%;
    display: flex;
    align-items: center;
}

.nxa-container-footer-wfdoclaunchbtn-gridarea > nxauiwfdoclaunchbuttonwrapper {
    width: 100%;
    display: flex;
    align-items: center;
}

.nxa-container-footer-wfdoclaunchbtn-gridarea > nxauiwfdoclaunchbutton > input {
    padding-right: .8rem;
    text-align: start;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;   /* necessary to enable shrinking beyond content size */
    flex: 1 1 0
}

.nxa-container-footer-wfdoclaunchbtn-gridarea > nxauiwfdoclaunchbutton > button {
    flex: 0 0 auto;
}

.nxa-container-footer-wfdoclaunchbtn-gridarea > nxauiwfdoclaunchbuttonwrapper > button {
    flex: 0 0 auto;
}

.nxa-container-footer-wfdoclaunchbtn-gridarea > nxauiwfdoclaunchbuttonwrapper > input {
    padding-right: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;   /* necessary to enable shrinking beyond content size */
    width: 0;
    flex: 1 1 0%
}
/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
 
.nxa-ui-out-of-tolerance-dialog {
    text-align: center;
    position: fixed;
    width: 500px;
    top: 25%;
    left: 37%;
    z-index: 10000;
    visibility: hidden;
  }

  .nxa-ui-tolerance-error-dialog-content { 
    position: relative;
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 10000;
  }
                                
  .nxa-ui-tolerance-error-dialog-close-button { 
    color: white;
    float: right;
    /* font-size: 28px;
    font-weight: bold; */
  }
  
  .nxa-ui-tolerance-error-body{
    padding: 2px 16px;
  }

  .nxaUIToleranceErrorDialogBttn {
    /* display: none; */
    margin: 10px;
    border-radius: 12px;
  }
  
  .nxa-ui-manual-not-applicable-input {
    width: calc(100% - 16px);
  }

  .nxa-assign-user-comment {
    width: 425px;
    margin: 17px;
    height: 50px;
    font-size: 16px;
  }
/**
 * @created: Mon May 08 2023
 * @author: Alexander Vincent
 *
 * @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

datalist > option.nxa-datalist-option {
    overflow: hidden;
    white-space: no-wrap;
    text-overflow: ellipsis;
}

/**
 * @created: Mon Jun 10 2024
 * @author: Alexander J. Vincent
 *
 * @copyright(c) 2024 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */
.nxa-addcheckpoint-modal-fieldset legend {
    margin-left: 8px;
}

#nxa-addcheckpoint-modal-name {
    width: calc(100% - 16px);
    margin: 8px;
}

 /**
 * @created Fri Aug 07 2019
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 * @author: Stacey Whitmore
 */

 .crada-add-comment-modal-container {
    display: flex;
    flex-direction: column;
    z-index: 9001;
    top: 2%; 
    left: 50%; 
    margin-left: -15.5%;
    background-color: white;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 70%;
    min-height: 345px;
    position: fixed;
  }

  .crada-add-comment-modal-header {
    display: flex;
    position:relative;
  }

  .crada-add-comment-modal-heading-text {
    font-size:2em;
  }

  .crada-add-comment-modal-close-btn {
    color: gray;
    font-size: 40px;
    position: absolute;
    right: 5px;
    top: -10px;
  }

  .crada-add-comment-modal-close-btn:hover,
  .crada-add-comment-modal-close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  .crada-add-comment-modal-dropdown-select-container {
    margin-left: 30px;
  }

  .crada-add-comment-modal-btn {
    color: darkslategray;
    border-radius: 7px;
    margin: 0px 25px 5px 25px;
    padding: 3px 30px 3px 30px;
    background-color: white;
    border: solid darkslategray 2px;
  }

  .crada-add-comment-modal-btn:hover, 
  .crada-add-comment-modal-btn:focus {
    background-color: gray;
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  .crada-add-comment-modal-header {
    padding: 5px 5px 5px 5px;
    margin-left: 25px;
  }

  .crada-add-comment-modal-footer {
    align-self: center;
    padding: 8px 5px 8px 5px;
  }

  .crada-add-comment-modal-input {
    height: 200px;
    margin: 5px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 5px 5px 5px 5px;
  }

  .crada-add-comment-modal-text {
      font-weight: bolder;
  } 

  /*Media Queries*/



@media (max-width: 480px) {
  .crada-add-comment-modal-container {
    top: 0px; 
    left: 0px; 
    margin-left: 2px;
    width: 100%;
    min-height: 345px;
  }
  .crada-add-comment-modal-input {
    width: 90%;
  }



}

@media (min-width: 481px) {
  .crada-add-comment-modal-container {
    top: 0px; 
    left: 0px; 
    margin-left: 2px;
    width: 100%;
    min-height: 345px;
  }
  .crada-add-comment-modal-input {
    width: 90%;
  }
}

@media (min-width: 650px) {
  .crada-add-comment-modal-container {
    top: 2%; 
    left: 10%; 
    margin-left: -5.5%;
    width: 80%;
    min-height: 345px;
  }
}

@media(min-width: 768px){ 
  .crada-add-comment-modal-container {
    top: 2%; 
    left: 20%; 
    margin-left: -15.5%;
    width: 70%;
    min-height: 345px;
  }
} 

@media (min-width: 1200px) {

}

  

/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
.crada-add-media-modal-container {
    position: fixed; /* Stay in place */
    z-index: 4; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
  }

  .crada-add-media-modal-content {
    background-color: #fefefe;
    border: 1px solid #888;

    width: 814px; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 2%; 
    left: 27%; 
  }

  .crada-add-media-modal-header {
    display: flex;
    position: relative;
  }

  .crada-add-media-modal-heading-text {
    font-family: sans-serif;
    font-weight: 100;
    margin: 0px 0px;
    color: black;
  }

  .crada-add-media-modal-close-btn {
    color: gray;
    font-weight: bolder; 
    font-size: 40px;
    position: absolute;
    right: 5px;
    top: -10px;
  }

  .crada-add-media-captured-image {
    width: 50%;
    height: auto;
    margin-left: 25%;
  }

  #add-media-modal-close-bttn-id {
    color: black;
  }

  .crada-add-media-modal-close-btn:hover,
  .crada-add-media-modal-close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  div.crada-add-media-modal-captured-media {
    align-self: center;
  }

  img.crada-add-media-modal-captured-media {
    align-self: center;
  }

  .crada-add-media-modal-btn {
    color: darkslategray;
    border-radius: 7px;
    margin: 0px 110px;
    padding: 3px 30px 3px 30px;
    background-color: white;
    border: solid darkslategray 2px;
  }

  .crada-add-media-modal-btn:hover, 
  .crada-add-media-modal-btn:focus {
    background-color: gray;
    color: black;
    text-decoration: none;
    cursor: pointer;
  }

  .crada-add-media-modal-header {
    padding: 5px 5px 5px 5px;
  }

  .crada-add-media-modal-footer {
    align-self: center;
    padding: 15px 5px;
  }

  .crada-add-media-textarea-label {
    font-size: 20px;
    font-weight: 200;
    padding: 0px 0px 0px 108px; /*0px 0px 0px 26px*/
  }
  .crada-add-media-modal-input {
    padding: 5px;
    margin: 5px;
    width: 90%;
    height: 150px;
    align-self: center;
    padding: 5px 5px 5px 5px;
  }

  .crada-add-media-modal-text {
      font-weight: bolder;
  }

  @media(max-width: 850px) {

    .crada-add-media-modal-content {
      width: 90%; 
      height: auto;
      margin: 0px;
      top: 2%; 
      left: 12%; 
    } 
    .crada-add-media-modal-heading-text {
      font-size: 1.5rem;
    }  
    .crada-add-media-modal-btn {
      margin: 0px 100px;
      padding: 3px 20px 3px 20px;
    }
  }


  @media(max-width: 1300px) {

    .crada-add-media-modal-content {
      width: 80%; 
      height: auto;
      top: 2%; 
      left: 12%; 
    } 

  }


@media(max-width: 768px) {

  .crada-add-media-modal-content {
    width: 90%; 
    height: auto;
    top: 2%; 
    left: 2%; 
  } 
  .crada-add-media-modal-heading-text {
    font-size: 1.3rem;
  }  
  .crada-add-media-modal-btn {
    margin: 0px 50px;
    padding: 3px 20px 3px 20px;
  }
}

@media(max-width: 600px) {

  .crada-add-media-modal-content {
    width: 90%; 
    height: auto;
    top: 2%; 
    left: 1%;     
  }   
  .crada-add-media-modal-heading-text {
    font-size: 1.3rem;
  }   
  .crada-add-media-modal-btn {
    margin: 0px 20px;
    padding: 3px 20px 3px 20px;
  }

}

@media(min-width: 200px) and (max-width: 400px) {

  .crada-add-media-modal-content {
      width: 95%; 
      height: auto;
      top: 2%; 
      left: 1%;       
  }  
  .crada-add-media-modal-heading-text {
    font-size: 1.2rem;
  }
  .crada-add-media-modal-btn {
    margin: 0px 10px;
    padding: 3px 5px 3px 5px;
  }

}

/** 
 * @author: Aaron Bly
 * @copyright
 * Copyright(c) 2020 NextAxiom Technology, Inc. All Rights Reserved. 
 * Sole Proprietary of NextAxiom and confidential information, subject to license terms.
 *
 * This file contains NextAxiom Computer Software, and Background Intellectual 
 * Property including but not limited to subjects relating to patent application # 16/353,895, 
 * as sole property of NextAxiom.
 *
 *
*/

.nxa-barcode-scanner-modal-container {
    position: fixed; /* 3 Stay in place */
    z-index: 3; /* Sit on top was 9000*/
    top: 0; /*5%*/
    left: 0; /*45%*/
    width: 100%; /* Full width 814.4px */
    height: 100%; /* Full height */
  
    /* overflow-y: hidden; */
    background-color: rgba(0,0,0,0.4); /*Transp overlay*/
}

.nxa-barcode-scanner-modal-content {
    background-color: #888;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: absolute;
    top: 25%; 
    left: 25%; 
}

.nxa-barcode-scanner-modal-close-button {
    position: absolute;
    top: -30px;
    right: -20px;
    color: lightgray;
    font-size: 30px;
    font-weight: bolder;
  
}
  
.nxa-barcode-scanner-modal-close-button:hover,
.nxa-barcode-scanner-modal-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.nxa-barcode-scanner-modal-header {
    background-color: white;
    color: black;
}

.nxa-barcode-scanner-modal-video-elm {
    /*width: 300px;
    height: 200px;*/
    width: 100%;
    height:100%;
    border: 1px solid gray;
}


/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 * @author: Dave Girdwood
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains NextAxiom Computer Software, and Background Intellectual
 * Property including but not limited to subjects relating to patent application # 16/353,895,
 * as sole property of NextAxiom.
 */

.nxa-base-dialog-backdrop {
  background: #000;
  z-index: 9999;
  opacity: .25;
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: fixed;
  top: 0px;
  left: 0px;
}

.nxa-base-dialog-tpl-small,
.nxa-base-dialog-tpl-large,
.nxa-base-dialog-tpl-full,
.nxa-base-dialog-tpl-print-preview,
.nxa-base-dialog-tpl-medium
{
  position: fixed;

}

.nxa-base-dialog-tpl-small
{
  width: 500px;
  top: 25%;
  left: 37%;
  z-index: 10002;   /* Note: Small dialogs intentially have higher z-index than larger dialogs */
}

.nxa-base-dialog-tpl-large {
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 10001;
  max-width: 95%;
}

.nxa-base-dialog-tpl-medium {
  z-index: 10001;
  width: 40%;
  left: 30%;
}

.nxa-base-dialog-tpl-full {
  height: 90%;
  width: 90%;
  top: 5%;
  left: 5%;
  z-index: 10000;
}

.nxa-base-dialog-tpl-print-preview {
  top: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-5%);
  -moz-transform: translateX(-50%) translateY(-5%);
  -ms-transform: translateX(-50%) translateY(-5%);
  transform: translateX(-50%) translateY(-5%);
  z-index: 10001;
  max-width: 95%;
  height: calc( 100% - 35px );
}

.nxa-base-dialog-tpl-full.selector, .nxa-base-dialog-tpl-print-preview.selector {
  height: 92%;
}

.nxa-base-dialog-okay-cancel-div.selector {
  background-color: lightcyan;
}

.nxa-base-dialog-container-small,
.nxa-base-dialog-container-medium,
.nxa-base-dialog-container-large,
.nxa-base-dialog-container-full,
.nxa-base-dialog-container-print-preview {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.nxa-base-dialog-container-small {
  width: 80%;
}

.nxa-base-dialog-container-medium {
  width: 80%;
}

.nxa-base-dialog-container-print-preview {
  width: 830px;
  height: 100%;
}

.nxa-base-dialog-container-full {
  width: 100%;
  height: 100%;
}

.nxa-base-dialog-header {
  height: 28px;
  width: 100%;
  background-color:black;
}

.nxa-base-dialog-header-title {
  font-size: 16px;
  margin-left: 8px;
  color:white;
  display: inline;
}

.nxa-base-dialog-header .nxa-base-dialog-close-btn {
  color: white;
  font-weight: bolder;
  font-size: 30px;
  position: absolute;
  top:-10px;
  right:4px;
  user-select: none;
}

.nxa-base-dialog-close-btn:hover {
  cursor: pointer;
  color: gray;
  font-weight: bolder;
}

.nxa-base-dialog-okay-cancel-div {
  width:100%;
  height:50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding:10px;
}

.nxa-base-dialog-okay-cancel-div > .nxa-base-dialog-btn.nxa-base-dialog-delete-btn {
  padding: 3px 20px 3px 5px;
}

.nxa-base-dialog-okay-cancel-div > .nxa-base-dialog-btn
{
  color: rgb(52,152,219);
  border-radius: 7px;
  font-size: 14px;
  padding: 3px 30px 3px 30px;
  background-color: white;
  border: solid darkslategray 2px;
  user-select: none;
}

.nxa-base-dialog-okay-cancel-div > .nxa-base-dialog-btn.nxa-base-dialog-confirm-value-btn {
  padding: 3px 10px;
}

.nxa-base-dialog-okay-cancel-div > .nxa-base-dialog-btn:hover
{
  background-color:  #3445db;
  color: white;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}

.nxa-base-dialog-okay-cancel-div > .nxa-base-dialog-btn-smaller,
.nxa-base-dialog-okay-cancel-div .nxa-dialog-btn-assign-user
{
  color: rgb(52,152,219);
  border-radius: 7px;
  font-size: 14px;
  padding: 3px 10px 3px 10px;
  background-color: white;
  border: solid darkslategray 2px;
  user-select: none;
}

.nxa-base-dialog-okay-cancel-div > .nxa-base-dialog-btn-smaller:hover,
.nxa-base-dialog-okay-cancel-div .nxa-dialog-btn-assign-user:hover
{
  background-color:  #3445db;
  color: white;
  color: black;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}

.assigment .nxa-base-dialog-okay-cancel-div {
  justify-content: flex-start;
}

.nxa-banner-assign-user {
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.nxa-banner-assign-user .nxa-svg-img {
  padding-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.nxa-banner-assign-user .nxa-assign-divider {
  color: #3445db;
  padding-left: 10px;
  font-size: small;
  font-weight: 800;
}

.nxa-base-dialog-button-spacing {
  margin-right: 10px;
}

.nxa-base-dialog-btn-on-left {
  left: 280px;
  position: absolute;
}

.nxa-img-padding-bottom-right-6px {
  padding-bottom: 6px;
  padding-right: 6px;
  padding-left: 0px;
  padding-top: 0px;
}

.nxa-img-no-padding-right-margin-6px {
  padding: 0;
  margin-right: 6px;
}

.nxa-dialog-full-row-flex-columns-div {
  width: 100%;
  font-size:14px;
  margin-top:8px;
  display: flex;
  flex-direction:column;
}

.nxa-dialog-full-row-div-with-left-pad,
.nxa-dialog-full-row-div {
    width: 100%;
    font-size: 14px;
    margin-top: 8px;
}

.nxa-dialog-full-row-div.nxa-custom-na-message {
  padding-right: 160px;
}

.nxa-dialog-full-row-div.nxa-margin-top-2 {
  margin-top: 2px;
}

.nxa-dialog-full-row-div-inline {
    width: 100%;
    font-size: 14px;
    margin-top: 8px;
    display: inline-block;
    max-width: 200px;
}

.nxa-dialog-full-row-div-with-left-pad {
  padding-left: 8px;
}

.nxa-dialog-full-row-div-no-margin-top {
  width: 100%;
  font-size: 16px;
}

.nxa-icon-left-column {
  width: 100px;
  height: 100px;
  float: left;
  padding-top: 20px;
  padding-left: 20px;
}

.nxa-dialog-select {
  width: 90%;
  font-size: 1.5em;
}

.nxa-dialog-select-small {
  width: 200px;
  font-size: 16px;
}

.nxa-large-width-dlg-content {
  margin-left: 8px;
  width:600px;
  height:300px;
  text-align:left;
}

.nxa-larger-width-dlg-content {
  width:850px;
  height:300px;
}

.nxa-small-height-dlg-content {
  width: 600px;
  height: 40px;
  padding-left: 8px;
}

.nxa-dialog-text-area-input {
  height: 200px;
  width: calc(100% - 16px);
  margin: 8px;
  max-height: 80vh;
  min-height: 60px;
  font-size: 16px;
}

.nxa-scroll-div-y {
  overflow-y: auto;
  margin:2%;
}

.nxa-dialog-paragraph {
  text-align: left;
  padding: 8px;
  font-size: 14px;
}

.nxa-handoff-dialog {
    width: 460px;
    height: 450px;
    padding: 5px;
    display: block;

}
.nxa-handoff-dialog.selectmode {
    width: 350px;
    height: 350px;
}

.nxa-handoff-dialog > .nxa-handoff-local {
    position: relative;
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
    margin-top: 2rem;
}
.nxa-handoff-dialog > .nxa-handoff-other {
    padding-top: 12px;
}

.nxa-handoff-top-txt {
    position: relative;
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 14px;
}

.nxa-handoff-remote-confirm-div {
  font-size: 14px;
  width: 100%;
  text-align: center;
  display: block;
}

.nxa-handoff-remote-assign {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.nxa-handoff-remote-assign:hover {
    color: blue;
}

.nxa-ui-generic-button.handoff {
    width: 300px;
    padding: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
}

.nxa-ui-generic-button.pick-option {
  cursor: pointer;
  margin-top: 100px;
  text-align: center;
}

.nxa-handoff-dialog > .chrome-tabs .chrome-tab {
  text-align: left;
}

.nxa-handoff-dialog {
    animation: 1.2s fadeIn;
    -webkit-animation: 1.2s fadeIn;
}

.nxa-perf-attributes-dialog {
  min-height: 100px;
  max-height: 70vh;
  overflow-y: auto;
}

@keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}
@-moz-keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}
@-webkit-keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}
@-o-keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}
@-ms-keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}

@-webkit-keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}


.nxa-search-dialog-btn-div
{
  color: black;
  border-radius: 7px;
  font-size: 14px;
  padding: 3px 20px 3px 20px;
  height: 28px;
  background-color: white;
  border: solid 2px rgb(52,152,219);
  user-select: none;
}

.nxa-search-dialog-btn-div:hover
{
  background-color: #3445db;
  color: white;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}

.nxa-search-dialog-btn-text
{
  display:inline-block;
  padding-left: 5px;
  user-select: none;
  font-size: 14px;
}

.nxa-table-no-fetched-data {
  width: 100%;
  padding-top: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  color: #999900;
}

.nxa-doc-selection-table-view
{
  padding-left: 28px;
}

.nxa-doc-selection-dialog
{
  max-width: 80vw;
  min-width: 850px;
  height: 380px;
}

.nxa-doc-selection-dialog.config
{ /* Issue 3563 use min-content so controls don't stick out */
  width: min-content;
  height: min-content;
}

.nxa-dialog-msg {
  font-size: 20px;
  color: #52A348;
}

.nxa-dialog-msg.center {
  margin: auto;
  width: 75%;
  padding: 10px;
  text-align: center;
}

.nxa-inline-modal .modal {
  position: relative !important;
}

.nxa-inline-modal .modal-overlay {
  display: none !important;
}

.nxa-change-data-value-dialog-text {
  display: inline-block;
  font-size: 15px;
  margin-top: 30px;
  position: absolute;
  left: 40px;
  width: 100px;
}

.nxa-change-data-value-widget-wrapper {
  display: inline-block;
  font-size: 15px;
  margin-top: 8px;
}

.nxa-change-data-enter-justification {
  width: 400px;
  margin: 0px 20px 0px 20px;
}

.nxa-statistic-label {
  font-size: 1.3rem;
  font-weight: bold;
  color: rgb(52,152,219);
}

.nxa-statistic-data {
  font-size: 1.3rem;
  color: rgb(52,152,219);
}

.nxa-wrapper-in-dialog {
  margin-bottom: 0.625rem;
  position: relative;
  height: min-content; /* don't grow this data wrapper height based on other wrappers in the container row */
}

.nxa-dialog-label-panel{
    padding: 0 0.25rem 0 0.125rem;
    text-align: left;
    vertical-align: top;
    position: relative;
}

.nxa-dialog-label-panel.nxa-align-right{
    text-align: right;
}

.nxa-dialog-label-panel {
    font-size: var(--nxa-default-fontsize);
}

.nxa-input {
  display: inline-block;
  margin: 0;
  min-width: 3.75rem;
  height: 2rem;
  font-size: var(--nxa-default-fontsize);
  padding: 0.063rem 0.125rem;
}

.nxa-content-indent, .nxa-input.nxa-content-indent{
  padding-left: 0.3rem;
}

.nxa-input:disabled {
  opacity: 1;
  background-color: var(--nxa-color-disabled-gray);
  border: 0.063rem solid var(--nxa-color-disabled-border);
}

.nxa-input-wrapper {
    position: relative;
    text-align: left;
    margin-left: 0.313rem;
}

/**
 * @created: Tue Apr 04 2023
 * @author: Alexander J. Vincent
 *
 * @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

nxa-dropdown {
    width: 100%;
    font-size: 14px;
    margin-top: 8px;
    /*display: inline-block;*/
    max-width: 200px;
    padding: 0px 5px 0px 5px;
}

.nxa-dropdown:invalid {
    border: 3px solid red;
}

.nxa-selector {
    width: 90%;
    min-width: max-content;
}

.nxa-dropdown.nxa-formula-dropdown {
    width: 65%;
}

.nxa-dropdown-wrapper {
    width: 100%;
    font-size: (--nxa-default-fontsize);
    margin-top: 8px;
    display: inline-block;
    max-width: 200px;
    padding: 0px 5px 0px 5px;
}

nxa-dropdown span {
    display: inline-block;
    width: max-content;
    max-width: 400px;  
}



/**
 * @created Fri Aug 07 2019
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 *  @author: Stacey Whitmore
 *  @author: Dave Girdwod
 */


.nxa-field-added-button-text {
  color: rgb(0, 143,221);
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  width: 95px; /* same as SVG image */
}

.nxa-field-added-button-image { 
  padding: 0;
}

.nxa-field-added-button-div { 
  cursor: pointer;
  margin-top: 20px;
}


.nxa-field-note-right-div-container {
  padding-bottom: 15px;
  width: 608px;
  height: 200px;
}

.nxa-comments-div-container { 
  width: 608px;
  height: 400px;
  max-height: 400px;
  overflow: auto;
  padding-left: 2px;
  padding-right: 2px;
}

.nxa-comments-div-no-comments-div { 
  padding-bottom: 15px;
  width: 608px;
  height: 400px;
  font-size: 2em;
  text-align: center;
  padding-top: 80px;
}

.nxa-doc-thumbanail-size { 
  width: 180px;
  min-height: 120px;
}

.nxa-field-note-no-list-container { 
  font-size: 2em;
  text-align: center;
  width: 100%;
  margin-top: 80px;
}

.crada-field-note-modal-container { /*Style for bg. BG is being resized to content. Find out why.*/
  position: fixed; /* 3 Stay in place */
  z-index: 3; /* Sit on top was 9000*/
  top: 0; /*5%*/
  left: 0; /*45%*/
  width: 100%; /* Full width 814.4px */
  height: 100%; /* Full height */

  /* overflow-y: hidden; */
  background-color: rgba(0,0,0,0.4); /*Transp overlay*/

}


.crada-field-note-modal-content {
  background-color: #fefefe;
  border: 1px solid #888;
  width: 814px; 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  position: absolute;
  top: 2%; 
  left: 27%; 
}

.crada-field-note-modal-close-button {
  position: absolute;
  top: -20px;
  right: 5px;
  color: gray;
  font-size: 40px;
  font-weight: bolder;

}

.crada-field-note-modal-close-button:hover,
.crada-field-note-modal-close-button:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.crada-field-note-modal-header {
  background-color: white;
  color: black;
}

.crada-field-note-modal-heading{
  text-align: left;
}

.crada-field-note-modal-header {
  text-align: left;
}

.crada-field-note-modal-carousel-body {
  padding: 2px 3px;
  overflow: hidden;
}

.crada-field-note-modal-body-wrapper{
  display: flex;
}

.crada-field-note-modal-left-column{
  background-color: lightgray;
  min-width: 125px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 10px;
  padding-left: 10px;
}

.crada-field-note-modal-image-carousel {
	display: flex;
	justify-content: center;
	padding-bottom: 15px;
}

.crada-field-note-modal-images-container {
	display: flex;
	justify-content: left;
	padding-bottom: 15px;
  width: 608px;
  height: 200px;
}

.crada-field-note-modal-image {
  height: 250px;
  width: 200px;
}

img {
	padding: 0px 10px 15px 10px;  /* TODO: base img padding should be scoped within the necessary DIV*/
}

.crada-field-note-modal-comments {
  width: 98%;
	overflow: auto;
  height: 200px;
  max-height: 200px;
  padding-left: 2px;
}

.crada-field-note-modal-comment {
  background-color: rgb(240,240,240);
  color:gray;
	font-weight: 500;
	padding: 7px;
  margin: 15px 0px;
  word-wrap: break-word;
}

.crada-field-note-modal-comment-info {
  background-color: rgb(240,240,240);
  color:gray;
	font-weight: 500;
}

.crada-field-note-modal-comment-info.noBackgroundColorAndLeftPad {
  background-color: transparent;
  padding-left: 8px;
}

.nxa-comment-text-elm-pad-left-normal-weight { 
  padding-left: 8px;
  font-weight: normal;
}

.nxa-comment-text-elm-inline-mode { 
  padding-left: 34px;
  font-weight: normal;
  white-space: pre-line;
}

.nxa-reference-information-card-text { 
  padding-left: 8px;
  margin-bottom: 0px;
  font-size: 18px;
}

.nxa-reference-card-segments-title { 
  text-align: center;
  font-size: 14px;
}

.nxa-reference-information-card-body
{ 
  height:29%; 
  padding:0; 
  text-align:center;
}

.nxa-reference-card-bottom-text { 
  padding-left: 8px;
  font-size: 12px;
}

.nxa-reference-card-bottom-div { 
  max-height: 40px;
  height: 40px;
  overflow-y: auto;
}

.nxa-comment-text-elm-comment-log {
  font-weight: normal;
  width: 310px;
}

.nxa-comment-info-elm-comment-log {
  width: 310px;
}

.crada-field-note-modal-current-user-comment {
  text-align: left;
  background-color: rgb(240,240,240);
  color:black;
  font-weight: 500;
  font-size: 16px;
	padding: 0px 16px 7px 7px;
  margin: 15px 0px;
  word-wrap: break-word;
}

.crada-field-note-modal-current-user-comment.noBackground { 
  background-color: transparent;
}

.crada-field-note-modal-current-user-comment.padLeft30 { 
  padding-left: 30px;
}

.crada-field-note-modal-current-user-comment.noPadLeft { 
  padding-left: 0px;
}

.crada-field-note-modal-current-user-comment.lessMargin {
  margin-top: 3px;
  margin-bottom: 3px;
}

.crada-field-note-modal-comment-delete-btn {
  position: relative;
  top: 0%;
  left: 96%;
  font-size: 19px;
  font-weight: bolder;
  border-radius: 50%;

  }
  
.crada-field-note-modal-comment-delete-btn:hover { cursor: pointer; color:black}

.crada-field-note-modal-arrow {
  color: gray;
  font-size: 18pt;
}

.crada-field-note-modal-arrow:hover {
  cursor: pointer;
  color: black;
}

.crada-field-note-modal-arrow::after {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
  height: 0.85em;
	position: relative;
	vertical-align: top;
	width: 0.85em;
}

.crada-field-note-modal-arrow.crada-field-note-modal-arrow-left:after {
	left: 0.25em;
	transform: rotate(-135deg);
}

.crada-field-note-modal-arrow.crada-field-note-modal-arrow-right:after {
	left: 0;
	transform: rotate(45deg);
}

nxa-field-note-svg {
  fill: rgb(52,152,219);
}

nxa-field-note-svg:hover {
  cursor: pointer;
  fill: blue;
}


.field-notes-entry-type {
  font-weight: bold;
  color: rgb(52,152,219);
}

.field-notes-entry-type-hyperlink { 
  font-weight: bold;
  color: rgb(52,152,219);
  text-decoration: underline;
}

.field-notes-entry-type-hyperlink:hover { 
  cursor: pointer;
}

.field-notes-entry-rev_request_status { 
  color: rgb(52,152,219);
}

/*Media queries (for demo)*/
@media only screen and (max-width: 1300px) {
  
    .crada-field-note-modal-container {
        z-index: 3;
        padding-top: 100px;
        top: 0; /*3%*/
        left: 0; /**/
        /* width: 814px; */
      }
      .crada-field-note-modal-left-column{ 
        background-color: lightgray;
        min-width: 125px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 16px 0px 0px 25px;
    }
    .crada-field-note-modal-comments {

        height: 300px; 
    }
    .crada-field-note-modal-image-carousel {
      display: flex;
      justify-content: center;
      padding: 10px 10px 15px 0px;
    }  
    .crada-field-note-modal-content {
      top: 2%; 
      left: 12%; 
      width: 80%; 
    }       
}

/*Media Queries*/
@media only screen and (max-width: 813px) {
    
.crada-field-note-modal-container {
      z-index: 3; /*9000*/
      padding-top: 100px;
      top: 0; /*5%*/
      /*left: 0;*/
      width: 100%;
      /*height: 100%;*/
    }
    .crada-field-note-modal-left-column{ 
        background-color: lightgray;
        min-width: 75px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding: 16px 0px 0px 25px;
    }
    .crada-field-note-modal-comments {

        height: 300px;
    }

    .crada-field-note-modal-image-carousel {
      display: flex;
      justify-content: center;
      padding: 10px 10px 15px 0px;
    }
    .crada-field-note-modal-content {
      top: 2%; 
      left: 2%; 
      width: 90%; 
    }    
}

@media only screen and (max-width: 730px) {
  
.crada-field-note-modal-container {
    z-index: 3;
    padding-top: 100px;
    top: 0; /*5%*/
    left: 0; /*16.5%*/
    width: 100%;
  }
  .crada-field-note-modal-left-column{
      background-color: lightgray;
      min-width: 75px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      padding: 16px 0px 0px 25px;
  }
  .crada-field-note-modal-comments {
    
      height: 300px;
      padding-left:22px;
  }
  .crada-field-note-modal-image-carousel {
    display: flex;
    justify-content: center;
    padding: 10px 10px 15px 0px;
  }

  .crada-field-note-modal-content {
    top: 2%; 
    left: 2%; 
    width: 90%; 
  }

}

@media only screen and (max-width: 538px) {
.crada-field-note-modal-container {
    z-index: 3;
    padding-top: 100px;
    top: 0; /*5%*/
    left: 0; /* 15.5%*/
    width: 100%;
  }
  .crada-field-note-modal-left-column{
      background-color: lightgray;
      min-width: 75px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      padding: 16px 0px 0px 25px;
  }
  .crada-field-note-modal-comments {

      height: 300px;
      padding-left:5px;
  }
  .crada-field-note-modal-image-carousel {
    display: flex;
    justify-content: center;
    padding: 10px 10px 15px 0px;
  }

  .crada-field-note-modal-content {
    width: 100%; 
    top: 2%; 
    left: 0%; 
  }
  .crada-field-note-modal-heading{
    font-size: 1.5rem;
  }

}

/**
 * @created: Mon Dec 21 2020
 * @author: Cristian Groza
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 * in process, and are protected by trade secret or copyright law. Dissemination of this information,
 * software, or reproduction of this material is strictly forbidden unless prior written permission
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

.nxa-formula-input-editor {
    width: auto;  /* should grow with content */
    padding: 10px;
    margin: 10px;
    display: -webkit-flex; /* Safari */
    display: flex; /* Standard syntax */
}

.nxa-formula-input-editor.editorModal {
    border: 1px solid #2091DD;
}

.nxa-formula-editor-container .nxa-hide-element {
    display: none !important;
}

.nxa-formula-editor-container .nxa-display-containter {
    display: flex;
    height: 75px;
}

.nxa-formula-editor-container .nxa-display-containter .item {
    flex-basis: auto;
    align-self: flex-start;
    margin: auto;
    width: 50px;
    height: 50px;
}

.nxa-formula-editor-container .btn-primary {
    font-size: 14px;
    background-color: #2091DD;
}

.nxa-formula-editor-container input.result {
    vertical-align: text-top;
}

.nxa-formula-editor-container nxauidatawrapper, .nxa-formula-editor-container nxauidatawrapper .nxa-simpledata-wrapper {
    display: inline-block;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
}

.nxa-formula-editor-container [contenteditable]:empty::before {
    content: attr(data-placeholder);
    color: lightgray;
    display: inline-block;
    font-style: italic;
}

.nxa-formula-editor-container .nxa-numpad-container {
    position: relative;
    width: auto;
    background-color: white;
    padding: 0;
}

.nxa-formula-editor-container select {
    /* override default style */
    margin-right: 10px;
}

.nxa-formula-editor-container .nxa-numpad-buttons-container {
    width: auto;
    padding: 0 10px 10px 10px;
    background-color: lightgray;
}

.nxa-formula-editor-container .nxa-numpad-buttons-container > table {
    margin-top: 0;
}

.nxa-formula-table-cell {
    width: 30px;
}

.nxa-formula-buttons-container > table {
    width: 200px;
    position: relative;
    margin-top: 10px;
}

.nxa-formula-buttons-container > table a {
    display: block;
    font-size: 30px;
    font-weight: 600;
    background-color: white;
    color: #00006c;
    text-align: center;
    border-radius: 50px;
    text-decoration: none;
    padding-top: 4px;
    margin-top: 8px;
    height: 60px;
    border: solid 1px #00006c;
}

.nxa-flex-container {
    width: 800px;
    margin: 10px 10px 0 10px;
    display: -webkit-flex; /* Safari */
    display: flex; /* Standard syntax */
}

.nxa-editor-modal-row {
    margin: 10px 10px 0 10px;
    width: 800px;
}

.nxa-editor-modal-checkbox {
    width: 21px;
    height: 21px;
    vertical-align: sub;
}

.nxa-conditional-modal-label-text {
    font-size: 15px;
    height: 30px;
    margin: 0px;
}

.nxa-conditional-modal-label-text-inline {
    font-size: 15px;
    height: 30px;
    display: inline-block;
    width: 70px;
    font-weight: bold;
}

.nxa-flex-container .nxa-column {
    width: 580px;
    background: #FFFFFF;
}

.nxa-flex-container .nxa-column.label-column {
    width: 230px;
}

.nxa-flex-container .nxa-column.numpad-column {
    width: auto;
}

.nxa-label-text {
    font-size: 15px;
    margin-bottom: 8px;
    height: 30px;
}

.nxa-flex-container .nxa-column-wide {
    width: 200px;
}

.nxa-formula-buttons-container > table a:hover {
    background-color: #616161;
}

.nxa-formula-buttons-container .cancel {
    background-color:var(--nxa-color-menu-blue);
    padding-top: 16px;
    font-size: 16px;
    font-weight: 400;
    border: none;
}

.nxa-formula-buttons-container .done {
    font-size: 16px;
    padding-top: 16px;
    color: white;
    background-color: #00006c;
    font-weight: 400;
    border: none;
}

.nxa-formula-buttons-container .clear {
    font-size: 16px;
    font-weight: 400;
    padding-top: 16px;
}

.nxa-formula-buttons-container .del {
    color: transparent; /* we have text but don't want to show it */
    background-image: url('../Images/NumPadDelete.svg');
    background-repeat: no-repeat;
    background-position: 43% 50%;
}

.nxa-numpad-buttons-container .sum {
    color: transparent; /* we have text but don't want to show it */
    background-image: url('../Images/NXAFormulaEditorIcons/uppercase-sigma-solid.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.nxa-numpad-buttons-container .square-root {
    color: transparent; /* we have text but don't want to show it */
    background-image: url('../Images/NXAFormulaEditorIcons/square-root-solid.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.nxa-numpad-buttons-container .exponent {
    color: transparent; /* we have text but don't want to show it */
    background-image: url('../Images/NXAFormulaEditorIcons/exponent-solid.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.nxa-numpad-buttons-container .pi {
    color: transparent; /* we have text but don't want to show it */
    background-image: url('../Images/NXAFormulaEditorIcons/pi-solid.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.nxa-operator {
    color: var(--nxa-color-menu-blue);
    font-size: 1.5em;
    margin: 0 10px;
    font-weight: bolder;
}

.nxa-operator.multiply {
    padding-top: 5px;
}

.nxa-formula-wrapper-edit-button {
    padding: 3px 10px 0px 10px;
    user-select: none;
    margin-top: 30px;
    margin-bottom: 5px;
    margin-left: 14px;
    padding: 0;
    width: 25px;
    height: 25px;
    background-image: url('../Images/ContextMenuIcons/GeneralContextIcons/NXAEditIcon.svg');
    background-repeat: no-repeat;
}

.nxa-formula-wrapper-edit-button:hover {
    background-image: url('../Images/ContextMenuIcons/GeneralContextIcons/NXAEditIcon_blue.svg');
    cursor: pointer;
    user-select: none;
}

/**
 * @created: Mon Aug 10 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */


 .mdc-list.nxa-list-main-display { 
   padding:0;
   overflow-y: auto;
   height: 200px;
   max-height: 200px;
}

.mdc-list-item.nxa-list-item { 
  padding: 0px 0px 0px 4px;
  height: 25px;
  background-color: rgb(242,242,242);
  border-bottom: solid 1px white;
  font-size: 14px;
  cursor: default;
}

.nxa-list-delete-btn-class { 
  padding: 0px 6px 0px 0px;
  cursor: pointer;
  opacity: 0.95;
  font-size: 18px;
  border: none;
}

.nxa-list-delete-btn-class .fa-times:hover:hover { 
  color: black;
}

/**
 * @created: Thur July 16 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 * in process, and are protected by trade secret or copyright law. Dissemination of this information,
 * software, or reproduction of this material is strictly forbidden unless prior written permission
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

.nxa-get:hover {
    cursor: pointer;
}

.nxa-number-table-table-cell {
    width: 60px;
}

.nxa-numpad-container {
    position: relative;
    width: 300px;
    background-color: white;
    padding: 10px;
}

.nxa-numpad-output-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.nxa-numpad-output {
    width: 270px;
    height: 50px;
    border: 2px solid #00006c;
    box-sizing: border-box;
    margin: 0px;
    text-align: end;
    padding-right: 8px;
    font-size: 30px;
    border-radius: 6px;
    color: #00006c;
}

.nxa-numpad-buttons-container > table {
    width: 100%;
    position: relative;
    margin-top: 10px;
}

.nxa-numpad-buttons-container > table a {
    display: block;
    font-size: 30px;
    font-weight: 600;
    background-color: white;
    color: #00006c;
    text-align: center;
    border-radius: 50px;
    text-decoration: none;
    padding-top: 4px;
    margin-top: 8px;
    width: 60px;
    height: 60px;
    border: solid 1px #00006c;
}

.nxa-numpad-buttons-container > table a:hover {
    background-color: #616161;
}

.nxa-numpad-buttons-container .cancel {
    background-color: #7bc3f4;
    padding-top: 16px;
    font-size: 16px;
    font-weight: 400;
    border: none;
}

.nxa-numpad-buttons-container .done {
    font-size: 16px;
    padding-top: 16px;
    color: white;
    background-color: #00006c;
    font-weight: 400;
    border: none;
}

.nxa-numpad-buttons-container .clear {
    font-size: 16px;
    font-weight: 400;
    padding-top: 16px;
}

.nxa-numpad-buttons-container .del {
    color: transparent; /* we have text but don't want to show it */
    background-image: url('../Images/NXAFormulaEditorIcons/backspace-solid.svg');
    background-repeat: no-repeat;
    background-position: 45% 50%;
}

.nxa-numpad-buttons-container .plus {
    color: transparent; /* we have text but don't want to show it */
    background-image: url('../Images/NXAFormulaEditorIcons/plus-solid.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.nxa-numpad-buttons-container .minus {
    color: transparent; /* we have text but don't want to show it */
    background-image: url('../Images/NXAFormulaEditorIcons/minus-solid.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.nxa-numpad-buttons-container .multiply {
    color: transparent; /* we have text but don't want to show it */
    background-image: url('../Images/NXAFormulaEditorIcons/times-solid.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.nxa-numpad-buttons-container .divide {
    color: transparent; /* we have text but don't want to show it */
    background-image: url('../Images/NXAFormulaEditorIcons/divide-solid.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

/**
 * @created: Tue Jul 09 2024
 * @author: James MacFadyen
 *
 * @copyright(c) 2024 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

.nxa-offline-inputs-header {
  font-weight: bold;
}

.nxa-offline-inputs-message {
  padding-bottom: 16px;
}

.nxa-offline-inputs-panel-wrapper {
  max-height: 400px;
}

.nxa-offline-inputs-error-message {
  color: var(--nxa-color-red);
}

.nxa-offline-inputs-widget-label {
  padding-left: 4px;
}

.nxa-offline-inputs-widget-required {
  padding-left: 2px;
}
.nxa-launch-in-external {
    position: absolute;
    padding-left: 5px;
    left: 0px;
}

.nxa-launch-external-label {
    padding-left: 5px;
    font-size: 14px;
}
/**
 * @created: Fri Aug 7 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */


.nxa-options-list-multi-pick-main { 
  width: 730px;
  height: 300px;
}

.nxa-options-list-multi-pick-options-container { 
  float: left;
  width: 300px;
  height: 100%;
  padding-top: 30px;
}

.nxa-options-list-multi-pick-add-button-container { 
  float: left;
  width: 130px;
  height: 100%;
}

.nxa-options-list-multi-pick-picked-list-container { 
  float: left;
  width: 300px;
  height: 100%;
  padding-top: 50px;
  padding-right: 20px;
  padding-left: 10px;
}

.nxa-options-list-multi-pick-picked-header { 
  background-color: rgb(89, 89, 89);
  color: white;
  width: 100%;
  font-size: 14px;
}

.nxa-options-list-multi-pick-picked-title { 
  width: 100%;
  font-size: 14px;
}

.nxa-options-list-multi-pick-add-btn { 
  margin-bottom: 0;
  pointer-events: none;
  user-select: none;
  padding-right: 4px;
}
/**
 * @created: Tue May 23 2023
 * @author: Paul Bethune
 *
 * @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

 .nxa-base-dialog-tpl-full.panelcontainer {
   height: auto;
   width:auto;
 }

.nxa-base-dialog-container-full.panelcontainer {
   min-width: 50vw;
   height: auto;
}

 .nxa-base-dialog-container-full.panelcontainer .panelui {
    height: 50vh;
    overflow: auto;
 }

 .nxa-base-dialog-tpl-full.panelcontainer .nxa-container-widget.row.auth {
   width: auto;
 }

 .nxa-base-dialog-tpl-full.panelcontainer .row.nxa-container-header {
    margin-left: 0px;
    margin-right: 0px;
 }
/**
 * @created: Tue Dec 1 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

 .nxa-choice-step-goto-info-print-wrapper {
    margin: 0px;
    padding: 0px;
 }

 .nxa-choice-step-goto-info-print { 
   padding-left: 40px;
   text-align: left;
   font-size: 12pt;
 }

.nxa-print-modal-header-label { 
   width: 100%;
   font-size: 24px;
   padding-left: 30px;
   font-weight: bold;
}

.nxa-print-modal-header-label.centered { 
   text-align: center;
}

.nxa-print-modal-header-label.centered.lower { 
  margin-top: 10px;
}

 .nxa-print-modal-hidden-value { 
   display: none;
 }

 .nxa-print-modal-toc-title { 
  width: 100%;
  font-size: 24px;
  text-align: center;
  height: 50px;
 }

.nxa-print-solid-border {
  border: 3px solid #000;
  margin-left: 30px;
}

.nxa-print-double-border {
   position:relative;
   border:.75px solid #000;
   height:100%;
   width:100%;
   margin-left: 30px;
}

.nxa-print-double-border:before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  border: .75px solid #000;
}

.nxa-print-triple-border {
  position: relative;
  border: 1.5px solid #000;
  height: 100%;
  width: 100%;
  margin-left: 30px;
}

.nxa-print-triple-border:before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  border: 1.5px solid #000;
}

.nxa-print-triple-border:after {
  content:"";
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 6px;
  right: 6px;
  border: 1.5px solid #000;
}

.nxa-print-verified-rev-div { 
  width: 800px; 
  height: 100px; 
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto; 
  border: 2px solid black; 
  display: flex;
 }

 .nxa-print-media-image-caption { 
   font-size: 16px;
 }
 
 .nxa-print-verified-rev-text { 
  display: inline-block; 
  width: 310px; 
  height: 100%; 
  padding-top: 20px; 
  font-size: 18px; 
  text-align: right;
 }
 
 .nxa-print-verified-ref-right-div-outer { 
  display: inline-block; 
  width: 590px; 
  height: 100%; 
  padding-top: 15px;
  text-align: left;
 }
 
 .nxa-print-verified-ref-right-div-inner { 
  display: inline-block; 
 }
 
 .nxa-print-verified-ref-item-wrapper { 
  position: relative; 
  height: min-content; 
  width: 150px; 
  padding: 4px; 
  display:inline-block;
  margin-left: 15px;
 }

 .nxa-print-verified-ref-item-wrapper.larger {
  width: 200px;
}
 
 .nxa-print-verified-ref-item-text { 
  text-align:center; 
  font-size:15px; 
  width:100%;
 }

 .nxa-print-verified-ref-item-hr { 
   background-color: black;
   margin: 10px 0px 0px 0px;
 }

 .nxa-comments-container-title { 
   font-size: 18px;
   padding-left: 10px;
 }

 .nxa-title-cwna-print-img { 
   padding: 0px 6px 0px 0px;
 }

 .nxa-title-cwna-print-title { 
   color: black;
   text-decoration: underline;
   font-size: 14pt;
   display: inline-block;
   margin-top: 8px;
 }

/* Issue 3375: icon and title should be side by side */
.nxa-title-cwna-print-title > span > p { 
  display: inline-block;
}
.nxa-title-cwna-print-title > p { 
  display: inline-block;
}


.nxa-initials-print-div-big-height { 
  width: 70px;
  display: inline-block;
  height: 160px;
}

.nxa-initials-print-with-text-div {
  width: 70px;
  display: inline-block; 
  height: 60px;
}

.nxa-initial-lines-print, 
.nxa-print-initials-div-line{ 
  width: 70px;
  border-bottom: 1.5px solid black;
  display: inline-block;
  top: -20px;
}

.nxa-print-initials-div-line.top { 
  height: 80px;
}

.nxa-print-initials-div-line.bottom { 
  height: 40px;
}

.nxa-print-initials-text { 
  text-align: center;
  display: inline-block;
  width: 70px;
  font-size: 14px;
}

.nxa-print-list-pages-work-main-div {
  width: 800px; 
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto; 
  border: 1px solid black; 
}

.nxa-print-listpages-header-div {
  width: 50%;
  font-size: 18px;
  text-align: center;
  border: 1px solid black;
  display: inline-block;
  height: 30px;
}

.nxa-print-list-pages-bottom-div {
  width: 100%;
  margin-bottom: -4px; /* fix for border */
}

.nxa-print-list-pages-outer {
  width: 50%;
  font-size: 18px;
  border: 1px solid black;
  display: inline-block;
  height: 100px;
  padding-top: 10px;
}

.nxa-print-list-pages-inner { 
  width: 90%; 
  padding-left: 20px;
}

.nxa-print-list-pages-line { 
  border-bottom: 1px solid black; 
  width: 100%; 
  height: 20px;
}

.nxa-print-list-pages-line.lower { 
  height: 26px;
}

.nxa-print-contolling-work-main-div { 
  width: 50%; 
  font-size: 18px; 
  border: 1px solid black; 
  display: inline-block; 
  height: 100px; 
  vertical-align:top;
  padding-top: 10px;
}

.nxa-print-controlling-work-inner-div { 
  width:100%; 
  display: inline-block;
}

.nxa-print-controlling-work-lines-div { 
  display: inline-block; 
  width: 100%;
}

.nxa-print-controlling-work-line { 
  border-bottom: 1px solid black; 
  height: 20px; 
  width: 40%; 
  display: inline-block;
}

.nxa-print-controlling-work-line.pushRight { 
  margin-left: 40px; 
}

.nxa-print-completed-review-text { 
  display: inline-block;
  width: 100%;
  padding-left: 10px;
  padding-top: 10px;
  font-size: 18px;
  text-align: left;
}

.nxa-print-completed-review-outer { 
  display: inline-block;
  width: 100%;
  height: 40%;
  text-align: left;
}

.nxa-print-completed-review-div { 
  width: 800px; 
  height: 100px; 
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto; 
  border: 2px solid black; 
 }

 .nxa-print-select-to-list-wrapper {
  border: 1px solid black;
  font-size: 12px;
  padding: 5px 5px 0px 5px;
  border-radius: 10px;
  background: white;
}

.nxa-print-select-to-list-data-item {
  background: white;
  color: black;
  padding: 3px 5px 3px 5px;
  width: 100%;
  margin-bottom: 5px;
  text-align: center;
}

.nxa-print-select-to-list-data-list { 
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

/** 
* Edge case fix to break the table when it is too wide such that it goes vertical
*/
.nxa-print-wrap-layout-table .nxa-table-width-print-mode td{
  display: table-row;
}

.nxa-print-preview-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height:100%;
  background-color: rgba(0,0,0,0.75);
  box-shadow: 0.3125rem 0.3125rem 0.3125rem 0.5rem lightblue;
}

.nxa-print-preview{
  margin-top: 1%;
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  margin: auto;
  height: 100%;
  width: 830px;
  background: white;
}
.nxa-offline-pogressbar-wrap {
    width: 90%;
    height: 80%;
    /* border: 1px solid black; */
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 5%;
    padding-top: 10px;
    padding-bottom: 15px;
}

.nxa-progressbar-display-elm {
    display: flex;
    align-items: center;
    padding-top: 5px;
}

.nxa-progress-bar-grey {
    display: inline-block;
    margin-bottom: 10px;
    height: 20px;
    width: 100%;
    background-color: lightgray;
}

.nxa-percentage-box {
    align-items: center;
    display: inline-block;
    width: 10%;
    font-size: 10px;
    height: 20px;
    /* border: 1px solid black; */
    margin-top: 8px;
    text-align: center;
}

.nxa-percentage-inner-wrapper {
    width: 90%;
}

.nxa-progress-bar-active {
    background:  #7bda23;
       -webkit-animation-name: pulse; /* Chrome, Safari, Opera */
       -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
       -webkit-animation-iteration-count: infinite;
       animation-name: pulse-green;
       animation-duration: 2s;
       animation-iteration-count: infinite;
}

.nxa-progress-bar {
    width: 0%;
    height: 20px;
    background:  #7bda23;
   }
   
   
   @-webkit-keyframes pulse-green {
       0%   {background:#7bda23;}
       25%   {background: #7bda23;}
       50%   {background: #7bda23;}
       75%  {background: rgb(158, 235, 139);}
       85%{background: #7bda23;}
       100% {background:#7bda23;}
   }
   
   @keyframes pulse-green {
       0%   {background:#7bda23;}
       25%   {background: #7bda23;}
       50%   {background: #7bda23;}
       75%  {background:  rgb(158, 235, 139);}
       85%{background: #7bda23;}
       100% {background: #7bda23;}
   }


/**
 * @created: Mon May 22 2023
 * @author: Paul Bethune
 *
 * @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

 nxa-refbinding-views {
    position: relative;
    width: var(--nxa-offSideBarWidth);
    padding-left: 10px;
 }

 nxa-tab-manager.nxa-refbinding-tabs {
    width: auto;
}    
 
nxa-refbinding-modal {
    display: flex;
    font-size: var(--nxa-default-fontsize);
    min-width: 300px;
}

nxa-binding-existing {
    display: block;
}

nxa-binding-new {
    display: block;
}

.nxa-base-dialog-btn.nxa-base-dialog-btn-smaller.delete {
    margin-right: 15px;
}

.nxa-refbinding-invalid-warning {
    width: 250px;
    font-size: 12px;
    margin-top: 8px;
}

.nxa-refbinding-invalid-warning-icon {
    padding-right: 5px;
    color: var(--nxa-color-red);
}


.nxa-rev-request-title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.nxa-rev-request-descrition-title {
    padding-left: 8px;
    font-size: 16px;
    font-weight: 700;
}

.nxa-rev-request-reason-dropdown {
    margin: 0 5px 0 5px;
    height: 25px;
    font-size: 16px;
}

.nxa-rev-request-change-area {
    font-size: 16px;
    margin: 8px;
    min-height: 40px;
    border: 1px solid darkslategray;
    border-radius: 7px;
    width: 97%;
}

.nxa-rev-request-comment-panel {
    height: 350px;
    width: auto;
    margin-top: 8px;
    overflow-y: scroll;
    padding-left: 8px;
    max-width: 600px;
}

.nxa-rev-request-edit-content {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    padding-left: 8px;
    font-size: 12pt;
    font-family: Arial, sans-serif;
    border: 1px solid darkslategray;
    overflow: auto;
    resize: both;
}

.nxa-selectable-title {
    background-color: rgb(238,238,238);
    padding-left: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.nxa-rev-request-change-hyperlink {
    color: rgb(52,152,219);
    text-decoration: underline;
    vertical-align: middle;
    display: table-cell;
    cursor: pointer;
}

.nxa-base-dialog-consumer-content.nxa-rev-request-dialog{
    /*  If there is no footer then 100% minus the header's height */
    height: calc(100% - 28px);
    overflow-y: auto;
}

.nxa-base-dialog-consumer-content.nxa-rev-request-dialog:has(+ .nxa-base-dialog-okay-cancel-div){
    /* Since there is an optional footer, 
        set to 100% minus the header and footer heights */
    height: calc(100% - 76px);
}

.nxa-rev-request-dialog-btn
{
  color: rgb(52,152,219);
  border-radius: 7px;
  font-size: 14px;
  padding: 3px 30px 3px 30px;
  background-color: white;
  border: solid darkslategray 2px;
  user-select: none;
}

.nxa-rev-request-dialog-btn:hover
{
  background-color:  #3445db;
  color: white;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}

.nxa-rev-request-checkbox-choice {
    width: 16px;
    height: 16px;
}
/**
 * @created: Wed Apr 19 2023
 * @author: Alexander J. Vincent
 *
 * @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

 nxa-conditional-stmt-group-view {
    display: block;
 }

.nxa-cae-content-box {
    overflow-y: scroll;
    max-height: 90vh;
}

.nxa-cae-group-block {
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
}

.nxa-cae-group-block .nxa-cae-group-child-block .nxa-editor-modal-row {
    width: 650px;
}

.nxa-conditional-action-modal-label-text .data-placeholder-content {
    margin-left: 10px;
}

.nxa-cae-fieldset {
    margin: 10px;
    border: 1px solid #888;
    border-radius: 10px;
    padding-bottom: 10px;
    font-size: var(--nxa-default-fontsize);
}

.nxa-cae-fieldset > legend {
    width: fit-content;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 20px;
    font-size: 15px;
    color: var(--nxa-color-blue);
}

.nxa-cae-fieldset .nxa-editor-modal-row {
    margin-top: 0px;
}

.nxa-cae-fieldset .nxa-dropdown-connector {
    margin-top: 10px;
    margin-bottom: 10px;
}

.nxa-cae-addgroup {
    text-align: right;
    width: 800px;
}

.nxa-cae-fieldset .nxa-anchor {
    color: var(--nxa-color-btnblue);
}

.nxa-cae-group-block .nxa-stmt-row-icons-box {
    position: relative;
    font-size: 0.8em;
    top: 8px;
}

.nxa-conditional-stmt-editor-row:not(:hover) .nxa-stmt-row-icons-box:not([data-active]),
.nxa-cae-group-block:not(:hover) .nxa-stmt-group-icons-box,
.nxa-cae-group-block[data-addgroupmode] .nxa-stmt-group-icons-box,
.nxa-cae-group-block[data-addgroupmode] .nxa-stmt-group-icons-box
{
    visibility: hidden;
}

.nxa-cae-fieldset input[type="text"],
.nxa-cae-fieldset select {
    max-width: 150px;
    height: 24px;
}

.nxa-editor-modal-row.nxa-conditional-stmt-editor-row.fill {
    width: 100%;
}

.nxa-cae-fieldset select.nxa-dropdown.fill {
    width: 95%;
    max-width: unset;
}

.nxa-cae-fieldset .nxa-dialog-full-row-div-inline.nxa-stmt-row-left-selector.fill {
    width: 31%;
    max-width: unset;
 
}

.nxa-cae-fieldset .nxa-dialog-full-row-div-inline.nxa-stmt-operator.fill {
    width: 25%;
    max-width: unset;

}

.nxa-cae-fieldset .nxa-dialog-full-row-div-inline.nxa-dropdown.list.fill {
    width: 31%;
    height: 24px;
    max-width: unset;
 
}


.nxa-cae-group-block .left-parens,
.nxa-cae-group-block .right-parens {
    display: flex;
    position: relative;
}

.nxa-cae-group-child-block {
    flex-grow: 1;
}

.nxa-cae-group-block .nxa-svg-parenthesis {
    fill: none;
    stroke: var(--nxa-color-btnblue);
    stroke-width: 3px;
}

.nxa-cae-group-block .nxa-stmt-row-left-selector,
.nxa-cae-group-block .nxa-dropdown-connector {
    margin-left: 25px;
}

.nxa-cae-group-block .nxa-parenthesis-spacer {
    display: inline-block;
}

.nxa-cae-group-block .nxa-delete-row-icon,
.nxa-cae-group-block .nxa-add-group-open-icon, 
.nxa-cae-group-block .nxa-add-group-close-icon {
    position: absolute;
    left: 0px;
}

.nxa-cae-fieldset .nxa-editor-modal-row.nxa-cae-addcondition {
    margin-top: 10px;
}

.nxa-condaction-label {
    min-width: 400px;
}


/**
 * @created: Wed Apr 8 2019
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */


.nxa-options-list-div-search { 
  width: 100%; 
  height: 40px; 
  padding: 10px;
}

.nxa-options-list-div-search .fa-search { 
  color: gray;
  font-size: 18px;
  position: absolute;
  z-index: 2;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding-top: 6px;
  padding-left: 6px;
}

.nxa-options-list-div-search .fa-times-circle { 
  color: gray;
  font-size: 18px;
  position: absolute;
  z-index: 2;
  width: 24px;
  height: 24px;
  line-height: 24px;
  right: 14px;
  padding-top: 4px;
  cursor: pointer;
}

.nxa-options-list-div-search .fa-times-circle:hover { 
  color: black;
}

.nxa-options-list-search-edit
{
  color: black;
  font-size: 14px;
  padding-left: 35px;
  width: 99%;
  border: none;
  padding-bottom: 10px;
  padding-top: 6px;
  height: 35px;
}

.nxa-options-list-div-options { 
  overflow-y: auto; 
  margin:2%;
  max-height:200px;
  height: 200px;
  border: 1px solid #888;
}

.nxa-options-list-item {
  font-size: 14px;
  padding: 4px;
  cursor: pointer;
  color: black;
}

.nxa-options-list-item.title {
  font-weight: bold;
  cursor: auto;
}

.nxa-options-list-list { 
  list-style-type: none;
  padding: 0px;
}

.nxa-create-instance-id-input { 
  width: 75%;
  margin-left: 8px;
}

/**
 * @created: Wed Apr 8 2019
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */


.nxa-options-table-div-buttons { 
  width: 100%; 
  height: 40px; 
  padding:8px;
}

.nxa-options-table-div-options { 
  overflow-y: auto; 
  margin:2%;
  border: 1px solid #888;
}

.nxa-options-no-options { 
  height: 150px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  padding: 20px;
  color: black;
  display: none;
}

.nxa-options-img-list-icon { 
  padding: 0;
  background-color: transparent;
}


.nxa-options-table-input { 
  width: 100%;
  box-shadow: none;
  border: 0;
  padding-left: 8px;
  height: 30px;
  background: #fff;
  outline: none;
}

.nxa-options-table-cell-input { 
  width: 350px;
  height: 30px;
  padding: 0;
  border-bottom: none;
}

.nxa-options-table-input:focus { 
  outline: none;
}

.nxa-options-table-index { 
  width: 30px;
  text-align: right;
  user-select: none;
  padding: 0;
}

.nxa-options-table-index:hover {
  cursor: move;
}

.nxa-options-table-cell-remove { 
  width: 30px;
  font-size: 22px;
  user-select: none;
  background: #fff;
  color: transparent;
  padding: 0;
}

.nxa-options-table-div-buttons .fa-plus-circle { 
  color: rgb(34, 177, 76);
  font-size: 22px;
}

.nxa-options-table-div-buttons .fa-sort-alpha-down { 
  color: rgb(117, 124, 131);
  font-size: 22px;
  float: right;
}

.nxa-options-table-cell-remove .fa-times:hover { 
  color: black;
}

.nxa-options-table-cell-remove:hover { 
  cursor: pointer;
}

.nxa-options-table-btn
{
  color: rgb(36, 187, 242);
  font-size: 14px;
  padding: 4px;
  text-decoration: underline;
  background: transparent;
  border: none;
  outline: none;
}

.nxa-options-table-btn:hover
{
  color: black;
  cursor: pointer;
}

.nxa-options-table-btn:focus
{
  outline: none;
}

/**
 * @created: Tues July 28 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

 .nxa-replicate-dialog-main { 
   width: 340px;
   height: 100px;
 }

 .nxa-replicate-radio-input { 
  width: 20px;
  height: 20px;
  margin: 5px;
  padding: 5px;
 }

 .nxa-replicate-radio-label { 
  display: inline-block;
  padding: 0px 0px 0px 2px;
  text-align: left;
  font-weight: bold;
  min-width: 80px; /* set width so radio buttons below align */
  height: 20px;
 }
/**
 * @created: Mon Nov 9 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

.nxa-user-profile-main-div { 
  overflow:auto;
  width: 940px;
  height: 600px;
}

.nxa-user-profile-table-div { 
  overflow: auto; 
  margin:2%;
}

.nxa-user-profile-table { 
  border-collapse: collapse;
  vertical-align: top;
}

.nxa-user-profile-left-div { 
  height: 600px;
  width: 230px;
  display: inline-block;
  vertical-align: top;
}

.nxa-user-profile-right-div { 
  width: 700px;
  display: inline-block;
  vertical-align: top;
  height: 600px;
}

.nxa-user-profile-change-picture-btn-div { 
  padding: 10px;
}

.nxa-user-profile-picture-div { 
  width: 80%;
  margin: 10px;
  text-align:center;
  border-radius: 30px;
  border: solid 1px rgb(126,172,203);
}

.nxa-user-profile-img-width-div { 
  width:100%;
}

.nxa-user-profile-picture-img {
  display: inline-block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  padding: 10px;
}

.nxa-user-profile-canvas { 
  border:1px solid #d3d3d3;
  margin: 10px 0px 0px 0px;
}

.nxa-user-profile-select-fonts { 
   width: 500px;
   height: 50px;
   font-weight: 500;
   font-size: 36px;
}

.nxa-user-profile-btn {
  background-color: rgb(51,122,183);
  color: white;
  border-radius: 10px;
  font-size: 14px;
  padding: 3px 30px 3px 30px;
  cursor: pointer;
}

.nxa-user-profile-btn:hover {
  background-color: #3445db;
  color: white;
  text-decoration: none;
  cursor: pointer;
}


  .nxa-user-profile-btn.pinnotset {
    background-color: #e01919;
    color: white;
  }
  .nxa-user-profile-btn.pinnotset:hover {
    background-color: #ee5757;
    color: black;
  }
  

.nxa-user-profile-table-label-bold,
.nxa-user-profile-table-label { 
  width: 150px;
}

.nxa-user-profile-table-label-bold { 
  font-weight: 700;
}

.nxa-user-profile-table-value-bold,
.nxa-user-profile-table-value { 
  width: 550px;
}

.nxa-user-profile-table-value-bold { 
  font-weight: 700;
}

.nxa-user-profile-table-row { 
  border-bottom: solid 1px#d3d3d3;
}


@media(max-height: 700px){ 
  .nxa-user-profile-main-div { 
    height: 400px;
    overflow:auto;
    width: 1100px;
  }

  .nxa-user-profile-left-div { 
    height: 400px;
    width: 340px;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
  }
  
  .nxa-user-profile-right-div { 
    width: 750px;
    display: inline-block;
    vertical-align: top;
    height: 400px;
    overflow: auto;
  }
}

@media(max-width: 1000px) { 
  .nxa-user-profile-left-div { 
    display: none;
  }
}



/**
 * @created Fri Aug 15 2019
 * @author: Dave Girdwood
 * 
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

.nxa-verification-modal-content {
  background-color: #fefefe;
  width: 600px;
  display: flex;
  flex-direction: column;   
}

div.nxa-verification-modal-signature {
  align-self: center;
}

.nxa-verification-modal-modal-header {
  padding: 0px 8px;
}

.nxa-verification-modal-modal-heading-text {
  font-family: sans-serif;
  font-weight: 100;
  color: black;
}


/**
 * @created: Tues March 10 2021
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

 .nxa-video-segement-display-elm { 
  width: 640px; 
  /*height: 600px;*/
}

.nxa-doc-info-video-container-class { 
  background-color: black;
}

.nxa-video-segement-add-seg-btn-div{ 
  position: absolute;    
  left:8px;
}

.nxa-video-segement-add-seg-btn-div .fa-plus-circle { 
  color: rgb(34, 177, 76);
  font-size: 22px;
}

.nxa-video-segments-segments-div { 
  width: 100%;
  max-height: 160px;
  overflow-y: auto;
  background-color: transparent;
  display: inline-block;
}

.nxa-video-segment-track { 
  width: 100%;
  height: auto;
  max-width: 640px;
  display: inline-block;
  border-bottom: 1px solid black;
}

.nxa-video-segment-track-text { 
  width: 100%;
  padding-left: 6px;
  height: auto;
  font-size: 12px;
  max-width: 640px;
}

.nxa-video-segment-block { 
  background-color: rgb(36, 187, 242);
  height: 15px;
  display: block;
}


/**
 * @created Fri Aug 15 2019
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 * @author: Stacey Whitmore, David Girdwood
 *
 */

  .crada-view-media-modal-container {
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top:0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    background-color: rgba(0,0,0,0.4);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }  
  
  .crada-view-media-modal-content {
    background-color: #fefefe;
    width: 814px; 
    top: 2%;
    overflow: auto; /* Enable scroll if needed */
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    /* flex needed for children to align center */
  }

  div.crada-view-media-modal-captured-media {
    align-self: center;
  }

  .crada-view-media-modal-header {
    padding: 0px 16px;
  }

  .crada-view-media-modal-heading-text {
    font-family: sans-serif;
    font-weight: 100;
    color: black;
  }

  .crada-view-media-modal-close-btn {
    float: right;
    color: gray;
    font-weight: bolder;
    font-size: 40px;
    margin: -66px -10px 0px 0px;
  }

  .crada-view-media-modal-close-btn:hover {
    float: right;
    cursor: pointer;
    color: black;
    font-weight: bolder;
    font-size: 40px;
    margin: -66px -10px 0px 0px;
  }

  .crada-view-media-modal-back-btn {
    color: gray;
    font-size: 20px;
    padding: 10px 0px 0px 10px; 
  }

  .crada-view-media-modal-back-btn:hover {
    color: blue;
    cursor: pointer;
    font-size: 20px;
    padding: 10px 0px 0px 10px; 
  }

  .crada-view-media-modal-label {
    font-size: 20px;
    font-weight: 500;
    padding: 0px 0px 0px 26px;
  }

  .crada-view-media-modal-text {
    font-size: 20px;
    font-weight: 500;
  }

.crada-view-media-textarea-label {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-weight: 500;
  padding: 0px 0px 0px 26px;
  }

.crada-view-media-modal-input {
  color:gray;
  padding: 5px;
  width: 80%;
  height: 150px;
  align-self: center;
  border: solid 1px black;
  overflow: auto;
}

.crada-view-media-modal-text {
    font-weight: 500;
}

.crada-view-media-modal-footer {
    align-self: center;
    padding: 8px 5px 8px 5px;
}

.crada-view-media-modal-btn {
  color: darkslategray;
  border-radius: 7px;
  /* margin: 0px 25px 5px 25px; */
  margin: 0px 50px;
  padding: 3px 30px 3px 30px;
  background-color: white;
  border: solid darkslategray 2px;
}

.crada-view-media-modal-btn:hover,
.crada-view-media-modal-btn:focus {
  background-color: gray;
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.nxa-field-media-modal-draw-tool {
  color: darkslategray;
  background-color: white;
  width: 50px;
  height: 50px;
}

.nxa-field-media-annotate-size { 
  font-size: 18px;
  vertical-align: top;
}

.nxa-field-media-modal-draw-tool:hover,
.nxa-field-media-modal-draw-tool:focus {
  background-color: gray;
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.nxa-field-media-modal-btn {
  color: darkslategray;
  border-radius: 7px;
  font-size: 1.5em;
  padding: 3px 30px 3px 30px;
  background-color: white;
  border: solid darkslategray 2px;
  vertical-align: top;
}

.nxa-field-media-modal-btn:hover{
  background-color: gray;
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.nxaview-media-modal-annotation-controls{
  align-self: center;
}

.nxaview-media-modal-zoom-controls{
  align-self: center;
  max-height: 50px;
}

.nxa-color-button-control {
  background-color: rgba(0,0,255,.8);
  min-width: 100px;
  height: 50px;
  cursor: pointer;
}

.nxa-color-button-dropdown-items {
  display: none;
  position: absolute;
  min-width: 100px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10006;
}

.nxa-color-button-dropdown-items a {
  min-width: 100px;
  height: 50px;
  text-decoration: none;
  display: block;
}


/*Media Queries*****************/
@media(max-width: 768px) {

  .crada-view-media-modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    top: 5%; 
    left: 5%;
    width: 700px;
    align-self: unset;
  }

  .nxaview-media-modal-annotation-controls{
    display: inline-block;
    align-self: center;
  }
}

@media(max-width: 600px) {
  .crada-view-media-modal-content {
    background-color: #fefefe;
    border: 1px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    top: 5%; 
    left: 5%;
    width: 550px; 
    align-self: unset;
  }

  .nxaview-media-modal-annotation-controls{
    display: inline-block;
  }
}

@media(max-height: 768px) {
 
  /* make comments text block smaller */
.crada-view-media-modal-input {
    color:gray;
    padding: 5px;
    width: 80%;
    height: 40px;
    align-self: center;
    border: solid 1px black;
    overflow: auto;
  }

  .crada-view-media-textarea-label {
    font-size: 20px;
    font-weight: 500;
    padding: 0px 0px 0px 26px;
  }

}
/* 
The MIT License (MIT)
Copyright (c) 2013 Adam Schwartz

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation 
files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, 
merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is 
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.chrome-tabs {
  box-sizing: border-box;
  position: relative;
  font-size: 12px;
  height: 46px;
  padding: 8px 3px 4px 3px;
  background: #dee1e6;
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  width: 100%;
}

/*
.chrome-tabs * {
  box-sizing: inherit;
  font: inherit;
}
*/
.chrome-tabs .chrome-tabs-content {
  position: relative;
  width: 100%;
  height: 100%;
}

.chrome-tabs .chrome-tab {
  position: absolute;
  left: 0;
  height: 36px;
  width: 240px;
  border: 0;
  margin: 0;
  z-index: 1;
  pointer-events: none;
}
.chrome-tabs .chrome-tab,
.chrome-tabs .chrome-tab * {
  user-select: none;
}
.chrome-tabs .chrome-tab .chrome-tab-dividers {
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 9px;
  right: 9px;
}

.chrome-tabs .chrome-tab .chrome-tab-dividers,
.chrome-tabs .chrome-tab .chrome-tab-dividers::before,
.chrome-tabs .chrome-tab .chrome-tab-dividers::after {
  pointer-events: none;
}
.chrome-tabs .chrome-tab .chrome-tab-dividers::before,
.chrome-tabs .chrome-tab .chrome-tab-dividers::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #a9adb0;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.chrome-tabs .chrome-tab .chrome-tab-dividers::before {
  left: 0;
}
.chrome-tabs .chrome-tab .chrome-tab-dividers::after {
  right: 0;
}
.chrome-tabs .chrome-tab:first-child .chrome-tab-dividers::before,
.chrome-tabs .chrome-tab:last-child .chrome-tab-dividers::after {
  opacity: 0;
}
.chrome-tabs .chrome-tab .chrome-tab-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.chrome-tabs .chrome-tab .chrome-tab-background > svg {
  width: 100%;
  height: 100%;
}
.chrome-tabs .chrome-tab .chrome-tab-background > svg .chrome-tab-geometry {
  fill: #f4f5f6;
}
.chrome-tabs .chrome-tab[active] {
  z-index: 5;
}
.chrome-tabs .chrome-tab[active] .chrome-tab-background > svg .chrome-tab-geometry {
  fill: #fff;
}
.chrome-tabs .chrome-tab:not([active]) .chrome-tab-background {
  transition: opacity 0.2s ease;
  opacity: 0;
}

.chrome-tabs .chrome-tab:not([active]):hover {
  z-index: 2;
  color: black;
}
  
.chrome-tabs .chrome-tab:not([active]):hover .chrome-tab-background {
  opacity: 1;
}

.chrome-tabs .chrome-tab.home.nxa-expand:not([active]):hover .chrome-tab-background {
  opacity: 0;
}

.chrome-tabs .chrome-tab.chrome-tab-was-just-added {
  top: 10px;
  animation: chrome-tab-was-just-added 120ms forwards ease-in-out;
}
.chrome-tabs .chrome-tab .chrome-tab-content {
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  right: 9px;
  padding: 9px 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
  width: 100%;
  pointer-events: all;
}
.chrome-tabs .chrome-tab[is-mini] .chrome-tab-content {
  padding-left: 2px;
  padding-right: 2px;
}


.chrome-tabs .chrome-tab .chrome-tab-favicon {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  height: 16px;
  width: 16px;
  background-size: 16px;
  margin-left: 4px;
}

.chrome-tabs .chrome-tab.home .chrome-tab-favicon {
  background-image: url("../Images/home.svg");
  margin-left: 20px;
}

.chrome-tabs .chrome-tab.home.nxa-expand {
  background-color: var(--nxa-color-btnblue);
  width: 50px; 
}
.chrome-tabs .chrome-tab.home.nxa-expand:hover {
  background-color: var(--nxa-color-btnblue-hover);
  cursor: pointer;
}

.chrome-tabs .chrome-tab.home.nxa-expand.nxa-opener .chrome-tab-favicon {
  background-image: url("../Images/attachment-icon.svg");
  width: 24px;
  height: 24px;
  top: -5px;
  background-size: 24px;
  margin-left: 0px;
}

.chrome-tabs .chrome-tab[is-small] .chrome-tab-favicon {
  margin-left: 10px;
}
.chrome-tabs .chrome-tab[is-smaller] .chrome-tab-favicon {
  margin-left: auto;
  margin-right: auto;
}
.chrome-tabs .chrome-tab[is-mini] .chrome-tab-favicon {
  margin-left: auto;
  margin-right: auto;
}


.chrome-tabs .chrome-tab .chrome-tab-title {
  flex: 1;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 4px;
  color: var(--nxa-color-black);
  -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 24px), transparent);
  mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 24px), transparent);
}
.chrome-tabs .chrome-tab[is-small] .chrome-tab-title {
  margin-left: 0;
}
.chrome-tabs .chrome-tab .chrome-tab-favicon + .chrome-tab-title,
.chrome-tabs .chrome-tab[is-small] .chrome-tab-favicon + .chrome-tab-title {
  margin-left: 8px;
}
.chrome-tabs .chrome-tab[is-smaller] .chrome-tab-favicon + .chrome-tab-title,
.chrome-tabs .chrome-tab[is-mini] .chrome-tab-title {
  display: none;
}
.chrome-tabs .chrome-tab[active] .chrome-tab-title {
  color: var(--nxa-color-black);
}


.chrome-tabs .chrome-tab:not([active]):hover .chrome-tab-background {
  opacity: 1;
}

.chrome-tabs .chrome-tab:not([active]) .darkbg .chrome-tab-title {
  color: var(--nxa-color-white);
}

.chrome-tabs .chrome-tab:not([active]):hover .chrome-tab-title{
  color: var(--nxa-color-black);
}

.chrome-tabs .chrome-tab .chrome-tab-drag-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.chrome-tabs .chrome-tab .chrome-tab-close {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path stroke='rgba(0, 0, 0, .65)' stroke-linecap='square' stroke-width='1.5' d='M0 0 L8 8 M8 0 L0 8'></path></svg>");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  z-index: 20;
}

.chrome-tabs .chrome-tab .chrome-tab-destroy {
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M3 6v18h18v-18h-18zm5 14c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm5 0c0 .552-.448 1-1 1s-1-.448-1-1v-10c0-.552.448-1 1-1s1 .448 1 1v10zm4-18v2h-20v-2h5.711c.9 0 1.631-1.099 1.631-2h5.315c0 .901.73 2 1.631 2h5.712z'/></svg>");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  z-index: 20;
}

.chrome-tabs .chrome-tab.home.nxa-expand.nxa-opener .chrome-tab-close {
  left: -2px;
  background-image: url("../Images/caret-right.svg");
}

.chrome-tabs .chrome-tab.home.nxa-collapse .chrome-tab-close {
  background-image: url("../Images/caret-left.svg");
  background-size: 24px 24px;
  left: 60%;
}

.chrome-tabs .chrome-tab.home.nxa-collapse .chrome-tab-close:hover {
  cursor: pointer;
}

.chrome-tabs .chrome-tab.home.nxa-collapse[is-small] .chrome-tab-close {
  left: 40%;
}

.chrome-tabs .chrome-tab.home.nxa-collapse[is-smaller]:not([is-mini]) .chrome-tab-close { 
  left: 5px;
}

.chrome-tabs .chrome-tab.home.nxa-collapse[is-mini] .chrome-tab-close {
  left: -10px;
}


.chrome-tabs .chrome-tab .chrome-tab-close[hidden] {
  display: none;
}

.chrome-tabs .chrome-tab .chrome-tab-destroy[hidden] {
  display: none;
}


@media (hover: hover) {
  .chrome-tabs .chrome-tab .chrome-tab-close:hover,
  .chrome-tabs .chrome-tab .chrome-tab-destroy:hover {
    background-color: #e8eaed;
  }
  .chrome-tabs .chrome-tab .chrome-tab-close:hover:active,
  .chrome-tabs .chrome-tab .chrome-tab-destroy:hover:active {
    background-color: #dadce0;
  }
}
@media not all and (hover: hover) {
  .chrome-tabs .chrome-tab .chrome-tab-close:active,
  .chrome-tabs .chrome-tab .chrome-tab-destroy:active   {
    background-color: #dadce0;
  }
}
@media (hover: hover) {
  .chrome-tabs .chrome-tab:not([active]) .chrome-tab-close:not(:hover):not(:active),
  .chrome-tabs .chrome-tab:not([active]) .chrome-tab-destroy:not(:hover):not(:active)  {
    opacity: 0.8;
  }
}
.chrome-tabs .chrome-tab[is-smaller] .chrome-tab-close,
.chrome-tabs .chrome-tab[is-smaller] .chrome-tab-destroy {
  margin-left: auto;
}
.chrome-tabs .chrome-tab[is-mini]:not([active]) .chrome-tab-close,
.chrome-tabs .chrome-tab[is-mini]:not([active]) .chrome-tab-destroy {
  display: none;
}
.chrome-tabs .chrome-tab.home[is-mini]:not([active]) .chrome-tab-close,
.chrome-tabs .chrome-tab[is-mini]:not([active]) .chrome-tab-destroy {
  display: initial;  
}


.chrome-tabs .chrome-tab[is-mini][active] .chrome-tab-close,
.chrome-tabs .chrome-tab[is-mini][active] .chrome-tab-destroy {
  margin-left: auto;
  margin-right: auto;
}


.chrome-tabs .chrome-tab[is-smaller] .chrome-tab-close[hidden],
.chrome-tabs .chrome-tab[is-smaller] .chrome-tab-destroy[hidden] {
  display: none;
}
.chrome-tabs .chrome-tab[is-mini]:not([active]) .chrome-tab-close[hidden],
.chrome-tabs .chrome-tab[is-mini]:not([active]) .chrome-tab-destroy[hidden] {
  display: none;
}

.chrome-tabs .chrome-tab[is-mini][active] .chrome-tab-close[hidden],
.chrome-tabs .chrome-tab[is-mini][active] .chrome-tab-destroy[hidden] {
  display: none;
}

@-moz-keyframes chrome-tab-was-just-added {
  to {
    top: 0;
  }
}
@-webkit-keyframes chrome-tab-was-just-added {
  to {
    top: 0;
  }
}
@-o-keyframes chrome-tab-was-just-added {
  to {
    top: 0;
  }
}
@keyframes chrome-tab-was-just-added {
  to {
    top: 0;
  }
}
.chrome-tabs.chrome-tabs-is-sorting .chrome-tab:not(.chrome-tab-is-dragging),
.chrome-tabs:not(.chrome-tabs-is-sorting) .chrome-tab.chrome-tab-was-just-dragged {
  transition: transform 120ms ease-in-out;
}
.chrome-tabs .chrome-tabs-bottom-bar {
  position: absolute;
  bottom: 0;
  height: 4px;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 10;
}
.chrome-tabs-optional-shadow-below-bottom-bar {
  position: relative;
  height: 1px;
  width: 100%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1' viewBox='0 0 1 1'><rect x='0' y='0' width='1' height='1' fill='rgba(0, 0, 0, .17)'></rect></svg>");
  background-size: 1px 1px;
  background-repeat: repeat-x;
  background-position: 0% 0%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .chrome-tabs-optional-shadow-below-bottom-bar {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2' height='2' viewBox='0 0 2 2'><rect x='0' y='0' width='2' height='1' fill='rgba(0, 0, 0, .27)'></rect></svg>");
  }
}

.chrome-tabs.workbench .chrome-tabs-content {
  border-bottom: 0px; 
  background-color: rgb(22, 33, 41);
}

/**
 * @created Monday  Aug 12 2019
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 * @author: Stacey Whitmore
 */

.crada-capture-media-container {
    display: flex;
    flex-direction: column; 
    z-index: 10001;
    top: 2%; 
    left: 27%; 
    border: 2px solid #888;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 730px;
    height: 600px; 
    padding: 8px 0px 10px 0px;
    background-color: black;
}

#crada-capture-media-header-wrapper {
    color: white;
    /* display: flex;
    flex-direction: row; */
}

 .crada-capture-media {
    position: relative;
    display: flex;
    justify-content: center;
} 

.crada-capture-media #nxa-capture-media-start-id {
    display: none;
    border-radius: 3px;
    max-width: 400px;
    color: #fff;
    background-color: rgb(223, 231, 245);
    text-decoration: none;
    padding: 15px;
    opacity: 0.8;
    text-align: center;
}

.crada-capture-media img.crada-capture-media-image {
    position: absolute;
    top: 0;
    width: 100%;
    display: none;
    padding: 0px 0px 0px 0px;
}

.nxa-capture-media-switch-camera-dropdown-select {
    background-color: grey;
    margin: 0px 0px 0px -124px;
}

.crada-capture-media #error-message {
    width: 100%;
    background-color: #ccc;
    color: #9b9b9b;
    font-size: 28px;
    padding: 200px 100px;
    text-align: center;
    display: none;
}

.crada-capture-media .crada-capture-media-controls {
    position: absolute;
    top: 445px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 24px 20px 0px 20px;
    z-index: 10001;
}

.crada-capture-media .crada-capture-media-controls a {
    border-radius: 50%;
    color: #fff;
    background-color: white;
    text-decoration: none;
    padding: 15px;   
    outline: none;
}

.crada-capture-media-button > .crada-capture-media-button-txt {
    width: 45px;
	height: 45px;
	border: 2px gray solid;
	border-radius: 50%;
	align-self: center;
	position: absolute;
	top: 11.5%;
	left: 13.5%;
	background-color: whitesmoke;
}

.crada-capture-media-button.recording > .crada-capture-media-button-txt {
   background: red;
}

.crada-capture-media-control-button {
    background-color: white;
    opacity: 1;
    position: relative;
}

.nxa-capture-media-switch-camera-btn {
    align-self: center;
	color: white;
	font-size: 34px;
	font-weight: bolder;
    /* margin: -10px 6px 0px 0px; */
}

.nxa-capture-media-switch-camera-btn:hover {
    color: gray;
    cursor: pointer;
}

.crada-capture-media-close-btn {
    align-self: flex-end;
	color: white;
	font-size: 30px;
	font-weight: bolder;
    margin: -10px 6px 0px 0px;
}

.crada-capture-media-close-btn:hover {
    color: gray;
    cursor: pointer;
}

 .crada-capture-media-delete-button {
    /* width: 25px;
    height: 25px;
    font-weight: bolder;
    text-align: center; */
    visibility: hidden;
} 

.crada-capture-media-button {
    width: 60px;
    height: 60px; 
    background-color: white;
    opacity: 1;
}

.crada-capture-media-download-button {
        /* width: 25px;
        height: 25px;
        font-weight: bolder;
        text-align: center; */
    /* visibility:hidden; */
    display:none;
}

.crada-capture-media .crada-capture-media-controls a:hover{
    color: black;
    opacity: 1;
}


.crada-capture-media .crada-capture-media-controls a i{
    font-size: 18px;
}

.crada-capture-media .crada-capture-media-controls #nxa-capture-media-capture-btn-id i{
    font-size: 32px;
}

.crada-capture-media-canvas{
    display: none;
}

.crada-capture-media video.crada-capture-media-video-element.visible,
.crada-capture-media img.crada-capture-media-image.visible,
.crada-capture-media #error-message.visible
{
    display: block;
}

.crada-capture-media .crada-capture-media-controls.visible{
    display: flex;
}

.nxa-capture-media-record-mode-btn {
    background-color: transparent;
    width: 50px;
    height: 50px;
  }
  
.nxa-capture-media-record-mode-btn:hover,
.nxa-capture-media-record-mode-btn:focus {
    background-color: gray;
    text-decoration: none;
    cursor: pointer;
} 

.nxa-capture-media-record-mode-span { 
    margin-left:75px; 
    z-index:10006;
    width: 200px;
    bottom: 20px;
    position: absolute;
}

.nxa-capture-media-record-mode-text { 
    margin-left:100px; 
    z-index:10006;
    width: 150px;
    color: red;
    display: none;
}

.crada-capture-media-container nxa-notify-flash {
    position: unset;
}

/*Media Queries*****************/

@media(max-width: 1024px){
    .crada-capture-media-container{
        top: 2%;
        left: 16%; 
        padding: 10px;
    }
    .crada-capture-media #error-message{
        padding: 80px 50px;
        font-size: 18px;
    }
    .crada-capture-media .crada-capture-media-controls a i{
        font-size: 12px;
    }
    .crada-capture-media .crada-capture-media-controls #nxa-capture-media-capture-btn-id i{
        font-size: 18px;
    }

    .nxa-capture-media-switch-camera-dropdown-select {
        background-color: grey;
        margin: 0px 0px 0px -124px;
    }

    .crada-capture-media-button > .crada-capture-media-button-txt {
        width: 45px;
        height: 45px;
        border: 2px gray solid;
        border-radius: 50%;
        align-self: center;
        position: absolute;
        top: 11.5%;
        left: 12.5%;
        background-color: whitesmoke;
    }

}

@media(max-width: 1000px){
    .crada-capture-media-container{
        top: 2%;
        left: 12%;
        padding: 40px;
        margin: -45px -23px 0px 0px; /*-10px 6px 0px 0px*/
    }


    .crada-capture-media #nxa-capture-media-start-camera-id.visible{
        display: block;
    }
    .crada-capture-media .crada-capture-media-controls a i{
        font-size: 16px;
    }
    .crada-capture-media .crada-capture-media-controls #nxa-capture-media-capture-btn-id i{
        font-size: 24px;
    }

    .nxa-capture-media-switch-camera-dropdown-select {
        background-color: grey;
        margin: 0px 0px 0px -124px;
    }
    .crada-capture-media .crada-capture-media-controls { 
        top: 400px;
    }    
}

@media(max-width: 768px){ 
    .crada-capture-media-container{
        z-index: 10001;
        top: 2%; 
        left: 2%; 
        border: 1px solid #888;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        width: 90%;
        height: auto;
        min-height: 560px;
        padding: 20px;
        background-color: black;
    }
    .crada-capture-media .crada-capture-media-controls{
        position: absolute;
        top: 37px;
        left: 0%;
        opacity: 1;
        width: 30px;
    }
    .crada-capture-media .crada-capture-media-controls {
        position: absolute;
        top: 50px;
        left: -5%;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        padding: 30px;
        /* display: none; */
    }
    .crada-capture-media .crada-capture-media-controls a {
        border-radius: 50%;
        color: #fff;
        background-color: white;
        text-decoration: none;
        padding: 15px;
        line-height: 0;
        opacity: 0.7;
        outline: none;
        -webkit-tap-highlight-color: transparent;
    }

    .crada-capture-media-close-btn {
        align-self: end;
        /* align-self: flex-end; */
        color: white;
        font-size: 40px;
        font-weight: bolder;
        /*margin: -45px -23px 0px 0px;*/ /*-10px 6px 0px 0px*/
        margin: -36px -15px 0px 0px;
    }

    .crada-capture-media-close-btn:hover {
        color: gray;
        cursor: pointer;
    }
    .crada-capture-media-delete-button {
        width: 25px;
        height: 25px;
        font-weight: bolder;
        text-align: center;
    }
    .crada-capture-media-button {
        width: 60px;
        height:60px; 
        background-color: white;
        opacity: 1;
    }
     .crada-capture-media-download-button {
        /* width: 25px;
        height: 25px;
        font-weight: bolder;
        text-align: center; */
        visibility: hidden;
    } 
    .crada-capture-media-button > .crada-capture-media-button-txt {
        width: 45px;
        height: 45px;
        border: 3px black solid;
        border-radius: 50%;
        align-self: center;
        position: absolute;
        top: 13%;
        left: 14%;
        background-color: whitesmoke;
    }
    .crada-capture-media .crada-capture-media-controls a {
        background-color: white;
    }
        .crada-capture-media #error-message {
        padding: 80px 50px;
        font-size: 18px;
    }
    .crada-capture-media .crada-capture-media-controls a i{
        font-size: 12px;
    }
    .crada-capture-media .crada-capture-media-controls #nxa-capture-media-capture-btn-id i{
        font-size: 18px;
    }

    .nxa-capture-media-switch-camera-dropdown-select {
        margin: 0px 0px 0px -168px;
    }
}

@media(max-width: 600px){
    .crada-capture-media-container{
        /* display: flex;
        flex-direction: column; */
        top: 2%;
        left: 0%; 
        width: 98%;
        padding: 10px;
    }
    .crada-capture-media #error-message{
        padding: 80px 50px;
        font-size: 18px;
    }
    .crada-capture-media .crada-capture-media-controls a i{
        font-size: 12px;
    }
    .crada-capture-media .crada-capture-media-controls #nxa-capture-media-capture-btn-id i{
        font-size: 18px;
    }

    .nxa-capture-media-switch-camera-dropdown-select {
        margin: 0px 0px 0px -168px;
    }
    .crada-capture-media .crada-capture-media-controls { 
        top: 425px;

    }
}

@media(min-width: 200px) and (max-width: 599px) {
    .crada-capture-media-container{
        /* display: flex;
        flex-direction: column; */
        top: 2%;
        left: 0%; 
        width: 98%;
        padding: 10px;
    }
    .crada-capture-media #error-message{
        padding: 80px 50px;
        font-size: 18px;
    }
    .crada-capture-media .crada-capture-media-controls a i{
        font-size: 12px;
    }
    .crada-capture-media .crada-capture-media-controls #nxa-capture-media-capture-btn-id i{
        font-size: 18px;
    }

    .nxa-capture-media-switch-camera-dropdown-select {
        margin: 0px 0px 0px -100px;
    }
    .crada-capture-media .crada-capture-media-controls { 
        top: 40px;
    }
}
/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
.nxa-carousel-children-container {
	display: flex;
	justify-content: center;
  padding-bottom: 15px;
}

.nxa-carousel-arrow {
	font-size: 40px;
	padding-top: 55px;
}

/*All fit to a 9: 6 aspect ratio*/
.nxa-carousel-item-small-size {
  /* width: 100px; 
  height: 100px; */
  width: 90px; 
  height: 60px;
}
.nxa-carousel-item-med-size {
  /* width: 200px;
  height: 200px; */
  width: 180px;
  height: 120px;
}
.nxa-carousel-item-large-size {
  /* width: 300px;
  height: 300px; */
  width: 360px;
  height: 240px;
}

.nxa-carousel-item-related-info-size {
  width: 200px;
  height: 180px;
}

.nxa-carousel-item-wrapper {
  display: inline-block;
  position: relative;
  margin-left: 10px;
}

.nxa-carousel-item-close-btn {
  /*position: fixed; fixed position caused the delete 'x' button to stay in place while the rest of of the modal moved on scroll (due to autoscrolling). Setting it to absolute resolves this issue*/
  position: absolute;
  top:0px;
  right:0px;
  background-color: rgba(0,0,0,.45);
  border-radius: 25px 25px 25px 25px;
  color: white;
  text-align: center;
  font-size: 25px;
  font-weight: bolder;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.nxa-carousel-item-close-btn:hover,
.nxa-carousel-item-close-btn:focus
{
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.card-img-top{
  min-height: 7.5rem;
}

/**
 * @created: Tue Jan 28 2020
 * @author: Paul Bethune
 *
 *  @copyright(c) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 * Sole Proprietary of NextAxiom and confidential information, subject to license terms.
 *
 * This file contains NextAxiom Computer Software, and Background Intellectual
 * Property including but not limited to subjects relating to patent application # 16/353,895
 * as sole property of NextAxiom.
 *
 */

.nxa-collapsable {
   position: absolute;  /* needed to encapsulate interior layout from parent */ 
}

.nxa-collapsable.relative {
  position: relative;
}

 .nxa-collapsable-content {
   text-overflow: ellipsis;
   white-space: nowrap;    
   background-color: white;
   width: 100%;   
   height: calc(100vh - 120px);
   overflow-y: auto;  
 }

 .nxa-collapsable-content-min {
  text-overflow: ellipsis;
  white-space: nowrap;    
  background-color: white;
  width: 100%;   
  overflow-y: auto;  
}



 .nxa-collapsable-content.pallette {
  height: calc(100vh - 96px);
}


 .nxa-collapsable-content.dark {
   background-color: #162129;
 }

 .nxa-collapsable-content.white {
  background-color: var(--nxa-color-white);
}


 .nxa-collapsable-content.viewer {
  white-space: normal;    
  position: relative;
  overflow-y: unset;
}

 .nxa-collapsable-title {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   color: white;
   background-color: var(--nxa-color-menu-blue);
   font-size: 14px;
   padding-left: 9px;
   user-select: none;
 }

 .nxa-collapse-titletext{
   margin-left: 6px;
 }

 .nxa-collapsable-title.dark {
   background-color:#36454F;
 }
 .nxa-collapsable-title.white {
  background-color: var(--nxa-color-white);
  color: var(--nxa-color-black);
}

 .nxa-collapsable-title.dark:hover {
    background-color:#36454F;
 }
 .nxa-collapsable-title.white:hover {
  background-color: var(--nxa-color-white);
}

 .nxa-collapsable-title.dark:hover .nxa-collapse-titletext {
  color:#d2e7ff;
}
.nxa-collapsable-title.white:hover .nxa-collapse-titletext {
  color: var(--nxa-color-black);
}

 .nxa-collapsable-title:hover {
    background-color: #006BE4;
    cursor: pointer;
 }

.nxa-collapsable-title .nxa-bold-title {
  font-weight: bold;
}

.nxa-comment-panel-collapsable-title {
  font-size: large;
  background-color: #4a82aa;
  height: 30px;
  width: 360px;
}

.nxa-comment-panel-collapsable-container {
  position: relative;
  width: 100%;
}

.nxa-comment-panel-collapsable-content {
  white-space: normal;
  height: auto;
}

.nxa-include-panel-collapsable-title {
  font-size: large;
  background-color: #4a82aa;
  height: 30px;
}

.nxa-include-panel-collapsable-container {
  position: relative;
  width: 100%;
}

.nxa-include-panel-collapsable-content {
  white-space: normal;
  height: auto;
}

.nxa-collapsable-filter-button-icon {
  margin-top: 6px;
  margin-left: 6px;
}

.nxa-collapsable-import-button {
  margin-top: 6px;
  margin-right: 6px;
  float: right;
}

.nxa-collapsable-filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: white;
  background-color: #36454F;
  font-size: 1.25rem;
  padding-left: 10px;
  height: 28px;
}

.nxa-collapsable-filter-title {
  color: white;
  padding-left: 14px;
  padding-right: 8px;
}

.nxa-collapsable-filter-input {
  width: 100%;
  margin-right: 12px;
  outline: none;
  border-radius: 4px;
}

.nxa-collapsable-filter-color {
  color: var(--nxa-color-lightgreen);
}
/**
 * @created: Thur Feb 27 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

.nxa-interactable {
  position: absolute;  /* needed to encapsulate interior layout from parent */
  background-color: transparent;
  touch-action: none;
  user-select: none;
  border: 1px solid #29e;
  box-sizing: border-box;
}

.nxa-interactable-container {
  display: block;
  position: absolute;
}

.nxa-interactable-container-view {
  display: inline-flex;
}

.nxa-shape-display-centered-x { 
  left: 50%;
  transform: translateX(-50%);
}

.nxa-shape-display-div{
  padding: 0;  
  position: absolute;
  display: block; /* images are inline by default, don't show over other widgets in container */
}

.nxa-interactable-image-centered-x {
  left: 50%;
  transform: translateX(-50%);
  padding: 0;  
  /* margin-top: 30px;  account for Image Title/Label */
  position: relative;
  display: block; /* images are inline by default, don't show over other widgets in container */
}

.nxa-interactable.nxa-interactable-image-centered-x {
  position: absolute;
  z-index: 1;
}

.nxa-interactable-caption {
  display: block;
  text-align: center;
  position: relative;
  width: 300px;
  font-size: 15px;
  height: auto;
  min-height:25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


.nxa-resize-handle-top,
.nxa-resize-handle-left,
.nxa-resize-handle-bottom,
.nxa-resize-handle-right,
.nxa-resize-handle-topright,
.nxa-resize-handle-bottomright,
.nxa-resize-handle-topleft,
.nxa-resize-handle-bottomleft {
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background: #29e;
  z-index: 1;
}

.nxa-resize-handle-top { 
  top: -5px;
  left: 49%;
}

.nxa-resize-handle-left { 
  top: 49%;
  left: -5px;
}

.nxa-resize-handle-bottom { 
  bottom: -5px;
  left: 49%;
}

.nxa-resize-handle-right { 
  top: 49%;
  right: -5px;
}

.nxa-resize-handle-topleft {
  top: -5px;
  left: -5px;
}

.nxa-resize-handle-bottomleft {
  bottom: -5px;
  left: -5px;
}

.nxa-resize-handle-topright {
  top: -5px;
  right: -5px;
}

.nxa-resize-handle-bottomright {
  bottom: -5px;
  right: -5px;
}

@media(max-width: 1080px) { 
  .nxa-interactable-image-centered-x { 
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 80%;
    max-height: 80%;
    padding: 0;  
    margin-top: 30px;  /* account for Image Title/Label */
    position: absolute;
    display: block; /* images are inline by default, don't show over other widgets in container */
  }
}

.nxa-interactable-chart {
  padding: 0;  
  margin-left: 30px;
  position: absolute;
  display: block; /* images are inline by default, don't show over other widgets in container */
}
/**
 * @created: Wed June 3rd 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

.nxa-landing-page-main {
  width:100%; 
  height:90vh; 
  margin-top: 30px;
  position: absolute;
  background-color: white;
  overflow: auto;
}

.nxa-landing-page-textHeading { 
  font-size: 32px;
  color: #000;
  text-align: center;
  padding-bottom: 24px;
}
 
.nxa-landing-page-btn-top,
.nxa-landing-page-btn-bottom
{ 
  width: 220px;
  height: 170px;
  border-radius: 13px;
  box-shadow: 4px 4px 5px 0 rgba(84, 84, 84, 0.5);
  display: inline-block;
  cursor: pointer;
}

.nxa-landing-page-btn-top:not(:first-child) { 
  margin-left: 20px;
}

.nxa-landing-page-btn-top {
  background-image: linear-gradient(0deg, #529ac3, #8acae3);
}

.nxa-landing-page-btn-bottom {
  background-image: linear-gradient(0deg, #336c7f, #5c9eaf);
}

.nxa-landing-page-btn-bottom:not(:first-child) { 
  margin-left: 20px;
}


.nxa-landing-icon-ConvertInstruction,
.nxa-landing-icon-ConvertForm,
.nxa-landing-icon-NewForm,
.nxa-landing-icon-NewInstruction,
.nxa-landing-icon-OpenInstruction,
.nxa-landing-icon-OpenForm,
.nxa-landing-icon-LaunchPortal
{ 
  width:100%;
  height:60%;
  background-position: 57% 60%;
  background-repeat: no-repeat;
}

/* Special case the OPEN buttons since they smaller than others */ 
.nxa-landing-icon-ConvertInstruction,
.nxa-landing-icon-ConvertForm,
.nxa-landing-icon-NewForm,
.nxa-landing-icon-NewInstruction,
.nxa-landing-icon-LaunchPortal { 
  background-size: 35%;
}
.nxa-landing-icon-OpenInstruction,
.nxa-landing-icon-OpenForm { 
  background-size: 45%;
}
/* end special case */

.nxa-landing-icon-OpenForm { 
  background-image: url('../Images/NXAAuthToolIcons/NXALandingPage/NXAOpenDFormIcon.svg');
}

.nxa-landing-icon-OpenInstruction { 
  background-image: url("../Images/NXAAuthToolIcons/NXALandingPage/NXAOpenDIIcon.svg");
}

.nxa-landing-icon-NewForm { 
  background-image: url("../Images/NXAAuthToolIcons/NXALandingPage/NXANewDFormIcon.svg");
}

.nxa-landing-icon-NewInstruction { 
  background-image: url("../Images/NXAAuthToolIcons/NXALandingPage/NXANewDIIcon.svg");
}

.nxa-landing-icon-ConvertInstruction { 
  background-image: url("../Images/NXAAuthToolIcons/NXALandingPage/NXAConvertToDIIcon.svg");
}

.nxa-landing-icon-ConvertForm { 
  background-image: url("../Images/NXAAuthToolIcons/NXALandingPage/NXAConvertToFormIcon.svg");
}

.nxa-landing-icon-LaunchPortal { 
  background-image: url("../Images/NXAAuthToolIcons/NXALandingPage/NXAWorkPortalIcon.svg");
  background-position-x: 50% !important;
}

.nxa-landing-page-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.nxa-landing-page-textUpper, 
.nxa-landing-page-textLower {
  width: 100%;
  text-align: center;
  color: #fff;
  display:inline-block;
}

.nxa-landing-page-textUpper {
  height: 15%;
  font-size: 26px;
  margin-top: -8px;
}

.nxa-landing-page-textLower {
  font-size: 18px;
  margin-top: 4px;
}



/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
.nxa-login-attachable {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  .nxa-login-attachable .nxa-login-attached-content {
    width: 250px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 5%;
    left: -50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .nxa-login-attachable nxa-login-attached-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }


  #nxa-login-username, #nxa-login-password {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nxa-login-centered {
    position: relative;
    display: inline-block;
   /* border-bottom: 1px dotted black;*/
  }
  
  .nxa-login-centered .nxa-login-attached-content {
    width: 250px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 5%;
    left: -50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .nxa-login-centered nxa-login-attached-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }

  .nxa-login-backdrop {
    position: fixed;
    z-index: 10000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0); /* Fallback*/
    background-color: rgba(0, 0, 0, 0.4); /* w/ opacity */
    font-size: 16px; /* To account for browser default */
  }

.nxa-login-close {
  position: absolute; 
  right: 10px; 
  top: 10px;
  background: transparent;
  border: none;
}

  .card-signin {
    border: 0;
    border-radius: 1em;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
  }
  
  .card-signin .card-title {
    margin-bottom: 2em;
    font-weight: 300;
    font-size: 1.5em;
  }
  
  .card-signin .card-body {
    padding: 2em;
  }
  
  .form-signin {
    width: 100%;
  }
  
  .form-signin .btn {
    font-size: 80%;
    border-radius: 5em;
    letter-spacing: .1em;
    font-weight: bold;
    padding: 1em;
    transition: all 0.2s;
    height: auto;
  }
  
  .form-label-group {
    position: relative;
    margin-bottom: 1em;
  }
  
  .form-label-group input {
    height: auto;
    border-radius: 2em;
    font-size: 1em;
  }
  
  .form-label-group>input,
  .form-label-group>label {
    padding: var(--input-padding-y) var(--input-padding-x);
  }
  
  .form-label-group>label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    /* Override default `<label>` margin */
    line-height: 1.5;
    color: #495057;
    border: 1px solid transparent;
    border-radius: .25em;
    transition: all .1s ease-in-out;
  }
  
  
  .form-label-group input::-webkit-input-placeholder,
  .form-label-group input::placeholder,
  .form-label-group input:-ms-input-placeholder,
  .form-label-group input::-ms-input-placeholder,
  .form-label-group input::-moz-placeholder {
    color: gray;
    text-align: center;
  }
  
  
  .form-label-group input:not(:placeholder-shown) {
    text-align: left;
  }
  
  .form-label-group input:placeholder-shown {
    text-align: center;
  }
  
  nxa-login-offline-msg {
    text-align: right;
    padding-right: 15px;
    font-size: 16px;
    font-weight: bolder;
    color: var(--nxa-color-offline-red);
  }

  /* Fallback for Edge
-------------------------------------------------- */

@supports (-ms-ime-align: auto) {
  .form-label-group>label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .form-label-group>label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #777;
  }
}
/**
 * @created: Wed Jan 18 2023
 * @author: Aaron Bly
 *
 *  @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom Technology Incorporated.
 * The intellectual and technical concepts contained herein are proprietary to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents in process, and are protected by trade secret or copyright law.
 * Dissemination of this information, software, or reproduction of this material is strictly forbidden unless prior written permission and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

.nxa-logout-attachable {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.nxa-logout-attachable .nxa-logout-attached-content {
    width: 250px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 5%;
    left: -50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.nxa-logout-attachable nxa-logout-attached-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.nxa-logout-centered {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black;*/
}

.nxa-logout-centered .nxa-logout-attached-content {
    width: 250px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 5%;
    left: -50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.nxa-logout-centered nxa-logout-attached-content::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.nxa-logout-backdrop {
    position: fixed;
    z-index: 10000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    /* Fallback*/
    background-color: rgba(0, 0, 0, 0.4);
    /* w/ opacity */
    font-size: 16px;
    /* To account for browser default */
}

.nxa-logout-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: transparent;
    border: none;
}

.card-logout {
    border: 0;
    border-radius: 1em;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}

.card-logout .card-title {
    margin-bottom: 2em;
    font-weight: 300;
    font-size: 1.5em;
}

.card-logout .card-body {
    padding: 2em;
}

.form-logout {
    width: 100%;
}

.form-logout .btn {
    font-size: 80%;
    border-radius: 5em;
    letter-spacing: .1em;
    font-weight: bold;
    padding: 1em;
    transition: all 0.2s;
    height: auto;
}

.form-logout-label-group {
    position: relative;
    margin-bottom: 1em;
}

.form-logout-label-group input {
    height: auto;
    border-radius: 2em;
    font-size: 1em;
}

.form-logout-label-group>input,
.form-logout-label-group>label {
    padding: var(--input-padding-y) var(--input-padding-x);
}

.form-logout-label-group>label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
    /* Override default `<label>` margin */
    line-height: 1.5;
    color: #495057;
    border: 1px solid transparent;
    border-radius: .25em;
    transition: all .1s ease-in-out;
}


.form-logout-label-group input::-webkit-input-placeholder,
.form-logout-label-group input::placeholder,
.form-logout-label-group input:-ms-input-placeholder,
.form-logout-label-group input::-ms-input-placeholder,
.form-logout-label-group input::-moz-placeholder {
    color: gray;
    text-align: center;
}


.form-logout-label-group input:not(:placeholder-shown) {
    text-align: left;
}

.form-logout-label-group input:placeholder-shown {
    text-align: center;
}


/* Fallback for Edge
-------------------------------------------------- */

@supports (-ms-ime-align: auto) {
    .form-logout-label-group>label {
        display: none;
    }

    .form-logout-label-group input::-ms-input-placeholder {
        color: #777;
    }
}

/* Fallback for IE
-------------------------------------------------- */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .form-logout-label-group>label {
        display: none;
    }

    .form-logout-label-group input:-ms-input-placeholder {
        color: #777;
    }
}


   
   
.nxa-logout-modal-control-button {
    text-align: left;
    background-color: white;
    width: 90px;
    border: none;
    font-size: 16px;
    border-radius: 10px;
    min-height: 40px;
}

.nxa-logout-modal-control-button:hover {
    background-color: darkblue;
    color: white;
}

.nxa-logout-modal-control-button .fa-sign-out {
    color: var(--nxa-color-btnblue);
}
.nxa-logout-modal-control-button:hover .fa-sign-out {
    color: white;
}

.nxa-logout-modal-control-button:active {
    background-color: #b3b3ff;
    color: white;
}
.nxa-notify-item {
    min-width: 150px;
    padding: 0.8rem 1.2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    border-radius: 4px;
    margin-bottom: 1rem;
    animation-duration: .5s;
    animation-name: nxa-notify-bounceIn;
    position: relative;
  }
  
  .nxa-notify-item::before {
    content: "";
    z-index: -1;
    position: absolute;
    border-radius: inherit;
    background: inherit;
    filter: blur(4px);
    top: 1px;
    left: 0px;
    opacity: 0.6;
    width: 100%;
    height: 100%;
  }
  
  nxa-notify-flash {
    position: fixed;
    height: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    flex-wrap: nowrap;
  }
  
  /* Colors */
  .nxa-notify-item--default {
    background: hsl(254, 87%, 44%);
    color: hsl(0, 0%, 100%);
  }
  .nxa-notify-item--success {
    background: hsl(204, 18.8%, 26.08%);
    color: hsl(0, 0%, 100%);
  }
  .nxa-notify-item--danger {
    background: hsl(0, 89%, 49%);
    color: hsl(0, 0%, 100%);
  }
  .nxa-notify-item--warning {
    background: hsl(45, 100%, 51%);
    color: hsl(0, 0%, 0%);
  }
  
  @keyframes nxa-notify-bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }
  
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
  
    20% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
  
    40% {
        -webkit-transform: scale3d(.95,.95,.95);
        transform: scale3d(.95,.95,.95)
    }
  
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }
  
    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }
  
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
  }
/**
 * @created: Fri Aug 05 2022
 * @author: Paul Bethune
 *
 * @copyright(c) 2022 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

 .nxa-pdf-dwep-viewer {
    user-select: none;
    position: absolute;

 }
/* View Notifications dialog */

.nxa-subscribe-hyperlink-button {
    text-decoration: underline;
    color: #49b5f1;
}

.nxa-notification {
    color: white;
    display: inline-block;
    top: 10px;
    right: 300px
}

.nxa-notification-bell {
    padding: 0;
    margin-right: 2px;
    cursor: pointer;
    height: 40px;
}

.nxa-notification-bell:hover {
    filter: invert(0.4) sepia(1) saturate(9.3) hue-rotate(176.4deg) brightness(1.02);
}

.nxa-notification .nxa-badge {
    position: relative;
    top: -10px;
    right: 20px;
    padding: 5px 10px;
    border-radius: 50%;
    background-color: var(--nxa-color-menu-blue);
    color: white;
}

.nxa-notification-panel {
    position: absolute;
    width: 400px;
    height: 40%;
    box-shadow: 0px 0px 10px black;
    background-color: white;
    top: 60px;
    right: 100px;
    opacity: .9999;
    z-index: 10000;
}

.nxa-close-notification-panel-btn {
    color: white;
    font-weight: bolder;
    font-size: 30px;
    position: absolute;
    top:-10px;
    right:4px;
    user-select: none;
}

.nxa-close-notification-panel-btn:hover {
    cursor: pointer;
    color: gray;
    font-weight: bolder;
}

.nxa-notification-header {
    height: var(--nxa-notification-panel-height);
    width: 100%;
    background-color: black;
    color: white;
    font-size: 12pt;
}

.nxa-notification-span {
    padding-left: 10px;
}

.nxa-notification-clear-all {
    cursor: pointer;
    position: absolute;
    right: 40px;
}

.nxa-notification-body {
    height: calc(100% - var(--nxa-notification-panel-height));
    width: 100%;
    overflow-y: auto;
}

.nxa-notification-item {
    width: auto;
    height: auto;
    display: flex;
    border-bottom: 1px solid lightgray;
    font-size: 10pt;
}

.nxa-notification-button {
    position: relative;
    cursor: pointer;
    height: 20px;
    width: 10%;
    padding: 0;
}

.nxa-notification-button.nxa-notification-dismiss {
    float: right;
    padding-top: 5px;
}

.nxa-notification-dismiss:hover {
    filter: invert(0.4) sepia(1) saturate(9.3) hue-rotate(176.4deg) brightness(1.02);
}

.nxa-notification-button:hover {
    color: lightblue
}

.nxa-notification-item-content {
    width: 90%;
    left: 10%;
    padding-left: 10px;
    height: auto;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    padding-top: 4px;
    padding-bottom: 4px
}

.nxa-notification-item-title {
    display: block;
    font-weight: bold;
}

.nxa-notification-item-description {
    display: block;
}

/* create perf event styles */

.nxa-create-perf-event-wrapper {
    margin: auto;
    width: 90%;
    padding-top: 20px;
    font-size: 12pt;
}

.nxa-create-perf-event-label {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 4px;
    /* width: 30%; */
}

.create-perf-event-header {
    font-weight: bold;
}

.publish-to-all-checkbox-wrapper {
    padding-left: 0;
}

.nxa-publish-to-all-button {
    margin-left: 5px;
    width: 20px;
    height: 20px;
}

.nxa-perf-event-inputs {
    /* position: absolute; */
    /* left: 30%; */
    height: 30px;
    min-width: 200px;
}

.col.nxa-description-wrapper {
    padding-left: 0;
}

.nxa-publish-to-all-description {
    color: lightgray;
    font-weight: 100;
    font-style: italic;
}

/* Add subscription styles */

.nxa-add-subscription-wrapper {
    padding: 5px 5px 5px 10px;
    font-size: 12pt;
}

.nxa-add-subscription-wrapper.view-subscription {
    position: absolute;
}

.nxa-add-subscription-dropdown {
    margin: 0 5px 0 5px;
    height: 25px;
}

.nxa-email-checkbox {
    height: 25px;
    width: 25px;
    vertical-align: middle;
}

.nxa-email-label {
    padding-left: 10px;
    margin: 0;
}

/**
 * @created: Tue Feb 25 2025
 * @author: Ben Bronson
 *
 * @copyright(c) 2025 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

/* adding the nxa-workflow-perf-workspace-mgr class triggers the new side by side view
for workflow. We will remove it for DI and Df tabs for now so they revert to their previous
look and feel until we have this view standardized across the board */
.nxa-workflow-perf-workspace-mgr{
    width: 100%;
    display: grid;
    column-gap: 0px;
    grid-template-columns: var(--nxa-modal-container-width) auto 0px;
    grid-template-rows: 76px auto;
    height: 100%;
}

.nxa-workflow-perf-workspace-mgr:not(.nxa-docked-view) perf-sub-workspace{
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.nxa-workflow-perf-workspace-mgr.nxa-button-menu-collapse{
    grid-template-columns: var(--nxa-modal-button-menu-collapse-width) auto 0px;
}

.nxa-workflow-perf-workspace-mgr #nxa-perf-content-menu-DWF,
.nxa-workflow-perf-workspace-mgr #nxa-perf-content-menu-RWF{
    grid-row-start: 1;
    grid-row-end: 4;
}

.nxa-workflow-perf-workspace-mgr #nxa-perf-content-menu-DWF .modal-container,
.nxa-workflow-perf-workspace-mgr #nxa-perf-content-menu-RWF .modal-container{
    transition-property: width;
}

.nxa-workflow-perf-workspace-mgr .nxa-perf-workspace{
    grid-row-start: 2;
    grid-row-end: 4;
    grid-column-start: 2;
    grid-column-end: 4;
    display: table;
    height: 100%;
}

.nxa-workflow-perf-workspace-mgr .nxa-container-spacer{
    margin-left: 15px;
}

.nxa-workflow-perf-workspace-mgr .nxa-container-sidebar-left{
    flex: 0 0 15px;
}

.nxa-workflow-perf-workspace-mgr .selection-button{
    margin: 10px 0px 0px 10px;
}

#nxa-PerfTool-Header-DWF #nxa-content-menu-button,
#nxa-PerfTool-Header-RWF #nxa-content-menu-button,
.nxa-workflow-perf-workspace-mgr .nxa-content-menu-close-icon,
.nxa-workflow-perf-workspace-mgr #nxa-perf-collapse-header-icon,
.nxa-workflow-perf-workspace-mgr .nxa-header-progress,
.nxa-workflow-perf-workspace-mgr .nxa-units-label-wrapper,
.nxa-workflow-perf-workspace-mgr .nxa-shortcuts-menu-button,
.nxa-workflow-perf-workspace-mgr #nxa-workspace-header-wf-wrapper{
    display: none;
}

.nxa-workflow-perf-workspace-mgr #nxa-performance-tool-header-tpl{
    position: relative;
    top: -10px;
    padding-top: 0px;
}

.nxa-workflow-perf-workspace-mgr #nxa-perf-content-menu-DWF .modal-container,
.nxa-workflow-perf-workspace-mgr #nxa-perf-content-menu-RWF .modal-container{
    position: static;
}

.nxa-workflow-perf-workspace-mgr.nxa-docked-view .nxa-perf-workspace{
    grid-row-start: 1;
}

.nxa-workflow-perf-workspace-mgr nxa-product-version{
    color: var(--nxa-color-white);
}

.nxa-workflow-perf-workspace-mgr #nxa-perf-content-menu-DWF .modal-container,
#nxa-PerfTool-ControlMenu-DWF #nxa-modal-control-container,
#nxa-PerfTool-Header-DWF .nxa-header-content-button:not(.nxa-offline-button) {
    background-color: var(--nxa-color-menu-darkblue);
}

.nxa-workflow-perf-workspace-mgr #nxa-perf-content-menu-RWF .modal-container,
#nxa-PerfTool-ControlMenu-RWF #nxa-modal-control-container,
#nxa-PerfTool-Header-RWF .nxa-header-content-button:not(.nxa-offline-button) {
    background-color: var(--nxa-color-menu-mediumdarkblue);
}

.nxa-workflow-perf-workspace-mgr .nxa-fade-out-header{
    position: relative;
}

.nxa-docked-view #nxa-performance-tool-header-tpl,
.nxa-docked-view .row.nxa-container-widget:not(.nxa-workflow-active-step),
.nxa-docked-view .nxa-container-role-label-class,
.nxa-docked-view .row.nxa-content.data-placeholder-content,
.nxa-docked-view div[subcompclass="NXAContent"],
.nxa-docked-view .nxa-container-background-black-overlay .nxa-context-menu.front.inline-with-controls{
    display: none;
}

.nxa-docked-view table div[subcompclass="NXAContent"],
.nxa-docked-view div[subcompclass="NXAContent"].nxa-dynamic-data-content{
    display: block;
}

.nxa-docked-view .nxa-container-footer-wrapper{
    display: none !important;
}


.nxa-docked-view .nxa-anchor .row.nxa-container-widget:not(.nxa-workflow-active-step) {
    display: flex;
}

.nxa-docked-view .nxa-workflow-active-step .nxa-container-seq-nbr{
    padding-left: 0px;
    padding-right: 0px;
    width:0px;
}

.nxa-docked-view .nxa-workflow-active-step .nxa-container-seq-nbr.contains-seq-num{
    width: 30px;
}

.nxa-docked-view .nxa-anchor.nxa-constrain-height{
    height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
}

.nxa-docked-view .nxa-anchor .nxa-tool-pane {
    width: 100%;
}

.nxa-docked-view  .nxa-ui-choice{
    position: relative;
    right: 60px;
    margin-bottom: 10px;
}

.nxa-docked-view .nxa-container-role-assign-banner{
    position: absolute;
    top: 10px;
    right: 5px;
    cursor: pointer;
}

.nxa-docked-view .nxa-container-role-assign-banner .nxa-link {
    position: relative;
    z-index: 1;
    /* z-index needs to be at the child level to avoid inheritance override in chrome */
}

.nxa-docked-view .nxa-container-main{
    margin-top: 5px;
}

.nxa-docked-view .row.nxa-container-content-wrapper{
    margin-left: 0px;
}

/* these are to make system form behave normally*/
.nxa-docked-view .nxa-anchor [id^="nxa-container-child-ctrl-wrap"]{
    display: block;
    position: static;
}

.nxa-docked-view .nxa-anchor,
.nxa-docked-view .nxa-anchor .row.nxa-content.data-placeholder-content,
.nxa-docked-view .nxa-anchor .nxa-container-main,
.nxa-docked-view .nxa-anchor div[subcompclass="NXAContent"]  {
    display: block;
}

.nxa-docked-view .nxa-container-overlay-wf-inner button.start-wf {
    font-size: 40px;
}

.nxa-docked-view nxa-assigned-role .nxa-role-link{
    position: relative;
    top: -12px;
    left: -2px;
}

.nxa-docked-view .nxa-ui-choice[justify-choice="left"] {
    position: relative;
    right: 0px;
}

.nxa-system-form-title {
    background-color: var(--nxa-color-menu-blue);
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: var(--nxa-color-white);
    padding: 4px 0px 4px 20px;
}

.nxa-anchor{
    margin-top: 5px;
}


nxa-product-version {
    display: block;
    bottom: 0px;
    padding: 10px;
    font-size: 13px;
}

nxa-product-version.auth {
    position: absolute;
    z-index: -100;
    left: 25px;
    bottom: 50px;
    color: white;
    z-index: unset;  
}

nxa-build-info, nxa-repo-info {
    display: inline-block;
}

nxa-version-number {
    display: block;
}

/**
 * @created: Fri Sep 01 2023
 * @author: Paul Bethune
 *
 * @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

 .nxa-revcheck-modal {
    min-width: 500px;    
    font-size: var(--nxa-default-fontsize);
    padding: 20px;
 }
 nxa-revcheck-disposition {
    display: grid;
    grid-template-columns: 1fr 50px 50px 100px;
    grid-gap: 10px;
 }

 nxa-revcheck-version {
   text-align: center;
 }

 nxa-revcheck-disposition nxa-dropdown {
    padding: 0px;
    margin-top: 0px;
 }

 nxa-revcheck-disposition hr {   
   width: 100%;
   background-color: var(--nxa-color-lightgray);
   margin: 0px;
   padding: 0px;
 }





/**
 * @created: Tue May 31 2022
 * @author: Paul Bethune
 *
 * @copyright(c) 2022 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */



nxa-speech-recognition {
	display: inline-block;
	position: relative;
}

nxa-speech-recognition button {
	position: absolute;
	top: 0;
	right: 0;
	height: 18px;
	width: 18px;
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent;
}

nxa-speech-recognition button .nxa-mic-icon {
	color: blue;
	opacity: 0.7;
}

nxa-speech-recognition button:hover .nxa-mic-icon {
	opacity: 1;
}

nxa-speech-recognition button.listening .nxa-mic-icon {
	opacity: 1;
	color: rgb(219, 52, 52);
}


.listening {
    box-shadow: 0 0 0 0 rgb(219, 52, 52);
    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(219, 52, 52, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(219, 52, 52, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(219, 52, 52, 0);
    }
}



.nxa-mic-button .nxa-icon-background {
	color: white;
}

@supports (-moz-appearance:none) {
	.nxa-mic-button{
		display: none;
	}
}

.nxa-mic-holder,
.nxa-mic-holder:before,
.nxa-mic-holder:after {
	position: absolute;
	background: #333;
}



.nxa-mic-holder {
	display: block;
	height: 40.625%; /* 13px / 32px */
	width: 50%; /* 16px / 32px */
	left: 25%; /* 8px / 32px */
	top: 37.5%; /* 12px / 32px */
}


.nxa-square-lasso {
    position: absolute;
    opacity: .2;
    z-index: -1;
    /* background-color: aqua; */
}

/**
 * @created: Mon Dec 09 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Sole Proprietary of NextAxiom and confidential information, subject to license terms.
 *
 * This file contains NextAxiom Computer Software, and Background Intellectual
 * Property including but not limited to subjects relating to patent application # 16/353,895
 * as sole property of NextAxiom.
 *
 */

 .nxa-simple-data-cell-header {
    color: white;
    border: none;
    text-align: center;
 }

 .nxa-prop-table-view {
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
 }

 .nxa-prop-table-view > td {
    padding-left: 2px;
    padding-right: 2px;
 }

 .nxa-table-view {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border-collapse: separate;
    border-spacing: 0;
    border: none;
    font-size: 14px;
    padding: 0;
    vertical-align: top; /* ovveride for timepicker.css*/
    table-layout: fixed;
}

.nxa-table-view .nxa-table-row {
    min-width: 5px;
    min-height: 5px;
    box-sizing: border-box;
    vertical-align: middle;
}

.nxa-table-view .nxa-table-cell {
    min-width: 5px;
    min-height: 5px;
    text-align: left;
    box-sizing: border-box;
    padding: 0;
    background-color: var(--nxa-color-cell-background);
    vertical-align: top; /* ovveride for timepicker.css*/
}

nxauilayouttable .nxa-table-view .nxa-table-cell {
    background-color: var(--nxa-color-white);
}

.nxa-table-view-display-node,
.nxa-table-cell.nxa-table-view-display-node { 
    min-width: 100%;
    background: white; /* when width of table doesn't take up full size*/
}

.nxa-table-view .nxa-table-cell-header {
    background-color: #595959;
    color: white;
    min-width: 5px;
    min-height: 5px;
    text-align: left;
    box-sizing: border-box;
    font-weight: normal;
    padding: 0px 0px 0px 8px;
}

.nxa-table-view.nxa-table-width-auto { 
    width: auto;
}

.nxa-table-view .nxa-drag-over-hint {
    border: 1px solid #00F;
}

.nxa-table-view .nxa-drag-from-hint {
    opacity: .4;
}

.nxa-table-view .nxa-table-border {
    border: 1px solid white;
}

.nxa-table-view .nxa-table-border-and-box {
    border: 1px solid white;
    box-sizing: border-box;
}

.nxa-table-view .nxa-table-cell-selected {
    border: 2px solid rgb(52, 152, 219);
    box-sizing: border-box;
}

.nxa-table-view .nxa-table-cell-replicating {
    border: 2px solid green;
    box-sizing: border-box;
}

.nxa-table-view-dragging {
    background: #fff;
    border-top: 1px solid #ccc;
    z-index: 10001;
}

.nxa-table-view-placeholder {
    background-color: #edf2f7;
    border: 2px dashed #cbd5e0;
}

.nxa-table-view-draggable {
    cursor: move;
    user-select: none;
}

.nxa-table-view-clone-list {
    border-top: 1px solid #ccc;
    font-size: 14px;
    width: 100%;
}

.nxa-table-view-clone-table {
    border-collapse: collapse;
    border: none;
}

.nxa-table-view-clone-table th, .nxa-table-view-clone-table td {
    font-size: 14px;
}

.nxa-table-view .nxa-table-cell .nxa-table-cell-simple-data-value-full-width  {
    width: 100%;
    display: inline-block;
}

.nxa-table-view .nxa-table-cell .nxa-table-cell-simple-data-value-small-width  {
    width: 60px;
    display: inline-block;
}

.nxa-table-view .nxa-table-cell .nxa-table-cell-simple-data-value-medium-width  {
    width: 80px;
    display: inline-block;
}

.nxa-table-view .nxa-table-cell .nxa-table-cell-simple-data-value-large-width  {
    width: 100px;
    display: inline-block;
}

.nxa-table-view .nxa-table-cell .nxa-table-cell-simple-data-wrapper  {
    position: relative;
    padding: 4px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    white-space:nowrap;  /* dont wrap on units etc... */
}

.nxa-table-view .nxa-table-cell .nxa-simpledata-vertical-wrapper.nxa-tc-fullwidth, 
.nxa-table-view .nxa-table-cell .nxa-simpledata-vertical-wrapper-full-width.nxa-tc-fullwidth {
    width: 100%;
}

.nxa-table-view .nxa-table-cell .nxa-simpledata-vertical-wrapper.nxa-tc-fullwidth[top] {
    display: inline-block;
}
.nxa-table-view .nxa-table-cell .nxa-simpledata-vertical-wrapper.nxa-tc-fullwidth[left] {
    display: inline-flex;
}

.nxa-table-view .nxa-table-cell .nxa-simpledata-vertical-wrapper.nxa-tc-fullwidth .nxa-simpledata-value-units-wrapper,
.nxa-table-view .nxa-table-cell .nxa-simpledata-vertical-wrapper-full-width.nxa-tc-fullwidth .nxa-simpledata-value-units-wrapper {
    display: inline-flex;
    width: 100%;
    padding-right: 5px;
}

.nxa-table-cell:last-child .nxa-simpledata-value-units-wrapper {
    margin-left: 0;
}

.nxa-table-view .nxa-table-cell .nxa-table-cell-simple-data-value-full-width {
    flex-grow: 1;
}

.nxa-table-view .nxa-table-cell .nxa-table-cell-simple-data-wrapper.flexColumn { 
    flex-direction: column; /* make sure width adjusts width with column resizing */
}

.nxa-table-view .nxa-table-cell .nxa-table-cell-simple-data-input {
    width: 100%;
    padding: 4px;
    margin: 0px;
    display: inline-block;
    min-width: 100px;
}

.nxa-table-wrapper-in-container {
    margin-left: 32px;
    position: relative;
    padding-bottom: 10px;
    margin-right: 20px;
    max-width: var(--nxa-print-width); 
    /* should be representative of print width during authoring
    Also fixes issue where layout tables were too large in responsive mode in authoring */
    /* min-width: 100%;
    width: 100%; */
}

.nxa-table-title-label {
    width: 100%; /* take up entire row */
}

.nxa-table-default-cell-width-height,
.nxa-table-view .nxa-table-cell .nxa-table-default-cell-width-height {
    width: 180px; /* needs to be big enough to support "column header" placholder on same line */
    height: 20px;
    min-width: 20px;
    /* min-width: 40px; */
    /* do not set width so cells expand automatically to fill container */
}

@-moz-document url-prefix() {
   .nxa-table-default-cell-width-height {
        width: 180px;
        height: auto;  /* Issue 3058: Fixed Table cells not auto-growing height in Firefox */
        min-width: 20px;
    }
}

.nxa-table-view .nxa-resizable-columns-header {
    height: 0px;
}

.nxa-table-view .nxa-resizable-columns-header .nxa-resizable-columns-cell {
    padding: 0px;
}

.nxa-cursor-col-resize {
    cursor: col-resize;
}

nxa-resizable-column {
    top: 0;
    right: 0;
    width: 5px;
    position: absolute;
    cursor: col-resize;
    user-select: none;
    box-sizing: border-box;
    z-index: 2;
}

nxa-resizable-row {
    top: 0;
    left: 0;
    height: 5px;
    position: absolute;
    cursor: row-resize;
    user-select: none;
    box-sizing: border-box;
}

.nxa-background-color-white {
    background-color: white !important;  /* FIXME: should be no need to set backround-color: white !important */
}

.nxa-table-overflow-y {
    overflow-y: auto !important;
}

.nxa-table-perf-attr {
    border-collapse: separate;
    border-spacing: 10px 0px;
    margin: var(--nxa-table-perf-attr-margin);
}

.nxa-table-perf-attr-context-menu {
    height: calc(100% - 40px);
    overflow-y: auto !important;
}

.nxa-table-full-width {
    width: 100%;
}

.nxa-table-width-print-mode {
    width: auto;
    /* 3817, 5972 Even when this is display: block,
    *  it is still splitting rows across pages and block prevents 
    *  responsiveness from working in print mode. I think they would
    *  rather performance look more consistent with authoring when printing
    *  when possible.
    */
}

.nxa-table-border-collapse { 
    border-collapse: collapse;
}

.nxa-table-overflow-hidden {
    overflow: hidden; 
    height: 100%;
}

.nxa-table-constrained-height{
    overflow-x: hidden;
    overflow-y: auto;
    width: fit-content;
}

.nxa-table-print-cover-page-div {
    padding: 30px;
    margin: 30px;
    text-align: center;
    border: black;
    width: 96%;
    height: 90vh;
    page-break-after: always;
    background-color: white;
}

/* Note: everything in media print needs to be copied below 
gated by nxa-base-dialog-tpl-print-preview so they behave the same */
@media print {

    .nxa-table-print-cover-page-div
    {
        background-color: white;
        width: 96%;
        height: 90vh;
        page-break-after: always;
    }

    .nxa-table-constrained-height{
        max-height: unset !important;
    }
}

/* Note: everything in media print needs to be copied here and gated by
.nxa-base-dialog-tpl-print-preview*/
.nxa-base-dialog-tpl-print-preview .nxa-table-print-cover-page-div
{
    background-color: white;
    width: 96%;
    height: 90vh;
    page-break-after: always;
}

.nxa-base-dialog-tpl-print-preview .nxa-table-constrained-height{
    max-height: unset !important;
}
/** end print section */

.nxa-table-print-attributes {
   margin: auto;
   width: fit-content;
   background: transparent;
   min-width: 800px;
   font-size: 18px;
   font-weight: 500;
   padding-top: 30px;
}

.nxa-table-cell.nxa-table-print-atributes-cells {
    background: white;
    border: gray 1px solid;
}

.nxa-table-cell.nxa-table-cell-print-attributes-value-cell,
.nxa-table-cell.nxa-table-cell-print-attributes-attr-cell {
    padding: 8px;
    border: white 1px solid;
}

.nxa-table-cell.nxa-table-cell-print-attributes-value-cell {
   background-color: white;
   color: black;
}

.nxa-table-cell.nxa-table-cell-print-attributes-attr-cell {
    background-color: rgb(102,152, 216);
    color: #ffffff;
}


.nxa-table-view.nxa-table-view-doc-conf {
   margin-top: 20px;
   table-layout: auto;
}

.nxa-table-cell.nxa-table-view-doc-select-cell {
    background-color: white;
    min-width: 100px;
}


/* dynamic table CSS */
.nxa-dynamic-table-add-row-btn-div{   
    padding-top: 4px;
    background: white;
    display: inline-block;
    margin-left: 6px;
}
  
.nxa-dynamic-table-add-row-btn-div .fa-plus-circle { 
    color: rgb(34, 177, 76);
    font-size: 18px;
}

.nxa-dynamic-table-row-toolbar { 
    width: 100%;
    background: white;
}
  
.nxa-dynamic-table-add-row-btn {
    color: rgb(36, 187, 242);
    font-size: 14px;
    padding: 4px;
    text-decoration: underline;
    background: transparent;
    border: none;
    outline: none;
}

.nxa-dynamic-table-add-row-btn:disabled { 
    cursor: not-allowed;
}
  
.nxa-dynamic-table-display-node { 
    width: 100%;
    height: 100%;
}

.nxa-dynamic-table-display-node.auth { 
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 30px; /* make sure drag relocate handle works */
}

.nxa-data-table-delete-button { 
    height: 20px;
    width: 20px;
    margin-top: 6px;
    margin-left: 3px;
}

.nxa-table-header-required { 
    color: red;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 4px;
}

.nxa-table-cell.nxa-data-icon {
    text-align: center;
}

.nxa-table-view .nxa-table-cell-highlight {
    background-color: var(--nxa-color-lightgreen);
}

.nxa-pivoted-table .nxa-table-cell-header[col="0"] {
    width: 33%;
}
/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */

nxa-tab-manager {
    position: relative;
    width: 100%;
    display: inline-block;
}
nxa-tab-manager.workbench {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    background-color: var(--nxa-color-darkcyan);
}

nxa-tab-manager.appendix {
    z-index: 10;
    position: absolute;
    left: 0px;
    bottom: 100px;
}

nxa-tab-manager.appendix.perf {
    bottom: 0px;
    position: fixed;
}

nxa-tab-manager.min {
    width: 40px;
    background-color: var(--nxa-color-btnblue);   
}
nxa-tab-manager.chrome-tabs.appendix.min:hover {
    background-color: var(--nxa-color-btnblue-hover);
}

nxa-tab-manager .collapse-icon {
    position: absolute;
    top: 0px;
}
nxa-tab-manager .expand-icon {
    position: absolute;
    top: 0px;
}

nxa-tab-manager .expand-icon:hover {
    color: var(--nxa-icon-hover-color);
    height: 100px;
    z-index: 100;
}

nxa-tab-manager .collapse-icon:hover {
   color: var(--nxa-icon-hover-color);
   height: 100px;
   z-index: 100;
}


.nxa-tab-manager-wrapper {
    width: 100%;
    max-width: 100%;
}

.nxa-tab-nav {
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 5px;
    margin: 0px;
    padding: 0px;
    /*width: 140px;*/
}

.nxa-tab-nav-btn {
    display: inline-block;
    border: 1px black solid;
    border-radius: 3px;
    background: white;
    text-align: center;
    width: 35px;
    margin: 0px;
    padding: 0px;
}

.nxa-tab-nav-btn.disabled, .nxa-tab-nav-btn.disabled:hover {
    color: rgb(99,99,99);
    background-color: #b3b3b3;
    cursor: initial;
}

.nxa-tab-nav-icon:hover {
    color: var(--nxa-color-menu-blue);    
    cursor: pointer;
}

.nxa-tab-nav-icon.disabled, .nxa-tab-nav-icon.disabled:hover {
    color: rgb(157, 155, 155);
    cursor: initial;
}

.nxa-tab-nav-btn:hover {
    color: var(--nxa-color-menu-blue);
    background-color: #cce5ff;    
    cursor: pointer;
}



nxa-chrome-tab {
    cursor: pointer;
}

nxa-chrome-tab:hover {
    cursor: pointer;
}
nxa-chrome-tab[active]:hover {
    cursor: default;
}

.chrome-tabs .chrome-tab:not([active]) .chrome-tab-content.dark .chrome-tab-title {
    color: white;
    background-color: inherit;
    border: 0px;
}

.chrome-tabs .chrome-tab:not([active]) .chrome-tab-content.dark .chrome-tab-title:hover,
.chrome-tabs .chrome-tab:not([active]):hover .chrome-tab-content.dark .chrome-tab-title,
.chrome-tabs .chrome-tab:not([active]) .chrome-tab-content.dark:hover .chrome-tab-title {
    cursor: pointer;
    color: black;
}

.chrome-tabs .chrome-tab:not([active]):hover .chrome-tab-content.dark .chrome-tab-title {
    cursor: pointer;
    color: black;
    background-color: inherit;
}

.nxa-tab {
    background-color: white;
    border-color: black;
    line-height: 1 !important;
}

.nxa-tab:hover {
    cursor: pointer;
    color: var(--nxa-color-menu-blue);
}
.nxa-tab-selected {
    /* filter: sepia(100%) saturate(1000%) hue-rotate(150deg) contrast(10%); */
    color: var(--nxa-color-menu-blue);
    background-color: #f2f2f2;
    border-color: var(--nxa-color-menu-blue) var(--nxa-color-menu-blue) #f2f2f2 !important;
}

.nxa-tab-selected.dark {
    /* filter: sepia(100%) saturate(1000%) hue-rotate(150deg) contrast(10%); */
    background-color:#f2f2f2;
    color: var(--nxa-color-menu-blue);
    border: 0px;
}

.nxa-tab-link {
    color:inherit;
}

.nxa-tab-link:hover {
    color: var(--nxa-color-menu-blue);
}

.nxa-tab-close {
    position: absolute;
    top: 0px;
    z-index: 500;
}

.nxa-tab-close:hover{
    color:yellow;   
}

.nxa-tab-inactive {
    color: black;
    background-color: #E8E8E8;
    border-color: var(--nxa-color-menu-blue) var(--nxa-color-menu-blue) var(--nxa-color-menu-blue) !important;
}

.nxa-tab-inactive.dark {
    color: white;
    background-color: #636E74;
    border: 0px;
}
.nxa-tab-inactive.dark:hover {
    color: var(--nxa-color-menu-blue);
}

.nxa-tabs {
    border-bottom: 1px solid var(--nxa-color-menu-blue) !important;
    flex: 0 0 100%;
    max-width: 100%;
}

.nxa-tabs-fixed {
    border: 0px;
    background-color: #636E74;
    width: 44px;
    height: 100%;
    flex-direction: column;
    border-bottom: 0px;
}

.nxa-tab-label {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    user-select: none;
}

.nxa-tab-square {
    padding: 0.5rem 1rem;
    margin: 0px;
    display: block;
}

.nxa-tab-icon {
    width: 24px;
    height: 24px;
    text-align: center;
    margin-top: 2px;    
    margin-bottom: 3px;
    padding: 0px;
}

.nxa-tab-margin {
    margin-right: 15px;
}

.nxa-tab-width-sm {
    width: 50px;
}
.nxa-tab-width-md {
    width: 68px;
}
.nxa-tab-width-md.extraWidth{
    width: 80px
}
.nxa-tab-width-lg {
    width: 110px;
}

nxa-add-tab-btn.nxa-circle-background {
    display: inline-block;
    user-select: none;
    z-index: 10000;
    font-size: x-large;
    width: 0.7em;
    height: 0.7em;
    opacity: 1;
    line-height: 0.65em;
    text-align: center;
    padding-left: 1px;
    padding-top: 1px;  
}
nxa-add-tab-btn.nxa-circle-background.appendixrepeater::after {
    content:"Start New";
    font-size: 14px;
    display: block;
    width: 100px;
    position:relative;
    top: -18px;
    color: black;
  }

  
/**
 * @created: Fri Sep 22 2023
 * @author: Alexander J. Vincent
 *
 * @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

/*
.mce-content-body [data-mce-selected=inline-boundary] likes to give us a blue highlight instead of the effects we want.
We end up with ever-more-specific rules to beat that.  (Trying to avoid using !important.)
*/
.nxa-tinymce-added-text {
    background-color: var(--nxa-color-lightestgreen);
    color: var(--nxa-color-black);
}

.nxa-tinymce-removed-text, 
.nxa-tinymce-removed-text input.nxa-content-editor-data-ref {
    background-color: var(--nxa-color-lightred);
    color: var(--nxa-color-black);
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}

.nxa-tinymce-changed-style {
    background-color: unset;
    outline: 2px dashed var(--nxa-color-blue);
}

:is(.nxa-content-editor-content.nxa-hide-text-changes, auth-workspace > .nxa-hide-text-changes) :is(.nxa-tinymce-added-text, .nxa-tinymce-changed-style) {
    background-color: unset;
    outline: none;
}

:is(.nxa-content-editor-content.nxa-hide-text-changes, auth-workspace > .nxa-hide-text-changes) .nxa-tinymce-removed-text {
    display: none;
}

.nxa-text-uppercase {
    text-transform: uppercase;
}

.nxa-text-lowercase {
    text-transform: lowercase;
}

/**
 * @created: Tue May 23 2023
 * @author: Paul Bethune
 *
 * @copyright(c) 2023 NextAxiom Technology, Inc. All Rights Reserved.
 *
 *NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 *Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary
 *to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents
 *in process, and are protected by trade secret or copyright law. Dissemination of this information,
 *software, or reproduction of this material is strictly forbidden unless prior written permission
 *and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 */

 nxa-treeview-name {
    white-space: nowrap;
    position: relative;
    top: 1px;
    vertical-align: middle;
    font-size: 14px;
 }

 nxa-treeview-name.nxa-no-image-before {
    margin-left: 5px;
 }

 nxa-treeview-name.nxa-metadata-number {
   vertical-align: middle;
   font-size: 14px;
 }

 nxa-treeview-name.nxa-metadata-name {
   vertical-align: middle;
   font-size: 14px;
   padding-left: 8px;
 }

 nxa-treeview-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px;
 }
/**
 * @created: Tue Nov 30 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

.nxa-thumbnail-children-container {
  max-height: 200px;
  height: 200px;
  overflow: auto;
  padding-top: 20px;
}
/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */


 html {
    font-size: 10px;
    scroll-behavior: smooth;
 }

.nxa-dip-body {
    font-family: -apple-system,BlinkMacSystemFont,Arial,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    background-color: #F2F2F2;
    padding-right: 15px;
    padding-left: 15px;
    min-width: 500px;
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}

.app-header-spacer{
    height: 50px;
}

/* Note: everything in media print needs to be copied below 
gated by .nxa-base-dialog-tpl-print-preview so they behave the same */
@media print {  
    @page {
        /*size: 8.5in 11in;*/ 
        size: 816px 1056px; 
        margin: 1.1in 0in .3in 0in;
     }

     .nxa-simpledata-vertical-wrapper,
     .nxa-simpledata-input.nxa-text-area.nxa-simpledata-input-large {
        display: block;
     }

     .nxa-simpledata-wrapper.nxa-simpledata-wrapper-in-container {
        margin-bottom: 0px;
        padding-bottom: 10px;
     }

     .row.nxa-container-row {
        padding-top: 5px;
        margin-top: 0px;
     }
     
     .row.nxa-container-widget {
        break-inside: avoid;
     }

     .nxa-text-area-responsive {
        max-width: 700px;
     }
     
    nxauifixedtable,
    nxauiimagedata {
        content-visibility: unset;
        contain-intrinsic-size: unset;
    }
    
    #nxa-perf-content-menu-DWF,
    #nxa-perf-content-menu-RWF,
    .nxa-fade-out-header,
    .nxa-context-menu {
        display:none !important;
    }   

    .nxa-workflow-perf-workspace-mgr{
        grid-template-columns: auto 0px;
    }

    .nxa-workflow-perf-workspace-mgr .nxa-perf-workspace{
        grid-row-start: 1;
        grid-column-start: 1;
    }

    /** Due to a two year old bug in Chrome with table data overflowing tables
    * we need to do this. Bug is documented here:
    * https://support.google.com/chrome/thread/191619088?hl=en&msgid=192661374 */
    .nxa-table-width-print-mode{
        contain: strict;
    }
}

/* Note: everything in media print above needs to be copied here below 
gated by .nxa-base-dialog-tpl-print-preview so they behave the same */
.nxa-base-dialog-tpl-print-preview .nxa-simpledata-vertical-wrapper,
.nxa-base-dialog-tpl-print-preview .nxa-simpledata-input.nxa-text-area.nxa-simpledata-input-large {
    display: block;
}

.nxa-base-dialog-tpl-print-preview .nxa-simpledata-wrapper.nxa-simpledata-wrapper-in-container {
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.nxa-base-dialog-tpl-print-preview .row.nxa-container-row {
    padding-top: 5px;
    margin-top: 0px;
}
 
.nxa-base-dialog-tpl-print-preview .row.nxa-container-widget {
    break-inside: avoid;
}

.nxa-base-dialog-tpl-print-preview .nxa-text-area-responsive {
    max-width: 700px;
}
 
.nxa-base-dialog-tpl-print-preview nxauifixedtable,
.nxa-base-dialog-tpl-print-preview nxauiimagedata {
    content-visibility: unset;
    contain-intrinsic-size: unset;
}

.nxa-base-dialog-tpl-print-preview #nxa-perf-content-menu-DWF,
.nxa-base-dialog-tpl-print-preview #nxa-perf-content-menu-RWF,
.nxa-base-dialog-tpl-print-preview .nxa-fade-out-header,
.nxa-base-dialog-tpl-print-preview .nxa-context-menu{
    display: none !important;
}

.nxa-base-dialog-tpl-print-preview .nxa-workflow-perf-workspace-mgr{
    grid-template-columns: auto 0px;
}

.nxa-base-dialog-tpl-print-preview .nxa-workflow-perf-workspace-mgr .nxa-perf-workspace{
    grid-row-start: 1;
    grid-column-start: 1;
}

.nxa-base-dialog-tpl-print-preview .nxa-table-width-print-mode{
    contain: strict;
}

/** end print preview section*/
/** print header section */
.nxa-print-header{
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
    width: 90%;
    height: 72px; /** this line is not in the puppeteer and is just for UI debugging */ 
    margin-left: 50px;
    margin-right: 70px;
    font-size: 8px;
    border-bottom: solid 1px var(--nxa-color-lightgray);
    display: grid;
    grid-template-columns: 500px 300px;
}

.nxa-attribute{
    height:12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nxa-print-header-left-side{
    grid-row-start: 1;
    grid-column-start: 1;
}

.nxa-print-header-right-side{
    grid-row-start: 1;
    grid-column-start: 2;
}

.row-span-2{
    margin-top: 12px;
}

.row-span-3{
    margin-top: 24px;
}

.row-span-4{
    margin-top: 36px;
}

.row-span-5{
    margin-top: 48px;
}

.row-span-6{
    margin-top: 60px;
}

.row-span-7{
    margin-top: 72px;
}

/* end print header section*/
perf-workspace.nxa-perf-workspace {
    padding: 0px 0px 200px 0px;
}

.nxa-workflow-perf-workspace-mgr perf-workspace.nxa-perf-workspace{
    padding: 0px 0px 0px 0px;
}

perf-workspace.nxa-perf-workspace.flowchart { 
    padding: 0% 20% 0% 20%;
}

.nxa-workspace-background {
    background-color: var(--nxa-workspace-background-color);
}

.nxa-header-spacer {
    margin-bottom: 0px;
}

.black {
    color: var(--nxa-color-black);
}

.red {
    color: var(--nxa-color-red);
}

.blue {
    color: #4514F5;
}

.nxa-blue {
    color: var(--nxa-color-menu-blue);
}

.nxa-light-blue {
    color: var(--nxa-color-lightblue);
}

.nxa-light-red {
    color: var(--nxa-color-lightred);
}

.nxa-dark-yellow {
    color: #999900;
}

.yellow {
    color:#FFA500;
}

.nxa-magenta {
    color:#C000C0;
}

.green {
    color: var(--nxa-color-green);
}

.gray {
    color: gray;
}

.nxa-color-white {
    color: var(--nxa-color-white);
}
.nxa-icon-background {
    color: var(--nxa-color-darkgray);
}
.nxa-icon-background.red {
    color: var(--nxa-color-red);
}
.nxa-icon-background.red2 {
    color: var(--nxa-color-red2);
}
.nxa-icon-background.green {
    color: var(--nxa-color-darkgreen);
}

.nxa-icon-background.green2 {
    color: var(--nxa-color-green);
}

.nxa-icon-background.blue {
    color: var(--nxa-color-blue);
}

.nxa-icon-background.white {
    color: var(--nxa-color-white);
}


.nxa-icon-background.lightblue {
    color: var(--nxa-color-menu-blue);
}

.nxa-icon-background:hover {
    color: var(--nxa-color-menu-blue);
    cursor: pointer;
    opacity: 0.8;
}

.nxa-shadow-dark {
    -webkit-box-shadow: 3px 3px 7px 0px rgba(5,0,5,1);
    -moz-box-shadow: 3px 3px 7px 0px rgba(5,0,5,1);
    box-shadow: 3px 3px 7px 0px rgba(5,0,5,1);
}

.nxa-dropshadow-black {
    filter: drop-shadow(2px 2px 2px gray);
}

.nxa-image-widget-drop-button {
    background-color: #2A93DA;
    color: white;
    border-radius: 6px;
    padding: 5px 8px 5px 8px;
    width: 150px;
    display: inline-block;
    font-weight: 500;
    margin-top: 4px;
}

.nxa-image-widget-drop-button.with-margin-top {
    margin-top: 40px;
}

.nxa-widget-drop-zone-text {
   font-weight: 500;
}

.nxa-widget-drop-zone-text.with-margin-top {
    margin-top: 20px;
}

.nxa-widget-drop-zone-div {
    position: relative;
    width: 100%;
    height: 100%;
}

.nxa-widget-drop-zone-outer-div {
    width: 100%;
    height: 150px;
    text-align: center;
    font-size: 14pt;
}

.nxa-widget-drop-zone-inner-div {
    height: 150px;
    width: 320px;
    cursor: pointer;
    box-sizing: border-box;
    border: 4px dashed #cbd5e0;
    padding: 4px;
    display: inline-flex;
}

.nxa-widget-drop-zone-inner-div.draggingOver {
    box-sizing: border-box;
    border: 4px dashed rgb(91, 155, 213);
}

.nxa-image-button {
    filter: drop-shadow(2px 2px 2px black);
    border: solid 1px gray;
    padding: 10px;
    background: lightblue;
}

.nxa-image-icon {
    vertical-align: middle;
    border-style: none;
    padding: 0px;
}

.nxa-image-button.rounded {
   border: 0;
   border-radius: 5px;
}

.nxa-image-button-div {
    display: inline-flex;
    width: 120px;
    height: 100px;
    padding: 0;
    margin: 10px;
    justify-content: center;
}

.nxa-image-button:hover {
    opacity: 0.8;
}

.white-background {
    background-color: white;
}

.nxa-bgcolor-red {
    background-color: red;
}

.nxa-error-msg {
    color: red;
}

.nxaClearfix::after {
    content: "";
    clear: both;
    display: table;
    display: inline-block;
    margin: 7px;
}

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

.nxa-bounding-rectangle-warning {
    box-sizing: border-box;
    border: 3px solid rgb(202, 44, 23);
}

.nxa-bounding-rectangle-caution {
    box-sizing: border-box;
    border: 3px solid #FFA500;
}

.nxa-bounding-rectangle-note {
    box-sizing: border-box;
    border: 3px solid rgb(0,112,192);
}

.nxa-bounding-rectangle-alara {
    box-sizing: border-box;
    border: 3px solid rgb(248, 0, 248);
}

.nxa-bounding-rectangle {
    box-sizing: border-box;
    border: 3px solid rgb(91, 155, 213);
}

.nxa-bounding-rectangle.group {
    box-sizing: border-box;
    border: 3px double blue;
}

.nxa-bounding-rectangle.shadow-performance {
    border-color: rgb(126, 95, 133);
}

.nxa-bounding-rectangle.monitororiginborder {
    border-color: rgb(0, 176, 80);
}

.nxa-bounding-rectangle.monitororiginbackground {
    background-color:  rgb(243, 255, 243);
}

.nxa-bounding-rectangle.active {
    border: 5px solid var(--nxa-color-menu-blue);
}

.nxa-container-widget.error {
    border: 5px solid var(--nxa-color-red);
}

.nxa-bounding-rectangle-drag-over,
.nxa-bounding-rectangle-container-spacer {
    box-sizing: border-box;
    border: 4px dashed #cbd5e0;
}

.nxa-bounding-rectangle-outline {
    box-sizing: border-box;
    outline: 3px solid rgb(91, 155, 213); /* using outline vs. border so objects inside don't move */
}

.nxa-bounding-rectangle-outline.nxa-container-spacer-auth {
    outline: 3px dotted rgb(91, 155, 213); /* using outline vs. border so objects inside don't move */
}

.nxa-data-widget-relocate-over-left,
.nxa-data-widget-relocate-over-right {
    box-sizing: border-box;
    min-height: 50px;
}

.nxa-data-widget-relocate-over-left {
    border-left: 14px solid rgba(91,155,213,1)
}

.nxa-data-widget-relocate-over-right {
    border-right: 14px solid rgba(91,155,213,1)
}

.nxa-container-children-wrapper {
    position: relative;
}

.tooltip[aria-hidden=false] {
    opacity: 1;
}

div.tooltip {
    border: 1px solid black;
}

div.tooltip, div.tooltip-inner {
    background: ivory;
}

div.tooltip-inner {
    color: black;
}

div.tooltip .tooltip-arrow, div.popper .popper__arrow {
    border-color: ivory;
}

.nxa-no-padding {
    padding: 0;
}

.nxa-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    color: #ffffff;
    padding: 20px;
    text-align: center;
}

.nxa-loading-text {
    color: #fff;
}

.nxa-loading-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.5;
}

.nxa-signal-action {
    animation: shadow-pulse 1s infinite;
}

.font-awesome-icon {
    display: block;
    font-size: 60px;
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
    }
}

.nxa-dragbar {
    background:linear-gradient(to right, black, white, black);
    height: 100%;
    width: 6px;
    cursor: col-resize;
    position: absolute;
    right: 0;
    top: 0;
}

.nxa-sidebar {
    min-width: 200px;
    height: 100%;
    border-top: 3px solid black;
    z-index: 2;
}

.nxa-left {
    float: left;
}

.nxa-right {
    float: right;
}

.nxa-align-right {
    text-align: right;
}

.nxa-valign-top {
    vertical-align: top;
}

.nxa-sidebar-border {
    border-top: 10px solid;
}

@-webkit-keyframes tooltipFadeIn {
    0%   {opacity: 0;}
    25%  {opacity: 0;}
    50%  {opacity: 0;}
    75%  {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes tooltipFadeIn {
    0%   {opacity: 0;}
    25%  {opacity: 0;}
    50%  {opacity: 0;}
    75%  {opacity: 0;}
    100% {opacity: 1;}
}

[nxa-data-tooltip]:before {
    /* needed - do not touch */
    content: attr(nxa-data-tooltip);
    position: absolute;
    display: none;

    /* customizable */
    transition: all 0.15s ease-in;
    padding: 10px;
    color: #333;
    border-radius: 10px;
    box-shadow: 2px 2px 1px silver;
}

[nxa-data-tooltip]:hover:not(:active):before {
    /* needed - do not touch */
    display: inline-block;
    animation: tooltipFadeIn 2s;

    /* customizable */
    position: fixed;
    z-index: 500;
    max-width: 600px;
    white-space: normal;
    background: #343a40;
    color: white;
    font-size: small;
    margin-top: 30px;
    margin-left: 40px;
}

[nxa-data-tooltip]:not([nxa-data-tooltip-persistent]):before {
    pointer-events: none;
}

.nxa-dropmenu-button {
    font-size: 1.5em;
    user-select: none;
}

.nxa-dropmenu-button.active {
    color: white;
}

.nxa-inline-menu .nxa-menu-item {
    display: block;
    width: 100%;
}

.nxa-inline-menu .nxa-menu-item:hover {
    cursor: pointer;
    background-color: cyan;
}
.nxa-inline-menu {
    display: block;
    width: 100%;
}

.nxa-inline-menu .nxa-menu-item.disabled {
    background-color: lightgray;
    color: gray;
    cursor: not-allowed;
}

.nxa-inline-menu .nxa-menu-item.disabled:hover {
    cursor: not-allowed;
}


.nxa-dropmenu-item {
    background-color: white;
    font-size: 1.5em;
    user-select: none;
}

.nxa-dropmenu-item:hover {
    cursor: pointer;
    background-color: cyan;
}


.nxa-dropmenu-item.disabled {
    background-color: lightgray;
    color: gray;
    cursor: not-allowed;
}

.nxa-dropmenu-item.disabled:hover {
    cursor: not-allowed;
}

.nxa-header {
    position: fixed;
    top: 0;
    left: 0px;
    z-index: 2;
    padding-top: 5px;
    padding-bottom: 5px;
    min-width: 500px;
    width: 100%;
}

.nxa-padding-top-4 {
    padding-top: 4px;
}

.nxa-doc-link-context-menu {
    opacity: 1;
    width: 100%;
    text-align: center;
    padding: 1rem;
}

.nxa-doc-link-context-menu:hover {
    cursor: pointer;
    color: blue;
}

.nxa-text-align-center {
    text-align: center;
}

.nxa-draggable {
    -webkit-transform: translate3d(0,0,0); /*these translates fix chrome drag preview bug */
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*rename*/
.data-placeholder:not([data-placeholder=""]):empty::before {
    content: attr(data-placeholder);
    color: lightgray;
}

.data-placeholder-content:not([data-placeholder=""]):empty::before {
    content: attr(data-placeholder);
    color: lightgray;
    font-style: italic;
}

.nxa-gradient-bkg-blue-white {
    background-image: linear-gradient(to right, #49b5f1, white 70%);
}

.nxa-user-account {
    display: inline-block;
    font-size: 14px;
}

.nxa-link {
    color:var(--nxa-color-menu-blue);
    text-decoration: underline;
    cursor: pointer;
}

.nxa-link:hover {
    color:rgb(56, 14, 247);
}

.nxa-link-no-decor:hover {
    color:unset;
    text-decoration: none;
}

.nxa-perf-footer-button-text {
    font-size: 1.3rem;
    font-weight: 500;
}

.nxa-perf-footer-btn-img-comments {
   height: 48px;
   width: 70px;
}

.nxa-perf-footer-btn-img-field-added {
    height: 48px;
    width: 52px;
}

.nxa-perf-footer-btn-img-references {
    height: 50px;
    width: 65px;
}

.nxa-repeat-img {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 !important;
}

.nxa-svg-filter-blackToWhite {
    filter: invert(100%);
}
.nxa-svg-filter-blackToGreen {
    filter: invert(48%) sepia(30%) saturate(700%) hue-rotate(86deg) brightness(118%) contrast(119%);
}
.nxa-svg-filter-green {
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}
.nxa-svg-filter-yellow {
    filter: invert(95%) sepia(34%) saturate(3651%) hue-rotate(357deg) brightness(106%) contrast(107%);
}
.nxa-svg-filter-blue {
    filter: invert(8%) sepia(100%) saturate(7399%) hue-rotate(248deg) brightness(102%) contrast(144%);
}
.nxa-svgt-filter-red {
    filter: invert(19%) sepia(90%) saturate(5382%) hue-rotate(355deg) brightness(93%) contrast(122%);
}


.nxa-content p {
    margin: 0;
}

.nxa-user-list-dropdown,
.nxa-user-list-dropdown-left,
.nxa-user-list-dropdown-right,
.nxa-user-list-dropdown-left-bottom {
    z-index: 10000;
    background-color: #f5f5f5;
    text-align: left;
}

.nxa-user-list-dropdown {
    margin: auto;
    position: relative;
    top: 10px;
}

.nxa-user-list-dropdown-left {
    left: 0px;
    top: 30px;
    position: absolute;
}

.nxa-user-list-dropdown-left-bottom {
    left: 0px;
    top: 100px;
    position: absolute;
}

.nxa-user-list-dropdown-right {
    right: 0px;
    top: 30px;
    position: absolute;
    z-index: 451;
}

.nxa-user-list-dropdown-switch-user {
    z-index: 10000;
    background-color: rgb(245, 245, 245);
    text-align: left;
    left: 0px;
    top: 30px;
    position: absolute;
    width: 385px !important;
}


.nxa-content-editor-toolbar-mid {
    width: 525px;
    position: fixed;
    right: 300px;
    top: 0px;
    z-index: 2000;
}

.nxa-div-round-borders {
    border-radius: 25px;
    border: 2px solid lightgray;
}

.nxa-div-text-in-border {
    width: fit-content;
    margin-top: -10px;
    margin-left: 10px;
    background:white;
    padding-left: 8px;
    padding-right: 8px;
}

.nxa-div-with-border {
    border: 2px solid lightgray;
    margin: 10px;
}

.nxa-radio-group-fieldset {
    border: 1px solid var(--nxa-color-lightgray);
    padding: 0px 20px 15px 0px;
    margin-right: 5px;
    margin-top: 1px;
    border-radius: 5px;
}

.nxa-radio-group-fieldset.nxa-radio-group-fieldset-hidden {
    border-width: 0px;
    padding: 0px;
}

.nxa-radio-group-fieldset > legend {
    width: auto;
    padding: 0px 5px;
    margin-left: 15px;
    font-size: var(--nxa-default-fontsize);
    color: var(--nxa-color-black);
}

.nxa-radio-group-fieldset.nxa-radio-group-fieldset-hidden > legend {
    margin-bottom: 0px;
}

.nxa-reperformance-fieldset {
    border: 1px solid var(--nxa-color-lightgray);
    padding: 0px 20px 15px 0px;
    margin-right: 5px;
    margin-top: 1px;
    border-radius: 5px;
}

.nxa-reperformance-fieldset > legend {
    width: auto;
    padding: 0px 5px;
    margin-left: 15px;
    font-size: 16px;
    font-weight: bold;
    color: var(--nxa-color-btnblue);
}

.nxa-fieldset > legend {
    display: flex;
    flex-direction: row;
}

.nxa-label-for-radio-group {
    padding: 8px;
    margin-left: 5px;
    font-weight: 400;
    font-size: 1.5rem;
    color: rgb(51,153,236);
    display: inline-block;
}

.nxa-content-editor-data-ref { 
    color: rgb(51,153,236);
    background: transparent;    
    border: none;
    outline: none;
    padding: 0;
    margin-left: 1px;
    font-size: 12pt;
    text-decoration: underline;
}

.nxa-content-editor-attribute-ref-pill,
.nxa-content-editor-data-ref-pill { 
    color: white;
    border: none;
    outline: none;
    padding: 0px 6px 0px 10px;
    font-size: 12pt;
    border-radius: 12px;
    cursor: pointer;
    width: fit-content;
}

.nxa-content-editor-data-ref-text { 
    display: inline;
    color: white;
    border: none;
    outline: none;
    font-size: 12pt;
    background: transparent;
    cursor: pointer;
}

.nxa-content-editor-data-ref-img { 
    padding: 0; 
    margin-right: 4px;
    vertical-align: top;
}

.nxa-content-editor-data-ref-delete { 
    margin-left: 8px;
    font-size: 14px;
    cursor: pointer;
}

.nxa-content-editor-data-ref-delete:hover { 
    color: black;
}

.nxa-content-editor-data-ref-pill { 
    background: rgb(51,153,236);
    margin-left: 1px;
}
.nxa-content-editor-data-ref-pill.broken,
.nxa-content-editor-attribute-ref-pill.broken { 
    background: rgb(230, 0, 0);
}

.nxa-content-editor-attribute-ref-pill { 
    background: rgb(255,138,21);
}

.nxa-content-editor-data-ref-text-after { 
    color: black;
}

.nxa-content-resolved-ref {
    color: inherit;
    font-weight: inherit;
}

.nxa-div-big-padding-right {
    padding-bottom: 10px;
    padding-right: 80px;
}

.nxa-file-upload-browse-in-tab-div {
    position: absolute;
    top: 100px;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.nxa-file-upload-browse-in-tab-btn {
    width: 200px;
    height: 150px;
    border-radius: 13px;
    box-shadow: 4px 4px 5px 0 rgba(84, 84, 84, 0.5);
    display: inline-block;
    cursor: pointer;
    background-color: rgb(252,218,51);
}

.nxa-file-upload-browse-in-tab-img {
    width:100%;
    height:50%;
    background-position: 50% 60%;
    background-repeat: no-repeat;
    background-size: 35%;
    background-image: url("../Images/BrowseFile_Icon.svg");
}

.nxa-display-inline {
    display: inline;
}

.nxa-undo-redo-beta {
    padding-top: 2px;
    background: #33CC33;
}

.nxa-table-view .nxa-table-row .nxa-table-cell.nxa-auth-sidebar {
    min-width: 44px;
}

.nxa-table-view .nxa-table-row .nxa-table-cell.nxa-auth-sidebar-right {
    background-color: var(--nxa-color-white);
    border-left: 1px solid var(--nxa-color-black);
}

.nxa-table-cell.nxa-auth-sidebar-right .nxa-collapsable-content {
    max-height: calc(100vh - 68px);
    min-height: calc(100vh - 68px);
    height: unset;
}

nxa-beta-tag {
    background-color: blue;
    display: inline-block;
    background: #339DFF;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    border-radius: 50px;
    width: 50px;
    text-align: center;    
}

nxa-beta-tag.right {
    margin-left: 10px;
}

.nxa-chart-drop-zone-outer-div {
    text-align: center;
    font-size: 14pt;
    margin-left: 30px;
}

.nxa-hyperlink {
    text-decoration: underline;
    color: #49b5f1;
    cursor: pointer;
}

nxa-inline-spinner { 
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    margin-top: 30px;
    position: absolute;
    display: none;
    z-index: 1;    
}

.nxa-loading-spinner-text { 
    color: #999900;
    padding-left: 4px;
    display: inline-block;
    font-style: italic;
    font-size: 16pt;
}
.nxa-circle-background {
    display: inline-block;
    user-select: none;
    z-index: 10000;
    font-size: x-large;
    width: 0.9em;
    height: 0.9em;
    opacity: 1;
    line-height: 0.8em;
    text-align: center;
    padding-left: 1px;
    padding-top: 1px;
}
.nxa-circle-background:hover {
    color: rgb(240, 248, 248);
    background-color: rgb(87, 86, 81);
    /*border: 0.18em solid;*/
    border-radius: 50%;
    cursor: pointer;
}

.nxa-line-separator {
    display: flex;
    align-items: center;
    text-align: center;
  }

  .nxa-line-separator.nxa-appendix {  
    font-size: 1.5em;
  }

  .nxa-line-separator.nxa-appendix.perf {
    width: 100%;
    font-size: 1.75em;
  }
  
  .nxa-line-separator::before,
  .nxa-line-separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid rgb(121, 119, 119);
  }
  .nxa-line-separator.nxa-appendix::before,
  .nxa-line-separator.nxa-appendix::after {
    content: '';
    flex: 1;
    border-bottom: 1px dashed blue;
  }
 
  
  .nxa-line-separator:not(:empty)::before {
    margin-right: .5em;
  }
  
  .nxa-line-separator:not(:empty)::after {
    margin-left: .5em;
  }

  .nxa-line-separator i {
    color: blue;
    padding-left: 5px;
  }

.nxa-padding-bottom-padding-left-5 {
    padding-bottom: 5px;
    padding-left: 5px;
}

.nxa-color-selector {
    font-size: var(--nxa-default-fontsize);
    block-size: auto;
    margin-left: 5px;
}

.nxa-input {
    font-size: var(--nxa-default-fontsize);
}

.nxa-spacer {
    min-height: 3.125rem;
    min-width: 3.125rem;
    margin-left: 0.938rem;
}

.nxa-short-spacer{
    min-height: 1.875rem;
    min-width: 1.875rem;
    margin-left: 0.938rem;
}

.nxa-constrain-height{
    height: 90%;
    display: table;
}

.nxa-constrain-height.hidden{
    display: none;
}

.nxa-tooltip {
    position: relative;
    display: inline-block;
}
  
.nxa-tooltip .nxa-tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: var(--nxa-color-gray);
    color: var(--nxa-color-white);
    text-align: center;
    position: absolute;
    z-index: 101;
    bottom: 150%;
    left: 50%;
    border-radius: 6px;
    margin-left: -70px;
    padding: 5px;
    opacity: 0;
    transition: opacity 0.3s;
    font-family: var(--nxa-default-font);
    font-size: var(--nxa-default-fontsize);
}
  
.nxa-tooltip .nxa-tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--nxa-color-gray) transparent transparent transparent;
}
  
.nxa-tooltip:hover .nxa-tooltiptext, .nxa-tooltip.show .nxa-tooltiptext {
    visibility: visible;
    opacity: 1;
}

.nxa-size-16-icon {
    position: relative;
    font-size: 16px;
    top: 2px;
    margin-left: 5px;
    cursor: pointer;
}

.nxa-required {
    color: red;
    font-weight: bold;
    font-size: var(--nxa-small-fontsize);
}

.nxa-small-font-size{
    font-size: var(--nxa-small-fontsize);
}

/** font-size in px for fontawesome icon consitency 
* font-awesome uses em's internally for there fa-1x, fa-2x, fa-3x...
* font-awesome's classes should be used if px accuracy is not needed
*/
.nxa-fa-sm {
    font-size: 12px;
}

.nxa-fa-md {
    font-size: 24px;
}

.nxa-fa-lg {
    font-size: 32px;
}

.nxa-nowrap{
    white-space: nowrap;
}

.nxa-margin-top-2{
    margin-top: 0.125rem;
}

.nxa-margin-top-10 {
    margin-top: 10px;
}

.nxa-margin-top-20 {
    margin-top: 20px;
}

.nxa-margin-top-30 {
    margin-top: 30px;
}

.nxa-margin-left-10{
    margin-left: 10px;
}
.nxa-margin-left-5, .nxa-simpledata-input.nxa-margin-left-5 {
    margin-left: 5px;
}

.nxa-margin-right-5{
    margin-right: 5px;
}

.nxa-margin-right-20{
    margin-right: 20px;
}

.nxa-width-90 {
    width:90%;
}

.nxa-width-70 {
    width:70%;
}

.nxa-width-50 {
    width: 50%;
}

.nxa-width-20 {
    width: 20%;
}

.nxa-height-3rows {
    min-height: 6.6rem;
}

.nxa-inline-block {
    display: inline-block;
}

.nxa-height-100 {
    height: 100%;
}

.nxa-padding-5 {
    padding: 5px;
}

.nxa-medium-text {
    height: 200px;
}

.nxa-z-index-1 {
    z-index: 1;
}






/**
 * @created: Thur Jan 28 2020
 * @author: Dave Girdwood
 *
 * Copyright (C) 2020 NextAxiom Technology, Inc. All Rights Reserved.
 *
 * NOTICE:  All information and software contained herein is, and remains the property of NextAxiom
 * Technology Incorporated.  The intellectual and technical concepts contained herein are proprietary 
 * to NextAxiom Technology Incorporated and may be covered by U.S. and International patents, patents 
 * in process, and are protected by trade secret or copyright law. Dissemination of this information, 
 * software, or reproduction of this material is strictly forbidden unless prior written permission 
 * and license, if applicable, is obtained from NextAxiom Technology Incorporated.
 *
 */

 /* Remove default bullets */
 .nxa-tree-item-root {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 0px 4px;
    
}

/* Style the caret/arrow */
 .nxa-tree-item-caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
 }


 /* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.nxa-tree-item-active {
    display: block;
}

/* Hide the nested list */
.nxa-tree-item-nested {
    list-style-type: none;
    display: none;
    padding-left: 15px;
}

.nxa-tree-item-active.nxa-tree-item-nested { 
    display: block;
}

.nxa-tree-item-list-item {
    padding-left: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: auto;
    overflow: hidden;
}

.nxa-tree-item-list-item.clickable {
    cursor: pointer;
    background-color: white;
}

.nxa-tree-item-list-item.clickable:hover {
    cursor: pointer;
    background-color: cyan;
}


.nxa-tree-item-list-item.disabled,
.nxa-tree-item-list-item-leaf.disabled {
    cursor: auto;
    background-color: #E8E8E8;
}

.nxa-tree-item-list-item-image { 
    padding: 0px 4px 0px 4px;
    width: 3.063rem;
    height: 1.6rem;
    text-align: center;
    vertical-align: middle;
}

nxa-authtool-systemform-content .nxa-tree-item-list-item-image{
    vertical-align: bottom;
    height: 15.6px;
}

nxa-authtool-systemform-content nxa-treeview-name{
    top: 2px;
}

.nxa-reference-item-div .nxa-tree-item-list-item-image,
.nxa-PerformanceTool .nxa-tree-item-list-item-image {
    vertical-align: text-top;
}

.nxa-tree-item-list-item-badge {
    padding: 0;
    padding-left: 5px;
    width: 20px;
    height: 20px;
}

.nxa-tree-item-list-item-leaf-badge { 
    padding: 0;
    padding-left: 5px;
    width: 20px;
    height: 20px;
}
/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
video {
    width: 100%;
    max-height: 100%;
}
/*
@media (max-width: 480px) {
    video {
        width: 90%;
        max-height: 90%;
    }
}

@media (min-width: 481px) {
    video {
        width: 80%;
        max-height: 80%;
    }
}
@media (min-width: 1200px) {
    video {
        width: 75%;
        max-height: 75%;
    }
}
*/
/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */
.link-anchor {
  position: relative;
  width: 0;
  font-size: .8em;
  opacity: 0;
  transition: opacity .2s ease-in-out;
}
.anchor-wrapper {
  border: none;
}
.anchor-wrapper:hover .link-anchor {
  opacity: 1;
}

section h1[id]:focus,
section h2[id]:focus,
section h3[id]:focus,
section h4[id]:focus,
section h5[id]:focus {
  outline: 0;
}

p.thin {
    font-weight: 100;
    margin: 0;
    line-height: 1.2em;
}

p.bold {
    font-weight: 900;
    margin: 0;
    margin-top: -5px;
}

.rel {
    width: 30%;
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding: 20px;
    border-style: dotted;
    border-color: white;
    border-width: medium;
}

.popper,
.tooltip {
    position: absolute;
    background: #FFC107;
    color: black;
    width: 150px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
}
.style5 .tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
}
.popper .popper__arrow,
.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #FFC107;
}
.style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

/**
 * @created: Tue Aug 20 2019
 * @author: Paul Bethune
 *
 *  @copyright(c) 2019 NextAxiom Technology, Inc. All Rights Reserved.
 * Proprietary and confidential information, subject to license terms.
 *
 * This file contains Protected CRADA Information under NextAxiom Technology,
 * Inc and Battelle Energy Alliance, LLC CRADA 17-TCF-8 and it is not for disclosure,
 * publication or dissemination to a third party outside the CRADA parties.
 */

 .nxa-work-portal-main { 
     font-size: 14px;
 }

.nxa-work-portal-nav-bar {
    color: white;
    display: block;
    width: 100%;
    height: 60px;
    position: relative;
    background-image: linear-gradient(to right, #49b5f1, white 70%);
}

.nxa-work-portal-launch-authoring-tool { 
    display: inline-block; 
    font-size: 14px;
    margin-right: 40px;
}

.nxa-work-portal-filter-own-by-me {
    position: absolute;
    right: 26px;
    top: 68px;
    width: 20%;
    z-index: 99;
}

.nxa-work-portal-table-header {
    color: rgb(127,127,127);
}

.nxa-work-portal-filter-record-succeeded {
    position: absolute;
    left: 20px;
    top: 108px;
    z-index: 99;
}

.nxa-work-portal-filter-record-failed {
    position: absolute;
    left: 210px;
    top: 108px;
    z-index: 99;
}

.nxa-work-portal-filter-not-a-record {
    position: absolute;
    left: 360px;
    top: 108px;
    z-index: 99;
}

.nxa-workflow-portal-right-header-btns { 
    right: 184px;  /* line up before brand logo that's above */
    top: 108px;
    z-index: 99;
    text-align: right;
    max-height: 30px;
    position: absolute;
}

.nxa-work-portal-create-workflow-instance,
.nxa-work-portal-filter-assigned-to-me,
.nxa-work-portal-filter-owned-by-me
{
    display: inline-block;
    margin-right: 16px;
}

.nxa-work-portal-checkbox {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin: 5px 0px 5px 5px;
}

.nxa-work-portal-progress-bar-background { 
    border-radius: 1rem;
    background-color: rgb(233,236, 239);
    height: 100%;
    position: relative;
    width: 100%;
    min-width: 70px;
    border-width: 0px;
}

.nxa-work-portal-progress-bar-foreground
{
    background-color: rgba(0,250,113.7);
    height: 100%;
    position: absolute;
    border-radius: 20px;
}

.nxa-work-portal-progress-bar-foreground.red { 
    background-color: rgba(255,186,186,.7);
}

.nxa-work-portal-progress-bar-text { 
    text-align: center;
    color: black;
    position: absolute;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.nxa-work-portal-shortcut-main {
    width: calc(100% - 65px); 
    height: calc(100% - 150px);
    margin-top: 45px;
    position: absolute;
    background-color: white;
    overflow-y: auto;
}

.nxa-work-portal-shortcut-top {
    float: left;
    margin: 0 30px 30px 0;
    width: 95px;
    position: relative;
    padding: 0;
    outline: none;
    border: none;

}

.nxa-work-portal-shortcut-div {
    width: 95px;
    height: 95px;
    position: relative;
    cursor: pointer;
    transition: all .4s ease;
    -webkit-user-drag: element;
    border: solid 2px transparent;
    padding: 0;
    outline: none;
    border: none;
    box-sizing: border-box;
    box-shadow: 4px 4px 5px 0 rgba(84, 84, 84, 0.5);
    cursor: pointer;
    background-image: linear-gradient(0deg, #529ac3, #8acae3);
    border-radius: 10px;
}

.nxa-work-portal-shortcut-div:hover {
	border: solid 2px mintcream;
}

.nxa-work-portal-shortcut-div:active {
	transform: scale(.98,.98);
}

.nxa-work-portal-shortcut-icon {
    background-image: url("../../Assets/Images/NXAAuthToolIcons/NXALandingPage/NXAWorkPortalIcon.svg");
    width: 100%;
    height: 60%;
    background-position: 50% 60%;
    background-repeat: no-repeat;
    background-size: 50%;
}

.nxa-work-portal-shortcut-label {
    color: white;
    font: 500 15px sans-serif;
    left: 50%;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    padding-top: 10px;
}

.nxa-work-portal-shortcut-editable-label {
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}







/* Tabulator v4.7.2 (c) Oliver Folkerd */
.tabulator {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  font-size: 14px;
  text-align: left;
  width: 100%;
  max-width: 100%;
  -ms-transform: translatez(0);
  transform: translatez(0);
}

.tabulator[tabulator-layout="fitDataFill"] .tabulator-tableHolder .tabulator-table {
  min-width: 100%;
}

.tabulator[tabulator-layout="fitDataTable"] {
  display: inline-block;
}

.tabulator.tabulator-block-select {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tabulator .tabulator-header {
  position: relative;
  box-sizing: border-box;
  width: 100%;
/*  border-bottom: 1px solid rgba(0, 0, 0, 0.12); */
  background-color: #fff;
/*  font-weight: bold; */
  color: var(--nxa-color-menu-blue);
  white-space: nowrap;
  overflow: hidden;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  margin-bottom: 5px;
}

.tabulator .tabulator-header.tabulator-header-hidden {
  display: none;
}

.tabulator .tabulator-header .tabulator-col {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  text-align: left;
  vertical-align: bottom;
  overflow: hidden;
}

.tabulator .tabulator-header .tabulator-col.tabulator-moving {
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #e6e6e6;
  pointer-events: none;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  box-sizing: border-box;
  position: relative;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button {
  padding: 0 8px;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button:hover {
  cursor: pointer;
  opacity: .6;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  color: black;
  font-weight: 500;
  font-size: 14px;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #999;
  padding: 1px;
  background: #fff;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 8px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
  margin-right: -1px;
}

.tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
  display: none;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
  position: relative;
  box-sizing: border-box;
  margin-top: 2px;
  width: 100%;
  text-align: center;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
  height: auto !important;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
  margin-top: 3px;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input {
  border: 1px solid var(--nxa-color-menu-blue);
  border-radius: 5px;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input[type=search]:not(:placeholder-shown) {
  background-image: none;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input[type=search]:placeholder-shown {
  background-image: url("../Images/search-placeholder-icon.svg");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position-x: 6px;
  background-position-y: center;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter select {
  border: 1px solid var(--nxa-color-menu-blue);
  border-radius: 5px;
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
  width: 0;
  height: 0;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 5px;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
  cursor: pointer;
/*  background-color: #e6e6e6; */
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-arrow {
  border-top: none;
  border-bottom: 6px solid #bbb;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="asc"] .tabulator-col-content .tabulator-arrow {
  border-top: none;
  border-bottom: 6px solid #666;
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="desc"] .tabulator-col-content .tabulator-arrow {
  border-top: 6px solid #666;
  border-bottom: none;
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  text-orientation: mixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
  padding-right: 0;
  padding-top: 10px;
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
  padding-right: 0;
  padding-bottom: 10px;
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-arrow {
  right: calc(50% - 6px);
}

.tabulator .tabulator-header .tabulator-frozen {
  display: inline-block;
  position: absolute;
  z-index: 10;
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid rgba(0, 0, 0, 0.12);
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid rgba(0, 0, 0, 0.12);
}

.tabulator .tabulator-header .tabulator-calcs-holder {
  box-sizing: border-box;
  width: 100%;
  background: white !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
/*  border-bottom: 1px solid rgba(0, 0, 0, 0.12); */
  overflow: hidden;
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  background: white !important;
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder {
  min-width: 600%;
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
  display: none;
}

.tabulator .tabulator-tableHolder {
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.tabulator .tabulator-tableHolder:focus {
  outline: none;
}

.tabulator .tabulator-tableHolder .tabulator-placeholder {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode="virtual"] {
  min-height: 100%;
  min-width: 100%;
}

.tabulator .tabulator-tableHolder .tabulator-placeholder span {
  display: inline-block;
  margin: 0 auto;
  padding: 10px;
  color: #000;
  font-weight: bold;
  font-size: 20px;
}

.tabulator .tabulator-tableHolder .tabulator-table {
  position: relative;
  display: inline-block;
  background-color: transparent;
  white-space: nowrap;
  overflow: visible;
}

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
  font-weight: bold;
  background: rgba(229, 229, 229, 0.5) !important;
}

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
  border-top: 2px solid rgba(0, 0, 0, 0.12);
}

.tabulator .tabulator-col-resize-handle {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5px;
}

.tabulator .tabulator-col-resize-handle.prev {
  left: 0;
  right: auto;
}

.tabulator .tabulator-col-resize-handle:hover {
  cursor: ew-resize;
}

.tabulator .tabulator-footer {
  padding: 5px 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

.tabulator .tabulator-footer .tabulator-calcs-holder {
  box-sizing: border-box;
  width: calc(100% + 20px);
  margin: -5px -10px 5px -10px;
  text-align: left;
  background: white !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  background: white !important;
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}

.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
  margin-bottom: -5px;
  border-bottom: none;
}

.tabulator .tabulator-footer .tabulator-paginator {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.tabulator .tabulator-footer .tabulator-page-size {
  display: inline-block;
  margin: 0 5px;
  padding: 2px 5px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}

.tabulator .tabulator-footer .tabulator-page {
  display: inline-block;
  margin: 0;
  margin-top: 5px;
  padding: 8px 12px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-right: none;
  background: rgba(255, 255, 255, 0.2);
}

.tabulator .tabulator-footer .tabulator-page[data-page="first"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.tabulator .tabulator-footer .tabulator-page[data-page="last"] {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tabulator .tabulator-footer .tabulator-page.active {
  color: #ee6e73;
}

.tabulator .tabulator-footer .tabulator-page:disabled {
  opacity: .5;
}

.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}

.tabulator .tabulator-loader {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
}

.tabulator .tabulator-loader .tabulator-loader-msg {
  display: inline-block;
  margin: 0 auto;
  padding: 10px 20px;
  border-radius: 10px;
  background: #fff;
  font-weight: bold;
  font-size: 16px;
}

.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
  border: 4px solid #333;
  color: #000;
}

.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
  border: 4px solid #D00;
  color: #590000;
}

.tabulator.striped .tabulator-row:nth-child(even) {
  background-color: rgba(242, 242, 242, 0.5);
}

.tabulator.striped .tabulator-row:nth-child(even).tabulator-selected {
  background-color: #ee6e73;
}

.tabulator.striped .tabulator-row:nth-child(even).tabulator-selectable:hover {
  background-color: rgba(242, 242, 242, 0.5);
  cursor: pointer;
}

.tabulator.striped .tabulator-row:nth-child(even).tabulator-selected:hover {
  background-color: #ee6e73;
  cursor: pointer;
}

.tabulator-row {
  position: relative;
  box-sizing: border-box;
  min-height: 20px;
  background-color: transparent;
/*  border-bottom: 1px solid rgba(0, 0, 0, 0.12); */
}

.tabulator-row.tabulator-selectable:hover {
  background-color: rgba(242, 242, 242, 0.5);
  cursor: pointer;
}

.tabulator-row.tabulator-selected {
  background-color: #cbeef9;
}

.tabulator-row.tabulator-selected:hover {
  background-color: #cbeef9;
  cursor: pointer;
}

.nxa_color {
  color: var(--nxa-color-menu-blue);
}

.tabulator-row.tabulator-moving {
  position: absolute;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  pointer-events: none !important;
  z-index: 15;
}

.tabulator-row .tabulator-row-resize-handle {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
}

.tabulator-row .tabulator-row-resize-handle.prev {
  top: 0;
  bottom: auto;
}

.tabulator-row .tabulator-row-resize-handle:hover {
  cursor: ns-resize;
}

.tabulator-row .tabulator-frozen {
  display: inline-block;
  position: absolute;
  background-color: inherit;
  z-index: 10;
}

.tabulator-row .tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid rgba(0, 0, 0, 0.12);
}

.tabulator-row .tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid rgba(0, 0, 0, 0.12);
}

.tabulator-row .tabulator-responsive-collapse {
  box-sizing: border-box;
  padding: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.tabulator-row .tabulator-responsive-collapse:empty {
  display: none;
}

.tabulator-row .tabulator-responsive-collapse table {
  font-size: 16px;
}

.tabulator-row .tabulator-responsive-collapse table tr td {
  position: relative;
}

.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
  padding-right: 10px;
}

.tabulator-row .tabulator-cell {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 5px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tabulator-row .tabulator-cell:last-of-type {
  border-right: none;
}

.tabulator-row .tabulator-cell.tabulator-editing {
  border: 1px solid #ee6e73;
  padding: 0;
}

.tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
  border: 1px;
  background: transparent;
}

.tabulator-row .tabulator-cell.tabulator-validation-fail {
  border: 1px solid #dd0000;
}

.tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
  border: 1px;
  background: transparent;
  color: #dd0000;
}

.tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
  display: none;
}

.tabulator-row .tabulator-cell.tabulator-row-handle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
  width: 80%;
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  width: 100%;
  height: 3px;
  margin-top: 2px;
  background: #666;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 7px;
  margin-top: -9px;
  margin-right: 5px;
  border-bottom-left-radius: 1px;
  border-left: 2px solid rgba(60, 21, 200, 0.6);
  border-bottom: 2px solid rgba(60, 21, 200, 0.6);
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  margin-right: 5px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: rgba(60, 21, 200, 0.6);
  overflow: hidden;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
  cursor: pointer;
  background: rgba(60, 21, 200, 0.3);
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: transparent;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #ccc;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: #ccc;
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #ccc;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  height: 15px;
  width: 15px;
  border-radius: 20px;
  background: #666;
  color: transparent;
  font-weight: bold;
  font-size: 1.1em;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
  opacity: .7;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
  display: initial;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
  display: none;
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
  display: none;
}

.tabulator-row .tabulator-cell .tabulator-traffic-light {
  display: inline-block;
  height: 14px;
  width: 14px;
  border-radius: 14px;
}

.tabulator-row.tabulator-group {
  box-sizing: border-box;
  border-bottom: 1px solid #999;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid #999;
  padding: 5px;
  padding-left: 10px;
  background: #fafafa;
  font-weight: bold;
  min-width: 100%;
}

.tabulator-row.tabulator-group:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}

.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  margin-right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  border-bottom: 0;
}

.tabulator-row.tabulator-group.tabulator-group-level-1 {
  padding-left: 30px;
}

.tabulator-row.tabulator-group.tabulator-group-level-2 {
  padding-left: 50px;
}

.tabulator-row.tabulator-group.tabulator-group-level-3 {
  padding-left: 70px;
}

.tabulator-row.tabulator-group.tabulator-group-level-4 {
  padding-left: 90px;
}

.tabulator-row.tabulator-group.tabulator-group-level-5 {
  padding-left: 110px;
}

.tabulator-row.tabulator-group .tabulator-group-toggle {
  display: inline-block;
}

.tabulator-row.tabulator-group .tabulator-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 16px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 0;
  border-left: 6px solid #666;
  vertical-align: middle;
}

.tabulator-row.tabulator-group span {
  margin-left: 10px;
  color: #666;
}

.tabulator-menu {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
}

.tabulator-menu .tabulator-menu-item {
  padding: 5px 10px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
  opacity: .5;
}

.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
  cursor: pointer;
  background: rgba(242, 242, 242, 0.5);
}

.tabulator-menu .tabulator-menu-separator {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.tabulator-edit-select-list {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  max-height: 200px;
  background: #fff;
  border: 3px outset rgba(42, 147, 218, 0.12);
  font-size: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10001;
}

.tabulator-edit-select-list .tabulator-edit-select-list-item {
  padding: 4px;
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.active {
  /* color: #fff; */
  background: #cbeef9;
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
  outline: 1px solid rgba(255, 255, 255, 0.5);
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
  outline: 1px solid #cbeef9;
}

.tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
  cursor: pointer;
  /* color: #fff; */
  background: #cbeef9;
}

.tabulator-edit-select-list .tabulator-edit-select-list-notice {
  padding: 4px;
  text-align: center;
}

.tabulator-edit-select-list .tabulator-edit-select-list-group {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 4px;
  padding-top: 6px;
  font-weight: bold;
}

.tabulator-print-fullscreen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}

body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
  display: none !important;
}

.tabulator-print-table {
  border-collapse: collapse;
}

.tabulator-print-table .tabulator-print-table-group {
  box-sizing: border-box;
  border-bottom: 1px solid #999;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  border-top: 1px solid #999;
  padding: 5px;
  padding-left: 10px;
  background: #fafafa;
  font-weight: bold;
  min-width: 100%;
}

.tabulator-print-table .tabulator-print-table-group:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
  margin-right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  border-bottom: 0;
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
  padding-left: 30px !important;
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
  padding-left: 50px !important;
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
  padding-left: 70px !important;
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
  padding-left: 90px !important;
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
  padding-left: 110px !important;
}

.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
  display: inline-block;
}

.tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 16px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 0;
  border-left: 6px solid #666;
  vertical-align: middle;
}

.tabulator-print-table .tabulator-print-table-group span {
  margin-left: 10px;
  color: #666;
}

.tabulator-print-table .tabulator-data-tree-branch {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 7px;
  margin-top: -9px;
  margin-right: 5px;
  border-bottom-left-radius: 1px;
  border-left: 2px solid rgba(0, 0, 0, 0.12);
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
}

.tabulator-print-table .tabulator-data-tree-control {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  margin-right: 5px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.tabulator-print-table .tabulator-data-tree-control:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: transparent;
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #ccc;
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: #ccc;
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #ccc;
}

/** global-vars */

/** 3rd Party */
/** NOTE: https://nxainternaltracker.nextaxiom.com/view.php?id=6602  **/

/* Auth Tool */


/* Container */

/* Control Widget */

/* Mon Tool */

/* Perf Tool */

/* UI Common */

/* UI Common Dialogs */

/* Work Portal */