:root {
  --clr-border-color: var(--clr-color-neutral-400);
  --clr-card-default-border-color: rgba(215, 215, 215, 1);
  --clr-card-active-border-color: rgba(0, 148, 210, 1);
  --clr-header-height: 3rem;
  --clr-footer-height: 2.5rem;
  --clr-notification-progress-info-bar-color: var(--clr-progress-default-color);
  --clr-highlight-success-50: #dff0d0;
  --clr-highlight-success-100: #bce49a;
  --clr-highlight-success-700: #3c8500;
  --clr-highlight-success-800: #306b00;
  --clr-highlight-error-100: #feddd7;
  --clr-highlight-error-200: #fcc5bb;
  --clr-highlight-error-800: #c21d00;
  --clr-highlight-error-900: #991700;
  --clr-highlight-warning-100: #fff4c7;
  --clr-highlight-warning-200: #ffeea8;
  --clr-highlight-warning-800: #ad7600;
  --clr-highlight-warning-900: #8f5a00;
  --clr-highlight-info-50: #e3f5fc;
  --clr-highlight-info-100: #c8eaf9;
  --clr-highlight-info-700: #00648f;
  --clr-highlight-info-800: #00567a;
  --clr-highlight-neutral-50: #fafafa;
  --clr-highlight-neutral-200: #e8e8e8;
}

.header-actions > .dropdown .dropdown-toggle.nav-icon clr-icon:not([shape^=caret]) {
  height: 1.1rem;
  width: 1.1rem;
}

.header-actions > .dropdown .dropdown-toggle.nav-icon cds-icon:not([shape^=angle]) {
  height: 1.1rem;
  width: 1.1rem;
}

