@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
:root {
  --surface-0: #ffffff;
  --surface-50: #FAFAFA;
  --surface-100: #F5F5F5;
  --surface-200: #EEEEEE;
  --surface-300: #E0E0E0;
  --surface-400: #BDBDBD;
  --surface-500: #9E9E9E;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --surface-ground:#f8f9fa;
  --surface-section:#ffffff;
  --surface-card:#ffffff;
  --surface-overlay:#ffffff;
  --surface-border:#dee2e6;
  --content-padding:1rem;
  --inline-spacing:0.5rem;
  --border-radius:3px;
  --blue-50:#f4fafe;
  --blue-100:#cae6fc;
  --blue-200:#a0d2fa;
  --blue-300:#75bef8;
  --blue-400:#4baaf5;
  --blue-500:#2196f3;
  --blue-600:#1c80cf;
  --blue-700:#1769aa;
  --blue-800:#125386;
  --blue-900:#0d3c61;
  --green-50:#f6fbf6;
  --green-100:#d4ecd5;
  --green-200:#b2ddb4;
  --green-300:#90cd93;
  --green-400:#6ebe71;
  --green-500:#4caf50;
  --green-600:#419544;
  --green-700:#357b38;
  --green-800:#2a602c;
  --green-900:#1e4620;
  --yellow-50:#fffcf5;
  --yellow-100:#fef0cd;
  --yellow-200:#fde4a5;
  --yellow-300:#fdd87d;
  --yellow-400:#fccc55;
  --yellow-500:#fbc02d;
  --yellow-600:#d5a326;
  --yellow-700:#b08620;
  --yellow-800:#8a6a19;
  --yellow-900:#644d12;
  --cyan-50:#f2fcfd;
  --cyan-100:#c2eff5;
  --cyan-200:#91e2ed;
  --cyan-300:#61d5e4;
  --cyan-400:#30c9dc;
  --cyan-500:#00bcd4;
  --cyan-600:#00a0b4;
  --cyan-700:#008494;
  --cyan-800:#006775;
  --cyan-900:#004b55;
  --pink-50:#fef4f7;
  --pink-100:#fac9da;
  --pink-200:#f69ebc;
  --pink-300:#f1749e;
  --pink-400:#ed4981;
  --pink-500:#e91e63;
  --pink-600:#c61a54;
  --pink-700:#a31545;
  --pink-800:#801136;
  --pink-900:#5d0c28;
  --indigo-50:#f5f6fb;
  --indigo-100:#d1d5ed;
  --indigo-200:#acb4df;
  --indigo-300:#8893d1;
  --indigo-400:#6372c3;
  --indigo-500:#3f51b5;
  --indigo-600:#36459a;
  --indigo-700:#2c397f;
  --indigo-800:#232d64;
  --indigo-900:#192048;
  --teal-50:#f2faf9;
  --teal-100:#c2e6e2;
  --teal-200:#91d2cc;
  --teal-300:#61beb5;
  --teal-400:#30aa9f;
  --teal-500:#009688;
  --teal-600:#008074;
  --teal-700:#00695f;
  --teal-800:#00534b;
  --teal-900:#003c36;
  --orange-50:#fff8f2;
  --orange-100:#fde0c2;
  --orange-200:#fbc791;
  --orange-300:#f9ae61;
  --orange-400:#f79530;
  --orange-500:#f57c00;
  --orange-600:#d06900;
  --orange-700:#ac5700;
  --orange-800:#874400;
  --orange-900:#623200;
  --bluegray-50:#f7f9f9;
  --bluegray-100:#d9e0e3;
  --bluegray-200:#bbc7cd;
  --bluegray-300:#9caeb7;
  --bluegray-400:#7e96a1;
  --bluegray-500:#607d8b;
  --bluegray-600:#526a76;
  --bluegray-700:#435861;
  --bluegray-800:#35454c;
  --bluegray-900:#263238;
  --purple-50:#faf4fb;
  --purple-100:#e7cbec;
  --purple-200:#d4a2dd;
  --purple-300:#c279ce;
  --purple-400:#af50bf;
  --purple-500:#9c27b0;
  --purple-600:#852196;
  --purple-700:#6d1b7b;
  --purple-800:#561561;
  --purple-900:#3e1046;
  --gray-50: #FAFAFA;
  --gray-100: #F5F5F5;
  --gray-200: #EEEEEE;
  --gray-300: #E0E0E0;
  --gray-400: #BDBDBD;
  --gray-500: #9E9E9E;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
}

/* For documentation
ui-sm-* Phones     max-width: 40em (640px)
ui-md-* Tablets    min-width: 40.063em (641px)
ui-lg-* Desktops   min-width: 64.063em (1025px)
ui-xl-* Big screen min-width: 90.063em (1441px)
*/
:root {
  --pastel-green: #93C47D;
  --pastel-darkgreen: #77b45b;
  --pastel-red-1: #E06666;
  --pastel-red-2: #dd5555;
  --pastel-red-3: #d94444;
  --pastel-red-4: #d63333;
  --pastel-red-5: #992020;
  --pastel-red-6: #7a1919;
}

.disabled {
  color: darkgray;
}

.color__invalid {
  color: red !important;
}

.color__warning {
  color: red;
}

.color__highlight {
  color: magenta;
}

.color__darkgray {
  color: darkgray;
}

.color__green {
  color: #238823;
}

.pi.bigger {
  font-size: 1.2rem;
}

.ui-icon.icon__tableCell {
  vertical-align: middle;
}

.ui-icon.icon__tableCell_bigger_round {
  vertical-align: middle;
  background-size: 1.8rem;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 4px;
}

.ui-icon.icon__linkGlobe {
  background-image: url("/jakarta.faces.resource/link_globe.svg?ln=images");
  background-size: 16px;
}

.icon__excel {
  background-image: url("/jakarta.faces.resource/if_excel_272703.svg?ln=images");
  background-size: 16px;
  left: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
}

.icon__word {
  background-image: url("/jakarta.faces.resource/if_word_272708.svg?ln=images");
  background-size: 16px;
  left: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
}

.icon__powerpoint {
  background-image: url("/jakarta.faces.resource/powerpoint.svg?ln=images");
  background-size: 16px;
  left: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
}

.icon__mail {
  background-image: url("/jakarta.faces.resource/email1.svg?ln=images");
  background-size: 16px;
  width: 20px;
  height: 20px;
}

.icon__pdf {
  background-image: url("/jakarta.faces.resource/pdf.svg?ln=images");
  background-size: 16px;
  left: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
}

.icon__genericFile {
  background-image: url("/jakarta.faces.resource/file.svg?ln=images");
  background-size: 16px;
  width: 20px;
  height: 20px;
}

.icon_searchMore {
  background-image: url("/jakarta.faces.resource/icons8-search-more-24.png?ln=images");
  background-size: 20px;
  width: 20px;
  height: 20px;
}

.icon__cycle {
  background-image: url("");
  background-size: 16px;
  left: 2px;
  top: 2px;
  width: 20px;
  height: 20px;
}

.tooltipIconAfterText {
  margin-left: 0.3rem;
}

.linethrough {
  text-decoration: line-through;
}

.gray {
  color: gray;
}

.glass {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5;
  background-color: white;
}

.lightGlass {
  opacity: 0.8;
  background-color: white;
}

.floatright {
  float: right;
}

.floatleft {
  float: left;
}

body .bold, body .ui-icon.bold, body .bold .pi {
  font-weight: bold;
}

.pageTitle {
  display: inline;
}

.prettydate {
  display: none;
}

@media screen and (min-width: 90.063em) {
  .prettydate {
    display: inline;
  }
}
.utility__pastDue, body .ui-widget-content .ui-icon.utility__pastDue {
  color: hsl(0, 71%, 45%);
}

.ui-tag.utility__pastDue {
  background-color: hsl(0, 71%, 45%);
}

.icon-flipped {
  transform: scaleX(-1);
}

.tooltipIcon {
  padding: 0.25em;
  font-size: 16px;
  cursor: help;
}

.text-next-to-icon {
  vertical-align: top;
  padding-left: 5px;
}

