:root {
  --primary: #2b64a9;
  --secondary: #b6246b;
  --tertiary: #163255;
  --primary-reverse: #ffffff;
  --secondary-reverse: #ffffff;
  --tertiary-reverse: #ffffff;
  --base-theme: #ffffff;
  --base-invert: #182026;
  --base-component-bg: #ffffff;
  --menu-active-bg: transparent;
  --menubar-bg: #f9fafb;
  --btn-bg: #fdfdfd; }

:root {
  --navbar-text-color: #1a1a1a;
  --navbar-icon-color: #1a1a1a;
  --navbar-background: white;
  --navbar-separator-color: grey;
  --navbar-active-text-color: #014961;
  --navbar-active-icon-color: #014961;
  --navbar-active-background: white; }

.ag-theme-material {
  --ag-foreground-color: #182026;
  --ag-background-color: transparent;
  --ag-header-foreground-color: var(--primary, $primary);
  --ag-material-primary-color: var(--primary, $primary);
  --ag-input-focus-border-color: var(--primary, $primary);
  --ag-border-color: #eaeaea;
  --ag-row-border-color: #eaeaea;
  --ag-secondary-border-color: #eaeaea;
  --ag-row-hover-color: #f7f7f7;
  --ag-range-selection-border-color: var(--primary, $primary);
  --ag-font-size: 17px;
  --ag-font-family: monospace;
  --ag-borders: solid 1px;
  --ag-borders-row: solid 1px; }

.grid-dialog-header {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-areas: "icon title close";
  grid-template-columns: auto 1fr auto;
  align-items: center; }
  .grid-dialog-header__icon {
    grid-area: icon; }
  .grid-dialog-header__title {
    grid-area: title; }
  .grid-dialog-header__close {
    grid-area: close;
    text-align: end; }
  .grid-dialog-header__icon, .grid-dialog-header__title, .grid-dialog-header__close {
    display: flex;
    align-items: center; }

.grid-dialog-footer {
  display: grid;
  align-items: center;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr; }
  .grid-dialog-footer__left {
    text-align: left; }
  .grid-dialog-footer__right {
    text-align: right; }

ux-dialog {
  padding: 0; }
  ux-dialog-overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    right: 0; }
  ux-dialog-container {
    display: block;
    transition: all 0.4s ease-out;
    overflow: hidde;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    ux-dialog-container > div {
      width: 100%;
      height: 100%; }
      ux-dialog-container > div > div {
        height: 100%; }
  ux-dialog {
    width: 80%;
    display: table;
    border-radius: 5px;
    margin: auto;
    border: none; }
    ux-dialog > ux-dialog-header {
      padding: 20px 15px 20px 15px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: solid 5px var(--primary, #2b64a9);
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      border-bottom: none; }
      ux-dialog > ux-dialog-header button.dialog-close {
        display: none; }
      ux-dialog > ux-dialog-header h5 {
        margin: 0; }
      ux-dialog > ux-dialog-header .dialog-header-content {
        width: 100%; }
        ux-dialog > ux-dialog-header .dialog-header-content .grid-dialog-header .grid-dialog-header__icon {
          color: var(--primary, #2b64a9); }
        ux-dialog > ux-dialog-header .dialog-header-content .grid-dialog-header .grid-dialog-header__title > h5 {
          font-size: 1.5em; }
        ux-dialog > ux-dialog-header .dialog-header-content .grid-dialog-header .grid-dialog-header__title > h5 {
          margin: 0; }
        ux-dialog > ux-dialog-header .dialog-header-content .grid-dialog-header .grid-dialog-header__close .ui-btn__icon {
          padding: 0; }
          ux-dialog > ux-dialog-header .dialog-header-content .grid-dialog-header .grid-dialog-header__close .ui-btn__icon .ui-icon {
            font-size: 1.5em; }
    ux-dialog > ux-dialog-body {
      display: block;
      padding: 0px 15px;
      flex-grow: 1;
      overflow: auto;
      min-height: 2em;
      margin: 20px 0;
      margin-top: 8px; }
      ux-dialog > ux-dialog-body > .row {
        margin: 0; }
        ux-dialog > ux-dialog-body > .row > .col {
          padding: 0; }
      ux-dialog > ux-dialog-body > .dialog-box-message ul {
        overflow-y: scroll;
        height: 200px;
        margin-bottom: 0; }
    ux-dialog > ux-dialog-footer {
      display: block;
      flex-shrink: 0;
      width: 100%;
      text-align: right;
      background-color: #f4f4f4;
      border-bottom-left-radius: 5px;
      padding: 10px 15px;
      border-bottom-right-radius: 5px; }
  ux-dialog.warningBox ux-dialog-header {
    border-top: solid 5px #d9822b; }
    ux-dialog.warningBox ux-dialog-header .dialog-header-content > .grid-dialog-header > .grid-dialog-header__icon {
      color: #d9822b; }
  ux-dialog.warningBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child {
    background-color: #d9822b; }
    ux-dialog.warningBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child:hover {
      background-color: #e3a160; }
  ux-dialog.warningBox ::-webkit-scrollbar-thumb {
    background-color: #ecc195; }
    ux-dialog.warningBox ::-webkit-scrollbar-thumb:hover {
      background-color: #d9822b; }
  ux-dialog.questionBox ux-dialog-header, ux-dialog.notificationBox ux-dialog-header {
    border-top: solid 5px var(--primary, #2b64a9); }
    ux-dialog.questionBox ux-dialog-header .dialog-header-content > .grid-dialog-header > .grid-dialog-header__icon, ux-dialog.notificationBox ux-dialog-header .dialog-header-content > .grid-dialog-header > .grid-dialog-header__icon {
      color: var(--primary, #2b64a9); }
  ux-dialog.questionBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child, ux-dialog.notificationBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child {
    background-color: var(--primary, #2b64a9); }
    ux-dialog.questionBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child:hover, ux-dialog.notificationBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child:hover {
      background-color: var(--primary-white-75, #608bbf); }
  ux-dialog.questionBox ::-webkit-scrollbar-thumb, ux-dialog.notificationBox ::-webkit-scrollbar-thumb {
    background-color: var(--primary-white-50, #95b2d4); }
    ux-dialog.questionBox ::-webkit-scrollbar-thumb:hover, ux-dialog.notificationBox ::-webkit-scrollbar-thumb:hover {
      background-color: var(--primary, #2b64a9); }
  ux-dialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__icon {
    color: var(--ux-dialog-color-header, var(--primary-reverse, #ffffff)); }
  ux-dialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__close {
    color: var(--ux-dialog-color-header, var(--primary-reverse, #ffffff)); }
    ux-dialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__close:hover {
      color: #bfbfbf; }
    ux-dialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__close ui-button {
      color: inherit; }
  ux-dialog.editDialog ux-dialog-header {
    border-top: none; }
    ux-dialog.editDialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__icon {
      color: var(--ux-dialog-color-header, var(--primary-reverse, #ffffff)); }
    ux-dialog.editDialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__close {
      color: var(--ux-dialog-color-header, var(--primary-reverse, #ffffff)); }
      ux-dialog.editDialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__close:hover {
        color: #bfbfbf; }
      ux-dialog.editDialog ux-dialog-header .dialog-header-content > .grid-dialog-header .grid-dialog-header__close ui-button {
        color: inherit; }
  ux-dialog.errorBox ux-dialog-header {
    border-top: solid 5px #db3737; }
    ux-dialog.errorBox ux-dialog-header .dialog-header-content > .grid-dialog-header > .grid-dialog-header__icon {
      color: #db3737; }
  ux-dialog.errorBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child {
    background-color: #db3737; }
    ux-dialog.errorBox ux-dialog-footer ui-button.ui-theme--primary[data-type="solid"]:last-child:hover {
      background-color: #e46969; }
  ux-dialog.errorBox ::-webkit-scrollbar-thumb {
    background-color: #ed9b9b; }
    ux-dialog.errorBox ::-webkit-scrollbar-thumb:hover {
      background-color: #db3737; }
  ux-dialog.editBox, ux-dialog.questionBox, ux-dialog.notificationBox, ux-dialog.warningBox, ux-dialog.errorBox {
    margin-top: 8vh; }
    ux-dialog.editBox > ux-dialog-header button.dialog-close, ux-dialog.questionBox > ux-dialog-header button.dialog-close, ux-dialog.notificationBox > ux-dialog-header button.dialog-close, ux-dialog.warningBox > ux-dialog-header button.dialog-close, ux-dialog.errorBox > ux-dialog-header button.dialog-close {
      display: none; }
  ux-dialog.editDialog {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0;
    position: absolute;
    right: 0;
    width: 75%; }
    ux-dialog.editDialog.ui-dialog-right {
      left: auto;
      right: 0; }
    ux-dialog.editDialog.ui-dialog-left {
      left: 0;
      right: auto; }
    ux-dialog.editDialog.ui-dialog-sm {
      width: 30%; }
    ux-dialog.editDialog.ui-dialog-md {
      width: 50%; }
    ux-dialog.editDialog.ui-dialog-lg {
      width: 75%; }
    ux-dialog.editDialog.ui-dialog-xl {
      width: 90%; }
    ux-dialog.editDialog.ui-dialog-all {
      --left-width: 280px;
      width: calc(100% - var(--left-width)); }
    @media only screen and (max-width: 1280px) {
      ux-dialog.editDialog.ui-dialog-sm {
        width: 50%; }
      ux-dialog.editDialog.ui-dialog-md {
        width: 75%; }
      ux-dialog.editDialog.ui-dialog-lg, ux-dialog.editDialog.ui-dialog-xl, ux-dialog.editDialog.ui-dialog-all {
        width: 95%; } }
    @media only screen and (max-width: 768px) {
      ux-dialog.editDialog.ui-dialog-sm {
        width: 75%; }
      ux-dialog.editDialog.ui-dialog-md, ux-dialog.editDialog.ui-dialog-lg, ux-dialog.editDialog.ui-dialog-xl, ux-dialog.editDialog.ui-dialog-all {
        width: 95%; } }
    @media only screen and (max-width: 480px) {
      ux-dialog.editDialog.ui-dialog-sm, ux-dialog.editDialog.ui-dialog-md, ux-dialog.editDialog.ui-dialog-lg, ux-dialog.editDialog.ui-dialog-xl, ux-dialog.editDialog.ui-dialog-all {
        width: 95%; } }

body.condensed ux-dialog.editDialog.ui-dialog-all {
  --left-width-condensed: 60px;
  width: calc(100% - var(--left-width-condensed)); }

.editBox,
.questionBox,
.notificationBox,
.warningBox,
.errorBox {
  min-width: 500px;
  max-width: 500px; }
  .editBox .modal-body .message,
  .questionBox .modal-body .message,
  .notificationBox .modal-body .message,
  .warningBox .modal-body .message,
  .errorBox .modal-body .message {
    vertical-align: top;
    float: right;
    display: table-cell; }
  .editBox .modal-body div,
  .questionBox .modal-body div,
  .notificationBox .modal-body div,
  .warningBox .modal-body div,
  .errorBox .modal-body div {
    margin-top: 5px;
    display: table; }
    .editBox .modal-body div i,
    .questionBox .modal-body div i,
    .notificationBox .modal-body div i,
    .warningBox .modal-body div i,
    .errorBox .modal-body div i {
      font-size: 20px;
      font-style: normal;
      padding-right: 5px;
      display: table-cell;
      vertical-align: baseline; }