@media screen and (max-width: 992px) and (min-width: 768px) {
  .main-container .header-hamburger-trigger,
  .main-container .header-overflow-trigger {
    display: inline-block;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 1rem;
    height: var(--clr-header-height);
    width: var(--clr-header-height);
    padding: 0 0 0.2rem 0;
    text-align: center;
    white-space: nowrap;
    color: var(--clr-header-font-color);
    opacity: var(--clr-header-nav-opacity);
  }
  .main-container .header-hamburger-trigger:enabled:hover,
  .main-container .header-overflow-trigger:enabled:hover {
    opacity: var(--clr-header-nav-hover-opacity);
  }
  .main-container .header-hamburger-trigger:focus,
  .main-container .header-overflow-trigger:focus {
    outline-offset: -0.208333rem;
  }
  .main-container .header-nav.clr-nav-level-1,
  .main-container .subnav.clr-nav-level-1,
  .main-container .sub-nav.clr-nav-level-1,
  .main-container .clr-vertical-nav.clr-nav-level-1 {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    background: var(--clr-nav-background-color);
    z-index: 1039;
    height: 100vh;
    transform: translateX(-18rem);
    transition: transform 0.3s ease;
  }
  .main-container .header-nav.clr-nav-level-2,
  .main-container .subnav.clr-nav-level-2,
  .main-container .sub-nav.clr-nav-level-2,
  .main-container .clr-vertical-nav.clr-nav-level-2 {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    background: var(--clr-nav-background-color);
    z-index: 1039;
    height: 100vh;
    transform: translateX(18rem);
    transition: transform 0.3s ease;
  }
  .main-container .subnav.clr-nav-level-1 .nav,
  .main-container .subnav.clr-nav-level-1 aside,
  .main-container .sub-nav.clr-nav-level-1 .nav,
  .main-container .sub-nav.clr-nav-level-1 aside,
  .main-container .subnav.clr-nav-level-2 .nav,
  .main-container .subnav.clr-nav-level-2 aside,
  .main-container .sub-nav.clr-nav-level-2 .nav,
  .main-container .sub-nav.clr-nav-level-2 aside {
    flex-direction: column;
    align-items: stretch;
  }
  .main-container .subnav.clr-nav-level-1 aside,
  .main-container .sub-nav.clr-nav-level-1 aside,
  .main-container .subnav.clr-nav-level-2 aside,
  .main-container .sub-nav.clr-nav-level-2 aside {
    justify-content: center;
    width: 100%;
  }
  .main-container .subnav.clr-nav-level-1 .nav,
  .main-container .sub-nav.clr-nav-level-1 .nav,
  .main-container .subnav.clr-nav-level-2 .nav,
  .main-container .sub-nav.clr-nav-level-2 .nav {
    padding-left: 0;
  }
  .main-container .subnav.clr-nav-level-1 .nav .nav-item,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-item,
  .main-container .subnav.clr-nav-level-2 .nav .nav-item,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-item {
    height: 1.5rem;
    margin-right: 0;
  }
  .main-container .subnav.clr-nav-level-1 .nav .nav-link,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-link,
  .main-container .subnav.clr-nav-level-2 .nav .nav-link,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-link {
    padding: 0 0.5rem 0 1rem;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: var(--clr-global-borderradius) 0 0 var(--clr-global-borderradius);
    color: var(--clr-vertical-nav-item-color);
  }
  .main-container .subnav.clr-nav-level-1 .nav .nav-link.active,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-link.active,
  .main-container .subnav.clr-nav-level-2 .nav .nav-link.active,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-link.active {
    color: var(--clr-vertical-nav-item-active-color);
    background-color: var(--clr-vertical-nav-active-bg-color);
  }
  .main-container .subnav.clr-nav-level-1 .nav .nav-link.active .nav-icon,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-link.active .nav-icon,
  .main-container .subnav.clr-nav-level-2 .nav .nav-link.active .nav-icon,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-link.active .nav-icon {
    fill: var(--clr-vertical-nav-icon-active-color);
  }
  .main-container .subnav.clr-nav-level-1 .nav .nav-link:hover, .main-container .subnav.clr-nav-level-1 .nav .nav-link.active,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-link:hover,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-link.active,
  .main-container .subnav.clr-nav-level-2 .nav .nav-link:hover,
  .main-container .subnav.clr-nav-level-2 .nav .nav-link.active,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-link:hover,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-link.active {
    box-shadow: none;
  }
  .main-container .clr-vertical-nav.clr-nav-level-1,
  .main-container .clr-vertical-nav.clr-nav-level-2 {
    border-right: none;
  }
  .main-container .header-overflow-trigger {
    position: relative;
  }
  .main-container .header-overflow-trigger::after {
    display: inline-block;
    position: absolute;
    content: "";
    background: var(--clr-header-font-color);
    opacity: var(--clr-header-divider-opacity);
    height: calc(var(--clr-header-height) - 1rem);
    width: var(--clr-global-borderwidth);
    top: 0.5rem;
    left: 0;
  }
  .main-container .header .branding {
    max-width: 10rem;
    min-width: 0;
    overflow: hidden;
    letter-spacing: 0.16px;
  }
  .main-container .header .header-hamburger-trigger + .branding {
    padding-left: 0;
  }
  .main-container .header .header-hamburger-trigger + .branding .clr-icon,
  .main-container .header .header-hamburger-trigger + .branding .logo,
  .main-container .header .header-hamburger-trigger + .branding clr-icon {
    display: none;
  }
  .main-container .header .branding + .header-overflow-trigger,
  .main-container .header .header-nav + .header-overflow-trigger {
    margin-left: auto;
  }
  .main-container.open-hamburger-menu .header .header-backdrop, .main-container.open-overflow-menu .header .header-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--cds-alias-object-overlay-backdrop-background);
    cursor: pointer;
    z-index: 1038;
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link {
    flex: 0 0 auto;
    opacity: 1;
    color: var(--clr-vertical-nav-item-color);
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-icon,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .fa,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-icon,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link .fa, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-icon,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link .fa,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-icon,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link .fa {
    display: none;
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-text,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-text, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-text,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-text {
    display: inline-block;
    color: var(--clr-sliding-panel-text-color);
    line-height: 1rem;
    padding: 0.25rem 0 0.25rem 1rem;
    white-space: normal;
    font-weight: normal;
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-icon + .nav-text,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-icon + .nav-text, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-icon + .nav-text,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-icon + .nav-text {
    display: inline-block;
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link.active,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link.active, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link.active,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link.active {
    color: var(--clr-vertical-nav-item-active-color);
    background-color: var(--clr-vertical-nav-active-bg-color);
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link.active .nav-icon,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link.active .nav-icon, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link.active .nav-icon,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link.active .nav-icon {
    fill: var(--clr-vertical-nav-icon-active-color);
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link.active > .nav-text,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link.active > .nav-text, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link.active > .nav-text,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link.active > .nav-text {
    color: inherit;
  }
  .main-container.open-hamburger-menu .clr-vertical-nav .nav-trigger, .main-container.open-overflow-menu .clr-vertical-nav .nav-trigger {
    display: none;
  }
  .main-container.open-hamburger-menu .header .branding {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 18rem;
    max-width: 18rem;
    z-index: 1040;
    padding-left: 1rem;
  }
  .main-container.open-hamburger-menu .header .branding > .nav-link {
    overflow: hidden;
  }
  .main-container.open-hamburger-menu .header .branding .clr-icon,
  .main-container.open-hamburger-menu .header .branding .logo,
  .main-container.open-hamburger-menu .header .branding clr-icon {
    display: inline-block;
  }
  .main-container.open-hamburger-menu .header .branding .title {
    color: var(--clr-sliding-panel-text-color);
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .main-container.open-hamburger-menu .header-hamburger-trigger > span {
    background: transparent;
  }
  .main-container.open-hamburger-menu .header-hamburger-trigger > span::before, .main-container.open-hamburger-menu .header-hamburger-trigger > span::after {
    left: 0.15rem;
    transform-origin: 9%;
    transition: transform 0.6s ease;
  }
  .main-container.open-hamburger-menu .header-hamburger-trigger > span::before {
    transform: rotate(45deg);
  }
  .main-container.open-hamburger-menu .header-hamburger-trigger > span::after {
    transform: rotate(-45deg);
  }
  .main-container.open-hamburger-menu .header-nav.clr-nav-level-1,
  .main-container.open-hamburger-menu .subnav.clr-nav-level-1,
  .main-container.open-hamburger-menu .sub-nav.clr-nav-level-1,
  .main-container.open-hamburger-menu .clr-vertical-nav.clr-nav-level-1 {
    padding-top: calc(var(--clr-header-height) + 1rem);
    transform: translateX(0);
    transition: transform 0.3s ease;
    width: 18rem;
    max-width: 18rem;
  }
  .main-container.open-hamburger-menu .header-nav.clr-nav-level-1 .sidenav-content,
  .main-container.open-hamburger-menu .subnav.clr-nav-level-1 .sidenav-content,
  .main-container.open-hamburger-menu .sub-nav.clr-nav-level-1 .sidenav-content,
  .main-container.open-hamburger-menu .clr-vertical-nav.clr-nav-level-1 .sidenav-content {
    padding-bottom: 1rem;
  }
  .main-container.open-overflow-menu .header-nav.clr-nav-level-2,
  .main-container.open-overflow-menu .subnav.clr-nav-level-2,
  .main-container.open-overflow-menu .sub-nav.clr-nav-level-2,
  .main-container.open-overflow-menu .clr-vertical-nav.clr-nav-level-2 {
    transform: translateX(0);
    transition: transform 0.3s ease;
    width: 18rem;
    max-width: 18rem;
  }
  .main-container.open-overflow-menu .header-nav.clr-nav-level-2,
  .main-container.open-overflow-menu .subnav.clr-nav-level-2,
  .main-container.open-overflow-menu .sub-nav.clr-nav-level-2 {
    padding-top: 1rem;
  }
  .main-container.open-overflow-menu .header-overflow-trigger {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    z-index: 1039;
    transform: translateX(-18.5rem);
    transition: transform 0.6s ease;
  }
  .main-container.open-overflow-menu .header-overflow-trigger::after {
    content: none;
  }
  .main-container.open-overflow-menu .header-overflow-trigger > span {
    background: transparent;
  }
  .main-container.open-overflow-menu .header-overflow-trigger > span::before, .main-container.open-overflow-menu .header-overflow-trigger > span::after {
    height: 0.1rem;
    width: 1.2rem;
    left: -0.3rem;
    transform-origin: -3%;
    transition: transform 0.6s ease;
  }
  .main-container.open-overflow-menu .header-overflow-trigger > span::before {
    transform: rotate(45deg);
  }
  .main-container.open-overflow-menu .header-overflow-trigger > span::after {
    transform: rotate(-45deg);
  }
}
.open-hamburger-menu .header-hamburger-trigger span::before,
.open-overflow-menu .header-overflow-trigger span::before {
  background-color: white;
}
.open-hamburger-menu .header-hamburger-trigger span::after,
.open-overflow-menu .header-overflow-trigger span::after {
  background-color: white;
}

.ces-title h1,
.ces-title h2,
.ces-title h3,
.ces-title h4,
.ces-title h5,
.ces-title h6,
.ces-subtitle h1,
.ces-subtitle h2,
.ces-subtitle h3,
.ces-subtitle h4,
.ces-subtitle h5,
.ces-subtitle h6 {
  margin-top: 0;
}

.ces-caret-btn {
  line-height: 1rem;
}

.disabled-header-styles h1,
.disabled-header-styles h2,
.disabled-header-styles h3,
.disabled-header-styles h4,
.disabled-header-styles h5,
.disabled-header-styles h6 {
  display: inline-block;
}
.disabled-header-styles .ces-caret-btn {
  margin-top: 0;
}

:root [cds-theme] {
  --clr-main-nav-group-title-icon-size: 1rem;
  --clr-main-nav-group-dropdown-icon-size: 0.7rem;
}

header .header-nav .nav-link,
.header .header-nav .nav-link {
  text-align: left;
}
header .header-nav .nav-link:first-of-type::before, header .header-nav .nav-link:last-of-type::after,
.header .header-nav .nav-link:first-of-type::before,
.header .header-nav .nav-link:last-of-type::after {
  display: none;
}

@media screen and (max-width: 992px) {
  .main-container:not(.open-hamburger-menu) .header-nav .header-overflow {
    display: none;
  }
}
.main-container:not(.open-hamburger-menu) .header-nav .collapsible {
  cursor: pointer;
}
.main-container:not(.open-hamburger-menu) .header-nav .collapsible .nav-text {
  cursor: pointer;
}
.main-container:not(.open-hamburger-menu) .header-nav .collapsible .nav-text cds-icon.title-icon {
  width: var(--clr-main-nav-group-title-icon-size);
  height: var(--clr-main-nav-group-title-icon-size);
}
.main-container:not(.open-hamburger-menu) .header-nav .collapsible .nav-text cds-icon.dropdown-icon {
  position: relative;
  transform: rotate(180deg);
  top: 0;
  width: var(--clr-main-nav-group-dropdown-icon-size);
  height: var(--clr-main-nav-group-dropdown-icon-size);
}
.main-container:not(.open-hamburger-menu) .header-nav .collapsible .nav-text clr-icon {
  position: relative;
  transform: unset;
  top: 0;
  width: 0.5rem;
  height: 0.5rem;
}
.main-container:not(.open-hamburger-menu) .header-nav .collapsible .nav-list {
  display: none;
}
.main-container:not(.open-hamburger-menu) .header-nav .collapsible .nav-list .nav-link {
  color: var(--clr-dropdown-item-color);
  opacity: 1;
  padding: 1px 1rem 0;
  height: 1.25rem;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-container:not(.open-hamburger-menu) .header-nav .collapsible .nav-list .nav-link:hover {
  background-color: var(--clr-dropdown-bg-hover-color);
}
.main-container:not(.open-hamburger-menu) .header-nav .collapsible .nav-list .nav-link.active {
  background: var(--clr-dropdown-selection-color);
  color: var(--clr-dropdown-active-text-color);
}
.main-container:not(.open-hamburger-menu) .header-nav .collapsible input[type=checkbox]:checked ~ .nav-list {
  visibility: visible;
  display: flex;
}

.main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .header-overflow {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}
.main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .header-overflow .nav-link .nav-text {
  font-weight: var(--clr-font-weight-bold);
  padding-right: 1.5rem;
}
.main-container.open-hamburger-menu .header .header-nav .nav-link {
  align-items: flex-start;
  padding: 0;
}
.main-container.open-hamburger-menu .header .header-nav .collapsible {
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.main-container.open-hamburger-menu .header .header-nav .collapsible .nav-text {
  cursor: pointer;
}
.main-container.open-hamburger-menu .header .header-nav .collapsible.nav-link:hover {
  background-color: transparent;
}
.main-container.open-hamburger-menu .header .header-nav .collapsible cds-icon.title-icon {
  width: var(--clr-main-nav-group-title-icon-size);
  height: var(--clr-main-nav-group-title-icon-size);
}
.main-container.open-hamburger-menu .header .header-nav .collapsible cds-icon.dropdown-icon {
  position: absolute;
  top: 0;
  right: 0.5rem;
  left: unset;
  width: var(--clr-main-nav-group-dropdown-icon-size);
  height: var(--clr-main-nav-group-dropdown-icon-size);
  transform: translate(-50%, 50%) rotate(90deg);
  transition: 200ms ease-in-out;
}
.main-container.open-hamburger-menu .header .header-nav .collapsible clr-icon {
  position: absolute;
  top: 0.4rem;
  right: 0.5rem;
  left: unset;
  transform: rotate(-90deg);
  width: 0.666667rem;
  height: 0.666667rem;
}
.main-container.open-hamburger-menu .header .header-nav .collapsible .nav-list {
  display: none;
}
.main-container.open-hamburger-menu .header .header-nav .collapsible input[type=checkbox]:checked ~ label cds-icon.dropdown-icon {
  transform: translate(-50%, 50%) rotate(180deg);
}
.main-container.open-hamburger-menu .header .header-nav .collapsible input[type=checkbox]:checked ~ label clr-icon {
  transform: translate(-50%, 50%) rotate(180deg);
}
.main-container.open-hamburger-menu .header .header-nav .collapsible input[type=checkbox]:checked ~ .nav-list {
  display: flex;
  visibility: visible;
  position: relative;
  background: transparent;
  border: 0;
  box-shadow: 0 0;
  padding: 0;
}
.main-container.open-hamburger-menu .header .header-nav .collapsible input[type=checkbox]:checked ~ .nav-list .nav-link {
  padding: 0 1.5rem 0 2rem;
  height: 1.5rem;
  line-height: 1.5rem;
}

.main-nav-group.active .collapsible.active .nav-text {
  opacity: 0.99;
}
.main-nav-group .collapsible:active, .main-nav-group .collapsible:hover {
  outline-width: 0;
}
.main-nav-group .collapsible > input[type=checkbox] {
  display: none;
}

.pager-top,
.pager-bottom {
  margin: auto;
  display: flex;
}

.pager-bottom {
  margin-top: 1rem;
}

.btn-no-capitalized {
  text-transform: none;
}

.options-icon-button {
  display: none !important;
}

@media screen and (max-width: 576px) {
  .options-text-button {
    display: none !important;
  }
  .options-icon-button {
    display: inline-flex !important;
  }
}
.pager .btn {
  min-width: 1.5rem;
}
.pager button:disabled {
  border-color: var(--clr-btn-default-color);
  opacity: 1;
}

@media (hover: none) {
  .pager .btn:not(.btn-primary):hover {
    background-color: var(--clr-btn-default-bg-color);
    color: var(--clr-btn-default-color);
  }
  .pager .btn.btn-primary:hover {
    background-color: var(--clr-btn-primary-bg-color);
    color: var(--clr-btn-primary-color);
  }
}
.dot-pager .clr-control-container {
  margin: auto;
}
.dot-pager .clr-radio-wrapper input[type=radio]:checked + label::before {
  box-shadow: inset 0 0 0 1rem var(--clr-forms-checkbox-background-color);
}

.view-edit-section {
  max-width: 65rem;
}
.view-edit-section .card-block {
  display: flex;
  flex-direction: column;
}
.view-edit-section .card-title {
  margin-bottom: 0;
}
.view-edit-section .card-text {
  padding-right: 10px;
}
.view-edit-section form,
.view-edit-section .form {
  padding: 0;
}
.view-edit-section .button-bar {
  margin-top: 1rem;
}
.view-edit-section .card-block .btn,
.view-edit-section .card-block .btn.btn-link,
.view-edit-section .card-block .card-link,
.view-edit-section .card-footer .btn,
.view-edit-section .card-footer .btn.btn-link,
.view-edit-section .card-footer .card-link {
  margin: 0 0.6rem 0 0;
}

.ves-action,
.card-action {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.ves-actions,
.card-actions {
  float: right;
  margin-top: -0.3em;
}

:root {
  --clr-content-panel-width: 456px;
}

.content-panel-container {
  position: relative;
  overflow: hidden;
}

.content-panel-outer-wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

@media screen and (min-width: 1200px) {
  .content-panel-outer-wrapper {
    order: 1;
  }
}
.content-panel {
  order: 2;
}

.content-panel-content-wrapper {
  background-color: var(--clr-global-app-background);
  z-index: 1037;
  padding: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-left: var(--clr-global-borderwidth) solid var(--clr-border-color);
  overflow: auto;
}
@media screen and (min-width: 768px) {
  .content-panel-content-wrapper {
    width: var(--clr-content-panel-width);
  }
}
@media screen and (min-width: 1200px) {
  .content-panel-content-wrapper {
    position: relative;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .content-panel-content-wrapper {
    width: 100%;
    border: none;
  }
}

.content-panel-title {
  margin-top: 0 !important;
  margin-bottom: 0.5rem;
  line-height: 1.5rem;
}

.content-panel-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--clr-color-neutral-900);
  opacity: 0.85;
  z-index: 1036;
}
@media screen and (max-width: 768px) {
  .content-panel-backdrop {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .content-panel-backdrop {
    display: none;
  }
}

.content-panel-close-btn {
  line-height: 1rem;
}

:root {
  --clr-action-panel-width: 320px;
}

.action-panel-container {
  position: relative;
  overflow: hidden;
}

.action-panel-outer-wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

@media screen and (min-width: 1200px) {
  .action-panel-outer-wrapper {
    order: 1;
  }
}
.action-panel {
  order: 2;
}

.action-panel-action-wrapper {
  background-color: var(--clr-global-app-background);
  z-index: 1037;
  padding: 0 1rem 1rem 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-left: var(--clr-global-borderwidth) solid var(--clr-border-color);
  overflow: auto;
}
@media screen and (min-width: 768px) {
  .action-panel-action-wrapper {
    width: var(--clr-action-panel-width);
  }
}
@media screen and (min-width: 1200px) {
  .action-panel-action-wrapper {
    position: relative;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .action-panel-action-wrapper {
    width: 100%;
    border: none;
  }
}

.action-panel-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--clr-color-neutral-900);
  opacity: 0.85;
  z-index: 1036;
}
@media screen and (max-width: 768px) {
  .action-panel-backdrop {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .action-panel-backdrop {
    display: none;
  }
}

.action-panel-list {
  padding-left: 0.5rem !important;
  padding-top: 0.25rem;
}
.action-panel-list li::marker {
  color: var(--clr-link-visited-color);
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1rem;
  list-style: none;
  font-size: 13px;
}

.breadcrumb-item {
  font-size: 13px;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  display: inline-block;
  padding-right: 0.5rem;
}

.notification__wrapper {
  position: fixed;
  z-index: 1071;
  top: 36px;
  width: 400px;
  left: 0;
  right: 0;
  border-radius: 4px;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  .notification__wrapper {
    width: calc(100% - 2rem);
    margin: 0 1rem;
  }
}
.notification .progress {
  height: 0.5em;
  position: absolute;
  z-index: 1;
}
.notification .progress.info progress {
  color: #00648f;
}
.notification .progress.info progress::-webkit-progress-value {
  background-color: #00648f;
}
.notification .progress.info progress::-moz-progress-bar {
  background-color: #00648f;
}
.notification .progress.success progress {
  color: #3c8500;
}
.notification .progress.success progress::-webkit-progress-value {
  background-color: #3c8500;
}
.notification .progress.success progress::-moz-progress-bar {
  background-color: #3c8500;
}
.notification .progress.warning progress {
  color: #ad7600;
}
.notification .progress.warning progress::-webkit-progress-value {
  background-color: #ad7600;
}
.notification .progress.warning progress::-moz-progress-bar {
  background-color: #ad7600;
}
.notification .progress.danger progress {
  color: #c21d00;
}
.notification .progress.danger progress::-webkit-progress-value {
  background-color: #c21d00;
}
.notification .progress.danger progress::-moz-progress-bar {
  background-color: #c21d00;
}
.notification .alert-items {
  padding: 0.333333rem calc(0.75rem - 1px);
}
.notification .alert-app-level {
  font-size: 14px;
}
.notification .alert-app-level .alert-icon {
  height: 1.4rem;
  width: 1.4rem;
}
.notification .alert-app-level .alert-items {
  padding-top: 0.86rem;
  padding-bottom: 0.86rem;
}
.notification .alert-app-level .alert-items .alert-item {
  justify-content: left;
}
.notification .alert-app-level .alert-items .alert-item .alert-text {
  white-space: pre-wrap;
}
.notification .alert-app-level .alert-icon-wrapper {
  margin-top: 0.05rem;
  height: 1.2rem;
}
.notification .alert-app-level .close {
  flex: 0 0 2.266667rem;
  height: 3rem;
  width: 2rem;
}
.notification .alert-app-level .close:focus {
  box-shadow: none;
}
.notification .alert-app-level .close cds-icon {
  margin: auto 0;
  height: calc(1.3rem - 1px);
  width: calc(1.3rem - 1px);
}

.flow-bar {
  display: flex;
  flex: 0 0 auto;
}
.flow-bar .flow-bar-dropdown {
  display: none;
}
@media screen and (max-width: 576px) {
  .flow-bar .flow-bar-dropdown {
    display: block;
  }
}
.flow-bar .flow-bar-dropdown .dropdown-toggle {
  border: none;
  width: 100%;
  padding: 0 1rem;
  max-width: none;
}
.flow-bar .flow-bar-dropdown .dropdown-toggle:active {
  box-shadow: none;
}
.flow-bar .flow-bar-wrapper {
  display: flex;
  height: 1.5rem;
  align-items: center;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}
@media screen and (max-width: 576px) {
  .flow-bar .flow-bar-wrapper {
    display: none;
  }
}
.flow-bar .flow-bar-wrapper .flow-bar-step {
  box-shadow: 0 -0.35rem 0 var(--clr-nav-box-shadow-color) inset;
  display: flex;
  align-items: center;
  overflow: hidden;
  min-width: 5rem;
  max-width: 10rem;
}
.flow-bar .flow-bar-wrapper .flow-bar-step cds-icon[shape*=angle] {
  flex: 0 0 auto;
}
.flow-bar .flow-bar-wrapper .flow-bar-step:hover, .flow-bar .flow-bar-wrapper .flow-bar-step.active {
  box-shadow: 0 -0.35rem 0 var(--clr-nav-hover-box-shadow-color) inset;
  transition: box-shadow 0.2s ease-in;
}
.flow-bar .flow-bar-wrapper .flow-bar-step:focus-within {
  box-shadow: 0 -0.35rem 0 var(--clr-nav-active-box-shadow-color) inset;
  transition: box-shadow 0.2s ease-in;
  outline: none;
}
.flow-bar .flow-bar-wrapper .flow-bar-step .flow-bar-btn {
  border: none;
  padding: 0 1rem;
  text-transform: none;
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: normal;
  min-width: 0;
}
.flow-bar .flow-bar-wrapper .flow-bar-step .flow-bar-btn:not(:disabled) {
  color: var(--clr-nav-link-color);
}
.flow-bar .flow-bar-wrapper .flow-bar-step .flow-bar-btn:not(:disabled):hover, .flow-bar .flow-bar-wrapper .flow-bar-step .flow-bar-btn:not(:disabled).active {
  background-color: transparent;
  color: var(--clr-nav-link-active-color);
}
.flow-bar .flow-bar-wrapper .flow-bar-step .flow-bar-btn:focus {
  outline: none;
}
.flow-bar .flow-bar-wrapper .flow-bar-step .flow-bar-btn.active {
  font-weight: 700;
}
.flow-bar .flow-bar-wrapper .flow-bar-step .flow-bar-btn.btn {
  margin: 0 0 var(--clr-global-borderwidth) 0;
}

.btn.back-button {
  padding: 0;
  margin-right: 0.25rem;
}

.treetable {
  border-collapse: separate;
  border-style: solid;
  border-width: var(--clr-table-borderwidth);
  border-color: var(--clr-table-border-color);
  border-radius: var(--clr-table-border-radius);
  background-color: var(--clr-table-bgcolor);
  color: var(--clr-table-font-color);
  margin: 0;
  margin-top: 0.5rem;
  max-width: 100%;
  width: 100%;
}
.treetable .treetable-column,
.treetable .treetable-cell {
  font-size: 0.65rem;
  line-height: 0.7rem;
  border-top-style: solid;
  border-top-width: var(--clr-table-borderwidth);
  border-top-color: var(--clr-tablerow-bordercolor);
  padding: 0.55rem 0.6rem;
  text-align: center;
  vertical-align: top;
}
.treetable .treetable-column {
  color: var(--clr-thead-color);
  font-size: 0.55rem;
  font-weight: 600;
  letter-spacing: 0.03rem;
  background-color: var(--clr-thead-bgcolor);
  vertical-align: bottom;
  border-bottom-style: solid;
  border-bottom-width: var(--clr-table-borderwidth);
  border-bottom-color: var(--clr-table-border-color);
  border-top: 0 none;
}
.treetable .treetable-body .treetable-row:first-child .treetable-cell {
  border-top: 0 none;
}
.treetable .treetable-body + .treetable-body {
  border-top-style: solid;
  border-top-width: var(--clr-table-borderwidth);
  border-top-color: var(--clr-table-border-color);
}
.treetable .treetable-header .treetable-column:first-child {
  border-radius: 0;
  border-top-left-radius: var(--clr-table-cornercellradius);
}
.treetable .treetable-header .treetable-column:last-child {
  border-radius: 0;
  border-top-right-radius: var(--clr-table-cornercellradius);
}
.treetable .treetable-body:last-child .treetable-row:last-child .treetable-cell:first-child {
  border-radius: 0;
  border-bottom-left-radius: var(--clr-table-cornercellradius);
}
.treetable .treetable-body:last-child .treetable-row:last-child .treetable-cell:last-child {
  border-radius: 0;
  border-bottom-right-radius: var(--clr-table-cornercellradius);
}

.treetable-host {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}
.treetable-host .treetable-header,
.treetable-host .treetable-body,
.treetable-host .treetable-row,
.treetable-host .treetable-column,
.treetable-host .treetable-cell {
  display: block;
}
.treetable-host .clr-row-clickable {
  cursor: pointer;
}
.treetable-host .treetable {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow: auto;
  flex: 1 1 auto;
  margin-top: 0.5rem;
}
.treetable-host .treetable .treetable-grid {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-content: flex-start;
  min-height: 3rem;
  position: relative;
  height: 100%;
  overflow: auto;
}
.treetable-host .treetable .treetable-action-trigger {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.treetable-host .treetable .treetable-expandable-caret {
  padding: 0.1rem 0.2rem 0.15rem;
  text-align: center;
  position: absolute;
  z-index: 500;
  overflow: hidden;
}
.treetable-host .treetable .treetable-expandable-caret .treetable-expandable-caret-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
}
.treetable-host .treetable .treetable-expandable-caret .treetable-expandable-caret-icon {
  color: var(--clr-color-neutral-700);
}
.treetable-host .treetable .treetable-expandable-caret .treetable-expandable-caret-icon svg {
  transition: transform 0.2s ease-in-out;
}
.treetable-host .treetable .treetable-row-selection {
  min-width: 1.9rem;
  max-width: 1.9rem;
  flex: 0 0 1.9rem;
  position: relative;
  display: flex;
  padding: var(--cds-global-space-3) var(--cds-global-space-6);
}
.treetable-host .treetable .treetable-row-selection:after {
  content: "";
  width: 0.05rem;
  height: calc(100% - 0.5rem);
  position: absolute;
  right: 0;
  top: 0.25rem;
  background-color: var(--clr-table-border-color, #ccc);
}
.treetable-host .treetable .treetable-row-actions {
  min-width: 1.9rem;
  max-width: 1.9rem;
  flex: 0 0 1.9rem;
  position: relative;
}
.treetable-host .treetable .treetable-row-actions:after {
  content: "";
  width: 0.05rem;
  height: calc(100% - 0.5rem);
  position: absolute;
  right: 0;
  top: 0.25rem;
  background-color: var(--clr-table-border-color, #ccc);
}
.treetable-host .treetable .treetable-row-scrollable {
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 auto;
}
.treetable-host .treetable .treetable-row-scrollable :first-child {
  /* Add padding of 1.5 rem to account for the expendable icon in the rows below*/
  padding-left: 1.5rem;
}
.treetable-host .treetable .treetable-row-scrollable .treetable-column {
  text-align: left;
  min-width: 4rem;
  line-height: var(--cds-alias-typography-caption-line-height);
}
.treetable-host .treetable .treetable-row-scrollable .treetable-column:last-of-type {
  padding-right: 1rem;
}
.treetable-host .treetable .treetable-row-scrollable .treetable-column .treetable-column-title {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  color: var(--clr-table-font-color);
  text-align: left;
  flex: 1 1 auto;
  display: flex;
  width: 100%;
}
.treetable-host .treetable .treetable-row-scrollable .treetable-column .treetable-column-title:hover {
  text-decoration: underline;
  cursor: pointer;
}
.treetable-host .treetable .treetable-row-scrollable .treetable-column .treetable-column-title .sort-icon {
  color: var(--cds-alias-object-interaction-color);
  margin-left: auto;
  vertical-align: middle;
  padding: 0;
}
.treetable-host .treetable .treetable-row-scrollable .treetable-column .treetable-column-title .sort-icon:hover {
  color: var(--cds-alias-object-interaction-color-hover);
}
.treetable-host .treetable .treetable-row-scrollable .treetable-column .treetable-column-title .sort-icon:active {
  color: var(--cds-alias-object-interaction-color-active);
}
.treetable-host .treetable .treetable-row-scrollable .btn-icon {
  padding-left: var(--cds-global-space-6);
}
.treetable-host .treetable .treetable-row-scrollable .btn-icon :first-child {
  padding-left: revert;
}
.treetable-host .treetable .treetable-header {
  position: sticky;
  top: 0;
  z-index: 501;
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 auto;
}
.treetable-host .treetable .treetable-header.hide-header {
  visibility: hidden;
  min-height: 0;
  height: 0;
}
.treetable-host .treetable .treetable-body {
  width: auto;
}
.treetable-host .treetable .treetable-body .treetable-row:hover {
  background-color: var(--clr-datagrid-row-hover-color);
}
.treetable-host .treetable .treetable-body .treetable-selected {
  background-color: var(--clr-datagrid-row-selected-background-color);
  color: var(---clr-datagrid-row-selected);
}
.treetable-host .treetable .treetable-body .treetable-selected:hover {
  background-color: var(--clr-datagrid-row-selected-hover-background-color);
}
.treetable-host .treetable .treetable-body .treetable-selected.active {
  background-color: var(--clr-datagrid-row-selected-active-background-color);
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .clr-tt-node-content.treetable-row {
  border-top: var(--clr-global-borderwidth) solid var(--clr-table-border-color);
  display: flex;
  flex: 1 1 auto;
  flex-flow: row nowrap;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-scrolling-cells {
  display: flex;
  flex: 1 1 auto;
  flex-flow: row nowrap;
  overflow: hidden;
  position: relative;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell {
  text-align: left;
  min-width: 4rem;
  border-color: var(--clr-table-border-color);
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell:last-of-type {
  padding-right: 1rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell:first-of-type {
  padding-left: 2rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-scrolling-cells .treetable-expandable-caret {
  margin-left: 0.1rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell:first-of-type {
  padding-left: 3rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-expandable-caret {
  margin-left: 1rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell:first-of-type {
  padding-left: 4rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-expandable-caret {
  margin-left: 2rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell:first-of-type {
  padding-left: 5rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-expandable-caret {
  margin-left: 3rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell:first-of-type {
  padding-left: 6rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-expandable-caret {
  margin-left: 4rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell:first-of-type {
  padding-left: 7rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-expandable-caret {
  margin-left: 5rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell:first-of-type {
  padding-left: 8rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-expandable-caret {
  margin-left: 6rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell:first-of-type {
  padding-left: 9rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-expandable-caret {
  margin-left: 7rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell:first-of-type {
  padding-left: 10rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-expandable-caret {
  margin-left: 8rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell:first-of-type {
  padding-left: 11rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-expandable-caret {
  margin-left: 9rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-cell:first-of-type {
  padding-left: 12rem;
}
.treetable-host .treetable .treetable-body .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-row-wrapper .treetable-scrolling-cells .treetable-expandable-caret {
  margin-left: 10rem;
}
.treetable-host:not(.empty) .treetable-placeholder-container {
  display: none;
}
.treetable-host .treetable-placeholder-container {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  border-top: var(--clr-global-borderwidth) solid var(--clr-table-border-color);
}
.treetable-host .treetable-placeholder {
  background: var(--clr-table-bgcolor);
  width: 100%;
}
.treetable-host .treetable-placeholder.treetable-empty {
  border-top: 0;
  padding: 0.5rem;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  font-size: var(--clr-datagrid-placeholder-font-size);
  color: var(--clr-dark-midtone-gray);
}
.treetable-host .treetable-placeholder .treetable-placeholder-image {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2060%2072%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22path-1%22%20cx%3D%2230%22%20cy%3D%2261.7666667%22%20rx%3D%2215.4512904%22%20ry%3D%224.73333333%22%3E%3C%2Fellipse%3E%0A%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20maskContentUnits%3D%22userSpaceOnUse%22%20maskUnits%3D%22objectBoundingBox%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2230.9025808%22%20height%3D%229.46666667%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20id%3D%22Oval-10%22%20stroke%3D%22%23C1DFEF%22%20mask%3D%22url(%23mask-2)%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22square%22%20stroke-dasharray%3D%223%2C6%2C3%2C5%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M38.4613647%2C18.1642456%20L30.9890137%2C34.9141846%20L31%2C47%20L32.5977783%2C46.5167236%20L32.5977783%2C34.9141846%20L51.0673218%2C15.7560425%20C51.0673218%2C15.7560425%2048.6295166%2C16.6542969%2044.9628906%2C17.3392334%20C41.2962646%2C18.0241699%2038.4613647%2C18.1642456%2038.4613647%2C18.1642456%20Z%22%20id%3D%22Path-195%22%20fill%3D%22%23C1DFEF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4.74639226%2C12.5661855%20L4.62065726%2C12.1605348%20L5.3515414%2C11.1625044%20L5.77622385%2C11.159939%20L6.20936309%2C12.5573481%20L4.74639226%2C12.5661855%20Z%20M6.20936309%2C12.5573481%20L6.32542632%2C12.9317954%20L28.4963855%2C34.8796718%20L28.4963855%2C47.8096691%20L32.6%2C46.4836513%20L32.6%2C34.8992365%20L53.973494%2C12.7035813%20L53.973494%2C12.2688201%20L6.20936309%2C12.5573481%20Z%20M55.373494%2C10.8603376%20L55.373494%2C13.2680664%20L34%2C35.4637216%20L34%2C47.5025401%20L27.0963855%2C49.7333333%20L27.0963855%2C35.4637219%20L5.09179688%2C13.680542%20L4.31325301%2C11.1687764%20L55.373494%2C10.8603376%20Z%22%20id%3D%22Path-149%22%20fill%3D%22%237FBDDD%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22Oval-9%22%20fill%3D%22%23FFFFFF%22%20cx%3D%2230%22%20cy%3D%2211.785654%22%20rx%3D%2226%22%20ry%3D%226.78565401%22%3E%3C%2Fellipse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30%2C17.171308%20C36.8772177%2C17.171308%2043.3112282%2C16.4610701%2048.0312371%2C15.2292106%20C50.2777611%2C14.6428977%2052.0507619%2C13.9579677%2053.2216231%2C13.2354973%20C54.1938565%2C12.6355886%2054.6%2C12.1175891%2054.6%2C11.785654%20C54.6%2C11.4537189%2054.1938565%2C10.9357194%2053.2216231%2C10.3358107%20C52.0507619%2C9.61334032%2050.2777611%2C8.92841034%2048.0312371%2C8.34209746%20C43.3112282%2C7.11023795%2036.8772177%2C6.4%2030%2C6.4%20C23.1227823%2C6.4%2016.6887718%2C7.11023795%2011.9687629%2C8.34209746%20C9.72223886%2C8.92841034%207.94923814%2C9.61334032%206.77837689%2C10.3358107%20C5.8061435%2C10.9357194%205.4%2C11.4537189%205.4%2C11.785654%20C5.4%2C12.1175891%205.8061435%2C12.6355886%206.77837689%2C13.2354973%20C7.94923814%2C13.9579677%209.72223886%2C14.6428977%2011.9687629%2C15.2292106%20C16.6887718%2C16.4610701%2023.1227823%2C17.171308%2030%2C17.171308%20Z%20M30%2C18.571308%20C15.6405965%2C18.571308%204%2C15.5332672%204%2C11.785654%20C4%2C8.03804078%2015.6405965%2C5%2030%2C5%20C44.3594035%2C5%2056%2C8.03804078%2056%2C11.785654%20C56%2C15.5332672%2044.3594035%2C18.571308%2030%2C18.571308%20Z%22%20id%3D%22Oval-9-Copy%22%20fill%3D%22%237FBDDD%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18.2608643%2C7.14562988%20L22.727356%2C16.9047241%20C22.727356%2C16.9047241%2015.3006592%2C16.3911743%2010.276001%2C14.7511597%20C5.25134277%2C13.111145%205.38031006%2C11.8284302%205.38031006%2C11.6882935%20C5.38031006%2C10.4832831%208.16633152%2C9.41877716%2011.114563%2C8.57324219%20C14.549319%2C7.58817492%2018.2608643%2C7.14562988%2018.2608643%2C7.14562988%20Z%22%20id%3D%22Path-196%22%20fill%3D%22%23C1DFEF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.progress-spinner-overlay {
  background-color: var(--cds-global-color-white);
  opacity: 0.8;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}

.numeric-input-wrapper {
  position: relative;
  line-height: calc(4 * var(--clr-forms-baseline));
}
.numeric-input-wrapper .unit {
  position: absolute;
  font-size: 13px;
}
.numeric-input-wrapper .unit-left {
  left: 0.25rem;
}
.numeric-input-wrapper .unit-right {
  right: 0.25rem;
}

.date-time-container clr-date-container {
  flex: 1 1 auto;
  margin-left: 0;
  margin-right: 0;
}
.date-time-container clr-date-container .clr-input-wrapper {
  display: flex;
}
.date-time-container input[type=time] {
  margin-left: 1rem;
}

.search-input-wrapper {
  position: relative;
}
.search-input-wrapper .search-input {
  padding-left: 1.4rem;
  padding-right: 1.2rem;
}
.search-input-wrapper.has-value .delete-button {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  height: calc(4 * var(--clr-forms-baseline));
  line-height: 1rem;
  margin: 0;
  padding: 0;
  width: 1rem;
}
.search-input-wrapper .delete-button {
  display: none;
}
.search-input-wrapper .search-symbol {
  position: absolute;
  left: 0.25rem;
  top: 0.15rem;
}

.quick-list .quick-list-option {
  display: flex;
  margin-bottom: 0.25rem;
}
.quick-list .quick-list-option .quick-list-trash {
  margin-top: -0.25rem !important;
  margin-right: 0 !important;
  padding-right: 2px;
}
.quick-list .quick-list-option .quick-list-trash-ext {
  padding-right: 24px;
}
.quick-list .quick-list-input {
  flex: 1;
}
.quick-list .quick-list-select {
  width: 100%;
}
.quick-list .quick-list-add {
  padding: 0;
  text-align: left;
}
.quick-list .quick-list-addcompact {
  margin-top: -5px !important;
  margin-right: 0 !important;
  padding-left: 2px;
  padding-right: 2px;
}

.avatar-circle {
  display: flex;
}

.avatar-initials {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #707070;
  border-radius: 100%;
  color: var(--cds-global-color-white);
  font-weight: 500;
  letter-spacing: normal;
  text-transform: uppercase;
  font-size: 0.8em;
}

:hover > .clr-avatar .avatar-initials,
:focus-within > .clr-avatar .avatar-initials {
  background-color: var(--clr-btn-link-color);
  cursor: default;
}

.clr-brand-avatar .brand-avatar-rectangle {
  display: flex;
}
.clr-brand-avatar .brand-avatar-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  border-radius: 2.5px;
  background-color: #707070;
  color: #fff;
}
.clr-brand-avatar cds-icon {
  padding: 2px;
}

:hover > .clr-brand-avatar .brand-avatar-icon-container,
:focus-within > .clr-brand-avatar .brand-avatar-icon-container {
  background-color: var(--clr-btn-link-color) !important;
  cursor: default;
}

.clr-multilingual .clr-control-container {
  display: flex;
}
.clr-multilingual .clr-multilingual-button {
  line-height: 0.458333rem;
  height: 1rem;
  min-width: 3.2rem;
  max-width: 3.2rem;
  --clr-btn-border-radius: 0.5rem;
}
.clr-multilingual .clr-multilingual-button:focus {
  outline: none;
  color: var(--clr-btn-default-outline-hover-color);
  background-color: var(--clr-btn-default-outline-hover-bg-color);
}
.clr-multilingual .clr-multilingual-dd-entry {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.clr-multilingual .clr-multilingual-dd-entry .label {
  text-transform: uppercase;
  width: 2rem;
}
.clr-multilingual clr-multilingual-selector {
  margin-right: 0.3rem;
}
.clr-multilingual .clr-multi-input-wrapper {
  width: 100%;
}

.generic-quick-list .clr-form-control {
  margin-top: 0;
}
.generic-quick-list .controls-wrapper {
  display: flex;
}
.generic-quick-list .controls-container {
  display: flex;
  flex: 1;
  margin-bottom: 0.25rem;
}
.generic-quick-list .controls-container > :not(.btn-trash) {
  flex: 1;
  margin-right: 0.5rem;
}
.generic-quick-list .controls-container > .clr-col-xl,
.generic-quick-list .controls-container > .clr-col-xl-auto,
.generic-quick-list .controls-container > .clr-col-xl-12,
.generic-quick-list .controls-container > .clr-col-xl-11,
.generic-quick-list .controls-container > .clr-col-xl-10,
.generic-quick-list .controls-container > .clr-col-xl-9,
.generic-quick-list .controls-container > .clr-col-xl-8,
.generic-quick-list .controls-container > .clr-col-xl-7,
.generic-quick-list .controls-container > .clr-col-xl-6,
.generic-quick-list .controls-container > .clr-col-xl-5,
.generic-quick-list .controls-container > .clr-col-xl-4,
.generic-quick-list .controls-container > .clr-col-xl-3,
.generic-quick-list .controls-container > .clr-col-xl-2,
.generic-quick-list .controls-container > .clr-col-xl-1,
.generic-quick-list .controls-container > .clr-col-lg,
.generic-quick-list .controls-container > .clr-col-lg-auto,
.generic-quick-list .controls-container > .clr-col-lg-12,
.generic-quick-list .controls-container > .clr-col-lg-11,
.generic-quick-list .controls-container > .clr-col-lg-10,
.generic-quick-list .controls-container > .clr-col-lg-9,
.generic-quick-list .controls-container > .clr-col-lg-8,
.generic-quick-list .controls-container > .clr-col-lg-7,
.generic-quick-list .controls-container > .clr-col-lg-6,
.generic-quick-list .controls-container > .clr-col-lg-5,
.generic-quick-list .controls-container > .clr-col-lg-4,
.generic-quick-list .controls-container > .clr-col-lg-3,
.generic-quick-list .controls-container > .clr-col-lg-2,
.generic-quick-list .controls-container > .clr-col-lg-1,
.generic-quick-list .controls-container > .clr-col-md,
.generic-quick-list .controls-container > .clr-col-md-auto,
.generic-quick-list .controls-container > .clr-col-md-12,
.generic-quick-list .controls-container > .clr-col-md-11,
.generic-quick-list .controls-container > .clr-col-md-10,
.generic-quick-list .controls-container > .clr-col-md-9,
.generic-quick-list .controls-container > .clr-col-md-8,
.generic-quick-list .controls-container > .clr-col-md-7,
.generic-quick-list .controls-container > .clr-col-md-6,
.generic-quick-list .controls-container > .clr-col-md-5,
.generic-quick-list .controls-container > .clr-col-md-4,
.generic-quick-list .controls-container > .clr-col-md-3,
.generic-quick-list .controls-container > .clr-col-md-2,
.generic-quick-list .controls-container > .clr-col-md-1,
.generic-quick-list .controls-container > .clr-col-sm,
.generic-quick-list .controls-container > .clr-col-sm-auto,
.generic-quick-list .controls-container > .clr-col-sm-12,
.generic-quick-list .controls-container > .clr-col-sm-11,
.generic-quick-list .controls-container > .clr-col-sm-10,
.generic-quick-list .controls-container > .clr-col-sm-9,
.generic-quick-list .controls-container > .clr-col-sm-8,
.generic-quick-list .controls-container > .clr-col-sm-7,
.generic-quick-list .controls-container > .clr-col-sm-6,
.generic-quick-list .controls-container > .clr-col-sm-5,
.generic-quick-list .controls-container > .clr-col-sm-4,
.generic-quick-list .controls-container > .clr-col-sm-3,
.generic-quick-list .controls-container > .clr-col-sm-2,
.generic-quick-list .controls-container > .clr-col-sm-1,
.generic-quick-list .controls-container > .clr-col,
.generic-quick-list .controls-container > .clr-col-auto,
.generic-quick-list .controls-container > .clr-col-12,
.generic-quick-list .controls-container > .clr-col-11,
.generic-quick-list .controls-container > .clr-col-10,
.generic-quick-list .controls-container > .clr-col-9,
.generic-quick-list .controls-container > .clr-col-8,
.generic-quick-list .controls-container > .clr-col-7,
.generic-quick-list .controls-container > .clr-col-6,
.generic-quick-list .controls-container > .clr-col-5,
.generic-quick-list .controls-container > .clr-col-4,
.generic-quick-list .controls-container > .clr-col-3,
.generic-quick-list .controls-container > .clr-col-2,
.generic-quick-list .controls-container > .clr-col-1 {
  padding: 0;
}
.generic-quick-list .header-container {
  display: flex;
  max-width: calc(100% - 42px);
}
.generic-quick-list .header-container > * {
  flex: 1;
  display: block;
  color: var(--clr-forms-label-color);
  font-size: 0.65rem;
  font-weight: var(--clr-forms-label-font-weight);
}
.generic-quick-list .header-container > .clr-col-xl,
.generic-quick-list .header-container > .clr-col-xl-auto,
.generic-quick-list .header-container > .clr-col-xl-12,
.generic-quick-list .header-container > .clr-col-xl-11,
.generic-quick-list .header-container > .clr-col-xl-10,
.generic-quick-list .header-container > .clr-col-xl-9,
.generic-quick-list .header-container > .clr-col-xl-8,
.generic-quick-list .header-container > .clr-col-xl-7,
.generic-quick-list .header-container > .clr-col-xl-6,
.generic-quick-list .header-container > .clr-col-xl-5,
.generic-quick-list .header-container > .clr-col-xl-4,
.generic-quick-list .header-container > .clr-col-xl-3,
.generic-quick-list .header-container > .clr-col-xl-2,
.generic-quick-list .header-container > .clr-col-xl-1,
.generic-quick-list .header-container > .clr-col-lg,
.generic-quick-list .header-container > .clr-col-lg-auto,
.generic-quick-list .header-container > .clr-col-lg-12,
.generic-quick-list .header-container > .clr-col-lg-11,
.generic-quick-list .header-container > .clr-col-lg-10,
.generic-quick-list .header-container > .clr-col-lg-9,
.generic-quick-list .header-container > .clr-col-lg-8,
.generic-quick-list .header-container > .clr-col-lg-7,
.generic-quick-list .header-container > .clr-col-lg-6,
.generic-quick-list .header-container > .clr-col-lg-5,
.generic-quick-list .header-container > .clr-col-lg-4,
.generic-quick-list .header-container > .clr-col-lg-3,
.generic-quick-list .header-container > .clr-col-lg-2,
.generic-quick-list .header-container > .clr-col-lg-1,
.generic-quick-list .header-container > .clr-col-md,
.generic-quick-list .header-container > .clr-col-md-auto,
.generic-quick-list .header-container > .clr-col-md-12,
.generic-quick-list .header-container > .clr-col-md-11,
.generic-quick-list .header-container > .clr-col-md-10,
.generic-quick-list .header-container > .clr-col-md-9,
.generic-quick-list .header-container > .clr-col-md-8,
.generic-quick-list .header-container > .clr-col-md-7,
.generic-quick-list .header-container > .clr-col-md-6,
.generic-quick-list .header-container > .clr-col-md-5,
.generic-quick-list .header-container > .clr-col-md-4,
.generic-quick-list .header-container > .clr-col-md-3,
.generic-quick-list .header-container > .clr-col-md-2,
.generic-quick-list .header-container > .clr-col-md-1,
.generic-quick-list .header-container > .clr-col-sm,
.generic-quick-list .header-container > .clr-col-sm-auto,
.generic-quick-list .header-container > .clr-col-sm-12,
.generic-quick-list .header-container > .clr-col-sm-11,
.generic-quick-list .header-container > .clr-col-sm-10,
.generic-quick-list .header-container > .clr-col-sm-9,
.generic-quick-list .header-container > .clr-col-sm-8,
.generic-quick-list .header-container > .clr-col-sm-7,
.generic-quick-list .header-container > .clr-col-sm-6,
.generic-quick-list .header-container > .clr-col-sm-5,
.generic-quick-list .header-container > .clr-col-sm-4,
.generic-quick-list .header-container > .clr-col-sm-3,
.generic-quick-list .header-container > .clr-col-sm-2,
.generic-quick-list .header-container > .clr-col-sm-1,
.generic-quick-list .header-container > .clr-col,
.generic-quick-list .header-container > .clr-col-auto,
.generic-quick-list .header-container > .clr-col-12,
.generic-quick-list .header-container > .clr-col-11,
.generic-quick-list .header-container > .clr-col-10,
.generic-quick-list .header-container > .clr-col-9,
.generic-quick-list .header-container > .clr-col-8,
.generic-quick-list .header-container > .clr-col-7,
.generic-quick-list .header-container > .clr-col-6,
.generic-quick-list .header-container > .clr-col-5,
.generic-quick-list .header-container > .clr-col-4,
.generic-quick-list .header-container > .clr-col-3,
.generic-quick-list .header-container > .clr-col-2,
.generic-quick-list .header-container > .clr-col-1 {
  margin-left: -0.6rem;
  margin-right: 0.5rem;
  padding-left: 0.6rem;
}
.generic-quick-list .btn-add {
  padding: 0;
  text-align: left;
  min-width: 0;
}
.generic-quick-list .btn-trash {
  padding: 0;
  margin-top: -0.25rem;
  padding-right: 2px;
}
.generic-quick-list .btn-trash-ext {
  padding-right: 24px;
}
.generic-quick-list .quick-list-addcompact {
  margin-top: -0.25rem;
  padding-left: 2px;
  padding-right: 2px;
}

.clr-history {
  margin-right: var(--cds-global-space-6);
}

.history-container {
  padding-left: 24px;
  margin-bottom: -6px;
  padding-top: 6px;
}

.history-button {
  padding-left: 11px;
}

.history {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1rem;
  list-style: none;
  font-size: 13px;
}

.history-item {
  cursor: pointer;
}
.history-item + .history-item {
  padding-left: 0.5rem;
}
.history-item + .history-item::before {
  content: "/";
  display: inline-block;
  padding-right: 0.5rem;
}

.location-bar-node .btn {
  margin-top: 0;
  margin-bottom: 0;
}
.location-bar-node .unselectable-node {
  display: inline-block;
  line-height: 1rem;
  padding: 0 0.5rem;
  text-transform: uppercase;
  font-size: 0.4rem;
  font-weight: 500;
  letter-spacing: 0.073em;
  vertical-align: middle;
  max-width: 18rem;
}
.location-bar-node .last-level {
  font-weight: 700;
}
.location-bar-node .btn {
  min-width: unset;
}
.location-bar-node .btn:focus {
  outline: none;
  font-weight: 700;
  color: var(--clr-btn-default-hover-color);
}
.location-bar-node .btn:focus .unselected {
  color: var(--clr-btn-default-hover-color);
}
.location-bar-node .dropdown .dropdown-toggle .caret-icon {
  top: 30%;
}
.location-bar-node .unselected {
  margin-top: -0.14rem;
}
.location-bar-node .selected-child {
  background: var(--clr-global-selection-color);
}
.location-bar-node .no-result-text {
  font-size: 0.6rem;
  padding: 0 var(--cds-global-space-7);
}
.location-bar-node .dropdown-menu {
  max-width: calc(1080 * 1rem / var(--cds-global-base));
}

angular-editor .dropdown-menu {
  min-width: 2rem;
}
angular-editor .editor:not(.readonly) .angular-editor-textarea {
  background-color: var(--cds-alias-object-container-background) !important;
}
angular-editor .angular-editor-textarea {
  color: var(--cds-alias-typography-color-400);
}
angular-editor .angular-editor-button.active {
  background-color: var(--cds-alias-object-interaction-background-selected) !important;
}
angular-editor .fa {
  color: var(--cds-alias-status-primary);
}
angular-editor .fa::after {
  background-color: var(--cds-alias-status-primary) !important;
}
angular-editor .ae-stroke {
  stroke: var(--cds-alias-status-primary) !important;
}
angular-editor .ae-picker-item {
  color: inherit !important;
}
angular-editor .ae-picker-item:hover, angular-editor .ae-picker-item.focused {
  background-color: var(--cds-alias-object-interaction-primary-secondary-hover) !important;
}

:root [cds-theme] {
  --clr-angular-calendar-primary-color: var(--cds-alias-status-primary);
  --clr-angular-calendar-highlight-neutral: var(--cds-alias-object-interaction-background-hover);
  --clr-angular-calendar-border-color-neutral: var(--cds-alias-object-border-color);
  --clr-angular-calendar-border-color-dark: var(--cds-alias-object-border-color-shade);
  --clr-angular-calendar-highlight-border-color: var(--cds-alias-object-interaction-background-highlight);
  --clr-angular-calendar-highlight-light: var(--cds-alias-object-interaction-background-selected);
  --clr-angular-calendar-highlight-info: var(--cds-alias-object-interaction-background-active);
  --clr-angular-calendar-highlight-info-hover: var(--cds-alias-object-interaction-background-hover);
  --clr-angular-calendar-font-color: var(--clr-global-font-color);
}

/* week */
.cal-week-view {
  background-color: #fff;
  border-top: 0;
}

.cal-week-view .cal-day-headers {
  border-color: var(--clr-angular-calendar-primary-color);
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: 0;
  border-width: thin;
}

.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: var(--clr-angular-calendar-primary-color);
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px var(--clr-angular-calendar-primary-color) !important;
}

.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: var(--clr-angular-calendar-primary-color);
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: var(--clr-angular-calendar-primary-color);
}

.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: var(--clr-angular-calendar-highlight-info-hover);
}

.cal-week-view .cal-day-column {
  border-left-color: var(--clr-angular-calendar-primary-color);
}

[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: var(--clr-angular-calendar-primary-color);
}

.cal-week-view .cal-event {
  background-color: var(--clr-angular-calendar-highlight-info);
  border-color: var(--clr-angular-calendar-highlight-border-color);
  color: var(--clr-angular-calendar-font-color);
}

.cal-week-view .cal-event:hover {
  background-color: var(--clr-angular-calendar-highlight-info-hover);
}

.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}

.cal-week-view .cal-header.cal-today {
  background: var(--clr-angular-calendar-highlight-light);
}

.cal-week-view .cal-header.cal-today:hover {
  background: var(--clr-angular-calendar-highlight-light);
}

.cal-week-view .cal-header.cal-weekend span {
  color: inherit;
}

.cal-week-view .cal-time-events {
  border-color: var(--clr-angular-calendar-primary-color);
}

.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: var(--clr-angular-calendar-highlight-neutral);
}

.cal-week-view .cal-time {
  font-weight: normal;
  padding-top: 5px;
  width: 70px;
  text-align: center;
  font-size: smaller;
}

.cal-week-view .cal-hour-odd {
  background-color: #fff;
}

.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}

.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: var(--clr-angular-calendar-border-color-neutral);
}

.cal-week-view .cal-hour .cal-hour-segment.cal-after-hour-start {
  border-bottom: solid;
  border-bottom-color: var(--clr-angular-calendar-border-color-neutral);
  border-width: thin;
}

.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}

.cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: left;
  padding: 5px;
}

.cal-week-view .cal-day-headers .cal-header span {
  opacity: 1;
  font-size: large;
}

.cal-week-view .cal-day-headers .cal-header b {
  font-weight: 400 !important;
}

/* month */
.cal-month-view .cal-day-cell.cal-today {
  background: none;
}

.cal-month-view .cal-day-cell {
  min-height: 140px;
}

.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: inherit;
  background-color: var(--clr-angular-calendar-highlight-light);
  border-radius: 50%;
  height: 26px;
  width: 26px;
  line-height: 26px;
  display: inline-block;
  text-align: center;
}

.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 1px;
  border-color: var(--clr-angular-calendar-border-color-neutral);
  border-top-color: var(--clr-angular-calendar-primary-color);
}

.cal-month-view .cal-header .cal-cell {
  font-size: large;
  font-weight: 400;
  border-right: 1px solid;
  border-color: var(--clr-angular-calendar-border-color-neutral);
}

.cal-month-view .cal-header .cal-cell:first-child {
  border-left: 1px solid;
  border-color: var(--clr-angular-calendar-border-color-neutral);
}

.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: inherit;
}

.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}

.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: var(--clr-angular-calendar-highlight-neutral);
}

.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 1;
  cursor: default;
}

.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 1;
  margin-top: 15px;
  margin-left: 15px;
  float: left;
  margin-bottom: 10px;
}

.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-right: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: right;
}

.cal-month-view .cal-event {
  background-color: var(--clr-angular-calendar-highlight-info-hover);
  border-color: var(--clr-angular-calendar-highlight-border-color);
  color: #fff;
}

.cal-month-view .cal-day-badge {
  background-color: #c21d00;
  color: #fff;
}

.clr-readonly-parent.clr-select-wrapper::after {
  content: none !important;
}

.clr-readonly-parent {
  border-bottom: none !important;
  margin: 0 !important;
  white-space: normal;
}

.clr-readonly-parent > *:not(.clr-readonly) {
  display: none;
}

html,
body,
.main-container {
  height: 100%;
}

.main-container > .content-container,
.u-main-container > .content-container {
  border-top: var(--clr-global-borderwidth) solid var(--clr-border-color);
}
.main-container .content-header,
.u-main-container .content-header {
  padding: 0.3rem 0.5rem 0.3rem 1rem;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 3rem;
}
.main-container .content-header h2,
.u-main-container .content-header h2 {
  margin-top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-container .content-header .command-bar,
.u-main-container .content-header .command-bar {
  display: flex;
  flex: 1 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
}

.content-container .content-area-footer {
  border-top: var(--clr-global-borderwidth) solid var(--clr-border-color);
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding: 0.25rem 1rem;
  background-color: var(--clr-global-app-background);
  min-height: 2rem;
}
.content-container .content-area-footer .dropdown .dropdown-toggle {
  margin-right: 0.5rem;
}

.card .list-group-item.list-group-item-action:hover {
  background-color: var(--clr-global-selection-color);
  cursor: pointer;
}
.card.active {
  box-shadow: 0 0.125rem 0 0 var(--clr-card-active-border-color);
  border: var(--clr-global-borderwidth) solid var(--clr-card-active-border-color);
  cursor: default;
  text-decoration: none;
  transform: translateY(-2px);
  transition: border 0.2s ease, transform 0.2s ease;
}
.card.active.clickable:hover {
  cursor: default;
}
.card.card-active::after {
  content: "";
  width: 0.1667rem;
  position: absolute;
  background: var(--clr-card-active-border-color);
  top: -1px;
  left: -1px;
  bottom: 0;
  border-top-left-radius: var(--clr-global-borderradius);
  border-bottom-left-radius: var(--clr-global-borderradius);
}
@-moz-document url-prefix() {
  .card.selectable:hover::after {
    content: "";
    width: 0.1667rem;
    position: absolute;
    background: var(--clr-card-active-border-color);
    top: -1px;
    left: -1px;
    bottom: 0;
    border-top-left-radius: var(--clr-global-borderradius);
    border-bottom-left-radius: var(--clr-global-borderradius);
  }
  .card.selectable:hover {
    border-radius: var(--clr-global-borderradius);
    border-width: var(--clr-card-border-width);
    border-color: var(--clr-card-border-color);
    border-style: solid;
    cursor: pointer;
    transform: translateY(-2px);
    transition: border 0.2s ease, transform 0.2s ease;
    z-index: 1;
  }
  .card.selectable:hover.card-active:hover {
    cursor: default;
    transform: none;
    transition: none;
  }
}
@media (hover: hover) {
  .card.selectable:hover::after {
    content: "";
    width: 0.1667rem;
    position: absolute;
    background: var(--clr-card-active-border-color);
    top: -1px;
    left: -1px;
    bottom: 0;
    border-top-left-radius: var(--clr-global-borderradius);
    border-bottom-left-radius: var(--clr-global-borderradius);
  }
  .card.selectable:hover {
    border-radius: var(--clr-global-borderradius);
    border-width: var(--clr-card-border-width);
    border-color: var(--clr-card-border-color);
    border-style: solid;
    cursor: pointer;
    transform: translateY(-2px);
    transition: border 0.2s ease, transform 0.2s ease;
    z-index: 1;
  }
  .card.selectable:hover.card-active:hover {
    cursor: default;
    transform: none;
    transition: none;
  }
}
@media (hover: none) {
  .card.clickable:hover {
    border-radius: var(--clr-global-borderradius);
    border-width: var(--clr-card-border-width);
    border-color: var(--clr-card-border-color);
    border-style: solid;
    box-shadow: var(--clr-card-box-shadow);
    cursor: default;
    transform: none;
    transition: none;
  }
  .card.clickable:hover.active:hover {
    box-shadow: 0 0.125rem 0 0 var(--clr-card-active-border-color);
    border: var(--clr-global-borderwidth) solid var(--clr-card-active-border-color);
    transform: translateY(-2px);
  }
}
.card.card-placeholder {
  border-left-style: dashed;
  border-top-style: dashed;
  border-right-style: dashed;
}

.main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-text,
.main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-list > .nav-link {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.datagrid-no-select-all .datagrid-header .datagrid-select {
  pointer-events: none;
}
.datagrid-no-select-all .datagrid-header .datagrid-select .clr-checkbox-wrapper {
  display: none;
}

.datagrid-full-height {
  max-height: 100%;
}

.datagrid-filter .datagrid-date-filter-input {
  width: 7rem;
}

.table tbody tr.highlight {
  background-color: var(--clr-global-selection-color);
}

form .required {
  position: relative;
}
form .required:after {
  position: absolute;
  content: "*";
  font-size: 0.58479532rem;
  line-height: 0.5rem;
  color: var(--cds-alias-status-danger);
  margin-left: 0.25rem;
  margin-top: 0.25rem;
}
form .required-multiple {
  position: relative;
}
form .required-multiple:after {
  position: absolute;
  content: "*";
  font-size: 0.58479532rem;
  line-height: 0.5rem;
  color: var(--cds-alias-status-warning);
  margin-left: 0.25rem;
  margin-top: 0.25rem;
}

clr-radio-container[readonly][show-only-selected=true] .clr-radio-wrapper input:not(:checked),
clr-checkbox-container[readonly][show-only-selected=true] .clr-checkbox-wrapper input:not(:checked),
clr-toggle-container[readonly][show-only-selected=true] .clr-toggle-wrapper input:not(:checked) {
  display: none;
}
clr-radio-container[readonly][show-only-selected=true] .clr-radio-wrapper input:not(:checked) + label,
clr-checkbox-container[readonly][show-only-selected=true] .clr-checkbox-wrapper input:not(:checked) + label,
clr-toggle-container[readonly][show-only-selected=true] .clr-toggle-wrapper input:not(:checked) + label {
  display: none;
}

clr-radio-container[readonly].readonly-danger .clr-radio-wrapper input[type=radio]:checked + label,
clr-checkbox-container[readonly].readonly-danger .clr-checkbox-wrapper input[type=checkbox]:checked + label,
clr-toggle-container[readonly].readonly-danger .clr-toggle-wrapper input[type=checkbox]:checked + label {
  color: var(--clr-btn-danger-bg-color);
}
clr-radio-container[readonly].readonly-danger .clr-radio-wrapper input[type=radio]:checked::before,
clr-checkbox-container[readonly].readonly-danger .clr-checkbox-wrapper input[type=checkbox]:checked::before,
clr-toggle-container[readonly].readonly-danger .clr-toggle-wrapper input[type=checkbox]:checked::before {
  border-color: var(--clr-btn-danger-bg-color);
}

clr-radio-container[readonly] .clr-radio-wrapper input[type=radio],
clr-checkbox-container[readonly] .clr-checkbox-wrapper input[type=checkbox],
clr-toggle-container[readonly] .clr-toggle-wrapper input[type=checkbox] {
  pointer-events: none;
}
clr-radio-container[readonly] .clr-radio-wrapper input[type=radio] + label,
clr-checkbox-container[readonly] .clr-checkbox-wrapper input[type=checkbox] + label,
clr-toggle-container[readonly] .clr-toggle-wrapper input[type=checkbox] + label {
  pointer-events: none;
}
clr-radio-container[readonly] .clr-radio-wrapper input[type=radio]::before,
clr-checkbox-container[readonly] .clr-checkbox-wrapper input[type=checkbox]::before,
clr-toggle-container[readonly] .clr-toggle-wrapper input[type=checkbox]::before {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: rotate(45deg);
  background: var(--clr-forms-radio-label-color);
  top: 0.5rem;
  left: 1px;
  width: 0.6rem;
  height: 1px;
}
clr-radio-container[readonly] .clr-radio-wrapper input[type=radio]::after,
clr-checkbox-container[readonly] .clr-checkbox-wrapper input[type=checkbox]::after,
clr-toggle-container[readonly] .clr-toggle-wrapper input[type=checkbox]::after {
  border: 0;
  border-radius: 0;
  content: "";
  display: inline-block;
  transform: rotate(-45deg);
  background: var(--clr-forms-radio-label-color);
  position: absolute;
  top: 0.5rem;
  left: 1px;
  width: 0.6rem;
  height: 1px;
}
clr-radio-container[readonly] .clr-radio-wrapper input[type=radio]:checked::before,
clr-checkbox-container[readonly] .clr-checkbox-wrapper input[type=checkbox]:checked::before,
clr-toggle-container[readonly] .clr-toggle-wrapper input[type=checkbox]:checked::before {
  content: "";
  background: none;
  box-shadow: none;
  border-left: 2px solid var(--clr-forms-checkbox-mark-color);
  border-bottom: 2px solid var(--clr-forms-checkbox-mark-color);
  border-color: var(--clr-btn-success-bg-color);
  position: absolute;
  top: 0.3rem;
  left: 0.1rem;
  width: 0.5rem;
  height: 0.3rem;
  transform: rotate(-45deg);
}
clr-radio-container[readonly] .clr-radio-wrapper input[type=radio]:checked::after,
clr-checkbox-container[readonly] .clr-checkbox-wrapper input[type=checkbox]:checked::after,
clr-toggle-container[readonly] .clr-toggle-wrapper input[type=checkbox]:checked::after {
  content: none;
}

clr-toggle-container[readonly] .clr-toggle-wrapper {
  gap: 0;
  height: unset;
}
clr-toggle-container[readonly] .clr-toggle-wrapper input[type=checkbox] {
  width: var(--cds-global-space-9);
}
clr-toggle-container[readonly] .clr-toggle-wrapper input[type=checkbox]::before, clr-toggle-container[readonly] .clr-toggle-wrapper input[type=checkbox]:checked::before {
  transition: none;
}

form,
.form {
  max-width: 1200px;
}
form h4:not(:first-child),
.form h4:not(:first-child) {
  margin-top: 2rem;
}

clr-date-container .clr-control-container .clr-input-group {
  max-width: 7rem;
}
clr-date-container .clr-control-container .clr-input-group .clr-input {
  max-width: 5.5rem;
}

.clr-input-group {
  width: 100%;
  max-width: 100%;
}
.clr-input-group.clr-focus {
  width: 100%;
}
.clr-input-group [clrinputprefix] {
  padding: 0 0 var(--clr-forms-input-padding);
}
.clr-input-group [clrinputsuffix] {
  padding: var(--clr-forms-input-padding) 0 0;
}

.clr-input-wrapper {
  max-width: none;
}
.clr-input-wrapper input:not([type=time]):not([clrdate]) {
  width: 100%;
}

.clr-control-container .clr-textarea-wrapper {
  margin-top: 0;
}
.clr-control-container .clr-textarea-wrapper textarea {
  width: 100%;
  flex: 1 0 auto;
}
.clr-control-container .clr-select-wrapper {
  display: block;
}
.clr-control-container .clr-select-wrapper select {
  width: 100%;
}

.clr-error .clr-select-wrapper::after {
  right: 0.25rem;
}

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

.btn clr-icon {
  transform: translate3d(0, -0.1rem, 0);
}

.clr-treenode-link:hover:visited {
  color: inherit;
}

.clr-max-width {
  max-width: 65rem;
}

.clr-max-width-50 {
  max-width: 50rem;
}

.clr-max-width-65 {
  max-width: 65rem;
}

.clr-max-width-80 {
  max-width: 80rem;
}

.clr-max-width-95 {
  max-width: 95rem;
}

.datagrid-row-master {
  background-color: inherit !important;
}

.datagrid-highlight-error .datagrid-row-sticky,
.datagrid-highlight-warning .datagrid-row-sticky,
.datagrid-highlight-info .datagrid-row-sticky,
.datagrid-highlight-success .datagrid-row-sticky {
  background-color: inherit !important;
}

clr-expandable-animation {
  background-color: inherit !important;
}

.datagrid-highlight-error {
  background-color: #feddd7;
}
.datagrid-highlight-error:hover, .datagrid-highlight-error.datagrid-selected {
  background-color: #fcc5bb !important;
}

.datagrid-highlight-success {
  background-color: #dff0d0;
}
.datagrid-highlight-success:hover, .datagrid-highlight-success.datagrid-selected {
  background-color: #bce49a;
}

.datagrid-highlight-warning {
  background-color: #fff4c7;
}
.datagrid-highlight-warning:hover, .datagrid-highlight-warning.datagrid-selected {
  background-color: #ffeea8;
}

.datagrid-highlight-info {
  background-color: #e3f5fc;
}
.datagrid-highlight-info:hover, .datagrid-highlight-info.datagrid-selected {
  background-color: #c8eaf9;
}

.highlight-text-error {
  color: #c21d00;
}
.highlight-text-error cds-icon {
  fill: #c21d00;
}
.highlight-text-error:hover {
  color: #991700;
}
.highlight-text-error:hover cds-icon {
  fill: #991700;
}

.highlight-text-success {
  color: #3c8500;
}
.highlight-text-success cds-icon {
  fill: #3c8500;
}
.highlight-text-success:hover {
  color: #306b00;
}
.highlight-text-success:hover cds-icon {
  fill: #306b00;
}

.highlight-text-warning {
  color: #ad7600;
}
.highlight-text-warning cds-icon {
  fill: #ad7600;
}
.highlight-text-warning:hover {
  color: #8f5a00;
}
.highlight-text-warning:hover cds-icon {
  fill: #8f5a00;
}

.highlight-text-info {
  color: #00648f;
}
.highlight-text-info cds-icon {
  fill: #00648f;
}
.highlight-text-info:hover {
  color: #00567a;
}
.highlight-text-info:hover cds-icon {
  fill: #00567a;
}

clr-dropdown-menu .dropdown-header {
  min-height: 0.9rem;
}

.clr-custom-filter-counter-badge {
  position: absolute;
  top: -7px;
  right: -13px;
  background-color: var(--clr-badge-info-bg-color);
  color: var(--clr-badge-info-color);
  z-index: 1;
}

clr-control-helper.clr-warning {
  color: #ad7600;
}

.clr-warning:not(.clr-error):not(.invalid) .clr-input-group,
.clr-warning:not(.clr-error):not(.invalid) .clr-input:not(.clr-combobox-wrapper .clr-input):not([readonly]) {
  border-bottom-color: #ad7600;
  background: linear-gradient(to bottom, transparent 95%, #ad7600 95%) no-repeat;
  background-size: 0 100%;
  transition: background-size 0.2s ease;
}
.clr-warning:not(.clr-error):not(.invalid) .clr-input-group:focus, .clr-warning:not(.clr-error):not(.invalid) .clr-input-group.clr-focus,
.clr-warning:not(.clr-error):not(.invalid) .clr-input:not(.clr-combobox-wrapper .clr-input):not([readonly]):focus,
.clr-warning:not(.clr-error):not(.invalid) .clr-input:not(.clr-combobox-wrapper .clr-input):not([readonly]).clr-focus {
  border-bottom-color: #ad7600;
  background-size: 100% 100%;
}
.clr-warning:not(.clr-error):not(.invalid) .clr-radio-wrapper input[type=radio] + .clr-control-label::before,
.clr-warning:not(.clr-error):not(.invalid) .clr-checkbox-wrapper input[type=checkbox] + .clr-control-label::before {
  border-color: #ad7600;
}
.clr-warning:not(.clr-error):not(.invalid) select:not([multiple]) {
  border-bottom-color: #ad7600;
  background: linear-gradient(to bottom, transparent 95%, #ad7600 95%) no-repeat;
  background-size: 0 100%;
  transition: background-size 0.2s ease;
}
.clr-warning:not(.clr-error):not(.invalid) select:not([multiple]):focus, .clr-warning:not(.clr-error):not(.invalid) select:not([multiple]).clr-focus {
  border-bottom-color: #ad7600;
  background-size: 100% 100%;
}
.clr-warning:not(.clr-error):not(.invalid) select[multiple] {
  border-color: #ad7600;
}
.clr-warning:not(.clr-error):not(.invalid) .clr-textarea {
  border-color: #ad7600;
  outline-color: #ad7600;
}
.clr-warning:not(.clr-error):not(.invalid) .clr-focus-indicator:not(.invalid) {
  background-color: #ad7600;
}

.clr-control-warning-icon {
  color: #ad7600;
  height: 1.2rem;
  width: 1.2rem;
  min-height: 1.2rem;
  min-width: 1.2rem;
}

:root {
  --clr-border-color: var(--clr-color-neutral-400);
  --clr-card-default-border-color: rgba(215, 215, 215, 1);
  --clr-card-active-border-color: rgba(0, 148, 210, 1);
  --clr-header-height: 3rem;
  --clr-footer-height: 2.5rem;
  --clr-notification-progress-info-bar-color: var(--clr-progress-default-color);
  --clr-highlight-success-50: #dff0d0;
  --clr-highlight-success-100: #bce49a;
  --clr-highlight-success-700: #3c8500;
  --clr-highlight-success-800: #306b00;
  --clr-highlight-error-100: #feddd7;
  --clr-highlight-error-200: #fcc5bb;
  --clr-highlight-error-800: #c21d00;
  --clr-highlight-error-900: #991700;
  --clr-highlight-warning-100: #fff4c7;
  --clr-highlight-warning-200: #ffeea8;
  --clr-highlight-warning-800: #ad7600;
  --clr-highlight-warning-900: #8f5a00;
  --clr-highlight-info-50: #e3f5fc;
  --clr-highlight-info-100: #c8eaf9;
  --clr-highlight-info-700: #00648f;
  --clr-highlight-info-800: #00567a;
  --clr-highlight-neutral-50: #fafafa;
  --clr-highlight-neutral-200: #e8e8e8;
}

@media screen and (max-width: 576px) {
  .open-overflow-menu {
    overflow: hidden;
  }
  body {
    padding-top: 60px;
  }
  .header {
    position: fixed;
    width: 100%;
    z-index: 1039;
    top: 0;
    left: 0;
  }
  .main-container .content-header,
  .u-main-container .content-header {
    padding: 0.15rem 0.5rem 0.15rem 0.5rem;
  }
  .main-container .content-header .command-bar,
  .u-main-container .content-header .command-bar {
    margin-right: 0;
    align-items: center;
  }
  .main-container .content-container .content-area,
  .content-container .content-area-footer,
  .content-panel-content-wrapper {
    padding: 0.5rem;
  }
  .main-container {
    display: block;
    overflow-y: auto;
  }
  .u-main-container {
    min-height: 100%;
  }
  .content-container-fixed-footer {
    padding-bottom: var(--clr-footer-height);
  }
  .content-container .content-area-footer {
    position: fixed;
    width: 100%;
    height: var(--clr-footer-height);
    z-index: 595;
    bottom: 0;
    left: 0;
  }
  .modal .modal-header,
  .modal .modal-footer {
    padding-right: 0;
  }
  .card {
    margin-top: 0.5rem;
  }
  .signpost .signpost-content:not(.default) {
    width: max-content;
    min-width: 5rem;
    max-width: calc(100% - 2rem);
    margin: auto;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: max-content !important;
    transform: unset !important;
  }
  .signpost .signpost-content:not(.default) .popover-pointer {
    display: none;
  }
  .signpost .signpost-content:not(.default) .signpost-action.close {
    width: 1rem;
    height: 1rem;
  }
  .signpost .signpost-content:not(.default) .signpost-action.close cds-icon {
    width: 20px;
    height: 20px;
  }
  .signpost .signpost-content:not(.default) .signpost-action.close clr-icon {
    width: 20px;
    height: 20px;
  }
}
:root [cds-theme] {
  --cds-alias-status-primary: var(--cds-alias-status-info);
  --cds-alias-status-primary-shade: var(--cds-alias-status-info-shade);
  --cds-alias-status-primary-tint: var(--cds-alias-status-info-tint);
  --cds-alias-object-interaction-primary-hover: var(--cds-alias-object-interaction-info-hover);
  --cds-alias-object-interaction-primary-click: var(--cds-alias-object-interaction-info-click);
  --cds-alias-object-interaction-primary-secondary-hover: var(--cds-alias-object-interaction-info-secondary-hover);
  --cds-alias-typography-primary-hover: var(--cds-alias-typography-info-hover);
  --clr-badge-primary-bg-color: var(--cds-alias-status-primary);
  --clr-badge-primary-color: var(--clr-badge-info-color);
  --clr-btn-primary-bg-color: var(--cds-alias-status-primary);
  --clr-btn-primary-border-color: var(--cds-alias-status-primary);
  --clr-btn-primary-hover-bg-color: var(--cds-alias-object-interaction-primary-hover);
  --clr-btn-primary-active-bg-color: var(--cds-alias-object-interaction-primary-click);
  --clr-btn-primary-checked-bg-color: var(--cds-alias-status-primary);
  --clr-btn-primary-outline-color: var(--cds-alias-status-primary);
  --clr-btn-primary-outline-hover-bg-color: var(--cds-alias-object-interaction-primary-secondary-hover);
  --clr-btn-primary-outline-hover-color: var(--cds-alias-typography-primary-hover);
  --clr-btn-info-color: var(--clr-btn-primary-color);
  --clr-btn-info-hover-color: var(--clr-btn-primary-hover-color);
  --clr-btn-info-bg-color: var(--cds-alias-status-info);
  --clr-btn-info-border-color: var(--cds-alias-status-info);
  --clr-btn-info-hover-bg-color: var(--cds-alias-object-interaction-info-hover);
  --clr-btn-info-active-color: var(--clr-btn-primary-active-color);
  --clr-btn-info-active-bg-color: var(--cds-alias-object-interaction-info-click);
  --clr-btn-info-checked-bg-color: var(--cds-alias-status-info);
  --clr-btn-info-outline-color: var(--cds-alias-status-info);
  --clr-btn-info-outline-hover-bg-color: var(--cds-alias-object-interaction-info-secondary-hover);
  --clr-btn-info-outline-hover-color: var(--cds-alias-typography-info-hover);
  --clr-btn-info-outline-border-color: var(--cds-alias-status-info);
  --clr-btn-info-outline-active-color: var(--cds-alias-status-info);
  --clr-btn-info-outline-active-border-color: var(--cds-alias-status-info);
  --clr-btn-link-color: var(--cds-alias-status-primary);
  --clr-btn-link-hover-color: var(--cds-alias-typography-primary-hover);
  --clr-btn-link-active-color: var(--cds-alias-object-interaction-info-click);
  --clr-label-primary-bg-color: var(--cds-alias-status-primary-tint);
  --clr-label-primary-border-color: var(--cds-alias-status-primary);
  --clr-progress-default-color: var(--cds-alias-status-primary);
  --clr-nav-link-color: var(--cds-alias-typography-color-450);
  --clr-nav-link-active-color: var(--cds-alias-typography-color-300);
  --clr-nav-box-shadow-color: var(--cds-alias-object-border-color);
  --clr-nav-active-box-shadow-color: var(--cds-alias-status-primary);
  --clr-nav-hover-box-shadow-color: var(--cds-alias-status-primary-shade);
  --clr-nav-background-color: var(--cds-alias-object-container-background-shade);
}

:root [cds-theme] {
  --clr-text-color-primary: var(--cds-alias-status-primary);
  --clr-text-color-info: var(--cds-alias-status-info);
  --clr-text-color-success: var(--cds-alias-status-success);
  --clr-text-color-warning: var(--cds-alias-status-warning);
  --clr-text-color-danger: var(--cds-alias-status-danger);
}

:root [cds-theme~=phs] {
  --clr-metropolis-font-family: Metropolis, Avenir Next, Helvetica Neue, Arial, sans-serif;
  --cds-global-typography-header-font-family: var(--clr-display-font);
  --cds-global-typography-font-family: var(--clr-display-font);
  --clr-h1-font-weight: var(--cds-global-typography-font-weight-light);
  --clr-h2-font-weight: var(--cds-global-typography-font-weight-light);
  --clr-h3-font-weight: var(--cds-global-typography-font-weight-light);
  --clr-h4-font-weight: var(--cds-global-typography-font-weight-light);
  --clr-h5-font-weight: var(--cds-global-typography-font-weight-light);
  --clr-h6-font-weight: var(--cds-global-typography-font-weight-light);
  --cds-alias-status-info: hsl(198, 100%, 28%);
  --cds-alias-status-info-shade: hsl(198, 100%, 22%);
  --cds-alias-status-info-tint: hsl(197, 81%, 94%);
  --cds-alias-status-success: hsl(93, 100%, 26%);
  --cds-alias-status-success-shade: hsl(93, 100%, 21%);
  --cds-alias-status-success-tint: hsl(92, 52%, 88%);
  --cds-alias-status-warning: hsl(42, 100%, 39%);
  --cds-alias-status-warning-shade: hsl(41, 100%, 31%);
  --cds-alias-status-warning-dark: hsl(41, 100%, 31%);
  --cds-alias-status-warning-tint: hsl(48, 100%, 89%);
  --cds-alias-status-danger: hsl(9, 100%, 38%);
  --cds-alias-status-danger-shade: hsl(9, 100%, 30%);
  --cds-alias-status-danger-dark: hsl(9, 100%, 22%);
  --cds-alias-status-danger-tint: hsl(9, 90%, 96%);
  --cds-alias-object-interaction-info-hover: hsl(198, 100%, 22%);
  --cds-alias-object-interaction-info-click: hsl(198, 100%, 18%);
  --cds-alias-object-interaction-info-secondary-hover: hsl(197, 81%, 94%);
  --cds-alias-object-interaction-success-hover: hsl(93, 100%, 21%);
  --cds-alias-object-interaction-success-click: hsl(93, 100%, 18%);
  --cds-alias-object-interaction-success-secondary-hover: hsl(92, 52%, 88%);
  --cds-alias-object-interaction-warning-hover: hsl(41, 100%, 31%);
  --cds-alias-object-interaction-warning-click: hsl(40, 100%, 24%);
  --cds-alias-object-interaction-warning-secondary-hover: hsl(48, 100%, 89%);
  --cds-alias-object-interaction-danger-hover: hsl(9, 100%, 30%);
  --cds-alias-object-interaction-danger-click: hsl(9, 100%, 22%);
  --cds-alias-object-interaction-danger-secondary-hover: hsl(9, 90%, 96%);
  --cds-alias-object-app-background: hsl(0, 0%, 99%);
  --cds-alias-object-border-color: hsl(0, 0%, 85%);
  --cds-alias-object-border-color-tint: hsl(0, 0%, 91%);
  --cds-alias-object-border-color-shade: hsl(0, 0%, 72%);
  --cds-alias-object-interaction-background: #fff;
  --cds-alias-object-interaction-background-hover: hsl(184, 45%, 94%);
  --cds-alias-object-interaction-background-active: hsl(183, 46%, 84%);
  --cds-alias-object-interaction-background-selected: hsl(184, 45%, 91%);
  --cds-alias-object-interaction-background-highlight: hsl(183, 70%, 33%);
  --cds-alias-object-container-background: #fff;
  --cds-alias-object-container-background-tint: hsl(0, 0%, 96%);
  --cds-alias-object-container-background-shade: hsl(0, 0%, 91%);
  --cds-global-color-white: #fff;
  --cds-global-color-black: #000;
  --cds-alias-typography-color-100: #fff;
  --cds-alias-typography-color-200: hsl(0, 0%, 44%);
  --cds-alias-typography-color-300: #000;
  --cds-alias-typography-color-400: hsl(0, 0%, 19%);
  --cds-alias-typography-color-450: hsl(0, 0%, 30%);
  --cds-alias-typography-color-500: hsl(0, 0%, 30%);
  --cds-alias-typography-info-hover: hsl(198, 100%, 22%);
  --cds-alias-typography-success-hover: hsl(93, 100%, 21%);
  --cds-alias-typography-warning-hover: hsl(40, 100%, 24%);
  --cds-alias-typography-danger-hover: hsl(9, 100%, 30%);
  --cds-alias-typography-neutral-hover: hsl(0, 0%, 30%);
  --cds-alias-typography-link-on-colorbg: hsl(0, 0%, 0%);
  --cds-alias-typography-link-color: hsl(183, 70%, 33%);
  --cds-alias-typography-link-color-hover: hsl(182, 61%, 28%);
  --cds-alias-typography-link-color-visited: hsl(183, 70%, 33%);
  --cds-alias-typography-link-color-visited-hover: hsl(182, 61%, 28%);
  --cds-alias-status-primary: hsl(183, 79%, 37%);
  --cds-alias-status-primary-shade: hsl(183, 70%, 33%);
  --cds-alias-status-primary-tint: hsl(184, 45%, 94%);
  --cds-alias-object-interaction-primary-hover: hsl(183, 70%, 33%);
  --cds-alias-object-interaction-primary-click: hsl(182, 61%, 28%);
  --cds-alias-object-interaction-primary-secondary-hover: hsl(184, 45%, 94%);
  --cds-alias-status-alt: hsl(281, 50%, 45%);
  --cds-alias-status-alt-shade: hsl(281, 49%, 38%);
  --cds-alias-status-alt-tint: hsl(286, 59%, 94%);
  --cds-alias-typography-primary-hover: hsl(183, 70%, 33%);
  --clr-alert-warning-font-color: var(--cds-alias-typography-color-500);
  --clr-alert-info-icon-color: var(--cds-alias-status-info);
  --clr-alert-success-icon-color: var(--cds-alias-status-success);
  --clr-alert-warning-icon-color: var(--cds-alias-status-warning);
  --clr-alert-danger-icon-color: var(--cds-alias-status-danger);
  --clr-app-alert-warning-font-color: var(--cds-global-color-white);
  --clr-badge-info-bg-color: var(--cds-alias-status-info);
  --clr-badge-success-bg-color: var(--cds-alias-status-success);
  --clr-badge-warning-bg-color: var(--cds-alias-status-warning);
  --clr-badge-danger-bg-color: var(--cds-alias-status-danger);
  --clr-badge-warning-color: var(--clr-badge-info-color);
  --clr-btn-default-color: var(--cds-alias-status-primary);
  --clr-btn-default-hover-bg-color: var(--cds-alias-object-interaction-primary-secondary-hover);
  --clr-btn-default-hover-color: var(--cds-alias-typography-primary-hover);
  --clr-btn-default-checked-hover-bg-color: var(--cds-alias-object-interaction-primary-hover);
  --clr-btn-default-outline-color: var(--cds-alias-status-primary);
  --clr-btn-default-outline-hover-bg-color: var(--cds-alias-object-interaction-primary-secondary-hover);
  --clr-btn-default-outline-hover-color: var(--cds-alias-typography-primary-hover);
  --clr-btn-warning-color: var(--cds-global-color-white);
  --clr-card-active-border-color: var(--cds-alias-status-primary);
  --clr-card-clickable-box-shadow-color: var(--cds-alias-status-primary);
  --clr-card-clickable-border-color: var(--cds-alias-status-primary);
  --clr-header-font-color: var(--cds-alias-typography-color-400);
  --clr-header-font-color-hover: var(--cds-alias-typography-color-300);
  --clr-header-title-color: var(--cds-alias-typography-color-400);
  --clr-header-title-font-weight: 400;
  --clr-header-bg-color: var(--cds-alias-object-interaction-background);
  --clr-header-2-bg-color: var(--cds-alias-object-interaction-background);
  --clr-header-3-bg-color: var(--cds-alias-object-interaction-background);
  --clr-header-4-bg-color: var(--cds-alias-object-interaction-background);
  --clr-header-5-bg-color: var(--cds-alias-object-interaction-background);
  --clr-header-6-bg-color: var(--cds-alias-object-interaction-background);
  --clr-header-7-bg-color: var(--cds-alias-object-interaction-background);
  --clr-header-divider-color: transparent;
  --clr-header-search-input-font-color: inherit;
  --clr-label-info-bg-color: var(--cds-alias-status-info-tint);
  --clr-label-info-border-color: var(--cds-alias-status-info);
  --clr-label-success-bg-color: var(--cds-alias-status-success-tint);
  --clr-label-success-border-color: var(--cds-alias-status-success);
  --clr-label-warning-bg-color: var(--cds-alias-status-warning-tint);
  --clr-label-warning-border-color: var(--cds-alias-status-warning);
  --clr-label-danger-bg-color: var(--cds-alias-status-danger-tint);
  --clr-label-danger-border-color: var(--cds-alias-status-danger);
  --clr-spinner-fill-color: var(--cds-alias-status-primary);
  --clr-spinner-fill-inverse-color: var(--cds-alias-status-primary-tint);
  --clr-vertical-nav-hover-bg-color: hsl(0, 0%, 85%);
  --clr-vertical-nav-active-bg-color: hsl(0, 0%, 72%);
  --clr-vertical-nav-selected-bg-color: hsl(0, 0%, 99%);
  --clr-vertical-nav-selected-hover-bg-color: hsl(0, 0%, 85%);
  --clr-responsive-nav-trigger-bg-color: var(--cds-alias-typography-color-450);
  --phs-dropdown-toggle-gap: var(--cds-global-space-2);
  --clr-toggle-bg-color-on: var(--cds-alias-status-primary);
  --clr-toggle-bg-color-off: var(--clr-color-neutral-600);
}
:root [cds-theme~=phs] a:link:not(.btn, .nav-link, .dropdown-item, .alert-action, .badge) {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
:root [cds-theme~=phs] .dropdown-menu .btn:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-secondary:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-info:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-outline:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-outline-primary:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-outline-secondary:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-outline-warning:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-outline-danger:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-outline-success:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-danger:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-primary:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-warning:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-success:hover,
:root [cds-theme~=phs] .dropdown-menu .btn-link:hover,
:root [cds-theme~=phs] .dropdown-menu .dropdown-item:hover {
  border-radius: 0;
}
:root [cds-theme~=phs] header .search-box label::before,
:root [cds-theme~=phs] header .search label::before,
:root [cds-theme~=phs] .header .search-box label::before,
:root [cds-theme~=phs] .header .search label::before {
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cdefs%3E%3C%2Fdefs%3E%3Ctitle%3ESearch%3C%2Ftitle%3E%3Cg%20id%3D%22icons%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M15%2C4.05A10.95%2C10.95%2C0%2C1%2C1%2C4.05%2C15%2C11%2C11%2C0%2C0%2C1%2C15%2C4.05M15%2C2A13%2C13%2C0%2C1%2C0%2C28%2C15%2C13%2C13%2C0%2C0%2C0%2C15%2C2Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20%20d%3D%22M33.71%2C32.29l-7.37-7.42-1.42%2C1.41%2C7.37%2C7.42a1%2C1%2C0%2C1%2C0%2C1.42-1.41Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}
:root [cds-theme~=phs] header .search-box input[type=text],
:root [cds-theme~=phs] header .search input[type=text],
:root [cds-theme~=phs] .header .search-box input[type=text],
:root [cds-theme~=phs] .header .search input[type=text] {
  border-bottom: var(--cds-alias-object-border-width-100) solid var(--cds-alias-object-border-color-tint);
  border-radius: 0;
}
:root [cds-theme~=phs] header .search-box input[type=text]:hover,
:root [cds-theme~=phs] header .search input[type=text]:hover,
:root [cds-theme~=phs] .header .search-box input[type=text]:hover,
:root [cds-theme~=phs] .header .search input[type=text]:hover {
  border: none;
  border-bottom: var(--cds-alias-object-border-width-100) solid var(--clr-forms-focused-color);
}
:root [cds-theme~=phs] header .search-box input[type=text]:focus,
:root [cds-theme~=phs] header .search input[type=text]:focus,
:root [cds-theme~=phs] .header .search-box input[type=text]:focus,
:root [cds-theme~=phs] .header .search input[type=text]:focus {
  border: none;
  border-bottom: var(--cds-alias-object-border-width-200) solid var(--clr-forms-focused-color);
}

:root [cds-theme] .badge.badge-primary {
  background: var(--clr-badge-primary-bg-color);
  color: var(--clr-badge-primary-color);
}
:root [cds-theme] .btn.btn-info,
:root [cds-theme] .alert-app-level .alert-item .btn-info.btn,
:root [cds-theme] .btn-info .btn {
  border-color: var(--clr-btn-info-border-color);
  background-color: var(--clr-btn-info-bg-color);
  color: var(--clr-btn-info-color);
}
:root [cds-theme] .btn-info .alert-app-level .alert-item .btn,
:root [cds-theme] .alert-app-level .alert-item .btn-info .btn {
  border-color: var(--cds-alias-typography-color-100);
  color: var(--cds-alias-typography-color-100);
}
:root [cds-theme] .btn.btn-info:hover,
:root [cds-theme] .btn-info .btn:hover {
  background-color: var(--clr-btn-info-hover-bg-color);
  color: var(--clr-btn-info-hover-color);
}
:root [cds-theme] .btn.btn-info:active,
:root [cds-theme] .btn-info .btn:active {
  background-color: var(--clr-btn-info-active-bg-color);
  color: var(--clr-btn-info-active-color);
}
:root [cds-theme] .btn-outline-info .btn,
:root [cds-theme] .btn-info-outline .btn,
:root [cds-theme] .btn.btn-outline-info,
:root [cds-theme] .btn.btn-info-outline,
:root [cds-theme] .btn.btn-info-outline {
  border-color: var(--clr-btn-info-outline-border-color);
  background-color: var(--clr-btn-info-outline-bg-color);
  color: var(--clr-btn-info-outline-color);
}
:root [cds-theme] .btn-outline-info .alert-app-level .alert-item .btn,
:root [cds-theme] .alert-app-level .alert-item .btn-outline-info .btn,
:root [cds-theme] .btn-info-outline .alert-app-level .alert-item .btn,
:root [cds-theme] .alert-app-level .alert-item .btn-info-outline .btn,
:root [cds-theme] .alert-app-level .alert-item .btn-outline-info.btn,
:root [cds-theme] .alert-app-level .alert-item .btn-info-outline.btn,
:root [cds-theme] .alert-app-level.alert-info .alert-item .btn {
  border-color: var(--cds-alias-typography-color-100);
  color: var(--cds-alias-typography-color-100);
}
:root [cds-theme] .btn-outline-info .btn:hover,
:root [cds-theme] .btn-info-outline .btn:hover,
:root [cds-theme] .btn.btn-outline-info:hover,
:root [cds-theme] .btn.btn-info-outline:hover,
:root [cds-theme] .alert-app-level.alert-info .alert-item .btn:hover,
:root [cds-theme] .btn.btn-info-outline:hover {
  background-color: var(--clr-btn-info-outline-hover-bg-color);
  color: var(--clr-btn-info-outline-hover-color);
}
:root [cds-theme] .btn-outline-info .btn:active,
:root [cds-theme] .btn-info-outline .btn:active,
:root [cds-theme] .btn.btn-outline-info:active,
:root [cds-theme] .btn.btn-info-outline:active,
:root [cds-theme] .alert-app-level.alert-info .alert-item .btn:active,
:root [cds-theme] .btn.btn-info-outline:active {
  background-color: var(--clr-btn-info-outline-active-bg-color);
  color: var(--clr-btn-info-outline-active-color);
}
:root [cds-theme] .label.label-primary,
:root [cds-theme] a.label.label-primary {
  background: var(--clr-label-primary-bg-color);
  color: var(--clr-label-primary-font-color);
  border: var(--clr-label-border-width) solid var(--clr-label-primary-border-color);
}

:root [cds-theme] .text-primary {
  color: var(--clr-text-color-primary) !important;
}
:root [cds-theme] .text-success {
  color: var(--clr-text-color-success) !important;
}
:root [cds-theme] .text-info {
  color: var(--clr-text-color-info) !important;
}
:root [cds-theme] .text-warning {
  color: var(--clr-text-color-warning) !important;
}
:root [cds-theme] .text-danger {
  color: var(--clr-text-color-danger) !important;
}

:root [cds-theme~=phs] .header .header-nav .nav-link.active {
  background: var(--clr-global-selection-color);
}
:root [cds-theme~=phs] header .header-actions > .dropdown > .nav-icon > cds-icon,
:root [cds-theme~=phs] .header .header-actions > .dropdown > .nav-icon > cds-icon {
  color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] header .header-actions .nav-icon > cds-icon,
:root [cds-theme~=phs] .header .header-actions .nav-icon > cds-icon {
  color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] header .header-actions > .dropdown > .nav-icon > clr-icon,
:root [cds-theme~=phs] .header .header-actions > .dropdown > .nav-icon > clr-icon {
  color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] header .header-actions .nav-icon > clr-icon,
:root [cds-theme~=phs] .header .header-actions .nav-icon > clr-icon {
  color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] header .settings .nav-icon > cds-icon,
:root [cds-theme~=phs] .header .settings .nav-icon > cds-icon {
  color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] header .settings .nav-icon > clr-icon,
:root [cds-theme~=phs] .header .settings .nav-icon > clr-icon {
  color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] header .branding,
:root [cds-theme~=phs] .header .branding {
  min-width: 4rem;
}
:root [cds-theme~=phs] .card.selectable:hover::after, :root [cds-theme~=phs] .card.card-active::after {
  top: 0;
}
:root [cds-theme~=phs] .card-img:first-child > img {
  border-radius: var(--clr-global-borderradius) var(--clr-global-borderradius) 0 0;
}
:root [cds-theme~=phs] .card-img:last-child > img {
  border-radius: 0 0 var(--clr-global-borderradius) var(--clr-global-borderradius);
}
:root [cds-theme~=phs] .card.card-img > img,
:root [cds-theme~=phs] .card > .card-img:first-child:last-child > img {
  border-radius: var(--clr-global-borderradius);
}
:root [cds-theme~=phs] .datagrid .datagrid-table .datagrid-column .datagrid-filter-toggle:hover cds-icon, :root [cds-theme~=phs] .datagrid .datagrid-table .datagrid-column .datagrid-filter-toggle.datagrid-filter-open cds-icon {
  --color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] .datagrid .datagrid-table .datagrid-column .datagrid-filter-toggle:hover clr-icon, :root [cds-theme~=phs] .datagrid .datagrid-table .datagrid-column .datagrid-filter-toggle.datagrid-filter-open clr-icon {
  --color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] .datagrid .datagrid-table .datagrid-column .datagrid-column-title .sort-icon {
  --color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] .datagrid-footer .column-switch-wrapper .column-toggle--action:hover cds-icon {
  --color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] .datagrid-footer .column-switch-wrapper .column-toggle--action:hover clr-icon {
  --color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] clr-tooltip cds-icon {
  color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] clr-tooltip clr-icon {
  color: var(--cds-alias-status-primary);
}
:root [cds-theme~=phs] cds-icon.is-green, :root [cds-theme~=phs] cds-icon.is-success,
:root [cds-theme~=phs] clr-icon.is-green,
:root [cds-theme~=phs] clr-icon.is-success {
  fill: var(--cds-alias-status-success);
}
:root [cds-theme~=phs] cds-icon.is-danger,
:root [cds-theme~=phs] clr-icon.is-danger {
  fill: var(--cds-alias-status-danger);
}
:root [cds-theme~=phs] cds-icon.is-red, :root [cds-theme~=phs] cds-icon.is-error,
:root [cds-theme~=phs] clr-icon.is-red,
:root [cds-theme~=phs] clr-icon.is-error {
  fill: var(--cds-alias-status-danger);
}
:root [cds-theme~=phs] cds-icon.is-warning,
:root [cds-theme~=phs] clr-icon.is-warning {
  fill: var(--cds-alias-status-warning);
}
:root [cds-theme~=phs] cds-icon.is-blue, :root [cds-theme~=phs] cds-icon.is-info,
:root [cds-theme~=phs] clr-icon.is-blue,
:root [cds-theme~=phs] clr-icon.is-info {
  fill: var(--cds-alias-status-info);
}
:root [cds-theme~=phs] cds-icon.is-highlight,
:root [cds-theme~=phs] clr-icon.is-highlight {
  fill: var(--cds-alias-status-info);
}
:root [cds-theme~=phs] .clr-combobox-wrapper,
:root [cds-theme~=phs] .clr-combobox-input {
  width: 100%;
}
:root [cds-theme~=phs] .clr-combobox-input-wrapper:not(:has(.label-combobox-pill)) {
  width: 100%;
}
:root [cds-theme~=phs] .clr-combobox-vertical .clr-combobox-wrapper {
  align-items: flex-start;
  flex-direction: column;
}
:root [cds-theme~=phs] .clr-combobox-vertical .clr-combobox-wrapper span[role=grid] {
  max-width: 100%;
}
:root [cds-theme~=phs] .clr-combobox-vertical .clr-combobox-wrapper span[role=grid] span[role=row].label-combobox-pill {
  max-width: 100%;
}
:root [cds-theme~=phs] .clr-combobox-vertical .clr-combobox-wrapper span[role=grid] span[role=row].label-combobox-pill span[role=gridcell] {
  max-width: calc(100% - var(--clr-combobox-caret-icon-size) - var(--cds-global-space-3));
  text-overflow: ellipsis;
  overflow: hidden;
}
:root [cds-theme~=phs] header .settings > .dropdown > .dropdown-toggle,
:root [cds-theme~=phs] header .header-actions > .dropdown > .dropdown-toggle,
:root [cds-theme~=phs] .header .settings > .dropdown > .dropdown-toggle,
:root [cds-theme~=phs] .header .header-actions > .dropdown > .dropdown-toggle,
:root [cds-theme~=phs] .dropdown-toggle {
  gap: var(--phs-dropdown-toggle-gap, 0.1rem);
}
:root [cds-theme~=phs] header .settings > .dropdown > .dropdown-toggle,
:root [cds-theme~=phs] header .header-actions > .dropdown > .dropdown-toggle,
:root [cds-theme~=phs] .header .settings > .dropdown > .dropdown-toggle,
:root [cds-theme~=phs] .header .header-actions > .dropdown > .dropdown-toggle {
  padding: var(--cds-global-space-8) calc(var(--cds-global-space-8) * 0.5);
}
:root [cds-theme~=phs] header .branding .title,
:root [cds-theme~=phs] .header .branding .title {
  letter-spacing: var(--clr-header-title-letter-spacing, 0.01em);
}
:root [cds-theme~=phs] header,
:root [cds-theme~=phs] .header {
  padding-right: var(--cds-global-space-8);
}
@media screen and (max-width: 576px) {
  :root [cds-theme~=phs] header,
  :root [cds-theme~=phs] .header {
    padding-right: 0;
  }
}

/*# sourceMappingURL=clr-addons-phs.css.map */