body .hidden {
  display: none;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.floatclear {
  clear: both;
}

.preformatted {
  white-space: pre;
}

.preserveLineBreak {
  white-space: pre-line;
}

.prewrap, .truncate-text-for-table-cell.prewrap, .ui-growl-message {
  white-space: pre-wrap;
}

body .ui-tooltip .ui-tooltip-text {
  background-color: var(--primary-lighter-color);
  color: black;
}
body .ui-tooltip .ui-tooltip-text p {
  margin-bottom: 0.2rem;
}
body .ui-tooltip .ui-tooltip-arrow {
  border: none;
}

.singleline-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* mixin for multiline */
span.multiline-ellipsis-2 {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
}

.ui-overlaypanel .ui-overlaypanel-content span.multiline-ellipsis-2 {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
}

.ui-overlaypanel .ui-overlaypanel-content span.multiline-ellipsis-3 {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  white-space: normal;
}

td.multiline-ellipsis-2 span, td.multiline-ellipsis-2 a {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
}
td.multiline-ellipsis-2 .ui-overlaypanel span {
  display: inline;
}

body .ui-datatable .ui-datatable-data > tr > td.multiline-ellipsis-2 {
  padding-bottom: 0;
}

td.multiline-ellipsis-3 span {
  display: -webkit-inline-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  white-space: normal;
}

body .smaller-font {
  font-size: 0.9rem;
}

.width18em {
  width: 18em;
}

.width20em {
  width: 20em;
}

.ui-state-disabled.showTooltip {
  pointer-events: all;
}

.fadeAfter5rem {
  position: relative;
  max-height: 5rem;
  white-space: break-spaces;
  /* … */
}

.fadeAfter5rem:before {
  content: "";
  width: 100%;
  height: 6rem;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(transparent 20px, white);
}

.overflow-visible {
  white-space: nowrap;
  overflow: visible;
}

.clickable-parent::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ui-message-info-detail, .ui-message-warn-detail, .ui-message-error-detail {
  display: inline-block;
}

.ui-message {
  padding: 0.5rem;
}
.ui-message span {
  vertical-align: top;
}
.ui-message p {
  margin-top: -0.15rem;
}

.ui-growl-item-container {
  opacity: 0.9;
}
.ui-growl-item-container .ui-growl-message {
  font-size: 1.2rem;
}

body {
  font-family: var(--font-family), sans-serif;
}
body .jqplot-target {
  font-family: var(--font-family), sans-serif;
}
body .ui-widget {
  font-family: var(--font-family), sans-serif;
}
body .ui-widget .ui-widget {
  font-family: var(--font-family), sans-serif;
}
body .ui-widget.ui-icon {
  font-family: "Material Icons";
}

body .ui-icon.pi {
  font-family: primeicons;
}

body .ui-button .ui-icon {
  font-size: 1.4rem;
}

/* remove ultima logo */
.layout-wrapper .topbar .logo {
  background: none;
}

body.main-body {
  background-color: var(--screen-bg-color);
}

@media screen and (max-width: 40em) {
  .layout-wrapper .layout-main {
    padding: 80px 10px;
  }
}
.layout-wrapper .footer {
  padding: 0;
  margin-bottom: 0.5rem;
  margin-left: 1.5rem;
  height: 1.5rem;
}
.layout-wrapper .footer div {
  width: 100%;
}
.layout-wrapper .footer .footer-text-right span {
  vertical-align: unset;
}

/* media queries */
.footer {
  display: none;
}

@media screen and (min-width: 64.063em) {
  .footer {
    display: inherit;
  }
}
body.design-flat .layout-wrapper .card {
  box-shadow: none;
}
body.design-flat .layout-wrapper .ui-button {
  box-shadow: none;
}
body.design-flat .layout-wrapper .layout-menu {
  box-shadow: none;
}
body.design-flat .layout-wrapper .layout-menu .profile {
  box-shadow: none;
}
body.design-flat .layout-wrapper .topbar .topbar-left {
  box-shadow: none;
}
body.design-flat .layout-wrapper .ui-datatable th, body.design-flat .layout-wrapper .ui-datatable td, body.design-flat .layout-wrapper .ui-datatable thead, body.design-flat .layout-wrapper .ui-datatable tbody, body.design-flat .layout-wrapper .ui-treetable th, body.design-flat .layout-wrapper .ui-treetable td, body.design-flat .layout-wrapper .ui-treetable thead, body.design-flat .layout-wrapper .ui-treetable tbody {
  border: none;
}
body.design-flat .layout-wrapper .ui-datatable thead tr, body.design-flat .layout-wrapper .ui-treetable thead tr {
  border-bottom: lightgrey solid 2px;
}
body.design-flat .layout-wrapper .ui-datatable tr, body.design-flat .layout-wrapper .ui-treetable tr {
  border-bottom: lightgrey solid 1px;
}
body.design-flat .layout-wrapper .ui-paginator {
  border: none;
}

/* For documentation
ui-sm-* Phones     max-width: 40em (640px)
ui-md-* Tablets    min-width: 40.063em (641px)
ui-lg-* Desktops   min-width: 64.063em (1025px)
ui-xl-* Big screen min-width: 90.063em (1441px)
*/
.responsive__onlyXlVisible {
  max-width: 15em;
}

@media screen and (min-width: 40.063em) {
  body .sm-visible {
    display: none !important;
  }
}
@media screen and (max-width: 40em) {
  body .md-visible {
    display: none !important;
  }
}
@media screen and (max-width: 115em) {
  body .responsive__onlyXlVisible {
    display: none !important;
  }
  .responsive__dateColumn {
    width: 6rem;
    min-width: 5rem;
  }
}
@media screen and (min-width: 115.063em) {
  body .responsive__notXlVisible {
    display: none !important;
  }
  .responsive__dateColumn {
    width: 12rem;
    min-width: 12rem;
  }
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu {
  margin-top: 14px;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li a {
  padding-left: 12px;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li a i:first-child {
  margin-right: 8px;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li a {
  position: relative;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li a .menuitem-badge {
  background-color: var(--badge-bg-color) !important;
  color: white !important;
  height: 20px;
  width: 20px;
  line-height: 20px;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li a .menuitem-badge.menu__badge-urgent {
  background-color: hsl(0, 71%, 45%) !important;
  right: 60px;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li a .menuitem-badge.menu__badge-expert {
  background-color: #004c97 !important;
  right: 85px;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li .menu__indent3Levels {
  padding-left: 70px;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li li a {
  padding-left: 54px;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li li li a {
  padding-left: 65px;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li li li li a {
  padding-left: 80px;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li.active-menuitem > a {
  color: var(--active-menuitem-color);
  font-weight: bold;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li.active-menuitem > a i {
  color: var(--active-menuitem-color);
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu > li.active-menuitem > a .menuitem-badge {
  display: none;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li.active-menuitem > a, body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu.active-menuitem > a {
  background-color: var(--active-menuitem-bg-color);
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li.active-menuitem > a:hover, body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu li.active-menuitem > a a:hover, body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu.active-menuitem > a:hover, body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu.active-menuitem > a a:hover {
  background-color: var(--active-menuitem-hover-bg-color) !important;
}

.menu__item-image {
  background-repeat: no-repeat;
  background-position: 32px center;
  background-size: auto 70%;
}

body.layout-compact .layout-wrapper .layout-menu #profile-menu {
  margin-top: 0;
}
body.layout-compact .layout-wrapper .layout-menu #profile-menu ul.ultima-menu {
  margin-top: 0;
}

body .layout-wrapper .layout-menu {
  transition: none;
}
body .layout-wrapper .layout-menu > .nano > .nano-content.menu-scroll-content {
  height: calc(100% - 100px);
}
body .layout-wrapper .layout-menu .profile {
  padding-top: 45px;
}
body .layout-wrapper .layout-menu .profile .profile-image {
  display: block;
  width: 65px;
  height: 65px;
  background: none;
  border-radius: 50%;
  overflow: hidden;
}
body .layout-wrapper .layout-menu .profile .profile-image img {
  max-width: 100%;
}
body .layout-wrapper .layout-menu .profile a.menu__profile-switched span.profile-name {
  color: #c42121;
}
body .layout-wrapper .layout-menu #profile-menu ul li ul li a.menu__item-image {
  padding-left: 64px;
}
body .layout-wrapper .layout-menu #menuform-profile-menu-switched a i, body .layout-wrapper .layout-menu #menuform-profile-menu-switched a span {
  color: #c42121;
}
body .layout-wrapper .layout-menu .layout-menu-dark .profile-name, body .layout-wrapper .layout-menu .layout-menu-dark i {
  color: white;
}

.layout-wrapper .layout-menu .profile, .layout-wrapper .layout-menu.layout-menu-dark .profile {
  background-image: none;
}

.menu__menuButtonRight {
  left: unset !important;
  right: 30px;
  width: 300px;
}

body .ui-menu.ui-tieredmenu {
  padding: 0;
}
body .ui-menu.ui-tieredmenu .ui-menu-child {
  padding: 0;
}

.layout-wrapper {
  width: 99%;
}
.layout-wrapper .logo {
  margin-top: -20px;
  margin-right: 5px;
}
.layout-wrapper .logo a {
  color: white;
  font-size: 2em;
  display: block;
  margin-top: 13px;
}
.layout-wrapper .logo a img {
  max-height: 50px;
  max-width: 200px;
}
.layout-wrapper .topbar {
  background-color: var(--topbar-bg-color);
}
@media (max-width: 1024px) {
  .layout-wrapper .topbar {
    background-color: var(--topbar-bg-color);
  }
}
.layout-wrapper .topbar .topbar-left {
  background-color: var(--topbar-left-bg-color);
  padding-top: 15px;
}
.layout-wrapper .topbar .topbar-link {
  color: white;
  position: relative;
  z-index: 100;
}
.layout-wrapper .topbar .topbar-right {
  padding-top: 10px;
}
@media (max-width: 1024px) {
  .layout-wrapper .topbar .topbar-right #topbar-menu-button {
    margin-right: 0;
  }
  .layout-wrapper .topbar .topbar-right .topbar-items {
    background-color: var(--topbar-bg-color);
  }
  .layout-wrapper .topbar .topbar-right .topbar-items > li > a {
    display: none;
  }
}
.layout-wrapper .topbar .topbar__siteName {
  color: var(--topbar-color);
  font-size: 28px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -10px;
  margin-top: 8px;
}
.layout-wrapper .topbar .topbar-items > li {
  margin-left: 0px;
}
.layout-wrapper .topbar .topbar-items > li > a .topbar-badge {
  right: 1px;
  top: 0px;
}

.topbar__topbarButton {
  margin-top: 4px;
}
.topbar__topbarButton button.ui-button {
  background-color: var(--topbar-bg-color);
  color: var(--topbar-color);
  border-radius: 3px;
}
.topbar__topbarButton button.ui-button .ui-icon {
  color: var(--topbar-color);
}

.topbar__manualsMenu {
  width: 300px;
}
.topbar__manualsMenu .ui-menuitem .ui-menuitem-link {
  display: flex;
}

@media print {
  .print__hidden {
    display: none;
  }
  .field__label-div {
    width: 33.33333%;
  }
  .field__value-div {
    width: 66.66666%;
  }
  .topbar {
    display: none;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-header {
    display: none;
  }
  .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-selected {
    display: inline-block;
  }
  .ui-button {
    display: none;
  }
}
body .ui-accordion .ui-accordion-header {
  background-color: var(--primary-light-color);
}
body .ui-accordion .ui-accordion-header .ui-icon {
  color: #ffffff;
}
body .ui-accordion .ui-accordion-header .ui-icon.accordion__headericon {
  float: right;
  position: relative;
  padding-top: 6px;
}
body .ui-accordion .ui-accordion-header.ui-state-active, body .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
  background-color: var(--primary-dark-color);
  color: #ffffff;
}
body .ui-accordion .ui-progressbar {
  background-color: var(--primary-lightest-color);
}
body .ui-accordion .ui-progressbar .ui-progressbar-value {
  background-color: var(--primary-lighter-color);
}

.ajax-loader {
  font-size: 5rem;
  width: 5rem;
  height: 5rem;
}

.avatar__image {
  height: 25px;
  width: 25px;
  position: absolute;
}

.field__value.avatar__image {
  margin-top: -5px;
}

body.layout-compact .ui-datatable tbody tr.ui-widget-content td.avatar__tablecell {
  padding-top: 2px;
  padding-bottom: 0px;
}

.avatar__name {
  margin-left: 30px;
}

td.avatar__tablecell .avatar__name {
  margin-top: 4px;
  display: inline-block;
  margin-left: 13px;
}

body.layout-compact .ui-breadcrumb li, body.layout-compact .ui-breadcrumb li a {
  color: inherit;
}
body.layout-compact .ui-breadcrumb li:first-child a {
  font-size: 14px;
  top: inherit;
  margin-top: 3px;
}
body.layout-compact .ui-breadcrumb li:first-child a span {
  display: inherit;
}

body .ui-button {
  margin-left: 5px;
  background-color: var(--button-bg-color);
}
body .ui-button.ui-state-hover {
  background-color: var(--button-hover-bg-color);
}
body .ui-button.button__outlined {
  background-color: transparent;
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
}
body .ui-button.button__outlined .ui-icon {
  color: var(--accent-color);
}

.ui-menubutton .ui-button {
  margin-left: 5px;
}

body.layout-compact .ui-button.button__smallerIcon .ui-icon {
  font-size: 16px;
  margin-top: -8px;
}
body.layout-compact .ui-button.ui-button-text-icon-left .ui-icon.pi {
  font-size: 1rem;
}
body.layout-compact .ui-button.ui-button-text-icon-right .ui-icon.pi {
  font-size: 1rem;
}

.button__button-bar {
  text-align: right;
}
.button__button-bar.button__button-bar-secondline {
  margin-top: 5px;
}

.ui-button.button__header-button, .ui-splitbutton.button__header-button {
  background-color: var(--special-button-bg-color);
  color: var(--special-button-color);
}
.ui-button.button__header-button .ui-icon, .ui-splitbutton.button__header-button .ui-icon {
  color: var(--special-button-color);
}
.ui-button.ui-state-disabled, .ui-splitbutton.ui-state-disabled {
  background-color: var(--button-disabled-bg-color);
}

body.layout-compact .ui-button.button__bigger-icon .ui-icon, body.layout-compact .ui-button.button__bigger-icon .ui-icon.pi {
  font-size: 1.5rem;
  margin-top: -12px;
  margin-left: 1px;
}
body.layout-compact .ui-button.ui-button-text-icon-left.button__biggest-icon .ui-icon {
  font-size: 20px;
  margin-top: -9px;
  margin-left: 3px;
}

#buttonDiv .ui-button.ui-selectbooleanbutton {
  color: white;
}
#buttonDiv .ui-button.ui-selectbooleanbutton .ui-icon {
  color: white;
}
#buttonDiv .ui-button.ui-selectbooleanbutton.ui-state-active {
  background-color: var(--button-bg-color);
}

body .ui-datatable thead th.button-column {
  padding-bottom: 0;
  max-width: 2rem;
}
body .ui-datatable thead th.button-column .ui-button {
  height: 1.4rem;
  width: 1.4rem;
}
body .ui-datatable thead th.button-column .ui-button .ui-button-icon-left {
  margin-left: -0.78rem;
}

body .ui-button-reject, body .ui-button-reject .ui-button {
  background-color: #d32f2f;
}
body .ui-button-reject.ui-state-hover, body .ui-button-reject .ui-button.ui-state-hover {
  background: rgba(211, 47, 47, 0.8);
}

.ui-menubutton {
  border-radius: 4px;
}

body .ui-datepicker .ui-widget-header, body .ui-datepicker a {
  color: white;
}
body .ui-datepicker .ui-widget-header a, body .ui-datepicker a a {
  color: white;
}

.card__top-right {
  position: absolute;
  right: 30px;
  margin-top: -40px;
}

body .card {
  margin-bottom: 1.1rem;
  position: relative;
}
body .card h1.card__h1Toggleable a {
  color: inherit;
}
body .card h1.card__h1Toggleable a .ui-icon {
  color: inherit;
}
body .card .card__topRight {
  position: absolute;
  top: 1.25rem;
  right: 1.75rem;
}
body.layout-compact .card {
  padding-left: 25px;
}
body.layout-compact .card h1 {
  font-size: 2.2rem;
  line-height: 38px;
}
body.layout-compact .card h1:first-child {
  margin-top: 0px;
}
body.layout-compact .card h1.card__h1Toggleable a {
  font-size: 2.2rem;
  color: inherit;
}
body.layout-compact .card h1.card__h1Toggleable a .ui-icon {
  color: inherit;
}
body.layout-compact .card.page__title-card h1 {
  font-size: 36px;
}
body.layout-compact .card .card__content {
  padding: 10px;
}
body.layout-compact .card.card__collapsed h1 {
  margin-bottom: 0;
}
body.layout-compact .card .card {
  border: 1px solid #e9e9e9;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); /* subtle shadow */
  padding: 1rem;
  background: #fff;
  border-radius: 4px; /* optional: smooth corners */
  padding-left: 0.85rem;
}
body.layout-compact .card .card h1 {
  color: rgba(0, 0, 0, 0.6);
}

.ui-chart.chart__some-top-gap {
  position: relative;
  top: 5%;
}

.chart__piechart .jqplot-grid-canvas {
  display: none;
}

.jqplot-target {
  margin-top: 10px;
}
.jqplot-target .jqplot-title {
  font-size: 18px;
  font-weight: normal;
  color: black;
}
.jqplot-target .jqplot-series-canvas {
  background-color: inherit;
}
.jqplot-target .jqplot-table-legend {
  border: none;
  color: black;
}
.jqplot-target .jqplot-table-legend td.jqplot-table-legend-label {
  padding-top: 1px !important;
  vertical-align: top;
  padding-right: 10px;
}
.jqplot-target .jqplot-table-legend td.jqplot-table-legend-swatch {
  padding-right: 3px;
  vertical-align: top;
  padding-top: 2px !important;
}
.jqplot-target .jqplot-table-legend td .jqplot-table-legend-swatch-outline {
  border: 0;
}
.jqplot-target .jqplot-pie-series.jqplot-data-label {
  color: black;
  font-size: 12px;
}

.ui-datatable th.ui-selection-column .ui-chkbox-all {
  margin-left: 4px;
}

body .unselectable .ui-chkbox {
  background-color: var(--primary-lightest-color);
}

body .ui-chips {
  width: 100%;
}
body .ui-chips .ui-chips-container {
  width: 100%;
}

.ui-dialog {
  max-width: 80%;
}
.ui-dialog .mainContent {
  overflow-y: auto;
  max-width: 80vw;
  max-height: 80vh;
}
.ui-dialog .ui-dialog-titlebar span.ui-dialog-title {
  font-size: 1.5rem;
}
.ui-dialog.gray-dialog .ui-dialog-titlebar {
  background-color: #eee;
}
.ui-dialog.gray-dialog .ui-dialog-content {
  background-color: #eee;
}

body.layout-compact .ui-dialog.idle-monitor {
  min-width: 300px;
}
body.layout-compact .ui-dialog.idle-monitor .ui-dialog-titlebar {
  font-size: 24px;
}
body.layout-compact .ui-dialog.idle-monitor .ui-dialog-content {
  font-size: 16px;
}
body.layout-compact .ui-dialog.idle-monitor .ui-dialog-content .ui-button {
  font-size: 16px;
  height: 36px;
}
body.layout-compact .ui-dialog.idle-monitor .ui-dialog-content .ui-button.ui-button-text-icon-left {
  padding: 3px 18px 7px 40px;
}

.ui-dialog.g-dialog-third-label-width .field__grid-col-1 .field__container .field__label-div {
  width: 33.33%;
}
.ui-dialog.g-dialog-third-label-width .field__grid-col-1 .field__container .field__value-div {
  width: 66.67%;
}

.ui-dialog.g-dialog-fourth-label-width .field__grid-col-1 .field__container .field__label-div {
  width: 25%;
}
.ui-dialog.g-dialog-fourth-label-width .field__grid-col-1 .field__container .field__value-div {
  width: 75%;
}

.ui-dialog.g-dialog-fifth-label-width .field__grid-col-1 .field__container .field__label-div {
  width: 20%;
}
.ui-dialog.g-dialog-fifth-label-width .field__grid-col-1 .field__container .field__value-div {
  width: 80%;
}

.ui-dialog:not(.g-dialog-normal-label-width) .field__grid-col-1 .field__label-div {
  width: 50%;
}
.ui-dialog:not(.g-dialog-normal-label-width) .field__grid-col-1 .field__value-div {
  width: 50%;
}

body .ui-datagrid-content {
  border: none;
}

.ui-datalist .ui-widget-content {
  border: none;
}

/* hide selection checkbox on unselectable rows */
.unselectable td .ui-chkbox-box, .unselectable .ui-chkbox.ui-chkbox-all {
  display: none;
}

td.unselectable .ui-chkbox-box {
  pointer-events: none;
}

body.layout-compact .ui-datatable tbody th.tooltip-column, body.layout-compact .ui-datatable tbody tr.ui-widget-content td.tooltip-column {
  width: 10px;
  padding-left: 3px;
  padding-right: 0;
  font-size: 18px;
}

.datatable__selectfordetails td:hover {
  cursor: zoom-in;
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s, body .ui-datatable-resizable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s, body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s, body .ui-treetable.ui-treetable-resizable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
  font-size: 1rem;
  margin-left: 0.25rem;
}
body .ui-datatable .ui-datatable-header, body .ui-datatable-resizable .ui-datatable-header, body .ui-treetable .ui-datatable-header, body .ui-treetable.ui-treetable-resizable .ui-datatable-header {
  text-align: left;
  background-color: white;
  border: none;
  color: black;
}
body .ui-datatable .ui-datatable-header, body .ui-datatable .ui-datatable-footer, body .ui-datatable-resizable .ui-datatable-header, body .ui-datatable-resizable .ui-datatable-footer, body .ui-treetable .ui-datatable-header, body .ui-treetable .ui-datatable-footer, body .ui-treetable.ui-treetable-resizable .ui-datatable-header, body .ui-treetable.ui-treetable-resizable .ui-datatable-footer {
  border: 0;
}
body .ui-datatable .ui-datatable-header .ui-inputfield, body .ui-datatable .ui-datatable-footer .ui-inputfield, body .ui-datatable-resizable .ui-datatable-header .ui-inputfield, body .ui-datatable-resizable .ui-datatable-footer .ui-inputfield, body .ui-treetable .ui-datatable-header .ui-inputfield, body .ui-treetable .ui-datatable-footer .ui-inputfield, body .ui-treetable.ui-treetable-resizable .ui-datatable-header .ui-inputfield, body .ui-treetable.ui-treetable-resizable .ui-datatable-footer .ui-inputfield {
  color: black;
}
body .ui-datatable.g-legend-table, body .ui-datatable-resizable.g-legend-table, body .ui-treetable.g-legend-table, body .ui-treetable.ui-treetable-resizable.g-legend-table {
  font-size: 0.85rem;
  vertical-align: middle;
}
body .ui-datatable.g-legend-table .ui-tag, body .ui-datatable-resizable.g-legend-table .ui-tag, body .ui-treetable.g-legend-table .ui-tag, body .ui-treetable.ui-treetable-resizable.g-legend-table .ui-tag {
  font-size: 0.75rem;
}
body .ui-datatable.g-legend-table .ui-tag i, body .ui-datatable-resizable.g-legend-table .ui-tag i, body .ui-treetable.g-legend-table .ui-tag i, body .ui-treetable.ui-treetable-resizable.g-legend-table .ui-tag i {
  font-size: 1rem;
}
body .ui-datatable.g-legend-table tr.ui-state-highlight, body .ui-datatable-resizable.g-legend-table tr.ui-state-highlight, body .ui-treetable.g-legend-table tr.ui-state-highlight, body .ui-treetable.ui-treetable-resizable.g-legend-table tr.ui-state-highlight {
  transition: background-color 200ms ease-out, font-weight 200ms ease-out;
  font-weight: bold;
}
body .ui-datatable.g-legend-table tr.ui-state-highlight .ui-tag, body .ui-datatable-resizable.g-legend-table tr.ui-state-highlight .ui-tag, body .ui-treetable.g-legend-table tr.ui-state-highlight .ui-tag, body .ui-treetable.ui-treetable-resizable.g-legend-table tr.ui-state-highlight .ui-tag {
  font-weight: bold;
}
body .ui-datatable.g-legend-table tr.ui-state-highlight .ui-tag i, body .ui-datatable-resizable.g-legend-table tr.ui-state-highlight .ui-tag i, body .ui-treetable.g-legend-table tr.ui-state-highlight .ui-tag i, body .ui-treetable.ui-treetable-resizable.g-legend-table tr.ui-state-highlight .ui-tag i {
  font-weight: bold;
}
body .ui-datatable.g-legend-table .g-materiality-column, body .ui-datatable-resizable.g-legend-table .g-materiality-column, body .ui-treetable.g-legend-table .g-materiality-column, body .ui-treetable.ui-treetable-resizable.g-legend-table .g-materiality-column {
  min-width: 7rem;
}
body .ui-datatable.g-legend-table .ui-paginator select, body .ui-datatable-resizable.g-legend-table .ui-paginator select, body .ui-treetable.g-legend-table .ui-paginator select, body .ui-treetable.ui-treetable-resizable.g-legend-table .ui-paginator select {
  font-size: 0.75rem;
}
body .ui-datatable.g-legend-table .ui-paginator .ui-paginator-page, body .ui-datatable-resizable.g-legend-table .ui-paginator .ui-paginator-page, body .ui-treetable.g-legend-table .ui-paginator .ui-paginator-page, body .ui-treetable.ui-treetable-resizable.g-legend-table .ui-paginator .ui-paginator-page {
  line-height: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
}
body .ui-datatable.g-legend-table.g-legend-table-small th:not(.table__truncatedColumn) span, body .ui-datatable-resizable.g-legend-table.g-legend-table-small th:not(.table__truncatedColumn) span, body .ui-treetable.g-legend-table.g-legend-table-small th:not(.table__truncatedColumn) span, body .ui-treetable.ui-treetable-resizable.g-legend-table.g-legend-table-small th:not(.table__truncatedColumn) span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1.3rem;
}
body .ui-datatable.g-legend-table.g-legend-table-small .g-materiality-column, body .ui-datatable-resizable.g-legend-table.g-legend-table-small .g-materiality-column, body .ui-treetable.g-legend-table.g-legend-table-small .g-materiality-column, body .ui-treetable.ui-treetable-resizable.g-legend-table.g-legend-table-small .g-materiality-column {
  min-width: 1.5rem;
}
body .ui-datatable.g-legend-table.g-legend-table-small .tag-materiality, body .ui-datatable-resizable.g-legend-table.g-legend-table-small .tag-materiality, body .ui-treetable.g-legend-table.g-legend-table-small .tag-materiality, body .ui-treetable.ui-treetable-resizable.g-legend-table.g-legend-table-small .tag-materiality {
  max-width: 1.5rem;
}
body .ui-datatable.g-legend-table.g-legend-table-small .tag-materiality .materiality-label, body .ui-datatable-resizable.g-legend-table.g-legend-table-small .tag-materiality .materiality-label, body .ui-treetable.g-legend-table.g-legend-table-small .tag-materiality .materiality-label, body .ui-treetable.ui-treetable-resizable.g-legend-table.g-legend-table-small .tag-materiality .materiality-label {
  display: none;
}
body .ui-datatable.g-legend-table.g-legend-table-small .tag-materiality .ui-icon, body .ui-datatable-resizable.g-legend-table.g-legend-table-small .tag-materiality .ui-icon, body .ui-treetable.g-legend-table.g-legend-table-small .tag-materiality .ui-icon, body .ui-treetable.ui-treetable-resizable.g-legend-table.g-legend-table-small .tag-materiality .ui-icon {
  margin-left: -4px !important;
}
body .ui-datatable table, body .ui-datatable-resizable table, body .ui-treetable table, body .ui-treetable.ui-treetable-resizable table {
  table-layout: auto;
}
body .ui-datatable table.table-fixed, body .ui-datatable-resizable table.table-fixed, body .ui-treetable table.table-fixed, body .ui-treetable.ui-treetable-resizable table.table-fixed {
  table-layout: fixed;
}
body .ui-datatable .ui-datatable-scrollable-header-box table, body .ui-datatable-resizable .ui-datatable-scrollable-header-box table, body .ui-treetable .ui-datatable-scrollable-header-box table, body .ui-treetable.ui-treetable-resizable .ui-datatable-scrollable-header-box table {
  table-layout: fixed;
}
body .ui-datatable .ui-datatable-scrollable-body table, body .ui-datatable-resizable .ui-datatable-scrollable-body table, body .ui-treetable .ui-datatable-scrollable-body table, body .ui-treetable.ui-treetable-resizable .ui-datatable-scrollable-body table {
  table-layout: fixed;
}
body .ui-datatable tbody tr.ui-datatable-even, body .ui-datatable-resizable tbody tr.ui-datatable-even, body .ui-treetable tbody tr.ui-datatable-even, body .ui-treetable.ui-treetable-resizable tbody tr.ui-datatable-even {
  background-color: white;
}
body .ui-datatable tbody tr.ui-state-highlight, body .ui-datatable tbody tr.ui-datatable-even.ui-state-highlight, body .ui-datatable-resizable tbody tr.ui-state-highlight, body .ui-datatable-resizable tbody tr.ui-datatable-even.ui-state-highlight, body .ui-treetable tbody tr.ui-state-highlight, body .ui-treetable tbody tr.ui-datatable-even.ui-state-highlight, body .ui-treetable.ui-treetable-resizable tbody tr.ui-state-highlight, body .ui-treetable.ui-treetable-resizable tbody tr.ui-datatable-even.ui-state-highlight {
  background-color: var(--primary-lighter-color);
}
body .ui-datatable tbody tr.ui-widget-content.ui-state-hover, body .ui-datatable-resizable tbody tr.ui-widget-content.ui-state-hover, body .ui-treetable tbody tr.ui-widget-content.ui-state-hover, body .ui-treetable.ui-treetable-resizable tbody tr.ui-widget-content.ui-state-hover {
  cursor: inherit;
}
body .ui-datatable tbody tr .ui-cell-editor-input input, body .ui-datatable-resizable tbody tr .ui-cell-editor-input input, body .ui-treetable tbody tr .ui-cell-editor-input input, body .ui-treetable.ui-treetable-resizable tbody tr .ui-cell-editor-input input {
  color: black;
}
body .ui-datatable tbody tr.ui-widget-header, body .ui-datatable-resizable tbody tr.ui-widget-header, body .ui-treetable tbody tr.ui-widget-header, body .ui-treetable.ui-treetable-resizable tbody tr.ui-widget-header {
  font-weight: bold;
  background-color: #f7f7f7;
}
body .ui-datatable tbody tr.ui-datatable-summaryrow.ui-widget-header, body .ui-datatable-resizable tbody tr.ui-datatable-summaryrow.ui-widget-header, body .ui-treetable tbody tr.ui-datatable-summaryrow.ui-widget-header, body .ui-treetable.ui-treetable-resizable tbody tr.ui-datatable-summaryrow.ui-widget-header {
  border-bottom: darkgrey 1px solid;
}
body .ui-datatable tbody tr.ui-datatable-summaryrow.ui-widget-header td, body .ui-datatable-resizable tbody tr.ui-datatable-summaryrow.ui-widget-header td, body .ui-treetable tbody tr.ui-datatable-summaryrow.ui-widget-header td, body .ui-treetable.ui-treetable-resizable tbody tr.ui-datatable-summaryrow.ui-widget-header td {
  padding-left: 10px;
  padding-right: 10px;
}
body .ui-datatable tbody tr.ui-datatable-summaryrow.ui-widget-header .ui-selectonemenu-trigger .ui-icon, body .ui-datatable-resizable tbody tr.ui-datatable-summaryrow.ui-widget-header .ui-selectonemenu-trigger .ui-icon, body .ui-treetable tbody tr.ui-datatable-summaryrow.ui-widget-header .ui-selectonemenu-trigger .ui-icon, body .ui-treetable.ui-treetable-resizable tbody tr.ui-datatable-summaryrow.ui-widget-header .ui-selectonemenu-trigger .ui-icon {
  color: black;
}
body .ui-datatable tbody tr .table__display-on-highlight, body .ui-datatable-resizable tbody tr .table__display-on-highlight, body .ui-treetable tbody tr .table__display-on-highlight, body .ui-treetable.ui-treetable-resizable tbody tr .table__display-on-highlight {
  display: none;
}
body .ui-datatable tbody tr.ui-state-highlight .table__display-on-highlight, body .ui-datatable-resizable tbody tr.ui-state-highlight .table__display-on-highlight, body .ui-treetable tbody tr.ui-state-highlight .table__display-on-highlight, body .ui-treetable.ui-treetable-resizable tbody tr.ui-state-highlight .table__display-on-highlight {
  display: inherit;
}
body .ui-datatable tbody tr.deleted, body .ui-datatable-resizable tbody tr.deleted, body .ui-treetable tbody tr.deleted, body .ui-treetable.ui-treetable-resizable tbody tr.deleted {
  text-decoration: line-through;
  color: red;
  opacity: 0.4;
}
body .ui-datatable tbody tr.deleted span.multiline-ellipsis-2, body .ui-datatable-resizable tbody tr.deleted span.multiline-ellipsis-2, body .ui-treetable tbody tr.deleted span.multiline-ellipsis-2, body .ui-treetable.ui-treetable-resizable tbody tr.deleted span.multiline-ellipsis-2 {
  text-decoration: line-through;
}
body .ui-datatable tbody tr, body .ui-datatable tbody tr td, body .ui-datatable-resizable tbody tr, body .ui-datatable-resizable tbody tr td, body .ui-treetable tbody tr, body .ui-treetable tbody tr td, body .ui-treetable.ui-treetable-resizable tbody tr, body .ui-treetable.ui-treetable-resizable tbody tr td {
  border: none;
}
body .ui-datatable tbody tr.ui-state-highlight, body .ui-datatable tbody tr td.ui-state-highlight, body .ui-datatable-resizable tbody tr.ui-state-highlight, body .ui-datatable-resizable tbody tr td.ui-state-highlight, body .ui-treetable tbody tr.ui-state-highlight, body .ui-treetable tbody tr td.ui-state-highlight, body .ui-treetable.ui-treetable-resizable tbody tr.ui-state-highlight, body .ui-treetable.ui-treetable-resizable tbody tr td.ui-state-highlight {
  cursor: inherit;
}
body .ui-datatable tbody tr.ui-state-highlight .ui-inputfield, body .ui-datatable tbody tr td.ui-state-highlight .ui-inputfield, body .ui-datatable-resizable tbody tr.ui-state-highlight .ui-inputfield, body .ui-datatable-resizable tbody tr td.ui-state-highlight .ui-inputfield, body .ui-treetable tbody tr.ui-state-highlight .ui-inputfield, body .ui-treetable tbody tr td.ui-state-highlight .ui-inputfield, body .ui-treetable.ui-treetable-resizable tbody tr.ui-state-highlight .ui-inputfield, body .ui-treetable.ui-treetable-resizable tbody tr td.ui-state-highlight .ui-inputfield {
  color: black;
}
body .ui-datatable thead tr th, body .ui-datatable-resizable thead tr th, body .ui-treetable thead tr th, body .ui-treetable.ui-treetable-resizable thead tr th {
  border-left: none;
  border-right: none;
}
body .ui-datatable thead tr th.ui-filter-column .ui-widget, body .ui-datatable-resizable thead tr th.ui-filter-column .ui-widget, body .ui-treetable thead tr th.ui-filter-column .ui-widget, body .ui-treetable.ui-treetable-resizable thead tr th.ui-filter-column .ui-widget {
  color: black;
}
body .ui-datatable thead tr th.ui-filter-column .ui-widget .ui-icon, body .ui-datatable-resizable thead tr th.ui-filter-column .ui-widget .ui-icon, body .ui-treetable thead tr th.ui-filter-column .ui-widget .ui-icon, body .ui-treetable.ui-treetable-resizable thead tr th.ui-filter-column .ui-widget .ui-icon {
  color: black;
}
body .ui-datatable thead tr th .ui-sortable-column-icon.ui-icon-triangle-1-s, body .ui-datatable thead tr th .ui-sortable-column-icon.ui-icon-triangle-1-n, body .ui-datatable-resizable thead tr th .ui-sortable-column-icon.ui-icon-triangle-1-s, body .ui-datatable-resizable thead tr th .ui-sortable-column-icon.ui-icon-triangle-1-n, body .ui-treetable thead tr th .ui-sortable-column-icon.ui-icon-triangle-1-s, body .ui-treetable thead tr th .ui-sortable-column-icon.ui-icon-triangle-1-n, body .ui-treetable.ui-treetable-resizable thead tr th .ui-sortable-column-icon.ui-icon-triangle-1-s, body .ui-treetable.ui-treetable-resizable thead tr th .ui-sortable-column-icon.ui-icon-triangle-1-n {
  color: black;
}
body .ui-datatable td.ui-selection-column, body .ui-datatable-resizable td.ui-selection-column, body .ui-treetable td.ui-selection-column, body .ui-treetable.ui-treetable-resizable td.ui-selection-column {
  vertical-align: top !important;
}
body .ui-datatable td.table__textAlignCenter, body .ui-datatable th.table__textAlignCenter, body .ui-datatable-resizable td.table__textAlignCenter, body .ui-datatable-resizable th.table__textAlignCenter, body .ui-treetable td.table__textAlignCenter, body .ui-treetable th.table__textAlignCenter, body .ui-treetable.ui-treetable-resizable td.table__textAlignCenter, body .ui-treetable.ui-treetable-resizable th.table__textAlignCenter {
  text-align: center;
}
body .ui-datatable td.table__minWidthColumn, body .ui-datatable th.table__minWidthColumn, body .ui-datatable-resizable td.table__minWidthColumn, body .ui-datatable-resizable th.table__minWidthColumn, body .ui-treetable td.table__minWidthColumn, body .ui-treetable th.table__minWidthColumn, body .ui-treetable.ui-treetable-resizable td.table__minWidthColumn, body .ui-treetable.ui-treetable-resizable th.table__minWidthColumn {
  width: 2%;
  max-width: 4rem;
  min-width: 1.5rem;
  white-space: nowrap;
}
body .ui-datatable td.table__truncatedColumn, body .ui-datatable th.table__truncatedColumn, body .ui-datatable-resizable td.table__truncatedColumn, body .ui-datatable-resizable th.table__truncatedColumn, body .ui-treetable td.table__truncatedColumn, body .ui-treetable th.table__truncatedColumn, body .ui-treetable.ui-treetable-resizable td.table__truncatedColumn, body .ui-treetable.ui-treetable-resizable th.table__truncatedColumn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  min-width: 70px;
}
@media screen and (max-width: 40em) {
  body .ui-datatable td.table__truncatedColumn, body .ui-datatable th.table__truncatedColumn, body .ui-datatable-resizable td.table__truncatedColumn, body .ui-datatable-resizable th.table__truncatedColumn, body .ui-treetable td.table__truncatedColumn, body .ui-treetable th.table__truncatedColumn, body .ui-treetable.ui-treetable-resizable td.table__truncatedColumn, body .ui-treetable.ui-treetable-resizable th.table__truncatedColumn {
    max-width: 100px;
  }
}
@media screen and (max-width: 64em) {
  body .ui-datatable td.table__truncatedColumn, body .ui-datatable th.table__truncatedColumn, body .ui-datatable-resizable td.table__truncatedColumn, body .ui-datatable-resizable th.table__truncatedColumn, body .ui-treetable td.table__truncatedColumn, body .ui-treetable th.table__truncatedColumn, body .ui-treetable.ui-treetable-resizable td.table__truncatedColumn, body .ui-treetable.ui-treetable-resizable th.table__truncatedColumn {
    max-width: 125px;
  }
}
@media screen and (max-width: 90em) {
  body .ui-datatable td.table__truncatedColumn, body .ui-datatable th.table__truncatedColumn, body .ui-datatable-resizable td.table__truncatedColumn, body .ui-datatable-resizable th.table__truncatedColumn, body .ui-treetable td.table__truncatedColumn, body .ui-treetable th.table__truncatedColumn, body .ui-treetable.ui-treetable-resizable td.table__truncatedColumn, body .ui-treetable.ui-treetable-resizable th.table__truncatedColumn {
    max-width: 150px;
  }
}
body .ui-datatable td.table__truncatedColumnNoFixedWidth, body .ui-datatable th.table__truncatedColumnNoFixedWidth, body .ui-datatable-resizable td.table__truncatedColumnNoFixedWidth, body .ui-datatable-resizable th.table__truncatedColumnNoFixedWidth, body .ui-treetable td.table__truncatedColumnNoFixedWidth, body .ui-treetable th.table__truncatedColumnNoFixedWidth, body .ui-treetable.ui-treetable-resizable td.table__truncatedColumnNoFixedWidth, body .ui-treetable.ui-treetable-resizable th.table__truncatedColumnNoFixedWidth {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 5rem;
}
body .ui-datatable .ui-column-filter, body .ui-datatable-resizable .ui-column-filter, body .ui-treetable .ui-column-filter, body .ui-treetable.ui-treetable-resizable .ui-column-filter {
  margin: 0;
}
body .ui-datatable .ui-datatable th, body .ui-datatable .ui-datatable td, body .ui-datatable-resizable .ui-datatable th, body .ui-datatable-resizable .ui-datatable td, body .ui-treetable .ui-datatable th, body .ui-treetable .ui-datatable td, body .ui-treetable.ui-treetable-resizable .ui-datatable th, body .ui-treetable.ui-treetable-resizable .ui-datatable td {
  background-color: inherit;
}
body .ui-datatable .ui-expanded-row-content td, body .ui-datatable-resizable .ui-expanded-row-content td, body .ui-treetable .ui-expanded-row-content td, body .ui-treetable.ui-treetable-resizable .ui-expanded-row-content td {
  max-width: 75vw;
}
body .ui-datatable .ui-expanded-row-content td div, body .ui-datatable-resizable .ui-expanded-row-content td div, body .ui-treetable .ui-expanded-row-content td div, body .ui-treetable.ui-treetable-resizable .ui-expanded-row-content td div {
  max-width: 100%;
}
body .ui-datatable td a[aria-expanded=true] + span.g-hide-if-rowgroup-expanded, body .ui-datatable-resizable td a[aria-expanded=true] + span.g-hide-if-rowgroup-expanded, body .ui-treetable td a[aria-expanded=true] + span.g-hide-if-rowgroup-expanded, body .ui-treetable.ui-treetable-resizable td a[aria-expanded=true] + span.g-hide-if-rowgroup-expanded {
  display: none;
}
body .ui-datatable tr.ui-rowgroup-header:has(> td a[aria-expanded=true]) .g-hide-if-rowgroup-expanded, body .ui-datatable-resizable tr.ui-rowgroup-header:has(> td a[aria-expanded=true]) .g-hide-if-rowgroup-expanded, body .ui-treetable tr.ui-rowgroup-header:has(> td a[aria-expanded=true]) .g-hide-if-rowgroup-expanded, body .ui-treetable.ui-treetable-resizable tr.ui-rowgroup-header:has(> td a[aria-expanded=true]) .g-hide-if-rowgroup-expanded {
  display: none;
}

body .layout-wrapper .ui-datatable.no-border, body .layout-wrapper .ui-datatable-resizable.no-border, body .layout-wrapper .ui-treetable.no-border, body .layout-wrapper .ui-treetable.ui-treetable-resizable.no-border {
  margin-top: -20px;
}
body .layout-wrapper .ui-datatable.no-border thead tr, body .layout-wrapper .ui-datatable.no-border tbody tr, body .layout-wrapper .ui-datatable-resizable.no-border thead tr, body .layout-wrapper .ui-datatable-resizable.no-border tbody tr, body .layout-wrapper .ui-treetable.no-border thead tr, body .layout-wrapper .ui-treetable.no-border tbody tr, body .layout-wrapper .ui-treetable.ui-treetable-resizable.no-border thead tr, body .layout-wrapper .ui-treetable.ui-treetable-resizable.no-border tbody tr {
  border-bottom: none;
}
body .layout-wrapper .ui-datatable.no-header thead, body .layout-wrapper .ui-datatable-resizable.no-header thead, body .layout-wrapper .ui-treetable.no-header thead, body .layout-wrapper .ui-treetable.ui-treetable-resizable.no-header thead {
  display: none;
}
body .layout-wrapper .ui-datatable.no-row-border tbody tr, body .layout-wrapper .ui-datatable.no-row-border thead tr, body .layout-wrapper .ui-datatable-resizable.no-row-border tbody tr, body .layout-wrapper .ui-datatable-resizable.no-row-border thead tr, body .layout-wrapper .ui-treetable.no-row-border tbody tr, body .layout-wrapper .ui-treetable.no-row-border thead tr, body .layout-wrapper .ui-treetable.ui-treetable-resizable.no-row-border tbody tr, body .layout-wrapper .ui-treetable.ui-treetable-resizable.no-row-border thead tr {
  border: none;
}
body .layout-wrapper .ui-datatable.no-last-row-border tbody tr:last-child, body .layout-wrapper .ui-datatable-resizable.no-last-row-border tbody tr:last-child, body .layout-wrapper .ui-treetable.no-last-row-border tbody tr:last-child, body .layout-wrapper .ui-treetable.ui-treetable-resizable.no-last-row-border tbody tr:last-child {
  border: none;
}
body .layout-wrapper .ui-datatable.row-3rem-height tbody > tr, body .layout-wrapper .ui-datatable-resizable.row-3rem-height tbody > tr, body .layout-wrapper .ui-treetable.row-3rem-height tbody > tr, body .layout-wrapper .ui-treetable.ui-treetable-resizable.row-3rem-height tbody > tr {
  height: 3rem;
}

body.layout-compact .ui-datatable th.ui-selection-column {
  padding-left: 3px;
}

.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td {
  white-space: normal;
}
.ui-datatable-resizable thead th.preserveLineBreak, .ui-datatable-resizable tbody td.preserveLineBreak, .ui-datatable-resizable tfoot td.preserveLineBreak {
  white-space: pre-line;
}

.datatable__header-text {
  float: left;
  font-weight: bold;
}

.datatable__excel-quick {
  margin-left: 5px;
}
.datatable__excel-quick img {
  vertical-align: top;
}

body .ui-datatable .datatable__search-all-fields {
  text-align: left;
}
body .ui-datatable .datatable__search-all-fields .ui-inputtext {
  margin-left: 5px;
  color: #212121;
}

.datatable__header-button-bar {
  float: right;
}

body .ui-datatable thead th .ui-column-resizer:before, body .ui-treetable thead th .ui-column-resizer:before {
  content: "";
}

.ui-datatable td, body .ui-datatable th, .ui-treetable td, .ui-treetable th {
  text-align: left;
  vertical-align: top;
}
.ui-datatable td.center, body .ui-datatable th.center, .ui-treetable td.center, .ui-treetable th.center {
  text-align: center;
}

.truncate-text-for-table-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 400px;
}

.clipped-ellipsis-text > span:not(.ui-icon), .clipped-ellipsis-text > a span:not(.ui-icon) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.ui-treetable-data .clipped-ellipsis-text span.ui-icon {
  vertical-align: top;
}
.ui-treetable-data .clipped-ellipsis-text span.ui-icon + a span {
  display: inline-block;
  width: calc(100% - 25px);
}

body .ui-datatable thead th, body .ui-treetable thead th {
  background-color: white;
}

body .ui-paginator.ui-widget-header {
  background-color: white;
  color: #212121;
  border-color: rgb(189, 189, 189);
}
body .ui-paginator.ui-widget-header > a {
  color: #212121;
}
body .ui-paginator.ui-widget-header .ui-paginator-pages a {
  color: #212121;
}
body .ui-paginator.ui-widget-header .ui-paginator-pages a.ui-state-active {
  color: white;
}

.ui-treetable.table__groupedHeader thead tr th, .ui-datatable.table__groupedHeader thead tr th, .ui-datatable-resizable.table__groupedHeader thead tr th {
  border: 1px solid #aaaaaa;
}
.ui-treetable .ui-column-filter.ui-inputfield, .ui-treetable .ui-column-customfilter, .ui-datatable .ui-column-filter.ui-inputfield, .ui-datatable .ui-column-customfilter, .ui-datatable-resizable .ui-column-filter.ui-inputfield, .ui-datatable-resizable .ui-column-customfilter {
  font-weight: normal;
}
.ui-treetable .ui-column-customfilter .ui-selectcheckboxmenu label, .ui-datatable .ui-column-customfilter .ui-selectcheckboxmenu label, .ui-datatable-resizable .ui-column-customfilter .ui-selectcheckboxmenu label {
  max-width: 85%;
}

body.layout-compact .ui-datatable tbody tr.ui-widget-content td.datatable__iconColumn {
  padding-right: 3px;
}
body.layout-compact .ui-datatable tbody tr.ui-widget-content td.datatable__iconColumn span {
  display: flex;
  margin-top: -3px;
}
body.layout-compact .ui-datatable tbody tr.ui-widget-content td.datatable__iconColumn a {
  margin-right: 2px;
  margin-left: 2px;
}

.ui-datatable a.link__icon-link, .ui-treetable a.link__icon-link {
  height: 25px;
  width: 25px;
}
.ui-datatable a.link__icon-link i, .ui-treetable a.link__icon-link i {
  font-size: 1.4rem;
  margin-top: 2px;
}
.ui-datatable a.link__icon-link i:hover, .ui-treetable a.link__icon-link i:hover {
  color: var(--link-event-color);
}
.ui-datatable a.link__icon-link.table__iconLinkSmall i, .ui-treetable a.link__icon-link.table__iconLinkSmall i {
  margin-top: 1px;
  font-size: 17px;
}
.ui-datatable a.link__icon-link.table__iconLinkSmaller i, .ui-treetable a.link__icon-link.table__iconLinkSmaller i {
  margin-top: 1px;
  font-size: 14px;
}
.ui-datatable a.link__icon-link.table__iconLinkTop, .ui-treetable a.link__icon-link.table__iconLinkTop {
  margin-top: 0px;
}

.ui-datatable a.link__icon-link:hover {
  background-color: var(--topbar-bg-color);
  color: white;
}

.ui-treetable a.link__icon-link:hover {
  color: var(--link-event-color);
}

body .ui-datatable.smartusage-table .ui-selectoneradio, body .ui-treetable.smartusage-table .ui-selectoneradio {
  width: 16em;
}
body .ui-datatable.smartusage-table .ui-selectoneradio .ui-radiobutton, body .ui-treetable.smartusage-table .ui-selectoneradio .ui-radiobutton {
  margin-left: -7px;
}
body .ui-datatable.smartusage-table .ui-selectoneradio label, body .ui-treetable.smartusage-table .ui-selectoneradio label {
  margin-left: 4px;
  margin-right: 4px;
}
body .ui-datatable.smartusage-table .smartusage-column.CODE_TABLE_RADIO, body .ui-treetable.smartusage-table .smartusage-column.CODE_TABLE_RADIO {
  width: 20rem;
}

body .layout-wrapper .ui-datatable.hide-column-headers thead tr {
  display: none;
  border: none;
}
body .layout-wrapper .ui-datatable.hide-column-headers tbody tr:last-child {
  border: none;
}

body .layout-wrapper .ui-datatable.no-contentrow-border tr, ui-treetable.no-contentrow-border tr {
  border: none;
}

body .ui-datatable-frozenlayout-left {
  max-width: 12rem;
  width: 9rem;
}

.g-frozen-column-row-height {
  height: 3.75rem !important;
}

.ui-rowgroup-toggler {
  vertical-align: top;
}

body.design-flat .layout-wrapper .ui-datatable.only-borders-for-header tr, body.design-flat .layout-wrapper .ui-treetable.only-borders-for-header tr {
  border-bottom: none;
  border-top: none;
}
body.design-flat .layout-wrapper .ui-datatable.only-borders-for-header tr.ui-rowgroup-header, body.design-flat .layout-wrapper .ui-treetable.only-borders-for-header tr.ui-rowgroup-header {
  border-bottom: lightgrey solid 1px;
  border-top: lightgrey solid 1px;
}

.field__container {
  width: 100%;
}

@media screen and (min-width: 64.063em) {
  .field__grid-col-2 .field__container {
    width: 50%;
  }
}
@media screen {
  .field__label-div {
    width: 100%;
  }
  .field__value-div {
    width: 100%;
  }
}
.field__container .field__label-div {
  padding-left: 10px;
}

.field__label {
  color: gray;
}

.field__value {
  color: black;
}

/* make sure to align top (with the label), even if it's a <p> element or so */
.field__value :first-child {
  margin-top: 0;
}

@media screen and (max-width: 40em) {
  .field__grid .ui-g-noleftpad {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .ui-g-nopad.field__grid {
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 40.063em) {
  .field__label-div {
    width: 33.33333%;
  }
  .field__value-div {
    width: 66.66666%;
  }
}
.g-field-third-label-width .field__grid-col-1 .field__label-div {
  width: 33.33333%;
}
.g-field-third-label-width .field__grid-col-1 .field__value-div {
  width: 66.66666%;
}

@media screen and (min-width: 64.063em) {
  .field__grid-col-1 .field__label-div {
    width: 16.66666%;
  }
  .field__grid-col-1 .field__value-div {
    width: 83.33333%;
  }
  .field__grid-fourth-label-width .field__grid-col-1 .field__label-div {
    width: 25%;
  }
  .field__grid-fourth-label-width .field__grid-col-1 .field__value-div {
    width: 75%;
  }
  .field_ .field__lgHalfSizeGrid {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .field_ .field__lgHalfSizeGrid .field__grid-col-1 .field__label-div {
    width: 33.33333%;
  }
  .field_ .field__lgHalfSizeGrid .field__grid-col-1 .field__value-div {
    width: 66.66666%;
  }
}
.fromToField__container label {
  padding-left: 10px;
  padding-right: 10px;
}
.fromToField__container .ui-calendar input.ui-inputfield {
  width: 35%;
}
.fromToField__container span.ui-autocomplete {
  width: 35%;
}
.fromToField__container span.ui-autocomplete input.ui-autocomplete {
  width: 100%;
}

.field__container.g-vertical-field .field__label-div {
  width: 100%;
  padding-left: 0;
}
.field__container.g-vertical-field .field__value-div {
  width: 100%;
}

.field__container.g-value-100pc-width .field__value-div {
  width: 100%;
}

.field__container.g-narrow-label .field__label-div {
  width: 2.2rem;
}

.field__container.g-no-label .field__label-div {
  width: 2.2rem;
  padding: 0;
}

.ui-autocomplete.autocomplete-readonly ul {
  background: none;
  padding-left: 0;
}
.ui-autocomplete.autocomplete-readonly ul li {
  color: black;
}

.ui-autocomplete .ui-autocomplete-token-icon.ui-icon-close {
  font-size: 1.1rem;
}

body.ui-input-filled .ui-float-label > label {
  color: gray;
  padding-left: 0;
}
body.ui-input-filled .ui-float-label > textarea ~ label {
  color: gray;
  padding-left: 0;
  top: 0.5rem;
}
body.ui-input-filled .ui-float-label .ui-inputfield {
  padding-top: inherit;
}
body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, body.ui-input-filled .ui-float-label div.ui-selectcheckboxmenu ~ label, body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label {
  top: -1.1rem !important;
}
body.ui-input-filled .ui-float-label.ui-float-label-bold .ui-inputwrapper-focus ~ label, body.ui-input-filled .ui-float-label.ui-float-label-bold .ui-inputwrapper-filled ~ label, body.ui-input-filled .ui-float-label.ui-float-label-bold input.ui-state-focus ~ label, body.ui-input-filled .ui-float-label.ui-float-label-bold input.ui-state-filled ~ label, body.ui-input-filled .ui-float-label.ui-float-label-bold div.ui-selectcheckboxmenu ~ label, body.ui-input-filled .ui-float-label.ui-float-label-bold textarea.ui-state-focus ~ label, body.ui-input-filled .ui-float-label.ui-float-label-bold textarea.ui-state-filled ~ label {
  top: -1.5em !important;
  color: black;
  padding-left: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
}

body .ui-inplace .ui-inplace-display {
  width: 100%;
  height: 100%;
  min-height: 1.7rem;
  padding: 0.25rem;
}

.compact ul.ui-autocomplete-multiple-container {
  max-height: 2rem;
}

.ui-fieldset {
  position: relative;
}

/* make toggler smaller */
body.layout-compact .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
  padding: 0px;
  margin-top: -1px;
  margin-right: 5px;
  font-size: 20px;
  font-weight: bold;
}

/* make legend text bold and bigger */
.ui-fieldset-legend {
  font-weight: bold;
  font-size: 16px;
}

.fieldset__more {
  position: absolute;
  right: 20px;
  margin-top: -22px;
}

/*
.fieldset__bottomleft {
	position: absolute;
	right:20px;
	bottom: 10px;
}*/
/* hide content inside datatable */
.ui-datatable .ui-fileupload-content, .g-fileupload-in-table .ui-fileupload-content {
  display: none;
}

.ui-datatable .g-small-fileupload .ui-fileupload-buttonbar {
  background-color: inherit;
  margin-left: -4px;
}

body.layout-compact .ui-datatable .ui-fileupload.g-small-fileupload .ui-fileupload-buttonbar {
  border: 0;
  padding: 0;
}
body.layout-compact .ui-datatable .ui-fileupload.g-small-fileupload .ui-button.ui-button-text-icon-left {
  padding-left: 0;
  width: 12px;
  height: 30px;
  background-color: white;
}
body.layout-compact .ui-datatable .ui-fileupload.g-small-fileupload .ui-button.ui-button-text-icon-left span {
  font-size: 1rem;
}
body.layout-compact .ui-datatable .ui-fileupload.g-small-fileupload .ui-button.ui-button-text-icon-left .ui-icon {
  color: var(--link-color);
}
body.layout-compact .ui-datatable .ui-fileupload.g-small-fileupload body.layout-compact .ui-datatable .ui-button.ui-button-text-icon-left {
  /* height: 19px; */
  /* padding-left: 3px; */
  /* padding-right: 14px; */
}

body .ui-state-drag {
  border: black 3px dashed;
  transform: scale(1.01);
  transition: transform 0.2s;
  margin-top: -0.2rem;
  margin-bottom: 0.9rem;
}

.ui-g-noleftpad {
  padding-left: 0px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
  white-space: nowrap;
  max-width: calc(100% - 13px);
}
body .ui-selectcheckboxmenu {
  /*border-width:          0;
  background:            transparent no-repeat;
  background-image:      linear-gradient(to bottom, $accentColor, $accentColor), linear-gradient(to bottom, #bdbdbd, #bdbdbd);
  background-size:       0 2px, 100% 1px;
  background-position:   50% 100%, 50% 100%;
  transition:            background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  padding-bottom:        2px;
  box-sizing:            border-box;
  -moz-border-radius:    0;
  -webkit-border-radius: 0;
  border-radius:         0;
  .ui-selectcheckboxmenu-label-container {
      display:  block;
      position: relative;
      top:      2px;
  }
  .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
      padding: 2px;
  }
  &.ui-state-focus {
      border-width:    0;
      background-size: 100% 2px, 100% 1px;
      outline:         none;
      padding-bottom:  2px;
  }*/
}
body .ui-fluid .ui-selectbooleancheckbox.ui-chkbox {
  width: inherit;
}
body .ui-selectonemenu, body .ui-selectcheckboxmenu {
  width: 100%;
  max-width: 350px;
}

body {
  /*.ui-inputfield, .ui-selectonemenu {
      background-image: linear-gradient(to bottom, $accentColor, $accentColor), linear-gradient(to bottom, #bdbdbd, #bdbdbd);
  }*/
}
body body.layout-compact .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus > .ui-icon {
  color: #3F51B5;
}
body {
  /*body.layout-compact .ui-selectonemenu, body.layout-compact .ui-selectcheckboxmenu {
      border: 1px solid $inputfieldBorderColor;
      border-radius: 3px;
  }

  body.layout-compact .ui-selectonemenu .ui-selectonemenu-label {
      border: none;
  }*/
}
body body.layout-compact .ui-selectonemenu .ui-selectonemenu-trigger {
  top: 6px;
}
body body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
  margin-right: 10px;
}
body body.layout-compact .ui-selectcheckboxmenu {
  vertical-align: top;
}
body .ql-container {
  background-color: white;
}
body .ql-editor {
  background-color: var(--primary-lightest-color);
  resize: block;
}
body {
  /* invalid color for text editor */
}
body .invalid .ql-container {
  background-color: LightCoral;
}
body {
  /* make toolbar use less space */
}
body .ql-toolbar.ql-snow {
  padding-top: 3px;
  padding-bottom: 0;
  background-color: LightGray;
}
body .inputfield__textEditor {
  width: calc(100% + 0.5em);
}
body body .topbar-items .search-item .md-inputfield .inputfield__topbar.md-inputwrapper-focus ~ label, body body .topbar-items .search-item .md-inputfield .inputfield__topbar.md-inputwrapper-focus label, body body .topbar-items .search-item .md-inputfield .inputfield__topbar.md-inputwrapper-filled ~ label, body body .topbar-items .search-item .md-inputfield .inputfield__topbar.md-inputwrapper-filled label {
  top: -5px;
  font-size: 12px;
}
@media (max-width: 1024px) {
  body body .topbar-items .search-item .md-inputfield .inputfield__topbar.md-inputwrapper-focus ~ label, body body .topbar-items .search-item .md-inputfield .inputfield__topbar.md-inputwrapper-focus label, body body .topbar-items .search-item .md-inputfield .inputfield__topbar.md-inputwrapper-filled ~ label, body body .topbar-items .search-item .md-inputfield .inputfield__topbar.md-inputwrapper-filled label {
    top: -20px;
  }
}
@media (max-width: 1024px) {
  body body .topbar-items .search-item .md-inputfield .inputfield__topbar ~ label, body body .topbar-items .search-item .md-inputfield .inputfield__topbar label {
    padding-left: 12px;
  }
}
body .ui-inputgroup .ui-inputfield {
  height: 2rem;
  padding-left: 2px;
}
body .ui-inputgroup .ui-inputgroup-addon {
  height: 2rem;
  min-width: 20px;
  z-index: 0;
}
body .ui-inputgroup .ui-inputgroup-addon i {
  bottom: 2px;
  font-size: 1.3rem;
}
body .ui-inputgroup .ui-float-label .ui-inputwrapper-focus ~ label, body .ui-inputgroup .ui-float-label .ui-inputwrapper-filled ~ label {
  margin-left: -2rem;
}
body .ui-autocomplete-multiple-container {
  width: 100%;
}

body a, body .ui-commandlink, body ui-link {
  color: var(--link-color);
  cursor: pointer;
}
body a:hover, body .ui-commandlink:hover, body ui-link:hover {
  color: var(--link-event-color);
  text-decoration: none;
}
body a.uncolored-link, body .ui-commandlink.uncolored-link, body ui-link.uncolored-link {
  color: inherit;
}

body .ui-widget-content a .ui-icon, body .ui-widget-content a.ui-icon {
  color: var(--link-color);
}

body .ui-state-highlight a {
  color: white;
}

a:active, body .ui-widget-content a:active.ui-icon, body .ui-widget-content a:active i.ui-icon {
  color: var(--link-event-color);
}

a:hover, body .ui-widget-content a:hover.ui-icon, body .ui-widget-content a:hover i.ui-icon {
  color: var(--link-event-color);
}

a.link__icon-link {
  width: 22px;
  height: 22px;
  text-align: center;
}
a.link__icon-link i {
  margin-top: 4px;
}
a.link__iconAndTextLink {
  padding: 0px;
}
a.link__iconAndTextLink:hover {
  border-radius: 3px;
  background: #e7ecee;
}
a.link__iconAndTextLink:focus {
  outline: none;
}
a.link__iconAndTextLink i.ui-icon {
  vertical-align: middle;
  font-size: 22px;
}

.ui-datatable a.link__icon-link:hover {
  border-radius: 50%;
  background: #e7ecee;
}

h1 a.link__icon-link {
  width: 28px;
  height: 28px;
}
h1 a.link__iconAndTextLink i.ui-icon {
  vertical-align: sub;
  font-size: 28px;
}

.link__linkOnDarkColor {
  color: white;
}
.link__linkOnDarkColor.ui-icon {
  color: white;
}

.ui-menu.menu-200px {
  width: 200px;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.icon-slightlybigger .ui-menuitem-icon {
  font-size: 28px;
  margin-left: -2px;
  margin-right: 3px;
}
body .ui-menuitem-icon.ui-icon {
  margin-left: 0.5rem;
  width: 20px;
}

body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu.ultima-main-menu.drilldown-menu {
  padding-bottom: 0;
  margin-bottom: -14px;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu.ultima-main-menu.drilldown-menu li > a {
  background-color: black;
  color: white;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu.ultima-main-menu.drilldown-menu li li a {
  font-weight: inherit;
  background-color: white;
  color: black;
}
body.layout-compact .layout-wrapper .layout-menu ul.ultima-menu.ultima-main-menu.drilldown-menu li li:last-child a {
  font-weight: bold;
  background-color: black;
  color: white;
}

.ui-panel {
  margin-bottom: 15px;
}

.ui-panel-title {
  font-weight: bold;
}

.ui-panel-titlebar.ui-widget-header {
  color: #212121;
  background-color: var(--primary-lighter-color);
}

body .ui-scrollpanel {
  border: none;
}

.ui-overlaypanel.less-padded .ui-overlaypanel-content {
  padding: 0.75rem;
}
.ui-overlaypanel.less-padded .ui-overlaypanel-content p {
  margin-bottom: 0.2rem;
}

.ui-picklist > div {
  float: left;
}

body.layout-compact .ui-picklist .ui-picklist-filter-container {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 64em) {
  body.layout-compact .ui-picklist .ui-picklist-list-wrapper {
    max-width: 20vw;
  }
}
body.layout-compact .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
  width: 88%;
}

body .ui-progressbar {
  background-color: lightgray;
}
body .ui-progressbar .ui-progressbar-label {
  padding-top: 2px;
  color: black;
}

/* indent for ql-editor readonly */
.field__value-readonly.ql-editor {
  padding: 0px;
  background-color: inherit;
}

.ql-size-small {
  font-size: 10px;
}

.searchfield__partial-text-search .ui-selectonemenu {
  width: 100px;
  display: inline-grid;
}
.searchfield__partial-text-search .ui-inputtext {
  margin-left: 5px;
  width: calc(100% - 105px);
}

body .ui-widget-header .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
  color: white;
}

body .ui-selectonemenu-panel.ui-widget .ui-selectonemenu-items.ui-selectonemenu-table tr, body .ui-selectonemenu-panel.ui-widget .ui-selectonemenu-items.ui-selectonemenu-table th, body .ui-selectonemenu-panel.ui-widget .ui-selectonemenu-items.ui-selectonemenu-table td {
  border: none;
  height: 2rem;
}

.ui-selectcheckboxmenu-panel.prewrap .ui-selectcheckboxmenu-list-item {
  white-space: pre-wrap;
}

.select__level1 {
  margin-left: 10px;
}

.select__level2 {
  margin-left: 20px;
}

.select__level3 {
  margin-left: 30px;
}

.select__level4 {
  margin-left: 40px;
}

.select__level5 {
  margin-left: 50px;
}

.select__level6 {
  margin-left: 60px;
}

body .layout-wrapper .ui-datatable table.ui-selectoneradio tr {
  border: none;
}

.ui-selectoneradio label {
  margin-left: 4px;
  display: inline;
}

.ui-selectonemenu label {
  text-overflow: ellipsis;
}

.ui-datatable .ui-selectoneradio tbody td {
  padding-right: 1px;
}

.layout-line-direction.ui-selectoneradio.ui-grid-responsive {
  display: table;
}
.layout-line-direction.ui-selectoneradio.ui-grid-responsive > div {
  display: table-cell;
  padding: 4px 1px 4px 10px;
  overflow: hidden;
}
.layout-line-direction.ui-selectoneradio.ui-grid-responsive > div label {
  padding-left: 0;
  padding-right: 1px;
}

:not(.layout-line-direction).ui-selectoneradio .ui-g-12.ui-md-12 {
  padding: 0.2rem;
}

.prewrap .ui-selectonemenu-item {
  white-space: pre;
}

.ui-selectmanycheckbox.compact div.ui-g div {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.ui-selectoneradio.increaseHeightOnHover, .ui-selectmanycheckbox.increaseHeightOnHover {
  max-height: 5rem;
  transition: 0.2s ease 0s;
}
.ui-selectoneradio.increaseHeightOnHover label, .ui-selectmanycheckbox.increaseHeightOnHover label {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(100% - 3rem);
}

.increaseHeightOnHover:hover {
  max-height: 20rem;
  transition: 0.2s ease 0.5s;
}

body .ui-selectmanymenu {
  width: 100%;
}

body .ui-speeddial-action {
  width: 1.75rem;
  height: 1.75rem;
  background: #495057;
  color: #fff;
}

body .ui-speeddial .ui-button {
  margin-left: 0;
}
body .ui-speeddial .ui-button.rounded-button {
  width: 1.6rem;
  height: 1.6rem;
}
body .ui-speeddial .ui-button.rounded-button .ui-icon {
  font-size: 1.1rem;
  margin-left: -0.36rem;
  margin-top: -0.4rem;
}

body .ui-steps {
  padding-bottom: 10px;
}
body .ui-steps ul {
  list-style-type: none;
}
body .ui-steps .ui-steps-item .ui-menuitem-link {
  background-color: var(--screen-bg-color);
}
body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
  text-shadow: none !important;
  background-color: black;
}
body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
  color: black;
}

.tabHeaderDetail {
  display: none;
}

@media screen and (min-width: 40.063em) {
  .tabHeaderDetail {
    display: inherit;
    margin-top: -2.4rem;
    text-align: right;
    margin-right: 1.75rem;
    padding-bottom: 0.67em;
  }
}
.tabHeaderDetailFloat {
  display: none;
}

@media screen and (min-width: 40.063em) {
  .tabHeaderDetailFloat {
    display: inherit;
    float: right;
    margin-top: -2.4rem;
    text-align: right;
    margin-right: 1.75rem;
    padding-bottom: 0.67em;
  }
}
.ui-tabs .ui-tabs-nav li.contactsAndDetailsTab {
  display: none;
}
.ui-tabs .ui-tabs-nav li a {
  padding: 0.6rem 1rem;
  display: flex;
}

@media screen and (min-width: 40.063em) {
  .ui-tabs .ui-tabs-nav li.contactsAndDetailsTab {
    display: inline-block;
  }
}
body .ui-tabs.ui-tabs-top {
  border: 0;
}
body .ui-tabs.ui-tabs-top > .ui-tabs-nav {
  background-color: inherit;
  border-bottom: 0;
}
body .ui-tabs.ui-tabs-top > .ui-tabs-nav li {
  background-color: inherit;
}
body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header {
  border-bottom-width: 3px;
  border-bottom-color: lightGrey;
}
body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-state-active {
  border-bottom-color: var(--accent-color);
  background-color: inherit;
}
body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-state-active a {
  color: var(--accent-color);
}
body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before {
  border: none;
}
body .ui-tabs.ui-tabs-top .ui-tabs-panels {
  background-color: inherit;
}
body .ui-tabs.ui-tabs-top .ui-tabs-panel {
  padding-left: 0;
  padding-right: 0;
}

body .editor__panel .ui-tabs:not(.g-smalltabview) .ui-tabs-nav {
  font-size: 20px;
}
body .editor__panel .ui-tabs:not(.g-smalltabview) .ui-tabs-nav li.ui-state-active {
  border-bottom-width: 5px;
}
body .editor__panel .ui-tabs:not(.g-smalltabview) .ui-tabs-nav li.g-smalltabview {
  font-size: 14px;
}
body .editor__panel .ui-tabs:not(.g-smalltabview) .ui-tabs-nav li.g-smalltabview.ui-state-active {
  border-bottom-width: 3px;
  font-weight: bold;
}
body .editor__panel .ui-tabs:not(.g-smalltabview) .ui-tabs-nav li.g-smalltabview a {
  padding: 4px 7px;
}

body .editor__panel .ui-tabs.g-smalltabview .ui-tabs-nav {
  font-size: 14px;
  background-color: var(--screen-bg-color);
}
body .editor__panel .ui-tabs.g-smalltabview .ui-tabs-nav li {
  padding: 6px 7px 4px 7px;
}
body .editor__panel .ui-tabs.g-smalltabview .ui-tabs-nav li.ui-state-active {
  border-bottom-width: 3px;
  font-weight: bold;
}
body .editor__panel .ui-tabs.g-smalltabview .ui-tabs-nav li a .dashboard__badge {
  margin-top: -3px;
}

body .editor__panel .ui-tabs.g-bitsmallertabview .ui-tabs-nav {
  font-size: 16px;
  background-color: var(--screen-bg-color);
}
body .editor__panel .ui-tabs.g-bitsmallertabview .ui-tabs-nav li {
  padding: 7px 8px 5px 8px;
}
body .editor__panel .ui-tabs.g-bitsmallertabview .ui-tabs-nav li.ui-state-active {
  border-bottom-width: 3px;
  font-weight: bold;
}
body .editor__panel .ui-tabs.g-bitsmallertabview .ui-tabs-nav li a .dashboard__badge {
  margin-top: -3px;
}
body .editor__panel .ui-tabs.g-bitsmallertabview.g-whitetab .ui-tabs-nav {
  background-color: white;
}

body .dashboard__card .ui-tabs .ui-tabs-nav {
  font-size: 18px;
}

body .ui-wizard .ui-wizard-step-titles {
  background-color: inherit;
}
body .ui-wizard .ui-wizard-step-titles > li.ui-wizard-step-title {
  padding: 0.7rem 1rem;
  background-color: inherit;
  border: 0px solid lightGrey;
  border-bottom-width: 3px;
  border-bottom-color: lightGrey;
  color: #757575;
}
body .ui-wizard .ui-wizard-step-titles > li.ui-wizard-step-title:last-child {
  border-right: 0px;
}
body .ui-wizard .ui-wizard-step-titles > li.ui-wizard-step-title.ui-state-highlight {
  background-color: inherit;
  border-bottom-width: 5px;
  color: var(--accent-color);
  border-bottom-color: var(--accent-color);
}
body .ui-wizard .ui-wizard-content {
  padding-top: 8px;
}
body .ui-wizard .ui-wizard-navbar {
  margin-top: 1rem;
}

body.layout-compact .ui-wizard .ui-wizard-step-titles > li {
  font-size: 20px;
}

.ui-tag.g-workflow {
  background-color: #31869b;
  padding: 0.35rem 0.7rem;
}

body .ui-treenode-content.ui-state-highlight {
  background-color: inherit;
  color: inherit;
}
body .ui-treenode-content.ui-state-highlight .ui-treenode-label {
  background-color: var(--primary-lighter-color);
  color: inherit;
}
body .ui-treenode-content.ui-state-highlight .ui-treenode-label a {
  color: var(--link-color);
  vertical-align: middle;
}

body .ui-tree {
  border: none;
  width: 98%;
}

.ui-tree .ui-tree-container {
  white-space: normal;
}
.ui-tree .ui-treenode-label {
  display: inline;
}

body .ui-chkbox .ui-icon-minus {
  font-size: inherit;
}

body .ui-treetable thead th .ui-icon {
  color: inherit;
}
body .ui-treetable thead th.toggler-column {
  padding-left: 2.35rem;
}
body .ui-treetable thead th.toggler-column .ui-commandlink span.material-symbols {
  font-size: 1.85rem;
  font-weight: bold;
  color: var(--link-color);
}
body .ui-treetable tr {
  border: none;
}
body .ui-treetable .ui-treetable-data > tr > td.toggler-column {
  padding-left: 0;
}
body .ui-treetable .ui-treetable-data > tr > td.toggler-column .ui-treetable-toggler.ui-icon {
  font-weight: bold;
  color: var(--link-color);
}
body .ui-treetable .ui-treetable-data > tr.disabled {
  color: darkgray;
}
body .ui-treetable .ui-treetable-toggler {
  vertical-align: top;
  padding-top: 0.1rem;
}

/* pf treetable is not zebra-striped by default, do this manually */
/* rounded bottom corners to dashboard tables */
.dashboard .ui-datatable-tablewrapper {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-treetable table {
  table-layout: auto;
}

.ui-treetable .ui-treetable-data > tr.ui-widget-content:hover {
  background: #f0f0f0;
}

body .ui-state-highlight {
  background-color: var(--primary-color);
}
body .ui-state-active {
  background-color: var(--accent-color);
}
body .ui-widget-header {
  background-color: var(--primary-lighter-color);
  color: black;
}
body .ui-state-disabled {
  color: #212121;
  opacity: 0.55;
}

.riskRatingCell {
  width: 30px !important;
  text-align: center;
  vertical-align: middle;
}

body.layout-compact .riskRatingCell .ui-radiobutton {
  margin: 0.25rem;
  padding: 0 0.5rem 1rem 0;
}

.lowRisk {
  background-color: yellowgreen;
}

.mediumRisk {
  background-color: yellow;
}

.highRisk {
  background-color: orange;
}

.extremeRisk {
  background-color: red;
}

.dashboard__containerRow {
  display: flex;
}

.dashboard__card {
  position: relative;
  height: 100%;
}
.dashboard__card .dashboard__cardtopright {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 1;
}
.dashboard__card .dashboard__statisticsLegend {
  float: right;
  font-size: 10px;
}

body.layout-compact .card.dashboard__tabcard h1 {
  margin-bottom: 10px;
  margin-right: 60px;
}
body.layout-compact .card.dashboard__tabcard .ui-tabs.ui-tabs-top > .ui-tabs-nav {
  margin-bottom: 20px;
}
body.layout-compact .card.dashboard__tabcard .ui-tabs .ui-tabs-nav > li > a {
  padding-left: 11px;
}

.ui-treetable.dashboard-statistics-table tr[data-prk=root] {
  font-weight: bold;
}

.dashboard__badge {
  float: right;
  color: #ffffff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: block;
  font-size: 14px;
  margin-left: 5px;
  line-height: 20px;
  text-align: center;
  background-color: var(--badge-bg-color);
  height: 20px;
  width: 20px;
}
.dashboard__badge.dashboard__badgeBig {
  font-size: 16px;
  line-height: 29px;
  height: 28px;
  width: 28px;
}
.dashboard__badge.dashboard__badgeSmall {
  font-size: 11px;
}

.dashboard__badge.dashboard__badge-urgent {
  background-color: hsl(0, 71%, 45%) !important;
}

.dashboard__notPending .dashboard__badge {
  background-color: hsl(0, 0%, 70%);
}

.dashboard .overview {
  min-height: 100px; /* not 140 */
}

.dashboard .colorbox .ui-icon {
  font-size: 48px;
}

.dashboard .colorbox.colorbox-1 div:first-child {
  background-color: #4b616c;
}

.dashboard .colorbox.colorbox-1 div:last-child {
  background-color: #607c8a;
}

.dashboard .colorbox .colorbox-count .ui-icon {
  font-size: 24px;
}

/* .dashboard .colorbox .ui-icon {
	margin-top: 0px;
} */
.dashboard .overview .overview-content .overview-badge {
  color: white;
}

.dashboard .overview .overview-content .overview-badge .past-due {
  color: darkorange;
}

.dashboard .overview .overview-content .overview-title {
  font-size: 20px;
}

/* .dashboard .overview {
	margin-bottom: 16px !important;
} */
.dashboard .overview-badge {
  background-color: #607c8a;
  color: #ffffff;
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  font-weight: bold;
  padding: 7px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.dashboard .overview .ui-datatable, .dashboard .overview .ui-treetable, .dashboard .overview .detail {
  margin-top: 10px;
}

.overview-badge .ui-icon.past-due {
  position: relative;
  top: -0.55em;
  left: -0.1em;
  font-size: 60%;
}

.dashboard .ratingChart {
  height: 200px;
}

@media screen and (max-width: 40em) {
  .dashboard .ratingChart {
    height: 175px;
  }
}
body .ui-menu.quickreporting-menu {
  width: 300px;
}
body .ui-menu.quickreporting-menu .ui-menu-parent .ui-menu-child {
  width: 14.5em;
}

.editor__logbookLink {
  float: right;
}

body.layout-compact .editor__logbookLink.ui-icon {
  font-size: 2.25rem;
}

.exception-body.loggedOff-page .exception-type {
  background-color: var(--primary-color);
}

.manuallyIncludedRow {
  font-style: italic;
  font-weight: bolder;
}

.manuallyExcludedRow {
  text-decoration: line-through;
  color: #C8C8C8;
}

.login-body {
  background: url("/lookAndFeelImages/LOGINPAGE_BACKGROUND?version=10803") top no-repeat #f7f7f7;
}

body .login-panel {
  color: inherit;
  background-color: white;
}
body .login-panel .ui-g .ui-g-12 {
  padding: 25px 20px;
}
body .login-panel .md-inputfield input.ui-state-filled ~ label, body .login-panel .md-inputfield input:focus ~ label {
  color: inherit;
}
body .login-panel .ui-messages ul {
  display: table-cell;
}
body .login-panel .ui-button {
  margin-bottom: 20px;
}
body .login-panel.anonymous-panel {
  width: 700px;
}

body.ui-input-filled.login-body .ui-float-label input.ui-state-focus ~ label, body.ui-input-filled.login-body .ui-float-label input.ui-state-filled ~ label {
  top: -1.2rem !important;
}
body.ui-input-filled.login-body .ui-float-label textarea ~ label {
  top: 0.4rem !important;
}
body.ui-input-filled.login-body .ui-float-label textarea.ui-state-focus ~ label, body.ui-input-filled.login-body .ui-float-label textarea.ui-state-filled ~ label {
  top: -1.2rem !important;
}
body.ui-input-filled.login-body .ui-float-label span.ui-inputwrapper-focus ~ label, body.ui-input-filled.login-body .ui-float-label span.ui-inputwrapper-filled ~ label {
  top: -1.2rem !important;
}

body.login-body .ui-button {
  margin-left: 0;
}

body .page__title-card {
  background-color: var(--title-card-bg-color);
  color: var(--title-card-color);
}
body .page__title-card h1 {
  display: inline;
}
body .page__title-card .page__title-card-facetRight {
  float: right;
}
body .page__title-card.page__error {
  background-color: #E57373;
}
body .page__title-card a {
  color: var(--title-card-color);
}

body .ui-tag.IN_PROGRESS {
  background-color: var(--blue-400);
}
body .ui-tag.PLANNED {
  background-color: var(--gray-500);
}
body .ui-tag.REJECTED {
  background-color: var(--pastel-red-1);
}
body .ui-tag.DONE {
  background-color: var(--pastel-darkgreen);
}
body .ui-tag.DONE-FORTERMINATION {
  background-color: black;
}
body .ui-tag.SKIPPED {
  background-color: var(--pastel-red-5);
}
body .ui-tag.OMITTED {
  background-color: var(--gray-800);
}
body .ui-tag.CANCELED {
  background-color: var(--pastel-red-5);
}
body .ui-tag.ERROR {
  background-color: var(--pastel-red-6);
}

body .bg-wf-IN_PROGRESS {
  background-color: var(--blue-400);
}
body .bg-wf-PLANNED {
  background-color: var(--gray-500);
}
body .bg-wf-REJECTED {
  background-color: var(--pastel-red-1);
}
body .bg-wf-DONE {
  background-color: var(--pastel-green);
}
body .bg-wf-DONE-FORTERMINATION {
  background-color: black;
}
body .bg-wf-SKIPPED {
  background-color: var(--pastel-red-5);
}
body .bg-wf-OMITTED {
  background-color: var(--gray-800);
}
body .bg-wf-CANCELED {
  background-color: var(--pastel-red-5);
}
body .bg-wf-ERROR {
  background-color: var(--pastel-red-6);
}

.ui-treetable.riskInventory__riskTreeTable .ui-datatable {
  margin-top: -6px;
}
.ui-treetable.riskInventory__riskTreeTable .ui-datatable thead {
  display: none;
}
.ui-treetable.riskInventory__riskTreeTable .ui-datatable tbody tr {
  border: none;
}

.riskassessment__itemFilter {
  margin-bottom: 8px;
}

.riskassessment .riskassessment__materiality {
  padding: 4px 5px 2px 5px;
  min-height: 1.8rem;
  border: 1px solid darkGray;
  color: black;
  display: block;
}
.riskassessment .riskassessment__materiality.riskassessment__materialityInHeader {
  width: 13%;
  min-width: 7.8rem;
  max-height: 2rem;
  float: right;
  margin-top: -3px;
}
.riskassessment .riskassessment__materiality.riskassessment__materialityInHeader i.ui-icon {
  margin-right: 10px;
}
.riskassessment .riskassessment__materiality.riskassessment__materialitySummary {
  font-weight: normal;
  margin-top: 2px;
}
.riskassessment .riskassessment__materiality i.ui-icon {
  color: black;
  vertical-align: middle;
  margin-top: -1px;
  float: right;
  position: relative;
}

.ui-datatable td.riskassessment__materialityColumn {
  padding-top: 5px;
  padding-bottom: 2px;
}

.ui-datatable.aggregated-estimation.not-manually-adjusted .ui-datatable-summaryrow {
  display: none;
}

.ui-datatable.aggregated-estimation.not-manually-adjusted .ui-datatable-summaryrow ~ .ui-datatable-summaryrow {
  display: table-row;
}

.ui-datatable.aggregated-estimation td.glass {
  opacity: 0.25;
}
.ui-datatable.aggregated-estimation tr.ui-datatable-summaryrow .ui-selectonemenu label {
  font-weight: bold;
}

.risk-leaf {
  margin-left: 20px;
}

.ui-datatable.riskassessment-reporting tr.ui-state-highlight td {
  font-weight: bold;
  background-color: white;
  color: #212121;
}
.ui-datatable.riskassessment-reporting tr.ui-state-highlight td .ui-icon {
  font-weight: bold;
  color: #212121;
}
.ui-datatable.riskassessment-reporting tr.ui-state-highlight td.ui-selection-column .ui-chkbox-box {
  border-color: black;
  color: black;
}
.ui-datatable.riskassessment-reporting tr.ui-state-highlight td.ui-selection-column .ui-chkbox-box .ui-chkbox-icon {
  color: black;
}

body .ui-icon.riskassessment-trend, body a .ui-icon.riskassessment-trend {
  color: #404040;
}

.heatmap {
  padding: 0;
}
.heatmap .ui-dialog .ui-dialog-titlebar {
  font-weight: bold;
  padding: 0.5rem 1rem;
}
.heatmap .ui-dialog .ui-dialog-titlebar .heatmap-dialog-header {
  display: inline-block;
  width: calc(100% + 1.5rem);
  margin: -0.5rem -0.75rem;
  padding: 0.25rem 0.75rem;
}
.heatmap .ui-dialog .ui-dialog-titlebar .heatmap-dialog-header.risk-level-LOW {
  background-color: #9EC1A3;
}
.heatmap .ui-dialog .ui-dialog-titlebar .heatmap-dialog-header.risk-level-MEDIUM_LOW {
  background-color: #D0DED1;
}
.heatmap .ui-dialog .ui-dialog-titlebar .heatmap-dialog-header.risk-level-MEDIUM {
  background-color: #FDECB4;
}
.heatmap .ui-dialog .ui-dialog-titlebar .heatmap-dialog-header.risk-level-MEDIUM_HIGH {
  background-color: #FBDE80;
}
.heatmap .ui-dialog .ui-dialog-titlebar .heatmap-dialog-header.risk-level-HIGH {
  background-color: #EEBAB7;
}
.heatmap .ui-dialog .ui-dialog-titlebar .heatmap-dialog-header.risk-level-VERY_HIGH {
  background-color: #E48681;
}
.heatmap .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  position: relative;
  top: -1.5rem;
}
.heatmap .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon {
  font-size: 1rem;
}

body.layout-compact .card.search__searchpanel {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 60px;
}
body.layout-compact .card.search__searchpanel h1 {
  margin-bottom: 12px;
}

.search__template-selector .ui-selectonemenu {
  float: right;
  width: 180px;
}
.search__template-selector {
  right: 18px;
}
.search__template-selector.card__top-right {
  margin-top: -50px;
}

.card__search-read-only-buttons {
  position: absolute;
  right: 15px;
  margin-top: -5px;
}

.search__used-criteria-buttons {
  position: absolute;
  bottom: 10px;
  right: 18px;
}

a.search__toggleMoreLessCriteria {
  padding-left: 10px;
}

body .rating-altKey-GREEN {
  background-color: #238823;
}
body .rating-altKey-YELLOW {
  background-color: #ffbf00;
}
body .rating-altKey-RED {
  background-color: #d2222e;
}

.textTranslationArea {
  padding: 0.5%;
  margin: 0.5%;
  border: 0px;
  width: 98%;
  height: 200px;
}

.g-workflow-step .pi {
  vertical-align: middle;
  font-size: 1.2rem;
}
.g-workflow-step .pi.icon-small {
  font-size: 1rem;
}

/*# sourceMappingURL=goco-unified.css.map */