@charset "UTF-8";
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Thin.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-ThinItalic.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 200;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-ExtraLight.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 200;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-ExtraLightItalic.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Light.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 300;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-LightItalic.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Regular.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Italic.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 450;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Text.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 450;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-TextItalic.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Medium.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-MediumItalic.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBold.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 600;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-SemiBoldItalic.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-Bold.woff") format("woff"); }
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700;
  src: url("types/IBM-Plex-Sans/fonts/complete/woff/IBMPlexSans-BoldItalic.woff") format("woff"); }
.num {
  text-align: right; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.cancelled {
  background-color: var(--cds-global-color-gray-900); }

.closed {
  background-color: var(--cds-global-color-gray-700); }

.dimmed {
  color: var(--cds-global-color-gray-700); }

.bold {
  font-weight: 600; }

.italic {
  font-style: italic; }

.normal {
  font-weight: 450; }

.strikethrough,
.strikethrough a {
  text-decoration: line-through !important; }

.underline,
.underline a {
  text-decoration: underline !important; }

.table {
  display: table; }

.tr {
  display: table-row; }

.td, .th {
  display: table-cell; }

.scrollable {
  overflow: auto; }

.red {
  color: var(--cds-global-color-white);
  background-color: var(--cds-global-color-red-700); }

.orange {
  background-color: var(--cds-global-color-tangerine-400); }

.yellow {
  background-color: var(--cds-global-color-yellow-300); }

.lime {
  background-color: var(--cds-global-color-lime-200); }

.green {
  background-color: var(--cds-global-color-green-500); }

.blue {
  color: var(--cds-global-color-white);
  background-color: var(--cds-global-color-blue-600); }

.purple {
  color: var(--cds-global-color-white);
  background-color: var(--cds-global-color-violet-700); }

.pink {
  color: var(--cds-global-color-white);
  background-color: var(--cds-global-color-pink-600); }

.mauve {
  background-color: var(--cds-global-color-pink-400); }

.rose {
  background-color: var(--cds-global-color-pink-200); }

.lightred {
  background-color: var(--cds-global-color-red-100); }

.lightyellow {
  background-color: var(--cds-global-color-yellow-100); }

.lightgreen {
  background-color: var(--cds-global-color-green-50); }

.lightblue {
  background-color: var(--cds-global-color-blue-75); }

.white {
  background-color: var(--cds-global-color-white); }

.lightgrey {
  background-color: var(--cds-global-color-gray-300); }

.grey {
  color: var(--cds-global-color-white);
  background-color: var(--cds-global-color-gray-600); }

.black {
  color: var(--cds-global-color-white);
  background-color: var(--cds-global-color-black); }

.darkred {
  color: var(--cds-global-color-white);
  background-color: var(--cds-global-color-red-900); }

.darkbrown {
  color: var(--cds-global-color-white);
  background-color: var(--cds-global-color-yellow-800); }

.darkgreen {
  color: var(--cds-global-color-white);
  background-color: var(--cds-global-color-green-800); }

.darkblue {
  color: var(--cds-global-color-white);
  background-color: var(--cds-global-color-blue-800); }

.width_10 {
  width: 10rem !important; }

.spacer_1 {
  margin-bottom: 1rem; }

.spacer_2 {
  margin-bottom: 2rem; }

@media all {
  #main:after, #content > .btn-group:after, #content:after, nav:after,
  .header-nav:after,
  #submenu:after {
    content: '';
    display: block;
    clear: both; } }
/*! jQuery UI - v1.10.3 - 2013-10-02
 * http://jqueryui.com
 * Includes: jquery.ui.core.css, jquery.ui.datepicker.css
 * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 1.0em;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 0; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

.ui-state-active {
  border: 1px solid var(--cds-global-color-gray-800); }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  overflow: hidden;
  background-image: none; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  font-size: 1.0em;
  line-height: 1.0em;
  color: var(--cds-global-color-black);
  background-color: var(--cds-global-color-white);
  border: 1px solid var(--cds-global-color-blue-600);
  width: 15.4em;
  padding: 0.5em 0.6em 0 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  color: var(--cds-global-color-black);
  position: absolute;
  top: 0.15em;
  width: 1.8em;
  height: 1.1em;
  cursor: pointer; }

.ui-datepicker .ui-datepicker-prev {
  left: 0.15em; }

.ui-datepicker .ui-datepicker-next {
  right: 0.15em; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -0.2em;
  top: 50%;
  margin-top: -0.7em; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  font-size: 0.85em; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: 0.85em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .4em .1em;
  text-align: right;
  font-weight: 600;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 0.1em 0 0 0.1em; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em 0.2em 0.2em 0;
  text-align: right;
  text-decoration: none;
  color: var(--cds-global-color-black); }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.5em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker .ui-state-highlight {
  background-color: var(--cds-global-color-gray-200); }

.ui-datepicker .ui-state-disabled {
  color: var(--cds-global-color-gray-700); }

.ui-draggable-dragging {
  z-index: 600;
  box-shadow: 0.3rem 0.3rem 0.2rem var(--cds-global-color-gray-800) !important; }

.ui-draggable-handle:hover {
  box-shadow: 0.1rem 0.1rem var(--cds-global-color-gray-800); }

:root {
  --cds-global-color-white:hsl(0, 0%, 100%);
  --cds-global-color-gray-0:hsl(0, 0%, 100%);
  --cds-global-color-gray-50:hsl(0, 0%, 98%);
  --cds-global-color-gray-100:hsl(0, 0%, 95%);
  --cds-global-color-gray-200:hsl(0, 0%, 91%);
  --cds-global-color-gray-300:hsl(0, 0%, 87%);
  --cds-global-color-gray-400:hsl(0, 0%, 80%);
  --cds-global-color-gray-500:hsl(0, 0%, 70%);
  --cds-global-color-gray-600:hsl(0, 0%, 55%);
  --cds-global-color-gray-700:hsl(0, 0%, 40%);
  --cds-global-color-gray-800:hsl(0, 0%, 27%);
  --cds-global-color-gray-900:hsl(0, 0%, 20%);
  --cds-global-color-gray-1000:hsl(0, 0%, 0%);
  --cds-global-color-black:hsl(0, 0%, 0%);
  --cds-global-color-green-50:hsl(93, 80%, 94%);
  --cds-global-color-green-100:hsl(93, 80%, 83%);
  --cds-global-color-green-200:hsl(93, 80%, 70%);
  --cds-global-color-green-300:hsl(93, 80%, 56%);
  --cds-global-color-green-400:hsl(93, 80%, 48%);
  --cds-global-color-green-500:hsl(93, 80%, 44%);
  --cds-global-color-green-600:hsl(93, 80%, 37%);
  --cds-global-color-green-700:hsl(93, 80%, 28%);
  --cds-global-color-green-800:hsl(93, 80%, 23%);
  --cds-global-color-green-900:hsl(93, 80%, 17%);
  --cds-global-color-green-1000:hsl(93, 80%, 12%);
  --cds-global-color-blue-50:hsl(198, 100%, 95%);
  --cds-global-color-blue-75:hsl(198, 100%, 94%);
  --cds-global-color-blue-100:hsl(198, 100%, 87%);
  --cds-global-color-blue-200:hsl(198, 100%, 78%);
  --cds-global-color-blue-300:hsl(198, 100%, 70%);
  --cds-global-color-blue-400:hsl(198, 100%, 59%);
  --cds-global-color-blue-500:hsl(198, 100%, 48%);
  --cds-global-color-blue-600:hsl(198, 100%, 43%);
  --cds-global-color-blue-700:hsl(198, 100%, 34%);
  --cds-global-color-blue-800:hsl(198, 100%, 27%);
  --cds-global-color-blue-900:hsl(198, 100%, 21%);
  --cds-global-color-blue-1000:hsl(198, 100%, 15%);
  --cds-global-color-violet-50:hsl(282, 100%, 97%);
  --cds-global-color-violet-100:hsl(282, 80%, 91%);
  --cds-global-color-violet-200:hsl(282, 73%, 83%);
  --cds-global-color-violet-300:hsl(282, 66%, 74%);
  --cds-global-color-violet-400:hsl(282, 60%, 65%);
  --cds-global-color-violet-500:hsl(282, 60%, 57%);
  --cds-global-color-violet-600:hsl(282, 60%, 49%);
  --cds-global-color-violet-700:hsl(283, 80%, 36%);
  --cds-global-color-violet-800:hsl(282, 100%, 26%);
  --cds-global-color-violet-900:hsl(282, 100%, 19%);
  --cds-global-color-violet-1000:hsl(282, 100%, 14%);
  --cds-global-color-red-50:hsl(9, 100%, 97%);
  --cds-global-color-red-100:hsl(9, 100%, 94%);
  --cds-global-color-red-200:hsl(9, 100%, 88%);
  --cds-global-color-red-300:hsl(9, 100%, 79%);
  --cds-global-color-red-400:hsl(9, 100%, 71%);
  --cds-global-color-red-500:hsl(9, 100%, 65%);
  --cds-global-color-red-600:hsl(9, 100%, 59%);
  --cds-global-color-red-700:hsl(9, 100%, 44%);
  --cds-global-color-red-800:hsl(9, 100%, 38%);
  --cds-global-color-red-900:hsl(9, 100%, 22%);
  --cds-global-color-red-1000:hsl(7, 10%, 17%);
  --cds-global-color-ochre-50:hsl(41, 100%, 96%);
  --cds-global-color-ochre-100:hsl(41, 100%, 92%);
  --cds-global-color-ochre-200:hsl(41, 100%, 86%);
  --cds-global-color-ochre-300:hsl(41, 100%, 78%);
  --cds-global-color-ochre-400:hsl(41, 100%, 70%);
  --cds-global-color-ochre-500:hsl(40, 100%, 59%);
  --cds-global-color-ochre-600:hsl(39, 100%, 50%);
  --cds-global-color-ochre-700:hsl(38, 100%, 42%);
  --cds-global-color-ochre-800:hsl(37, 100%, 32%);
  --cds-global-color-ochre-900:hsl(36, 100%, 27%);
  --cds-global-color-ochre-1000:hsl(35, 100%, 19%);
  --cds-global-color-lavender-50:hsl(238, 100%, 96%);
  --cds-global-color-lavender-100:hsl(238, 58%, 88%);
  --cds-global-color-lavender-200:hsl(238, 53%, 79%);
  --cds-global-color-lavender-300:hsl(238, 52%, 70%);
  --cds-global-color-lavender-400:hsl(238, 58%, 64%);
  --cds-global-color-lavender-500:hsl(238, 59%, 58%);
  --cds-global-color-lavender-600:hsl(238, 60%, 52%);
  --cds-global-color-lavender-700:hsl(238, 69%, 45%);
  --cds-global-color-lavender-800:hsl(238, 100%, 32%);
  --cds-global-color-lavender-900:hsl(238, 100%, 22%);
  --cds-global-color-lavender-1000:hsl(238, 100%, 14%);
  --cds-global-color-azure-50:hsl(211, 100%, 95%);
  --cds-global-color-azure-100:hsl(211, 100%, 88%);
  --cds-global-color-azure-200:hsl(211, 100%, 81%);
  --cds-global-color-azure-300:hsl(211, 100%, 70%);
  --cds-global-color-azure-400:hsl(211, 100%, 62%);
  --cds-global-color-azure-500:hsl(211, 100%, 54%);
  --cds-global-color-azure-600:hsl(211, 100%, 46%);
  --cds-global-color-azure-700:hsl(211, 100%, 37%);
  --cds-global-color-azure-800:hsl(211, 100%, 26%);
  --cds-global-color-azure-900:hsl(211, 100%, 18%);
  --cds-global-color-azure-1000:hsl(211, 100%, 14%);
  --cds-global-color-aqua-50:hsl(184, 100%, 96%);
  --cds-global-color-aqua-100:hsl(184, 100%, 86%);
  --cds-global-color-aqua-200:hsl(184, 100%, 75%);
  --cds-global-color-aqua-300:hsl(184, 100%, 62%);
  --cds-global-color-aqua-400:hsl(184, 100%, 48%);
  --cds-global-color-aqua-500:hsl(184, 100%, 43%);
  --cds-global-color-aqua-600:hsl(184, 100%, 34%);
  --cds-global-color-aqua-700:hsl(184, 100%, 25%);
  --cds-global-color-aqua-800:hsl(184, 100%, 18%);
  --cds-global-color-aqua-900:hsl(184, 100%, 13%);
  --cds-global-color-aqua-1000:hsl(184, 100%, 10%);
  --cds-global-color-jade-50:hsl(160, 83%, 95%);
  --cds-global-color-jade-100:hsl(160, 82%, 88%);
  --cds-global-color-jade-200:hsl(160, 78%, 78%);
  --cds-global-color-jade-300:hsl(160, 69%, 65%);
  --cds-global-color-jade-400:hsl(160, 69%, 53%);
  --cds-global-color-jade-500:hsl(160, 64%, 45%);
  --cds-global-color-jade-600:hsl(160, 69%, 36%);
  --cds-global-color-jade-700:hsl(160, 64%, 30%);
  --cds-global-color-jade-800:hsl(160, 100%, 21%);
  --cds-global-color-jade-900:hsl(160, 70%, 21%);
  --cds-global-color-jade-1000:hsl(160, 69%, 19%);
  --cds-global-color-yellow-50:hsl(50, 100%, 95%);
  --cds-global-color-yellow-100:hsl(50, 100%, 84%);
  --cds-global-color-yellow-200:hsl(50, 100%, 73%);
  --cds-global-color-yellow-300:hsl(50, 100%, 57%);
  --cds-global-color-yellow-400:hsl(46, 100%, 52%);
  --cds-global-color-yellow-500:hsl(44, 100%, 47%);
  --cds-global-color-yellow-600:hsl(42, 100%, 42%);
  --cds-global-color-yellow-700:hsl(40, 100%, 37%);
  --cds-global-color-yellow-800:hsl(40, 100%, 26%);
  --cds-global-color-yellow-900:hsl(40, 100%, 18%);
  --cds-global-color-yellow-1000:hsl(40, 32%, 14%);
  --cds-global-color-lime-50:hsl(66, 100%, 94%);
  --cds-global-color-lime-100:hsl(66, 95%, 83%);
  --cds-global-color-lime-200:hsl(66, 85%, 70%);
  --cds-global-color-lime-300:hsl(66, 80%, 58%);
  --cds-global-color-lime-400:hsl(66, 80%, 48%);
  --cds-global-color-lime-500:hsl(66, 90%, 41%);
  --cds-global-color-lime-600:hsl(66, 90%, 36%);
  --cds-global-color-lime-700:hsl(66, 100%, 28%);
  --cds-global-color-lime-800:hsl(66, 100%, 22%);
  --cds-global-color-lime-900:hsl(66, 100%, 12%);
  --cds-global-color-lime-1000:hsl(66, 100%, 7%);
  --cds-global-color-tangerine-50:hsl(25, 100%, 95%);
  --cds-global-color-tangerine-100:hsl(25, 100%, 88%);
  --cds-global-color-tangerine-200:hsl(25, 94%, 78%);
  --cds-global-color-tangerine-300:hsl(25, 100%, 72%);
  --cds-global-color-tangerine-400:hsl(25, 100%, 62%);
  --cds-global-color-tangerine-500:hsl(25, 100%, 48%);
  --cds-global-color-tangerine-600:hsl(25, 100%, 41%);
  --cds-global-color-tangerine-700:hsl(25, 100%, 34%);
  --cds-global-color-tangerine-800:hsl(25, 100%, 25%);
  --cds-global-color-tangerine-900:hsl(25, 100%, 19%);
  --cds-global-color-tangerine-1000:hsl(25, 100%, 15%);
  --cds-global-color-magenta-50:hsl(345, 100%, 95%);
  --cds-global-color-magenta-100:hsl(345, 100%, 87%);
  --cds-global-color-magenta-200:hsl(345, 100%, 79%);
  --cds-global-color-magenta-300:hsl(345, 100%, 70%);
  --cds-global-color-magenta-400:hsl(345, 100%, 61%);
  --cds-global-color-magenta-500:hsl(345, 81%, 50%);
  --cds-global-color-magenta-600:hsl(345, 83%, 40%);
  --cds-global-color-magenta-700:hsl(345, 91%, 31%);
  --cds-global-color-magenta-800:hsl(345, 100%, 24%);
  --cds-global-color-magenta-900:hsl(345, 100%, 19%);
  --cds-global-color-magenta-1000:hsl(345, 100%, 15%);
  --cds-global-color-pink-50:hsl(324, 100%, 97%);
  --cds-global-color-pink-100:hsl(324, 95%, 91%);
  --cds-global-color-pink-200:hsl(324, 84%, 81%);
  --cds-global-color-pink-300:hsl(324, 78%, 70%);
  --cds-global-color-pink-400:hsl(324, 78%, 62%);
  --cds-global-color-pink-500:hsl(324, 64%, 51%);
  --cds-global-color-pink-600:hsl(324, 80%, 39%);
  --cds-global-color-pink-700:hsl(324, 100%, 30%);
  --cds-global-color-pink-800:hsl(324, 100%, 24%);
  --cds-global-color-pink-900:hsl(324, 100%, 18%);
  --cds-global-color-pink-1000:hsl(324, 100%, 15%);
  --cds-global-color-warm-gray-50:hsl(282, 3%, 97%);
  --cds-global-color-warm-gray-100:hsl(282, 3%, 92%);
  --cds-global-color-warm-gray-200:hsl(282, 3%, 84%);
  --cds-global-color-warm-gray-300:hsl(282, 3%, 74%);
  --cds-global-color-warm-gray-400:hsl(282, 3%, 63%);
  --cds-global-color-warm-gray-500:hsl(282, 3%, 54%);
  --cds-global-color-warm-gray-600:hsl(282, 3%, 43%);
  --cds-global-color-warm-gray-700:hsl(282, 3%, 35%);
  --cds-global-color-warm-gray-800:hsl(282, 3%, 28%);
  --cds-global-color-warm-gray-900:hsl(282, 3%, 20%);
  --cds-global-color-warm-gray-1000:hsl(282, 3%, 14%);
  --cds-global-color-slate-50:hsl(238, 20%, 96%);
  --cds-global-color-slate-100:hsl(238, 20%, 91%);
  --cds-global-color-slate-200:hsl(238, 20%, 82%);
  --cds-global-color-slate-300:hsl(238, 20%, 73%);
  --cds-global-color-slate-400:hsl(238, 20%, 63%);
  --cds-global-color-slate-500:hsl(238, 23%, 56%);
  --cds-global-color-slate-600:hsl(238, 24%, 49%);
  --cds-global-color-slate-700:hsl(238, 28%, 38%);
  --cds-global-color-slate-800:hsl(238, 28%, 29%);
  --cds-global-color-slate-900:hsl(238, 28%, 22%);
  --cds-global-color-slate-1000:hsl(238, 28%, 14%);
  --cds-global-color-ice-50:hsl(211, 100%, 97%);
  --cds-global-color-ice-100:hsl(211, 58%, 90%);
  --cds-global-color-ice-200:hsl(211, 53%, 81%);
  --cds-global-color-ice-300:hsl(211, 49%, 70%);
  --cds-global-color-ice-400:hsl(211, 47%, 62%);
  --cds-global-color-ice-500:hsl(211, 47%, 53%);
  --cds-global-color-ice-600:hsl(211, 56%, 44%);
  --cds-global-color-ice-700:hsl(211, 69%, 34%);
  --cds-global-color-ice-800:hsl(211, 69%, 27%);
  --cds-global-color-ice-900:hsl(211, 100%, 20%);
  --cds-global-color-ice-1000:hsl(211, 100%, 14%);
  --cds-global-color-cool-gray-50:hsl(211, 20%, 96%);
  --cds-global-color-cool-gray-100:hsl(211, 20%, 90%);
  --cds-global-color-cool-gray-200:hsl(211, 20%, 81%);
  --cds-global-color-cool-gray-300:hsl(211, 20%, 72%);
  --cds-global-color-cool-gray-400:hsl(211, 20%, 61%);
  --cds-global-color-cool-gray-500:hsl(211, 20%, 53%);
  --cds-global-color-cool-gray-600:hsl(211, 20%, 44%);
  --cds-global-color-cool-gray-700:hsl(211, 23%, 36%);
  --cds-global-color-cool-gray-800:hsl(211, 30%, 28%);
  --cds-global-color-cool-gray-900:hsl(211, 40%, 22%);
  --cds-global-color-cool-gray-1000:hsl(211, 63%, 14%);
  --cds-global-color-tan-50:hsl(41, 23%, 96%);
  --cds-global-color-tan-100:hsl(41, 22%, 91%);
  --cds-global-color-tan-200:hsl(41, 27%, 82%);
  --cds-global-color-tan-300:hsl(41, 23%, 68%);
  --cds-global-color-tan-400:hsl(41, 23%, 58%);
  --cds-global-color-tan-500:hsl(41, 20%, 47%);
  --cds-global-color-tan-600:hsl(41, 20%, 40%);
  --cds-global-color-tan-700:hsl(41, 20%, 32%);
  --cds-global-color-tan-800:hsl(41, 23%, 26%);
  --cds-global-color-tan-900:hsl(41, 23%, 21%);
  --cds-global-color-tan-1000:hsl(41, 22%, 16%);
  --cds-global-color-construction-25:hsl(198, 33%, 99%);
  --cds-global-color-construction-50:hsl(198, 36%, 96%);
  --cds-global-color-construction-100:hsl(198, 20%, 91%);
  --cds-global-color-construction-200:hsl(198, 14%, 82%);
  --cds-global-color-construction-300:hsl(198, 10%, 71%);
  --cds-global-color-construction-400:hsl(198, 9%, 56%);
  --cds-global-color-construction-500:hsl(198, 10%, 46%);
  --cds-global-color-construction-600:hsl(198, 14%, 36%);
  --cds-global-color-construction-700:hsl(198, 19%, 28%);
  --cds-global-color-construction-800:hsl(198, 23%, 23%);
  --cds-global-color-construction-900:hsl(198, 28%, 18%);
  --cds-global-color-construction-1000:hsl(198, 30%, 15%); }

.alert-icon, .clr-icon {
  display: inline-block;
  height: 1rem;
  width: 1rem;
  padding: 0;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle; }

.alert-icon.clr-icon-danger, .alert-icon.icon-danger, .clr-icon.clr-icon-danger, .clr-icon.icon-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27Layer_1%27%20data-name%3D%27Layer%201%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23c92100%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eic_error_red_16x%3C%2Ftitle%3E%3Cpath%20class%3D%27cls-1%27%20d%3D%27M8%2C1.3A6.7%2C6.7%2C0%2C1%2C1%2C1.3%2C8%2C6.71%2C6.71%2C0%2C0%2C1%2C8%2C1.3M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0H8Z%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%2710%27%20width%3D%272%27%20height%3D%272%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%2710%27%20width%3D%272%27%20height%3D%272%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%273%27%20width%3D%272%27%20height%3D%276%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%273%27%20width%3D%272%27%20height%3D%276%27%2F%3E%3C%2Fsvg%3E"); }
.alert-icon.clr-icon-danger-white, .alert-icon.icon-danger-white, .clr-icon.clr-icon-danger-white, .clr-icon.icon-danger-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27Layer_1%27%20data-name%3D%27Layer%201%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fafafa%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eic_error_red_16x%3C%2Ftitle%3E%3Cpath%20class%3D%27cls-1%27%20d%3D%27M8%2C1.3A6.7%2C6.7%2C0%2C1%2C1%2C1.3%2C8%2C6.71%2C6.71%2C0%2C0%2C1%2C8%2C1.3M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0H8Z%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%2710%27%20width%3D%272%27%20height%3D%272%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%2710%27%20width%3D%272%27%20height%3D%272%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%273%27%20width%3D%272%27%20height%3D%276%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%273%27%20width%3D%272%27%20height%3D%276%27%2F%3E%3C%2Fsvg%3E"); }
.alert-icon.clr-icon-warning, .alert-icon.icon-warning, .clr-icon.clr-icon-warning, .clr-icon.icon-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_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%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23747474%3B%7D%0A%09.st2%7Bfill%3Anone%3Bstroke%3A%23747474%3Bstroke-width%3A1.3%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%227%22%20y%3D%225%22%20class%3D%22st1%22%20width%3D%222%22%20height%3D%224%22%2F%3E%0A%09%09%3Crect%20x%3D%227%22%20y%3D%2210%22%20class%3D%22st1%22%20width%3D%222%22%20height%3D%222%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cpath%20class%3D%22st2%22%20d%3D%22M9.5%2C2l5.6%2C10.4c0.6%2C1.1-0.1%2C2.5-1.3%2C2.5H2.2c-1.2%2C0-1.9-1.4-1.3-2.5L6.5%2C2C7.1%2C0.8%2C8.9%2C0.8%2C9.5%2C2z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); }
.alert-icon.clr-icon-warning-white, .clr-icon.clr-icon-warning-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_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%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fafafa%3B%7D%0A%09.st2%7Bfill%3Anone%3Bstroke%3A%23fafafa%3Bstroke-width%3A1.3%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%227%22%20y%3D%225%22%20class%3D%22st1%22%20width%3D%222%22%20height%3D%224%22%2F%3E%0A%09%09%3Crect%20x%3D%227%22%20y%3D%2210%22%20class%3D%22st1%22%20width%3D%222%22%20height%3D%222%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cpath%20class%3D%22st2%22%20d%3D%22M9.5%2C2l5.6%2C10.4c0.6%2C1.1-0.1%2C2.5-1.3%2C2.5H2.2c-1.2%2C0-1.9-1.4-1.3-2.5L6.5%2C2C7.1%2C0.8%2C8.9%2C0.8%2C9.5%2C2z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); }
.alert-icon.clr-icon-success, .alert-icon.icon-success, .clr-icon.clr-icon-success, .clr-icon.icon-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_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%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st1%7Bfill%3Anone%3Bstroke%3A%23266900%3Bstroke-width%3A1.4%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09.st2%7Bfill%3A%23266900%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%223.5%2C7.5%206.5%2C10.5%2011.6%2C5.4%20%22%2F%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st2%22%20d%3D%22M8%2C1.3c3.7%2C0%2C6.7%2C3%2C6.7%2C6.7s-3%2C6.7-6.7%2C6.7s-6.7-3-6.7-6.7S4.3%2C1.3%2C8%2C1.3%20M8%2C0C3.6%2C0%2C0%2C3.6%2C0%2C8%0A%09%09%09c0%2C4.4%2C3.6%2C8%2C8%2C8s8-3.6%2C8-8C16%2C3.6%2C12.4%2C0%2C8%2C0L8%2C0z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); }
.alert-icon.clr-icon-success-white, .clr-icon.clr-icon-success-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_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%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st1%7Bfill%3Anone%3Bstroke%3A%23fafafa%3Bstroke-width%3A1.4%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09.st2%7Bfill%3A%23fafafa%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%223.5%2C7.5%206.5%2C10.5%2011.6%2C5.4%20%22%2F%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st2%22%20d%3D%22M8%2C1.3c3.7%2C0%2C6.7%2C3%2C6.7%2C6.7s-3%2C6.7-6.7%2C6.7s-6.7-3-6.7-6.7S4.3%2C1.3%2C8%2C1.3%20M8%2C0C3.6%2C0%2C0%2C3.6%2C0%2C8%0A%09%09%09c0%2C4.4%2C3.6%2C8%2C8%2C8s8-3.6%2C8-8C16%2C3.6%2C12.4%2C0%2C8%2C0L8%2C0z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); }
.alert-icon.clr-icon-info, .alert-icon.icon-info, .clr-icon.clr-icon-info, .clr-icon.icon-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_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%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st1%7Bfill%3A%23565656%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M8%2C1.3c3.7%2C0%2C6.7%2C3%2C6.7%2C6.7s-3%2C6.7-6.7%2C6.7s-6.7-3-6.7-6.7S4.3%2C1.3%2C8%2C1.3%20M8%2C0C3.6%2C0%2C0%2C3.6%2C0%2C8%0A%09%09%09c0%2C4.4%2C3.6%2C8%2C8%2C8s8-3.6%2C8-8C16%2C3.6%2C12.4%2C0%2C8%2C0L8%2C0z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M5.7%2C6.5c0%2C0%2C1.6-0.3%2C2.5-0.3c0.8-0.1%2C1.1%2C0.4%2C0.9%2C1C8.9%2C7.7%2C8%2C10.6%2C7.7%2C11.6c-0.1%2C0.3%2C0%2C0.4%2C0%2C0.4%0A%09%09c0%2C0%2C0.1%2C0.1%2C0.2%2C0.1c0.2%2C0%2C0.4-0.1%2C0.6-0.3c0.5-0.4%2C0.8-0.8%2C1.1-1.3l0.6%2C0.3c-1%2C1.5-2.1%2C2.3-3.3%2C2.3c-0.3%2C0-0.7-0.1-1-0.3%0A%09%09c-0.2-0.2-0.4-0.5-0.4-0.8c0-0.2%2C0-0.5%2C0.1-0.7c0%2C0%2C0.9-2.3%2C1.2-3.4C7.1%2C7%2C6.8%2C6.9%2C6.6%2C6.9c-0.4%2C0-0.7%2C0-1.1%2C0.1L5.7%2C6.5z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M8.4%2C2.9c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.4c0.2%2C0.2%2C0.4%2C0.6%2C0.4%2C0.9c0%2C0.3-0.1%2C0.7-0.4%2C0.9C8.8%2C5.6%2C8%2C5.6%2C7.5%2C5.1%0A%09%09c0%2C0%2C0%2C0%2C0%2C0C7.3%2C4.8%2C7.1%2C4.5%2C7.1%2C4.1c0-0.3%2C0.1-0.7%2C0.4-0.9C7.7%2C3%2C8.1%2C2.9%2C8.4%2C2.9%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); }
.alert-icon.clr-icon-info-white, .clr-icon.clr-icon-info-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_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%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st1%7Bfill%3A%23fafafa%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M8%2C1.3c3.7%2C0%2C6.7%2C3%2C6.7%2C6.7s-3%2C6.7-6.7%2C6.7s-6.7-3-6.7-6.7S4.3%2C1.3%2C8%2C1.3%20M8%2C0C3.6%2C0%2C0%2C3.6%2C0%2C8%0A%09%09%09c0%2C4.4%2C3.6%2C8%2C8%2C8s8-3.6%2C8-8C16%2C3.6%2C12.4%2C0%2C8%2C0L8%2C0z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M5.7%2C6.5c0%2C0%2C1.6-0.3%2C2.5-0.3c0.8-0.1%2C1.1%2C0.4%2C0.9%2C1C8.9%2C7.7%2C8%2C10.6%2C7.7%2C11.6c-0.1%2C0.3%2C0%2C0.4%2C0%2C0.4%0A%09%09c0%2C0%2C0.1%2C0.1%2C0.2%2C0.1c0.2%2C0%2C0.4-0.1%2C0.6-0.3c0.5-0.4%2C0.8-0.8%2C1.1-1.3l0.6%2C0.3c-1%2C1.5-2.1%2C2.3-3.3%2C2.3c-0.3%2C0-0.7-0.1-1-0.3%0A%09%09c-0.2-0.2-0.4-0.5-0.4-0.8c0-0.2%2C0-0.5%2C0.1-0.7c0%2C0%2C0.9-2.3%2C1.2-3.4C7.1%2C7%2C6.8%2C6.9%2C6.6%2C6.9c-0.4%2C0-0.7%2C0-1.1%2C0.1L5.7%2C6.5z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M8.4%2C2.9c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.4c0.2%2C0.2%2C0.4%2C0.6%2C0.4%2C0.9c0%2C0.3-0.1%2C0.7-0.4%2C0.9C8.8%2C5.6%2C8%2C5.6%2C7.5%2C5.1%0A%09%09c0%2C0%2C0%2C0%2C0%2C0C7.3%2C4.8%2C7.1%2C4.5%2C7.1%2C4.1c0-0.3%2C0.1-0.7%2C0.4-0.9C7.7%2C3%2C8.1%2C2.9%2C8.4%2C2.9%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); }
.alert-icon.clr-icon-update, .clr-icon.clr-icon-update {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Layer_3%22%20data-name%3D%22Layer%203%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2013.88%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eic_update%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M13.83%2C15h-12c-0.28%2C0-.5%2C0-0.5-0.5s0.22-.5.5-0.5h12c0.28%2C0%2C.5%2C0%2C0.5.5S14.11%2C15%2C13.83%2C15Z%22%20transform%3D%22translate(-1.33%20-1.12)%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.58%2C7.8a0.48%2C0.48%2C0%2C0%2C0-.67-0.68L8.48%2C10.56v-9A0.47%2C0.47%2C0%2C0%2C0%2C8%2C1.12a0.48%2C0.48%2C0%2C0%2C0-.48.48v9L4.09%2C7.12a0.49%2C0.49%2C0%2C0%2C0-.68%2C0%2C0.48%2C0.48%2C0%2C0%2C0%2C0%2C.68l4.25%2C4.25a0.46%2C0.46%2C0%2C0%2C0%2C.67%2C0Zm0%2C0%22%20transform%3D%22translate(-1.33%20-1.12)%22%2F%3E%3C%2Fsvg%3E"); }
.alert-icon.clr-icon-caret, .clr-icon.clr-icon-caret {
  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%2012%2012%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E.cls-1%7Bfill%3A%23747474%3B%7D%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3ECaret%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C9L1.2%2C4.2a0.68%2C0.68%2C0%2C0%2C1%2C1-1L6%2C7.08%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); }

input[type=text], input[type=password], input[type=number], input[type=email], input[type=url], input[type=tel], input[type=date], input[type=file] {
  -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;
  height: 1.8rem;
  background: linear-gradient(to bottom, transparent 95%, clr-getColor(light-midtone, action-blues) 95%) no-repeat;
  background-size: 0% 100%;
  transition: background-size 0.2s ease;
  padding: 0 0.6rem; }
  input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=file]:focus {
    outline: 0; }
  input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=file]:focus {
    border-bottom: 1px solid clr-getColor(light-midtone, action-blues);
    background-size: 100% 100%; }

input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=email]:disabled, input[type=url]:disabled, input[type=tel]:disabled, input[type=date]:disabled, input[type=file]:disabled,
input[type=button]:disabled, input[type=submit]:disabled,
textarea:disabled {
  color: var(--cds-global-color-gray-800);
  background-color: var(--cds-global-color-gray-300);
  cursor: not-allowed; }

textarea {
  resize: vertical;
  width: 100%;
  border: 1px solid var(--cds-global-color-gray-600);
  border-radius: 0.3rem;
  padding: 1rem 0.6rem; }
  textarea:focus {
    outline: 0;
    box-shadow: 0 0 0 1px var(--cds-global-color-blue-600); }

* {
  margin: 0;
  padding: 0; }

html {
  margin-bottom: 1px;
  height: 100% !important;
  font-size: 10px; }

html * {
  font-size: 1.0rem; }

body {
  height: 100% !important;
  font-family: "IBM Plex Sans", Helvetica, Arial, Sans-Serif;
  color: var(--cds-global-color-black);
  background-color: var(--cds-global-color-white);
  text-align: center; }

a {
  color: var(--cds-global-color-magenta-700);
  text-decoration: none;
  cursor: pointer; }
  a.icon {
    padding: 0 0.3rem; }
    a.icon img {
      width: 1.5rem;
      height: 1.5rem; }
    a.icon.small img {
      width: 1.25rem;
      height: 1.25rem; }
  a.add, a.clipboard, a.copy, a.delete, a.details, a.download, a.edit, a.email, a.favorite, a.folder, a.info, a.image, a.order, a.person, a.print, a.settings, a.stopwatch, a.upload {
    padding-left: 1.8rem;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center; }
  a.add {
    background-image: url("../images/plus-circle-line.svg"); }
  a.clipboard {
    background-image: url("../images/clipboard-line.svg"); }
  a.copy {
    background-image: url("../images/copy-to-clipboard-line.svg");
    background-size: 66%; }
  a.delete {
    background-image: url("../images/trash-line.svg"); }
  a.details {
    background-image: url("../images/details-line.svg");
    background-size: 80%; }
    a.details.ok {
      background-image: url("../images/details-solid.svg"); }
  a.download {
    background-image: url("../images/download-line.svg"); }
  a.edit {
    background-image: url("../images/edit-line.svg"); }
  a.email {
    background-image: url("../images/email-line.svg"); }
  a.favorite {
    background-image: url("../images/star-line.svg"); }
  a.folder {
    background-image: url("../images/folder-line.svg");
    background-size: 70%; }
  a.info {
    background-image: url("../images/info-circle-line.svg");
    background-size: 80%; }
    a.info.ok {
      background-image: url("../images/info-circle-solid.svg");
      background-size: 80%; }
  a.image {
    background-image: url("../images/image-line.svg");
    background-size: 75%; }
    a.image.ok {
      background-image: url("../images/image-solid.svg");
      background-size: 80%; }
  a.order {
    background-image: url("../images/event-line.svg");
    background-size: 80%; }
  a.person {
    background-image: url("../images/user-line.svg"); }
  a.print {
    background-image: url("../images/printer-line.svg");
    background-size: 70%; }
  a.settings {
    background-image: url("../images/settings-line.svg"); }
  a.stopwatch {
    background-image: url("../images/stopwatch.svg");
    background-size: 50%; }
  a.upload {
    background-image: url("../images/upload-line.svg");
    background-size: 70%; }

a:hover,
a:focus {
  color: var(--cds-global-color-red-700); }

blockquote {
  margin: 0 0 0.6rem 1rem; }

fieldset {
  border: 0 solid; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 450;
  margin: 0; }

h1 {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 1rem; }

h2 {
  font-size: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 1rem; }
  h2:first-of-type {
    margin-top: 0; }

h3 {
  font-size: 1.1rem;
  font-style: italic;
  margin-top: 1rem;
  margin-bottom: 0.5rem; }

h4 {
  font-style: italic;
  margin-top: 0.5rem;
  margin-bottom: 0.3rem; }

h5 {
  font-size: 0.9rem;
  font-weight: 600;
  margin-top: 0.3rem;
  margin-bottom: 0.1rem; }

h6 {
  font-size: 0.8rem;
  font-weight: 600;
  margin-top: 0.2rem; }

hr {
  height: 1px;
  background-color: var(--cds-global-color-gray-800);
  border: 0px; }
  hr.light {
    margin: 1rem 0;
    background-color: var(--cds-global-color-gray-200); }

img {
  border: 0 solid;
  vertical-align: middle; }

p {
  line-height: 1.5rem;
  margin: 0.6rem 1rem; }

pre,
tt,
code {
  font-family: "Courier New", Courier, monospace; }

ul,
ol,
dl {
  line-height: 1.2rem;
  margin: 0; }
  ul li,
  ol li,
  dl li {
    margin-left: 0.6rem;
    line-height: 1.2rem; }

div.grouptoggle {
  margin-bottom: 0.5rem;
  cursor: pointer; }
  div.grouptoggle .img {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem; }
    div.grouptoggle .img.show {
      background-image: url("../images/collapse-line.svg");
      transform: rotate(180deg);
      margin-right: 0.25rem; }
    div.grouptoggle .img.hide {
      background-image: url("../images/collapse-line.svg"); }
div.topmargin {
  margin-top: 2rem; }
div.bottommargin {
  margin-bottom: 2rem; }

div {
  scrollbar-color: var(--cds-global-color-gray-200) var(--cds-global-color-gray-100);
  scrollbar-width: thin; }

div::-webkit-scrollbar {
  width: 6px;
  /* vertical scrollbars */ }

div:hover {
  scrollbar-color: var(--cds-global-color-gray-600) var(--cds-global-color-gray-100); }

div::-webkit-scrollbar-thumb {
  background: var(--cds-global-color-gray-600); }

div::-webkit-scrollbar-track {
  background: var(--cds-global-color-gray-100); }

span.img {
  display: inline-block;
  position: relative;
  width: 1rem;
  height: 1rem; }
  span.img.collapsed, span.img.expanded {
    display: inline-block;
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 90%; }
  span.img.collapsed {
    background-image: url("../images/angle-line.svg");
    transform: rotate(90deg); }
  span.img.expanded {
    background-image: url("../images/angle-line.svg");
    transform: rotate(180deg); }

#page_margins {
  position: relative !important;
  display: flex;
  flex-flow: column;
  height: 100vh;
  min-height: 100vh;
  /* real browsers */
  max-height: 100vh;
  text-align: left;
  margin: 0 auto;
  max-width: 100%;
  z-index: 0;
  border-left: 0.2rem solid var(--cds-global-color-white);
  border-right: 0.2rem solid var(--cds-global-color-white); }

* html #page_margins {
  height: 100% !important; }

header {
  border-top: 0.2rem solid var(--cds-global-color-white);
  border-bottom: 0.1rem solid var(--cds-global-color-white); }

#main {
  border-top: 0.1rem solid var(--cds-global-color-white);
  flex: 1 1 auto;
  overflow: hidden;
  display: flex;
  flex-flow: column; }

#ie_clearing {
  display: none; }

#app_target_iframe {
  display: none; }

.filter,
.actions {
  padding: 0.4rem 1rem;
  margin: 0; }

.actions {
  background-color: var(--cds-global-color-gray-400); }

.filter {
  background-color: var(--cds-global-color-gray-300);
  padding-bottom: 0;
  border-bottom: 0.1rem solid var(--cds-global-color-white); }
  .filter form {
    padding-top: 0; }
    .filter form > .box {
      flex: 1 0 auto; }

#page_margins.auth,
#page_margins.auth #main {
  border: none; }

#auth {
  padding: 4rem 8rem; }
  #auth a {
    color: var(--cds-global-color-magenta-700);
    font-size: 1.15rem; }
  #auth h2, #auth h3 {
    color: var(--cds-global-color-gray-900);
    font-size: 1.5rem; }
  #auth .title {
    display: flex;
    align-items: baseline;
    margin-bottom: 3rem; }
    #auth .title .tenant {
      font-size: 3rem; }
    #auth .title .environment {
      font-size: 2.0rem;
      margin-left: 2rem; }
  #auth .action {
    color: var(--cds-global-color-gray-900);
    font-size: 1.15rem; }
  #auth .copyright {
    color: var(--cds-global-color-gray-900);
    font-size: 1rem;
    position: absolute;
    bottom: 4rem;
    right: 4rem;
    text-align: right; }
    #auth .copyright a {
      font-size: 1rem; }
  #auth .error {
    color: var(--cds-global-color-magenta-700);
    font-size: 1.15rem;
    margin-bottom: 2rem; }
  #auth .instructions {
    color: var(--cds-global-color-gray-900);
    font-size: 1.15rem;
    margin-bottom: 2rem;
    max-width: 40rem; }
    #auth .instructions div {
      margin-left: 2rem; }
  #auth .medium {
    color: #0088ff;
    text-decoration: underline; }
  #auth .strong {
    color: #00cc00;
    text-decoration: underline;
    text-transform: uppercase; }
  #auth .weak {
    color: #ff0000;
    text-decoration: underline; }
  #auth label {
    font-size: 1.15rem; }
  #auth input {
    background-color: var(--cds-global-color-white);
    border-color: var(--cds-global-color-white);
    font-size: 1.3rem;
    padding: 0em 0.6rem; }
  #auth button {
    color: var(--cds-global-color-white);
    border: 0.2rem solid var(--cds-global-color-white);
    border-radius: 4rem;
    background-color: var(--cds-global-color-yellow-400);
    width: 4rem;
    height: 7rem;
    padding: 0 0 0.25rem 0;
    font-weight: bold; }
  #auth form,
  #auth .form {
    padding-bottom: 6rem;
    margin-bottom: 2rem; }
    #auth form .buttons,
    #auth .form .buttons {
      margin-top: 2rem; }

.auth {
  color: var(--cds-global-color-white);
  font-weight: 600;
  background-color: var(--cds-global-color-yellow-400); }

#command {
  background: var(--cds-global-color-gray-200);
  padding: 0.6rem 1rem;
  margin: 1rem 0; }
  #command a {
    margin: 0 0.6rem; }

#changepasswordform label {
  width: 14rem; }
#changepasswordform h3 {
  font-style: normal;
  margin-top: 2rem;
  margin-bottom: 1.5rem; }
#changepasswordform .form-group {
  padding-left: 15rem; }

@media screen and (max-width: 1200px) {
  #auth .logo {
    font-size: 8rem; } }
@media screen and (max-width: 90px) {
  #auth .logo {
    font-size: 4rem; } }
#content {
  padding: 0.4rem 1rem;
  background-color: var(--cds-global-color-gray-400);
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  overflow: hidden; }
  #content #colhandlebar,
  #content .rightscrollable {
    overflow: auto; }
  #content .leftscrollable,
  #content .rightscrollable {
    margin-top: 0.3rem; }
    #content .leftscrollable.fifteen,
    #content .rightscrollable.fifteen {
      min-width: 15vw; }
    #content .leftscrollable.twenty,
    #content .rightscrollable.twenty {
      min-width: 20vw; }
    #content .leftscrollable.twentyfive,
    #content .rightscrollable.twentyfive {
      min-width: 25vw; }
  #content .leftscrollable {
    position: relative;
    float: left;
    width: auto;
    max-width: 50%;
    overflow: auto; }
    #content .leftscrollable > .toggle {
      position: absolute;
      width: 1.6rem;
      top: 0.2rem;
      right: 0.6rem;
      margin: 0;
      cursor: pointer;
      z-index: 100; }
      #content .leftscrollable > .toggle .img {
        display: inline-block;
        width: 1.6rem;
        height: 1.6rem;
        background: url("../images/elevator-close.svg"); }
    #content .leftscrollable.slim > .toggle {
      display: none; }
    #content .leftscrollable > div {
      width: 100%;
      margin-right: 4rem;
      margin-bottom: 2rem; }
      #content .leftscrollable > div h2:not(:first-of-type) {
        margin-top: 1rem;
        border-top: 1px solid var(--cds-global-color-gray-600);
        padding-top: 1rem; }
    #content .leftscrollable.minimized {
      width: 15rem;
      min-width: 15rem !important; }
      #content .leftscrollable.minimized > .toggle .img {
        background: url("../images/elevator-open.svg"); }
    #content .leftscrollable.stretch {
      max-width: none; }
    #content .leftscrollable .resultcount {
      margin-bottom: 1rem; }
    #content .leftscrollable form {
      padding-top: 0;
      padding-bottom: 1rem; }
    #content .leftscrollable.fifteen {
      min-width: 15vw; }
    #content .leftscrollable.twenty {
      min-width: 20vw; }
    #content .leftscrollable.twentyfive {
      min-width: 25vw; }
    #content .leftscrollable.thirtythree {
      min-width: 33vw; }
    #content .leftscrollable.fifty {
      min-width: 50vw; }
    #content .leftscrollable.sixtysix {
      min-width: 66vw; }
    #content .leftscrollable.seventfive {
      min-width: 75vw; }
  #content #colhandlebar {
    float: left;
    margin: 0.3rem 2rem 0 1rem;
    padding: 0 1px;
    width: 1px;
    border-left: 1px dotted var(--cds-global-color-gray-700);
    border-right: 1px dotted var(--cds-global-color-gray-700);
    cursor: ew-resize; }
    #content #colhandlebar.ui-draggable-handle:hover {
      box-shadow: none !important; }
    #content #colhandlebar.ui-draggable-dragging {
      background-color: rgba(255, 255, 255, 0.4); }
  #content .rightscrollable {
    flex-grow: 1; }
  #content .grid {
    flex-grow: 1; }

#content table.frame {
  margin: 0.7em 1.2em; }

#content td.list {
  padding-right: 1.6em; }

#content td.edit table.frame,
#content .rightscrollable table.frame {
  margin: 0; }

#content td.edit td.frame,
#content .rightscrollable td.frame {
  padding: 1.0em;
  border: 1px solid var(--cds-global-color-gray-100); }

#content td.rowform {
  padding-top: 0;
  padding-bottom: 0;
  border-right: 0; }
  #content td.rowform form,
  #content td.rowform .form {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }

#content tr:last-child > td.rowform {
  border-bottom: none; }

#content td.rowform table.frame {
  padding: 0;
  margin: 0;
  border: 0; }

.flex {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap; }

.flex:after {
  flex: auto; }

.box {
  flex: 1 1; }

.rightscrollable .box {
  margin-right: 2rem; }

.grid {
  display: grid;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }
  .grid .separator {
    border-left: 1px solid var(--cds-global-color-gray-600); }

.rightscrollable .grid {
  grid-gap: 1px;
  background-color: var(--cds-global-color-gray-200);
  border: 1px solid var(--cds-global-color-gray-200); }
  .rightscrollable .grid .item {
    background-color: var(--cds-global-color-gray-400);
    padding: 0.5rem 1rem;
    overflow-x: auto;
    overflow-y: hidden; }
    .rightscrollable .grid .item > h2:first-child {
      margin-top: 0; }
    .rightscrollable .grid .item > h2:not(:first-child) {
      margin-top: 2rem;
      border-top: 1px solid var(--cds-global-color-gray-200);
      padding-top: 1rem; }
    .rightscrollable .grid .item > h2 ~ form {
      padding-top: 0; }

#subwindow .grid .item {
  border: 1px solid var(--cds-global-color-gray-200);
  padding: 1rem;
  overflow: auto; }
  #subwindow .grid .item > h2 {
    margin-top: 0; }

@media screen and (max-width: 1600px) {
  .rightscrollable .grid {
    display: flex;
    flex-direction: column; }
    .rightscrollable .grid .item:not(:first-child) {
      border-top: 1px solid var(--cds-global-color-gray-200); }
    .rightscrollable .grid .item.prio1 {
      order: 1; }
    .rightscrollable .grid .item.prio2 {
      order: 2; }
    .rightscrollable .grid .item.prio3 {
      order: 3; } }
nav,
.header-nav,
#submenu {
  background-color: var(--cds-global-color-gray-400);
  padding: 0;
  position: relative; }

#submenu {
  border-bottom: 0.1rem solid var(--cds-global-color-white); }

.nav {
  margin: 0;
  list-style: none;
  -webkit-display: flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  z-index: 100; }
  .nav a {
    color: var(--cds-global-color-gray-900);
    display: block;
    padding: 0.4rem 1.2rem; }
  .nav a.active {
    background-color: var(--cds-global-color-gray-300); }
  .nav hr {
    background-color: var(--cds-global-color-gray-500); }
  .nav img {
    height: 1.7rem;
    margin-right: 0.6rem; }
  .nav li {
    margin: 0.1rem 0;
    padding: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    line-height: 1.7rem;
    cursor: pointer;
    border-right: 0.1rem solid var(--cds-global-color-white);
    position: relative; }
    .nav li ul {
      position: absolute;
      display: none;
      left: -0.1rem;
      top: 2.3rem;
      border-left: 0.1rem solid var(--cds-global-color-white);
      border-right: 0.1rem solid var(--cds-global-color-white);
      border-bottom: 0.1rem solid var(--cds-global-color-white);
      background-color: var(--cds-global-color-gray-300);
      width: 20rem;
      height: auto;
      padding: 0;
      margin: 0;
      white-space: nowrap;
      z-index: 110; }
      .nav li ul li {
        float: none;
        padding: 0.3rem 0 0.3rem 1rem;
        margin: 0.3rem 0 0.3rem 0;
        border: none;
        display: block; }
        .nav li ul li a {
          padding: 0 0 0 0.5rem; }
          .nav li ul li a .title {
            font-size: 1rem; }
        .nav li ul li img {
          padding-right: 0.3rem; }
        .nav li ul li .shortcut {
          float: right;
          padding-right: 1rem; }
        .nav li ul li ul,
        .nav li ul li li ul,
        .nav li ul li li li ul,
        .nav li ul li li li li ul {
          display: none;
          left: 20rem;
          top: -0.5rem;
          border-top: 0.1rem solid var(--cds-global-color-white);
          background-color: var(--cds-global-color-gray-300);
          white-space: nowrap;
          width: 20rem;
          height: auto;
          z-index: 120; }
      .nav li ul li:hover > a {
        background-color: var(--cds-global-color-white); }
      .nav li ul li:hover:not(.separator) {
        background-color: var(--cds-global-color-white);
        border: none; }
      .nav li ul li.active:hover > a {
        color: var(--cds-global-color-gray-900); }
      .nav li ul li.group > a {
        font-weight: 600; }
      .nav li ul li.separator {
        padding-left: 0; }
  .nav > li,
  .nav > li a .title {
    font-size: 1.1rem; }
  .nav li:last-child {
    border-right: 0; }
  .nav li:hover a {
    background-color: var(--cds-global-color-gray-300);
    color: var(--cds-global-color-gray-900); }
  .nav li:hover > ul {
    display: block; }
  .nav li:hover ul li:hover ul,
  .nav li:hover ul li:hover li:hover ul,
  .nav li:hover ul li:hover li:hover li:hover ul,
  .nav li:hover ul li:hover li:hover li:hover li:hover ul {
    display: block; }
  .nav li.active > a {
    color: var(--cds-global-color-white); }
  .nav li.icon-only > a > .title {
    display: none; }
  .nav li.icon-only img {
    margin-right: 0; }
  .nav li.icon-only > .title {
    display: none; }
  .nav li.back {
    margin-left: 4rem;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; }
  .nav li.branding {
    padding: 0.6rem 1rem 0 2.5rem;
    cursor: default;
    border-right: 0; }
    .nav li.branding .title {
      font-size: 1.5rem;
      font-weight: 600;
      color: var(--cds-global-color-gray-900); }
  .nav li.environment {
    text-transform: uppercase;
    padding: 0.2rem 2rem;
    font-weight: 600;
    background-color: var(--cds-global-color-yellow-400);
    line-height: 2rem; }
  .nav li.forward {
    margin-left: 0;
    margin-right: 4rem;
    padding-left: 0;
    padding-right: 0; }
  .nav li.inactive {
    color: var(--cds-global-color-gray-800); }
  .nav li.nav-action a {
    margin: 0.4rem 2rem;
    padding: 0.1rem 1rem;
    background-color: var(--cds-global-color-tangerine-400);
    border-radius: 0.3rem; }
  .nav li.nav-action:hover a {
    color: var(--cds-global-color-white); }
  .nav li.right {
    align-self: flex-end; }
    .nav li.right li ul,
    .nav li.right li li ul,
    .nav li.right li li li ul,
    .nav li.right li li li li ul {
      left: auto;
      right: 20rem;
      text-align: left; }
    .nav li.right ul {
      left: auto;
      right: -0.1rem;
      text-align: left; }
      .nav li.right ul li {
        padding: 0.3rem 1rem 0.2em 0; }
        .nav li.right ul li a {
          padding: 0; }
          .nav li.right ul li a .title {
            margin-left: 1.8em; }
      .nav li.right ul li.group > a {
        font-weight: 600; }
  .nav li.right.push {
    margin-left: auto;
    border-left: 0.1rem solid var(--cds-global-color-white); }
  .nav li.text {
    padding: 0.6rem 1rem;
    cursor: default; }
  .nav li.user a {
    font-weight: normal;
    letter-spacing: 0; }
  .nav li.year {
    margin-left: 0;
    margin-right: 0; }

#preferences.flex {
  flex-wrap: nowrap; }
  #preferences.flex ul.nav,
  #preferences.flex > div {
    flex: 0 1 auto;
    align-items: stretch; }
  #preferences.flex > div {
    margin-left: 4rem;
    padding-top: 0.6rem; }
  #preferences.flex .nav {
    flex-direction: column; }
    #preferences.flex .nav li {
      display: block;
      float: none;
      margin: 0;
      padding: 0;
      border-right: 1px solid var(--cds-global-color-gray-800);
      border-bottom: 1px solid var(--cds-global-color-gray-300); }
      #preferences.flex .nav li:first-of-type {
        border-top: 1px solid var(--cds-global-color-gray-300); }
    #preferences.flex .nav li.active {
      border-right: none;
      border-top: 1px solid var(--cds-global-color-gray-800);
      border-bottom: 1px solid var(--cds-global-color-gray-800); }
    #preferences.flex .nav a {
      color: var(--cds-global-color-gray-900);
      display: block;
      cursor: pointer;
      padding: 0.6rem 1rem 0.5rem 1rem; }
    #preferences.flex .nav li:hover a,
    #preferences.flex .nav li.active a {
      color: var(--cds-global-color-white); }

hr.prefs {
  margin: 2rem 0; }

form,
.form {
  padding-top: 1rem; }
  form .tabbed,
  .form .tabbed {
    margin-top: 0; }
  form h3,
  .form h3 {
    margin-right: 2rem; }
    form h3.splitline-after,
    .form h3.splitline-after {
      border-bottom: 1px solid var(--cds-global-color-gray-700);
      padding-bottom: 0.5rem; }
    form h3.splitline-before,
    .form h3.splitline-before {
      border-top: 1px solid var(--cds-global-color-gray-700);
      padding-top: 0.5rem; }
    form h3.splitline-left,
    .form h3.splitline-left {
      border-left: 1px solid var(--cds-global-color-gray-700);
      padding-left: 1rem; }
    form h3.splitline-right,
    .form h3.splitline-right {
      border-right: 1px solid var(--cds-global-color-gray-700);
      padding-right: 1rem; }
  form label, form span,
  .form label,
  .form span {
    display: inline-block; }
  form label,
  .form label {
    overflow: hidden;
    hyphens: auto; }
    form label.header,
    .form label.header {
      font-size: 1.1rem;
      font-style: italic;
      margin-top: 1rem;
      margin-bottom: 0.5rem; }
  form .box,
  .form .box {
    flex: none;
    margin-right: 4rem !important; }
    form .box.wrapped,
    .form .box.wrapped {
      margin-top: 1rem;
      border-top: 1px solid var(--cds-global-color-gray-800);
      padding-top: 1rem; }
  form .layout-row,
  .form .layout-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap; }
    form .layout-row:not(:first-child),
    .form .layout-row:not(:first-child) {
      margin-top: 1rem;
      border-top: 1px solid var(--cds-global-color-gray-800);
      padding-top: 1rem; }
    form .layout-row h3,
    .form .layout-row h3 {
      width: 100%; }
    form .layout-row label,
    .form .layout-row label {
      overflow: visible;
      hyphens: none; }
  form .form-block,
  .form .form-block {
    margin: 1rem 0 3rem 0; }
    form .form-block > label,
    .form .form-block > label {
      margin-bottom: 0.6rem; }
  form .btn,
  .form .btn {
    font-size: 0.9rem;
    letter-spacing: 0;
    height: 1.8rem; }
  form .buttons,
  .form .buttons {
    margin-top: 1rem; }
    form .buttons.labels-none,
    .form .buttons.labels-none {
      margin-top: 0; }
  form .form-group,
  .form .form-group {
    display: flex;
    position: relative;
    padding-left: 12rem;
    margin-right: 1rem;
    margin-bottom: 1rem; }
    form .form-group > label:first-child, form .form-group > span:first-child,
    .form .form-group > label:first-child,
    .form .form-group > span:first-child {
      position: absolute;
      width: 10rem;
      left: 0;
      top: 0.6rem;
      margin: 0; }
    form .form-group.row,
    .form .form-group.row {
      padding-left: 0; }
      form .form-group.row > [class*='col-']:first-child > label,
      form .form-group.row > [class*='col-']:first-child > span,
      .form .form-group.row > [class*='col-']:first-child > label,
      .form .form-group.row > [class*='col-']:first-child > span {
        position: relative; }
    form .form-group > label:first-child.required:after, form .form-group > span:first-child.required:after, form .form-group.row > [class*='col-']:first-child > label.required:after, form .form-group.row > [class*='col-']:first-child > span.required:after,
    .form .form-group > label:first-child.required:after,
    .form .form-group > span:first-child.required:after,
    .form .form-group.row > [class*='col-']:first-child > label.required:after,
    .form .form-group.row > [class*='col-']:first-child > span.required:after {
      content: '*';
      font-size: 1.1em;
      color: var(--cds-global-color-red-800);
      margin-left: 0.6rem; }
    form .form-group .form-control,
    .form .form-group .form-control {
      width: 100%; }
    form .form-group > label:not(:first-child), form .form-group > span:not(:first-child), form .form-group > input[type=text], form .form-group input[type=password], form .form-group input[type=number], form .form-group input[type=email], form .form-group input[type=url], form .form-group input[type=tel], form .form-group input[type=date], form .form-group input[type=file], form .form-group > .select, form .form-group > .checkbox-inline, form .form-group > .radio-inline, form .form-group > button, form .form-group > a, form .form-group > input[type=button], form .form-group input[type=submit], form .form-group > .btn, form .form-group > .codeblock, form .form-group > .plaintext, form .form-group > .elementgroup,
    .form .form-group > label:not(:first-child),
    .form .form-group > span:not(:first-child),
    .form .form-group > input[type=text],
    .form .form-group input[type=password],
    .form .form-group input[type=number],
    .form .form-group input[type=email],
    .form .form-group input[type=url],
    .form .form-group input[type=tel],
    .form .form-group input[type=date],
    .form .form-group input[type=file],
    .form .form-group > .select,
    .form .form-group > .checkbox-inline,
    .form .form-group > .radio-inline,
    .form .form-group > button,
    .form .form-group > a,
    .form .form-group > input[type=button],
    .form .form-group input[type=submit],
    .form .form-group > .btn,
    .form .form-group > .codeblock,
    .form .form-group > .plaintext,
    .form .form-group > .elementgroup {
      flex: 0 1 auto;
      margin-left: 0; }
      form .form-group > label:not(:first-child).pair-left, form .form-group > span:not(:first-child).pair-left, form .form-group > input[type=text].pair-left, form .form-group input[type=password].pair-left, form .form-group input[type=number].pair-left, form .form-group input[type=email].pair-left, form .form-group input[type=url].pair-left, form .form-group input[type=tel].pair-left, form .form-group input[type=date].pair-left, form .form-group input[type=file].pair-left, form .form-group > .select.pair-left, form .form-group > .checkbox-inline.pair-left, form .form-group > .radio-inline.pair-left, form .form-group > button.pair-left, form .form-group > a.pair-left, form .form-group > input[type=button].pair-left, form .form-group input[type=submit].pair-left, form .form-group > .btn.pair-left, form .form-group > .codeblock.pair-left, form .form-group > .plaintext.pair-left, form .form-group > .elementgroup.pair-left,
      .form .form-group > label:not(:first-child).pair-left,
      .form .form-group > span:not(:first-child).pair-left,
      .form .form-group > input[type=text].pair-left,
      .form .form-group input[type=password].pair-left,
      .form .form-group input[type=number].pair-left,
      .form .form-group input[type=email].pair-left,
      .form .form-group input[type=url].pair-left,
      .form .form-group input[type=tel].pair-left,
      .form .form-group input[type=date].pair-left,
      .form .form-group input[type=file].pair-left,
      .form .form-group > .select.pair-left,
      .form .form-group > .checkbox-inline.pair-left,
      .form .form-group > .radio-inline.pair-left,
      .form .form-group > button.pair-left,
      .form .form-group > a.pair-left,
      .form .form-group > input[type=button].pair-left,
      .form .form-group input[type=submit].pair-left,
      .form .form-group > .btn.pair-left,
      .form .form-group > .codeblock.pair-left,
      .form .form-group > .plaintext.pair-left,
      .form .form-group > .elementgroup.pair-left {
        margin-right: 0.2rem; }
    form .form-group > label:not(:first-child), form .form-group > span:not(:first-child), form .form-group > input[type=text], form .form-group input[type=password], form .form-group input[type=number], form .form-group input[type=email], form .form-group input[type=url], form .form-group input[type=tel], form .form-group input[type=date], form .form-group input[type=file], form .form-group > .select, form .form-group > button, form .form-group > a, form .form-group > input[type=button], form .form-group input[type=submit], form .form-group > .btn, form .form-group > .codeblock, form .form-group > .plaintext, form .form-group > .elementgroup,
    .form .form-group > label:not(:first-child),
    .form .form-group > span:not(:first-child),
    .form .form-group > input[type=text],
    .form .form-group input[type=password],
    .form .form-group input[type=number],
    .form .form-group input[type=email],
    .form .form-group input[type=url],
    .form .form-group input[type=tel],
    .form .form-group input[type=date],
    .form .form-group input[type=file],
    .form .form-group > .select,
    .form .form-group > button,
    .form .form-group > a,
    .form .form-group > input[type=button],
    .form .form-group input[type=submit],
    .form .form-group > .btn,
    .form .form-group > .codeblock,
    .form .form-group > .plaintext,
    .form .form-group > .elementgroup {
      line-height: 1.8rem; }
    form .form-group > input[type=text].multiselect, form .form-group input[type=password].multiselect, form .form-group input[type=number].multiselect, form .form-group input[type=email].multiselect, form .form-group input[type=url].multiselect, form .form-group input[type=tel].multiselect, form .form-group input[type=date].multiselect, form .form-group input[type=file].multiselect, form .form-group > .select.multiselect,
    .form .form-group > input[type=text].multiselect,
    .form .form-group input[type=password].multiselect,
    .form .form-group input[type=number].multiselect,
    .form .form-group input[type=email].multiselect,
    .form .form-group input[type=url].multiselect,
    .form .form-group input[type=tel].multiselect,
    .form .form-group input[type=date].multiselect,
    .form .form-group input[type=file].multiselect,
    .form .form-group > .select.multiselect {
      max-height: 2.2rem; }
    form .form-group .pair-left,
    form .form-group .pair-right,
    .form .form-group .pair-left,
    .form .form-group .pair-right {
      line-height: 1.8rem;
      max-height: 1.8rem; }
    form .form-group > input[type=file],
    .form .form-group > input[type=file] {
      max-height: 2rem; }
    form .form-group > .radio-inline,
    .form .form-group > .radio-inline {
      line-height: 1.2rem; }
    form .form-group > .btn.btn-link,
    .form .form-group > .btn.btn-link {
      margin-right: 0; }
    form .form-group > .checkbox, form .form-group > .radio,
    .form .form-group > .checkbox,
    .form .form-group > .radio {
      flex: 1 1 100%;
      margin-left: 0;
      margin-right: 2rem; }
    form .form-group > .toggle-switch,
    .form .form-group > .toggle-switch {
      flex: 0 1 auto;
      margin-left: 0;
      margin-right: 2rem; }
    form .form-group > a.btn,
    .form .form-group > a.btn {
      font-size: 0.9rem;
      letter-spacing: 0;
      min-width: unset;
      margin-left: 0.5rem;
      max-height: 1.8rem; }
    form .form-group > textarea,
    .form .form-group > textarea {
      margin-left: 0;
      margin-right: 1rem; }
    form .form-group label,
    form .form-group span,
    form .form-group input[type=text], form .form-group input[type=password], form .form-group input[type=number], form .form-group input[type=email], form .form-group input[type=url], form .form-group input[type=tel], form .form-group input[type=date], form .form-group input[type=file],
    form .form-group textarea,
    form .form-group .checkbox-inline,
    form .form-group .radio-inline,
    form .form-group .checkbox,
    form .form-group .radio,
    form .form-group .toggle-switch,
    form .form-group button, form .form-group > input[type=button], form .form-group input[type=submit],
    form .form-group .btn,
    form .form-group .codeblock,
    form .form-group .plaintext,
    form .form-group .prefix,
    form .form-group .postfix,
    .form .form-group label,
    .form .form-group span,
    .form .form-group input[type=text],
    .form .form-group input[type=password],
    .form .form-group input[type=number],
    .form .form-group input[type=email],
    .form .form-group input[type=url],
    .form .form-group input[type=tel],
    .form .form-group input[type=date],
    .form .form-group input[type=file],
    .form .form-group textarea,
    .form .form-group .checkbox-inline,
    .form .form-group .radio-inline,
    .form .form-group .checkbox,
    .form .form-group .radio,
    .form .form-group .toggle-switch,
    .form .form-group button,
    .form .form-group > input[type=button],
    .form .form-group input[type=submit],
    .form .form-group .btn,
    .form .form-group .codeblock,
    .form .form-group .plaintext,
    .form .form-group .prefix,
    .form .form-group .postfix {
      margin-top: 0.3rem;
      margin-bottom: 0.3rem; }
    form .form-group textarea,
    .form .form-group textarea {
      margin-bottom: 0.5rem; }
    form .form-group .postfix .btn,
    .form .form-group .postfix .btn {
      margin-top: 0;
      margin-bottom: 0; }
    form .form-group .select,
    .form .form-group .select {
      margin-bottom: 0.4rem;
      margin-top: 0.3rem; }
      form .form-group .select.inline,
      .form .form-group .select.inline {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0; }
    form .form-group .btn-sm,
    .form .form-group .btn-sm {
      margin-top: 1rem;
      margin-bottom: 1rem; }
    form .form-group .elementgroup,
    .form .form-group .elementgroup {
      white-space: nowrap;
      max-height: 2.8rem; }
    form .form-group .statustext,
    .form .form-group .statustext {
      margin-top: 0;
      margin-bottom: 0; }
    form .form-group .radio label,
    form .form-group .checkbox label,
    form .form-group .radio-inline label,
    form .form-group .checkbox-inline label,
    form .form-group .toggle-switch label,
    .form .form-group .radio label,
    .form .form-group .checkbox label,
    .form .form-group .radio-inline label,
    .form .form-group .checkbox-inline label,
    .form .form-group .toggle-switch label {
      margin-top: 0;
      margin-bottom: 0; }
    form .form-group .checkboxes,
    .form .form-group .checkboxes {
      min-height: 2rem;
      padding-top: 0.5rem; }
      form .form-group .checkboxes .checkbox,
      .form .form-group .checkboxes .checkbox {
        margin-right: 1rem; }
    form .form-group > .radio,
    form .form-group > .checkbox,
    form .form-group > .radio-inline,
    form .form-group > .checkbox-inline,
    .form .form-group > .radio,
    .form .form-group > .checkbox,
    .form .form-group > .radio-inline,
    .form .form-group > .checkbox-inline {
      top: 0.6rem; }
    form .form-group .radio,
    .form .form-group .radio {
      padding-top: 0.5rem;
      padding-left: 0.2rem; }
    form .form-group .radio-inline,
    .form .form-group .radio-inline {
      padding-bottom: 1rem;
      padding-left: 0.2rem; }
    form .form-group.box label,
    form .form-group.box span,
    form .form-group.box input[type=text], form .form-group.box input[type=password], form .form-group.box input[type=number], form .form-group.box input[type=email], form .form-group.box input[type=url], form .form-group.box input[type=tel], form .form-group.box input[type=date], form .form-group.box input[type=file],
    form .form-group.box textarea,
    form .form-group.box .select,
    form .form-group.box .checkbox-inline,
    form .form-group.box .radio-inline,
    form .form-group.box .checkbox,
    form .form-group.box .radio,
    form .form-group.box .toggle-switch,
    form .form-group.box button,
    form .form-group.box a,
    form .form-group.box input[type=button], form .form-group.box input[type=submit],
    form .form-group.box .btn,
    form .form-group.box .btn-sm,
    .form .form-group.box label,
    .form .form-group.box span,
    .form .form-group.box input[type=text],
    .form .form-group.box input[type=password],
    .form .form-group.box input[type=number],
    .form .form-group.box input[type=email],
    .form .form-group.box input[type=url],
    .form .form-group.box input[type=tel],
    .form .form-group.box input[type=date],
    .form .form-group.box input[type=file],
    .form .form-group.box textarea,
    .form .form-group.box .select,
    .form .form-group.box .checkbox-inline,
    .form .form-group.box .radio-inline,
    .form .form-group.box .checkbox,
    .form .form-group.box .radio,
    .form .form-group.box .toggle-switch,
    .form .form-group.box button,
    .form .form-group.box a,
    .form .form-group.box input[type=button],
    .form .form-group.box input[type=submit],
    .form .form-group.box .btn,
    .form .form-group.box .btn-sm {
      margin-top: 0;
      margin-bottom: 0; }
    form .form-group.highlight,
    .form .form-group.highlight {
      background-color: var(--cds-global-color-blue-50); }
      form .form-group.highlight > label,
      .form .form-group.highlight > label {
        padding-left: 0.5rem; }
    form .form-group.labels-top, form .form-group.labels-none,
    .form .form-group.labels-top,
    .form .form-group.labels-none {
      padding-left: 0;
      margin-bottom: 2rem; }
      form .form-group.labels-top > label:first-child, form .form-group.labels-top > label:not(:first-child), form .form-group.labels-none > label:first-child, form .form-group.labels-none > label:not(:first-child),
      .form .form-group.labels-top > label:first-child,
      .form .form-group.labels-top > label:not(:first-child),
      .form .form-group.labels-none > label:first-child,
      .form .form-group.labels-none > label:not(:first-child) {
        flex: 1 1 100%; }
      form .form-group.labels-top > label:first-child, form .form-group.labels-none > label:first-child,
      .form .form-group.labels-top > label:first-child,
      .form .form-group.labels-none > label:first-child {
        position: relative;
        margin: 0 0 0.6rem 0;
        top: 0; }
      form .form-group.labels-top > label:not(:first-child),
      form .form-group.labels-top span, form .form-group.labels-none > label:not(:first-child),
      form .form-group.labels-none span,
      .form .form-group.labels-top > label:not(:first-child),
      .form .form-group.labels-top span,
      .form .form-group.labels-none > label:not(:first-child),
      .form .form-group.labels-none span {
        margin: 0.6rem 0.6rem 0 0; }
      form .form-group.labels-top > label:first-child, form .form-group.labels-top > span:first-child, form .form-group.labels-none > label:first-child, form .form-group.labels-none > span:first-child,
      .form .form-group.labels-top > label:first-child,
      .form .form-group.labels-top > span:first-child,
      .form .form-group.labels-none > label:first-child,
      .form .form-group.labels-none > span:first-child {
        width: auto; }
        form .form-group.labels-top > label:first-child.ts-compact, form .form-group.labels-top > span:first-child.ts-compact, form .form-group.labels-none > label:first-child.ts-compact, form .form-group.labels-none > span:first-child.ts-compact,
        .form .form-group.labels-top > label:first-child.ts-compact,
        .form .form-group.labels-top > span:first-child.ts-compact,
        .form .form-group.labels-none > label:first-child.ts-compact,
        .form .form-group.labels-none > span:first-child.ts-compact {
          width: 150px; }
        form .form-group.labels-top > label:first-child.ts-med, form .form-group.labels-top > span:first-child.ts-med, form .form-group.labels-none > label:first-child.ts-med, form .form-group.labels-none > span:first-child.ts-med,
        .form .form-group.labels-top > label:first-child.ts-med,
        .form .form-group.labels-top > span:first-child.ts-med,
        .form .form-group.labels-none > label:first-child.ts-med,
        .form .form-group.labels-none > span:first-child.ts-med {
          width: 180px; }
        form .form-group.labels-top > label:first-child.ts-large, form .form-group.labels-top > span:first-child.ts-large, form .form-group.labels-none > label:first-child.ts-large, form .form-group.labels-none > span:first-child.ts-large,
        .form .form-group.labels-top > label:first-child.ts-large,
        .form .form-group.labels-top > span:first-child.ts-large,
        .form .form-group.labels-none > label:first-child.ts-large,
        .form .form-group.labels-none > span:first-child.ts-large {
          width: 220px; }
        form .form-group.labels-top > label:first-child.ts-full, form .form-group.labels-top > span:first-child.ts-full, form .form-group.labels-none > label:first-child.ts-full, form .form-group.labels-none > span:first-child.ts-full,
        .form .form-group.labels-top > label:first-child.ts-full,
        .form .form-group.labels-top > span:first-child.ts-full,
        .form .form-group.labels-none > label:first-child.ts-full,
        .form .form-group.labels-none > span:first-child.ts-full {
          width: 240px; }
      form .form-group.labels-top label,
      form .form-group.labels-top span,
      form .form-group.labels-top input[type=text], form .form-group.labels-top input[type=password], form .form-group.labels-top input[type=number], form .form-group.labels-top input[type=email], form .form-group.labels-top input[type=url], form .form-group.labels-top input[type=tel], form .form-group.labels-top input[type=date], form .form-group.labels-top input[type=file],
      form .form-group.labels-top textarea,
      form .form-group.labels-top .select,
      form .form-group.labels-top .checkbox-inline,
      form .form-group.labels-top .radio-inline,
      form .form-group.labels-top .checkbox,
      form .form-group.labels-top .radio,
      form .form-group.labels-top .toggle-switch,
      form .form-group.labels-top button,
      form .form-group.labels-top a,
      form .form-group.labels-top input[type=button], form .form-group.labels-top input[type=submit],
      form .form-group.labels-top .btn,
      form .form-group.labels-top .btn-sm,
      form .form-group.labels-top .codeblock,
      form .form-group.labels-top .plaintext,
      form .form-group.labels-top .prefix,
      form .form-group.labels-top .postfix, form .form-group.labels-none label,
      form .form-group.labels-none span,
      form .form-group.labels-none input[type=text], form .form-group.labels-none input[type=password], form .form-group.labels-none input[type=number], form .form-group.labels-none input[type=email], form .form-group.labels-none input[type=url], form .form-group.labels-none input[type=tel], form .form-group.labels-none input[type=date], form .form-group.labels-none input[type=file],
      form .form-group.labels-none textarea,
      form .form-group.labels-none .select,
      form .form-group.labels-none .checkbox-inline,
      form .form-group.labels-none .radio-inline,
      form .form-group.labels-none .checkbox,
      form .form-group.labels-none .radio,
      form .form-group.labels-none .toggle-switch,
      form .form-group.labels-none button,
      form .form-group.labels-none a,
      form .form-group.labels-none input[type=button], form .form-group.labels-none input[type=submit],
      form .form-group.labels-none .btn,
      form .form-group.labels-none .btn-sm,
      form .form-group.labels-none .codeblock,
      form .form-group.labels-none .plaintext,
      form .form-group.labels-none .prefix,
      form .form-group.labels-none .postfix,
      .form .form-group.labels-top label,
      .form .form-group.labels-top span,
      .form .form-group.labels-top input[type=text],
      .form .form-group.labels-top input[type=password],
      .form .form-group.labels-top input[type=number],
      .form .form-group.labels-top input[type=email],
      .form .form-group.labels-top input[type=url],
      .form .form-group.labels-top input[type=tel],
      .form .form-group.labels-top input[type=date],
      .form .form-group.labels-top input[type=file],
      .form .form-group.labels-top textarea,
      .form .form-group.labels-top .select,
      .form .form-group.labels-top .checkbox-inline,
      .form .form-group.labels-top .radio-inline,
      .form .form-group.labels-top .checkbox,
      .form .form-group.labels-top .radio,
      .form .form-group.labels-top .toggle-switch,
      .form .form-group.labels-top button,
      .form .form-group.labels-top a,
      .form .form-group.labels-top input[type=button],
      .form .form-group.labels-top input[type=submit],
      .form .form-group.labels-top .btn,
      .form .form-group.labels-top .btn-sm,
      .form .form-group.labels-top .codeblock,
      .form .form-group.labels-top .plaintext,
      .form .form-group.labels-top .prefix,
      .form .form-group.labels-top .postfix,
      .form .form-group.labels-none label,
      .form .form-group.labels-none span,
      .form .form-group.labels-none input[type=text],
      .form .form-group.labels-none input[type=password],
      .form .form-group.labels-none input[type=number],
      .form .form-group.labels-none input[type=email],
      .form .form-group.labels-none input[type=url],
      .form .form-group.labels-none input[type=tel],
      .form .form-group.labels-none input[type=date],
      .form .form-group.labels-none input[type=file],
      .form .form-group.labels-none textarea,
      .form .form-group.labels-none .select,
      .form .form-group.labels-none .checkbox-inline,
      .form .form-group.labels-none .radio-inline,
      .form .form-group.labels-none .checkbox,
      .form .form-group.labels-none .radio,
      .form .form-group.labels-none .toggle-switch,
      .form .form-group.labels-none button,
      .form .form-group.labels-none a,
      .form .form-group.labels-none input[type=button],
      .form .form-group.labels-none input[type=submit],
      .form .form-group.labels-none .btn,
      .form .form-group.labels-none .btn-sm,
      .form .form-group.labels-none .codeblock,
      .form .form-group.labels-none .plaintext,
      .form .form-group.labels-none .prefix,
      .form .form-group.labels-none .postfix {
        margin-top: 0; }
    form .form-group.labels-top,
    .form .form-group.labels-top {
      flex-wrap: wrap;
      white-space: nowrap; }
    form .form-group.labels-none > label,
    .form .form-group.labels-none > label {
      display: none; }
    form .form-group.splitline-after,
    .form .form-group.splitline-after {
      border-bottom: 1px solid var(--cds-global-color-gray-700); }
    form .form-group.splitline-before,
    .form .form-group.splitline-before {
      margin-top: 0.5rem;
      border-top: 1px solid var(--cds-global-color-gray-700);
      padding-top: 0.5rem; }
      form .form-group.splitline-before > label,
      .form .form-group.splitline-before > label {
        top: 1.2rem; }
    form .form-group.splitline-left,
    .form .form-group.splitline-left {
      border-left: 1px solid var(--cds-global-color-gray-700);
      padding-left: 1rem; }
    form .form-group.splitline-right,
    .form .form-group.splitline-right {
      border-right: 1px solid var(--cds-global-color-gray-700);
      padding-right: 1rem; }
    form .form-group .charactercount .warn,
    .form .form-group .charactercount .warn {
      background-color: var(--cds-global-color-yellow-400);
      padding: 0 0.3rem; }
    form .form-group .charactercount .error,
    .form .form-group .charactercount .error {
      background-color: var(--cds-global-color-red-500);
      padding: 0 0.3rem; }
    form .form-group .formerror,
    .form .form-group .formerror {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27Layer_1%27%20data-name%3D%27Layer%201%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23a32100%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eic_error_red_16x%3C%2Ftitle%3E%3Cpath%20class%3D%27cls-1%27%20d%3D%27M8%2C1.3A6.7%2C6.7%2C0%2C1%2C1%2C1.3%2C8%2C6.71%2C6.71%2C0%2C0%2C1%2C8%2C1.3M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0H8Z%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%2710%27%20width%3D%272%27%20height%3D%272%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%2710%27%20width%3D%272%27%20height%3D%272%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%273%27%20width%3D%272%27%20height%3D%276%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%273%27%20width%3D%272%27%20height%3D%276%27%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      height: 1.5rem;
      line-height: 1.5rem;
      padding-left: 2rem;
      color: var(--cds-global-color-red-800);
      margin: 0.8rem 0 0 0.5rem; }
    form .form-group .infotext,
    form .form-group .postfix,
    form .form-group .prefix,
    .form .form-group .infotext,
    .form .form-group .postfix,
    .form .form-group .prefix {
      display: inline;
      min-width: 1.5rem;
      line-height: 2rem; }
    form .form-group .infotext,
    .form .form-group .infotext {
      margin-left: 0.5rem;
      cursor: pointer;
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_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%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st1%7Bfill%3A%23565656%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M8%2C1.3c3.7%2C0%2C6.7%2C3%2C6.7%2C6.7s-3%2C6.7-6.7%2C6.7s-6.7-3-6.7-6.7S4.3%2C1.3%2C8%2C1.3%20M8%2C0C3.6%2C0%2C0%2C3.6%2C0%2C8%0A%09%09%09c0%2C4.4%2C3.6%2C8%2C8%2C8s8-3.6%2C8-8C16%2C3.6%2C12.4%2C0%2C8%2C0L8%2C0z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M5.7%2C6.5c0%2C0%2C1.6-0.3%2C2.5-0.3c0.8-0.1%2C1.1%2C0.4%2C0.9%2C1C8.9%2C7.7%2C8%2C10.6%2C7.7%2C11.6c-0.1%2C0.3%2C0%2C0.4%2C0%2C0.4%0A%09%09c0%2C0%2C0.1%2C0.1%2C0.2%2C0.1c0.2%2C0%2C0.4-0.1%2C0.6-0.3c0.5-0.4%2C0.8-0.8%2C1.1-1.3l0.6%2C0.3c-1%2C1.5-2.1%2C2.3-3.3%2C2.3c-0.3%2C0-0.7-0.1-1-0.3%0A%09%09c-0.2-0.2-0.4-0.5-0.4-0.8c0-0.2%2C0-0.5%2C0.1-0.7c0%2C0%2C0.9-2.3%2C1.2-3.4C7.1%2C7%2C6.8%2C6.9%2C6.6%2C6.9c-0.4%2C0-0.7%2C0-1.1%2C0.1L5.7%2C6.5z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M8.4%2C2.9c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.4c0.2%2C0.2%2C0.4%2C0.6%2C0.4%2C0.9c0%2C0.3-0.1%2C0.7-0.4%2C0.9C8.8%2C5.6%2C8%2C5.6%2C7.5%2C5.1%0A%09%09c0%2C0%2C0%2C0%2C0%2C0C7.3%2C4.8%2C7.1%2C4.5%2C7.1%2C4.1c0-0.3%2C0.1-0.7%2C0.4-0.9C7.7%2C3%2C8.1%2C2.9%2C8.4%2C2.9%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
      background-repeat: no-repeat;
      background-position: center; }
    form .form-group .prefix,
    .form .form-group .prefix {
      padding-right: 0.5rem; }
      form .form-group .prefix.pair-right,
      .form .form-group .prefix.pair-right {
        padding-left: 1rem; }
    form .form-group .postfix,
    .form .form-group .postfix {
      position: relative;
      padding-left: 0.5rem; }
      form .form-group .postfix.pair-left,
      .form .form-group .postfix.pair-left {
        padding-right: 0.5rem; }
    form .form-group .plaintext,
    .form .form-group .plaintext {
      background-color: var(--cds-global-color-gray-300);
      padding: 0.3rem 0.6rem;
      border: 1px solid transparent;
      line-height: 1.2rem;
      min-height: 1.2rem;
      max-height: 3.5rem; }
      form .form-group .plaintext.error,
      .form .form-group .plaintext.error {
        background-color: var(--cds-global-color-red-100); }
      form .form-group .plaintext.internal,
      .form .form-group .plaintext.internal {
        background-color: var(--cds-global-color-ice-50); }
      form .form-group .plaintext.warn,
      .form .form-group .plaintext.warn {
        background-color: var(--cds-global-color-yellow-100); }
      form .form-group .plaintext a,
      .form .form-group .plaintext a {
        color: var(--cds-global-color-black);
        display: block;
        padding-right: 1.2rem; }
        form .form-group .plaintext a:after,
        .form .form-group .plaintext a:after {
          content: url("../images/pop-out-line.svg");
          position: relative;
          float: right;
          left: 1.5rem;
          height: 1.2rem;
          width: 1.2rem; }
    form .form-group .tox,
    .form .form-group .tox {
      font-family: "IBM Plex Sans", Helvetica, Arial, Sans-Serif; }
      form .form-group .tox.tox-tinymce,
      .form .form-group .tox.tox-tinymce {
        border: 0;
        border-radius: 0; }
      form .form-group .tox:not(.tox-tinymce-inline) .tox-editor-header,
      .form .form-group .tox:not(.tox-tinymce-inline) .tox-editor-header {
        border-bottom: 1px solid var(--cds-global-color-gray-600);
        box-shadow: none;
        padding: 0; }
      form .form-group .tox .tox-tbtn:hover,
      .form .form-group .tox .tox-tbtn:hover {
        background: var(--cds-global-color-gray-200); }
      form .form-group .tox .tox-tbtn--select,
      .form .form-group .tox .tox-tbtn--select {
        background: var(--cds-global-color-gray-200);
        margin-right: 0.5rem; }
      form .form-group .tox .tox-statusbar,
      .form .form-group .tox .tox-statusbar {
        background-color: #fff;
        border-top: 1px solid var(--cds-global-color-gray-600); }
        form .form-group .tox .tox-statusbar .tox-statusbar__branding path,
        .form .form-group .tox .tox-statusbar .tox-statusbar__branding path {
          fill: inherit; }
  form .panel,
  .form .panel {
    padding: 0;
    margin-right: 1rem; }
    form .panel.action h3,
    .form .panel.action h3 {
      display: block;
      padding: 0.3rem 1.5rem 0.3rem 1rem;
      margin: 1rem 0 0 0;
      background-color: var(--cds-global-color-gray-300);
      vertical-align: middle;
      text-transform: uppercase;
      font-size: 0.9rem;
      font-weight: 500;
      font-style: normal; }
    form .panel.action .panelContent,
    .form .panel.action .panelContent {
      padding: 0.5rem 1rem;
      background-color: var(--cds-global-color-gray-300); }
    form .panel .panelContent,
    .form .panel .panelContent {
      padding: 0.5rem 0; }
      form .panel .panelContent .plaintext,
      .form .panel .panelContent .plaintext {
        background-color: var(--cds-global-color-gray-400); }
  form .tablesection,
  .form .tablesection {
    display: table; }
    form .tablesection .form-group,
    .form .tablesection .form-group {
      display: table-row; }
      form .tablesection .form-group > label,
      form .tablesection .form-group > input,
      form .tablesection .form-group > div,
      .form .tablesection .form-group > label,
      .form .tablesection .form-group > input,
      .form .tablesection .form-group > div {
        display: table-cell; }
      form .tablesection .form-group > label,
      .form .tablesection .form-group > label {
        position: relative;
        top: 0;
        width: auto;
        padding-right: 2.0rem; }
  form.compact .form-block,
  .form.compact .form-block {
    margin: 1rem 0 2rem 0; }
    form.compact .form-block label,
    .form.compact .form-block label {
      margin-bottom: 0; }
      form.compact .form-block label.header,
      .form.compact .form-block label.header {
        margin-bottom: 0.5rem; }
  form.compact .form-group,
  .form.compact .form-group {
    margin-bottom: 0; }
    form.compact .form-group .checkbox-inline,
    form.compact .form-group .radio-inline,
    form.compact .form-group .checkbox,
    form.compact .form-group .radio,
    .form.compact .form-group .checkbox-inline,
    .form.compact .form-group .radio-inline,
    .form.compact .form-group .checkbox,
    .form.compact .form-group .radio {
      margin-top: 0.1rem;
      margin-bottom: 0.1rem; }
    form.compact .form-group.labels-top > label,
    .form.compact .form-group.labels-top > label {
      margin-bottom: 0; }
      form.compact .form-group.labels-top > label.header,
      .form.compact .form-group.labels-top > label.header {
        margin-bottom: 0.5rem; }
    form.compact .form-group.labels-top > .radio,
    form.compact .form-group.labels-top > .checkbox,
    form.compact .form-group.labels-top > .radio-inline,
    form.compact .form-group.labels-top > .checkbox-inline,
    form.compact .form-group.labels-top > .toggle-switch,
    .form.compact .form-group.labels-top > .radio,
    .form.compact .form-group.labels-top > .checkbox,
    .form.compact .form-group.labels-top > .radio-inline,
    .form.compact .form-group.labels-top > .checkbox-inline,
    .form.compact .form-group.labels-top > .toggle-switch {
      top: 0; }
  form.compact .layout-row .buttons,
  form.compact .layout-row .form-group,
  .form.compact .layout-row .buttons,
  .form.compact .layout-row .form-group {
    margin-bottom: 0.5rem;
    flex: 0 0 auto; }
    form.compact .layout-row .buttons .checkbox-inline,
    form.compact .layout-row .buttons .radio-inline,
    form.compact .layout-row .buttons .checkbox,
    form.compact .layout-row .buttons .radio,
    form.compact .layout-row .form-group .checkbox-inline,
    form.compact .layout-row .form-group .radio-inline,
    form.compact .layout-row .form-group .checkbox,
    form.compact .layout-row .form-group .radio,
    .form.compact .layout-row .buttons .checkbox-inline,
    .form.compact .layout-row .buttons .radio-inline,
    .form.compact .layout-row .buttons .checkbox,
    .form.compact .layout-row .buttons .radio,
    .form.compact .layout-row .form-group .checkbox-inline,
    .form.compact .layout-row .form-group .radio-inline,
    .form.compact .layout-row .form-group .checkbox,
    .form.compact .layout-row .form-group .radio {
      margin-top: 0.4rem; }
  form.compact .layout-row .buttons,
  .form.compact .layout-row .buttons {
    margin-top: 0; }
    form.compact .layout-row .buttons.labels-top,
    .form.compact .layout-row .buttons.labels-top {
      margin-top: 1.5rem;
      flex-grow: 1;
      text-align: right; }
  form.compact .layout-row .form-group,
  .form.compact .layout-row .form-group {
    width: min-content; }
  form.small .form-group,
  .form.small .form-group {
    padding-left: 8rem; }
    form.small .form-group.labels-top, form.small .form-group.labels-none,
    .form.small .form-group.labels-top,
    .form.small .form-group.labels-none {
      padding-left: 0; }
    form.small .form-group > label:first-child, form.small .form-group > span:first-child,
    .form.small .form-group > label:first-child,
    .form.small .form-group > span:first-child {
      width: 7rem; }
  form.large .form-group,
  .form.large .form-group {
    padding-left: 17.5rem; }
    form.large .form-group > label:first-child, form.large .form-group > span:first-child,
    .form.large .form-group > label:first-child,
    .form.large .form-group > span:first-child {
      width: 15rem; }
  form.xlarge .form-group,
  .form.xlarge .form-group {
    padding-left: 22rem; }
    form.xlarge .form-group > label:first-child, form.xlarge .form-group > span:first-child,
    .form.xlarge .form-group > label:first-child,
    .form.xlarge .form-group > span:first-child {
      width: 20rem; }
  @media screen and (max-width: 768px) {
    form .form-group,
    .form .form-group {
      padding-left: 0;
      margin-bottom: 2rem; }
      form .form-group > label:first-child, form .form-group > label:not(:first-child),
      form .form-group input[type=text], form .form-group input[type=password], form .form-group input[type=number], form .form-group input[type=email], form .form-group input[type=url], form .form-group input[type=tel], form .form-group input[type=date], form .form-group input[type=file],
      form .form-group .select,
      form .form-group .toggle-switch,
      form .form-group .checkbox,
      form .form-group .radio,
      form .form-group .checkbox-inline,
      form .form-group .radio-inline,
      .form .form-group > label:first-child,
      .form .form-group > label:not(:first-child),
      .form .form-group input[type=text],
      .form .form-group input[type=password],
      .form .form-group input[type=number],
      .form .form-group input[type=email],
      .form .form-group input[type=url],
      .form .form-group input[type=tel],
      .form .form-group input[type=date],
      .form .form-group input[type=file],
      .form .form-group .select,
      .form .form-group .toggle-switch,
      .form .form-group .checkbox,
      .form .form-group .radio,
      .form .form-group .checkbox-inline,
      .form .form-group .radio-inline {
        flex: 0 0 auto; }
      form .form-group > label:first-child,
      .form .form-group > label:first-child {
        position: relative;
        margin: 0 0 1rem 0; }
      form .form-group > label:not(:first-child),
      form .form-group span,
      .form .form-group > label:not(:first-child),
      .form .form-group span {
        margin: 1rem 1rem 0 0; }
    form.compact .form-group > label:first-child,
    .form.compact .form-group > label:first-child {
      margin-bottom: 0.5rem; } }

input[type=text], input[type=password], input[type=number], input[type=email], input[type=url], input[type=tel], input[type=date], input[type=file],
textarea {
  background-color: var(--cds-global-color-gray-100); }
  input[type=text].error, input[type=password].error, input[type=number].error, input[type=email].error, input[type=url].error, input[type=tel].error, input[type=date].error, input[type=file].error,
  textarea.error {
    background-color: var(--cds-global-color-red-100); }
  input[type=text].internal, input[type=password].internal, input[type=number].internal, input[type=email].internal, input[type=url].internal, input[type=tel].internal, input[type=date].internal, input[type=file].internal,
  textarea.internal {
    background-color: var(--cds-global-color-ice-50); }
  input[type=text].warn, input[type=password].warn, input[type=number].warn, input[type=email].warn, input[type=url].warn, input[type=tel].warn, input[type=date].warn, input[type=file].warn,
  textarea.warn {
    background-color: var(--cds-global-color-yellow-100); }

.select .select2-close-mask,
.select .select2-selection--single,
.select .select2-selection--multiple {
  background-color: var(--cds-global-color-gray-100); }
.select.error .select2-close-mask,
.select.error .select2-selection--single,
.select.error .select2-selection--multiple {
  background-color: var(--cds-global-color-red-100); }
.select.internal .select2-close-mask,
.select.internal .select2-selection--single,
.select.internal .select2-selection--multiple {
  background-color: var(--cds-global-color-ice-50); }
.select.warn .select2-close-mask,
.select.warn .select2-selection--single,
.select.warn .select2-selection--multiple {
  background-color: var(--cds-global-color-yellow-100); }

.filter input[type=text], .filter input[type=password], .filter input[type=number], .filter input[type=email], .filter input[type=url], .filter input[type=tel], .filter input[type=date], .filter input[type=file],
.filter textarea {
  background-color: var(--cds-global-color-gray-50); }
.filter .select .select2-close-mask,
.filter .select .select2-selection--single,
.filter .select .select2-selection--multiple {
  background-color: var(--cds-global-color-gray-50); }
.filter .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: var(--cds-global-color-gray-200); }

input[type=text], input[type=password], input[type=number], input[type=email], input[type=url], input[type=tel], input[type=date], input[type=file],
textarea,
.select2-dropdown,
.select2-close-mask,
.select2-selection--single,
.select2-selection--multiple {
  font-family: "IBM Plex Sans", Helvetica, Arial, Sans-Serif;
  border: 1px solid transparent;
  border-radius: 0; }
  input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=file]:focus,
  textarea:focus,
  .select2-dropdown:focus,
  .select2-close-mask:focus,
  .select2-selection--single:focus,
  .select2-selection--multiple:focus {
    border: 1px solid var(--cds-global-color-blue-600);
    box-shadow: none; }
  input[type=text].pending, input[type=password].pending, input[type=number].pending, input[type=email].pending, input[type=url].pending, input[type=tel].pending, input[type=date].pending, input[type=file].pending,
  textarea.pending,
  .select2-dropdown.pending,
  .select2-close-mask.pending,
  .select2-selection--single.pending,
  .select2-selection--multiple.pending {
    color: var(--cds-global-color-blue-600);
    border: 1px solid var(--cds-global-color-blue-600); }

.select2 .operator {
  text-align: center; }

td.internal input[type=text], td.internal input[type=password], td.internal input[type=number], td.internal input[type=email], td.internal input[type=url], td.internal input[type=tel], td.internal input[type=date], td.internal input[type=file],
td.internal textarea {
  background-color: var(--cds-global-color-ice-50); }
td.internal input[type="checkbox"] + label::before,
td.internal input[type="checkbox"] + label.left::before,
td.internal input[type="checkbox"]:checked + label::before,
td.internal input[type="checkbox"]:checked + label.left::before {
  background-color: var(--cds-global-color-ice-100); }

.mce-container,
.mce-container *,
.mce-widget,
.mce-widget *,
.mce-reset {
  font-family: "IBM Plex Sans", Helvetica, Arial, Sans-Serif;
  font-size: 1.2em; }

.mce-container button[type='button'] {
  border-radius: 0;
  border: none;
  margin: 0 0.2rem;
  height: 2.5rem; }
  .mce-container button[type='button'] .mce-ico {
    height: auto; }

.mce-btn-group .mce-btn,
.mce-btn-group .mce-first,
.mce-btn-group .mce-last {
  border: none; }

form .mce-btn span {
  margin: 0;
  padding-right: 0.7rem;
  line-height: 1.5rem; }

div div.mce-container {
  display: block; }
  div div.mce-container .mce-panel {
    background-color: var(--cds-global-color-gray-200); }

div > div.mce-container div {
  margin: 0; }

div div .mce-flow-layout-item {
  display: inline-block; }

.mce-statusbar .mce-path,
.mce-statusbar .mce-branding {
  padding: 0.2rem 0.5rem; }

.checkbox,
.checkbox-inline {
  position: relative; }
  .checkbox input[type="checkbox"],
  .checkbox-inline input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 1rem;
    width: 1rem; }
  .checkbox label,
  .checkbox-inline label {
    position: relative;
    display: inline-block;
    min-height: 1.5rem;
    padding-left: 2rem;
    cursor: pointer; }
    .checkbox label.left,
    .checkbox-inline label.left {
      padding-left: 0;
      padding-right: 1.8rem; }
  .checkbox input[type="checkbox"] + label::before,
  .checkbox-inline input[type="checkbox"] + label::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border: 1px solid var(--cds-global-color-gray-800);
    background: var(--cds-global-color-gray-100);
    border-radius: 0.3rem; }
  .checkbox input[type="checkbox"] + label.left::before,
  .checkbox-inline input[type="checkbox"] + label.left::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border: 1px solid var(--cds-global-color-gray-800);
    background: var(--cds-global-color-gray-100);
    border-radius: 0.3rem;
    left: auto;
    right: 0; }
  .checkbox input[type="checkbox"].internal + label::before,
  .checkbox input[type="checkbox"].internal + label.left::before,
  .checkbox-inline input[type="checkbox"].internal + label::before,
  .checkbox-inline input[type="checkbox"].internal + label.left::before {
    background-color: var(--cds-global-color-ice-100); }
  .checkbox input[type="checkbox"]:focus + label::before,
  .checkbox-inline input[type="checkbox"]:focus + label::before {
    outline: 0;
    box-shadow: 0 0 0 1px var(--cds-global-color-blue-600); }
  .checkbox input[type="checkbox"] + label::after,
  .checkbox-inline input[type="checkbox"] + label::after {
    position: absolute;
    content: '';
    display: none;
    height: 1rem;
    width: 0.4rem;
    border-right: 0.3rem solid var(--cds-global-color-gray-900);
    border-bottom: 0.3rem solid var(--cds-global-color-gray-900);
    left: 0.25rem;
    top: -0.5rem;
    transform: translate(0, 0.25rem) rotate(45deg); }
  .checkbox input[type="checkbox"] + label.left::after,
  .checkbox-inline input[type="checkbox"] + label.left::after {
    position: absolute;
    content: '';
    display: none;
    height: 1rem;
    width: 0.4rem;
    border-right: 0.3rem solid var(--cds-global-color-gray-900);
    border-bottom: 0.3rem solid var(--cds-global-color-gray-900);
    left: auto;
    right: 0.25rem;
    top: -0.5rem;
    transform: translate(0, 0.25rem) rotate(45deg); }
  .checkbox input[type="checkbox"]:checked + label::before,
  .checkbox-inline input[type="checkbox"]:checked + label::before {
    background: var(--cds-global-color-gray-100); }
  .checkbox input[type="checkbox"]:checked.internal + label::before,
  .checkbox-inline input[type="checkbox"]:checked.internal + label::before {
    background: var(--cds-global-color-ice-100); }
  .checkbox input[type="checkbox"]:checked + label::after,
  .checkbox-inline input[type="checkbox"]:checked + label::after {
    display: inline-block; }
  .checkbox input[type="checkbox"]:indeterminate + label::before,
  .checkbox-inline input[type="checkbox"]:indeterminate + label::before {
    border: 1px solid var(--cds-global-color-gray-100); }
  .checkbox input[type="checkbox"]:indeterminate + label::after,
  .checkbox-inline input[type="checkbox"]:indeterminate + label::after {
    border-left: none;
    border-bottom-color: var(--cds-global-color-gray-100);
    display: inline-block;
    transform: translate(0, 0.25rem); }
  .checkbox input[type="checkbox"]:disabled + label,
  .checkbox-inline input[type="checkbox"]:disabled + label {
    cursor: not-allowed; }
  .checkbox input[type="checkbox"]:disabled + label::before,
  .checkbox-inline input[type="checkbox"]:disabled + label::before {
    background-color: var(--cds-global-color-gray-300); }
  .checkbox input[type="checkbox"]:disabled:checked + label::before,
  .checkbox-inline input[type="checkbox"]:disabled:checked + label::before {
    background-color: var(--cds-global-color-gray-600); }
  .checkbox input[type="checkbox"]:disabled:checked + label::after,
  .checkbox-inline input[type="checkbox"]:disabled:checked + label::after {
    border-left: 2px solid var(--cds-global-color-gray-600);
    border-bottom: 2px solid var(--cds-global-color-gray-600); }

.toggle-switch input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none; }

.toggle-switch {
  display: inline-block;
  height: 1.5rem;
  margin-right: 1rem;
  vertical-align: middle;
  position: relative; }
  .toggle-switch label {
    display: inline-block;
    position: relative;
    top: -0.9rem;
    cursor: pointer;
    margin-right: 2rem;
    overflow: visible; }
  .toggle-switch input[type="checkbox"] {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    height: 1rem;
    width: 1rem;
    opacity: 0; }
  .toggle-switch input[type="checkbox"] + label::before {
    position: absolute;
    display: inline-block;
    content: '';
    height: 1.3rem;
    width: 2.4rem;
    border: 0.1rem solid;
    border-radius: 1.3rem;
    border-color: var(--cds-global-color-gray-800);
    background-color: var(--cds-global-color-gray-800);
    top: 0rem;
    right: -2.6rem;
    transition: 0.05s ease-in;
    transition-property: border-color, background-color; }
  .toggle-switch input[type="checkbox"]:focus + label::before {
    outline: 0;
    box-shadow: 0 0 0 1px var(--cds-global-color-blue-600); }
  .toggle-switch input[type="checkbox"]:checked + label::before {
    border-color: var(--cds-global-color-green-700);
    background-color: var(--cds-global-color-green-700);
    transition: 0.05s ease-in;
    transition-property: border-color, background-color; }
  .toggle-switch input[type="checkbox"] + label::after {
    position: absolute;
    display: inline-block;
    content: '';
    height: 1rem;
    width: 1rem;
    border: 0.1rem solid var(--cds-global-color-white);
    border-radius: 1.2rem;
    background-color: var(--cds-global-color-white);
    top: 0.15rem;
    right: -1.4rem;
    transition: right 0.05s ease-in; }
  .toggle-switch input[type="checkbox"]:checked + label::after {
    right: -2.4rem;
    transition: right 0.05s ease-in; }
  .toggle-switch.disabled label {
    opacity: 0.4;
    cursor: not-allowed; }
  .toggle-switch.disabled input[type="checkbox"]:checked + label::before {
    border-color: var(--cds-global-color-gray-700);
    background-color: var(--cds-global-color-gray-700); }
  .toggle-switch input[type="checkbox"]:disabled + label {
    opacity: 0.4;
    cursor: not-allowed; }
  .toggle-switch input[type="checkbox"]:checked:disabled + label::before {
    border-color: var(--cds-global-color-gray-600);
    background-color: var(--cds-global-color-gray-600); }

input[type=text].date, input[type=password].date, input[type=number].date, input[type=email].date, input[type=url].date, input[type=tel].date, input[type=date].date, input[type=file].date,
.plaintext.date {
  margin-right: 0.1rem; }
input[type=text].default, input[type=password].default, input[type=number].default, input[type=email].default, input[type=url].default, input[type=tel].default, input[type=date].default, input[type=file].default,
.plaintext.default {
  width: 8rem; }
input[type=text].numlarge, input[type=text].numqty, input[type=text].nummed, input[type=text].numsmall, input[type=text].numtiny, input[type=text].timesmall, input[type=text].timemed, input[type=password].numlarge, input[type=password].numqty, input[type=password].nummed, input[type=password].numsmall, input[type=password].numtiny, input[type=password].timesmall, input[type=password].timemed, input[type=number].numlarge, input[type=number].numqty, input[type=number].nummed, input[type=number].numsmall, input[type=number].numtiny, input[type=number].timesmall, input[type=number].timemed, input[type=email].numlarge, input[type=email].numqty, input[type=email].nummed, input[type=email].numsmall, input[type=email].numtiny, input[type=email].timesmall, input[type=email].timemed, input[type=url].numlarge, input[type=url].numqty, input[type=url].nummed, input[type=url].numsmall, input[type=url].numtiny, input[type=url].timesmall, input[type=url].timemed, input[type=tel].numlarge, input[type=tel].numqty, input[type=tel].nummed, input[type=tel].numsmall, input[type=tel].numtiny, input[type=tel].timesmall, input[type=tel].timemed, input[type=date].numlarge, input[type=date].numqty, input[type=date].nummed, input[type=date].numsmall, input[type=date].numtiny, input[type=date].timesmall, input[type=date].timemed, input[type=file].numlarge, input[type=file].numqty, input[type=file].nummed, input[type=file].numsmall, input[type=file].numtiny, input[type=file].timesmall, input[type=file].timemed,
.plaintext.numlarge,
.plaintext.numqty,
.plaintext.nummed,
.plaintext.numsmall,
.plaintext.numtiny,
.plaintext.timesmall,
.plaintext.timemed {
  text-align: right; }
input[type=text].numlarge, input[type=password].numlarge, input[type=number].numlarge, input[type=email].numlarge, input[type=url].numlarge, input[type=tel].numlarge, input[type=date].numlarge, input[type=file].numlarge,
.plaintext.numlarge {
  width: 7rem; }
input[type=text].numqty, input[type=password].numqty, input[type=number].numqty, input[type=email].numqty, input[type=url].numqty, input[type=tel].numqty, input[type=date].numqty, input[type=file].numqty,
.plaintext.numqty {
  width: 6.6rem; }
input[type=text].nummed, input[type=password].nummed, input[type=number].nummed, input[type=email].nummed, input[type=url].nummed, input[type=tel].nummed, input[type=date].nummed, input[type=file].nummed,
.plaintext.nummed {
  width: 5rem; }
input[type=text].numdate, input[type=password].numdate, input[type=number].numdate, input[type=email].numdate, input[type=url].numdate, input[type=tel].numdate, input[type=date].numdate, input[type=file].numdate,
.plaintext.numdate {
  width: 3rem; }
input[type=text].numsmall, input[type=password].numsmall, input[type=number].numsmall, input[type=email].numsmall, input[type=url].numsmall, input[type=tel].numsmall, input[type=date].numsmall, input[type=file].numsmall,
.plaintext.numsmall {
  width: 2.5rem; }
input[type=text].numtiny, input[type=password].numtiny, input[type=number].numtiny, input[type=email].numtiny, input[type=url].numtiny, input[type=tel].numtiny, input[type=date].numtiny, input[type=file].numtiny,
.plaintext.numtiny {
  width: 1.5rem; }
input[type=text].timemed, input[type=password].timemed, input[type=number].timemed, input[type=email].timemed, input[type=url].timemed, input[type=tel].timemed, input[type=date].timemed, input[type=file].timemed,
.plaintext.timemed {
  width: 5rem; }
input[type=text].timesmall, input[type=password].timesmall, input[type=number].timesmall, input[type=email].timesmall, input[type=url].timesmall, input[type=tel].timesmall, input[type=date].timesmall, input[type=file].timesmall,
.plaintext.timesmall {
  width: 3.5rem; }
input[type=text].timetiny, input[type=password].timetiny, input[type=number].timetiny, input[type=email].timetiny, input[type=url].timetiny, input[type=tel].timetiny, input[type=date].timetiny, input[type=file].timetiny,
.plaintext.timetiny {
  width: 3rem; }
input[type=text].txtdate, input[type=password].txtdate, input[type=number].txtdate, input[type=email].txtdate, input[type=url].txtdate, input[type=tel].txtdate, input[type=date].txtdate, input[type=file].txtdate,
.plaintext.txtdate {
  width: 6rem; }
input[type=text].txttiny, input[type=password].txttiny, input[type=number].txttiny, input[type=email].txttiny, input[type=url].txttiny, input[type=tel].txttiny, input[type=date].txttiny, input[type=file].txttiny,
.plaintext.txttiny {
  width: 2.5rem; }
input[type=text].txtsmall, input[type=password].txtsmall, input[type=number].txtsmall, input[type=email].txtsmall, input[type=url].txtsmall, input[type=tel].txtsmall, input[type=date].txtsmall, input[type=file].txtsmall,
.plaintext.txtsmall {
  width: 4rem; }
  input[type=text].txtsmall.pair-left, input[type=text].txtsmall.pair-right, input[type=password].txtsmall.pair-left, input[type=password].txtsmall.pair-right, input[type=number].txtsmall.pair-left, input[type=number].txtsmall.pair-right, input[type=email].txtsmall.pair-left, input[type=email].txtsmall.pair-right, input[type=url].txtsmall.pair-left, input[type=url].txtsmall.pair-right, input[type=tel].txtsmall.pair-left, input[type=tel].txtsmall.pair-right, input[type=date].txtsmall.pair-left, input[type=date].txtsmall.pair-right, input[type=file].txtsmall.pair-left, input[type=file].txtsmall.pair-right,
  .plaintext.txtsmall.pair-left,
  .plaintext.txtsmall.pair-right {
    width: 3.9rem; }
input[type=text].txtcompact, input[type=password].txtcompact, input[type=number].txtcompact, input[type=email].txtcompact, input[type=url].txtcompact, input[type=tel].txtcompact, input[type=date].txtcompact, input[type=file].txtcompact,
.plaintext.txtcompact {
  width: 9rem; }
input[type=text].txtmed, input[type=password].txtmed, input[type=number].txtmed, input[type=email].txtmed, input[type=url].txtmed, input[type=tel].txtmed, input[type=date].txtmed, input[type=file].txtmed,
.plaintext.txtmed {
  width: 12rem; }
input[type=text].txtlarge, input[type=password].txtlarge, input[type=number].txtlarge, input[type=email].txtlarge, input[type=url].txtlarge, input[type=tel].txtlarge, input[type=date].txtlarge, input[type=file].txtlarge,
.plaintext.txtlarge {
  width: 17.5rem; }
input[type=text].txtxlarge, input[type=password].txtxlarge, input[type=number].txtxlarge, input[type=email].txtxlarge, input[type=url].txtxlarge, input[type=tel].txtxlarge, input[type=date].txtxlarge, input[type=file].txtxlarge,
.plaintext.txtxlarge {
  width: 25rem; }
input[type=text].txtxxlarge, input[type=password].txtxxlarge, input[type=number].txtxxlarge, input[type=email].txtxxlarge, input[type=url].txtxxlarge, input[type=tel].txtxxlarge, input[type=date].txtxxlarge, input[type=file].txtxxlarge,
.plaintext.txtxxlarge {
  width: 35rem; }
input[type=text].txtxxxlarge, input[type=password].txtxxxlarge, input[type=number].txtxxxlarge, input[type=email].txtxxxlarge, input[type=url].txtxxxlarge, input[type=tel].txtxxxlarge, input[type=date].txtxxxlarge, input[type=file].txtxxxlarge,
.plaintext.txtxxxlarge {
  width: 50rem; }
input[type=text].txtzip.pair-left, input[type=password].txtzip.pair-left, input[type=number].txtzip.pair-left, input[type=email].txtzip.pair-left, input[type=url].txtzip.pair-left, input[type=tel].txtzip.pair-left, input[type=date].txtzip.pair-left, input[type=file].txtzip.pair-left,
.plaintext.txtzip.pair-left {
  width: 4.5rem; }
input[type=text].txtcity.pair-right, input[type=password].txtcity.pair-right, input[type=number].txtcity.pair-right, input[type=email].txtcity.pair-right, input[type=url].txtcity.pair-right, input[type=tel].txtcity.pair-right, input[type=date].txtcity.pair-right, input[type=file].txtcity.pair-right,
.plaintext.txtcity.pair-right {
  width: 11.4rem; }
input[type=text].txtphone.pair-left, input[type=password].txtphone.pair-left, input[type=number].txtphone.pair-left, input[type=email].txtphone.pair-left, input[type=url].txtphone.pair-left, input[type=tel].txtphone.pair-left, input[type=date].txtphone.pair-left, input[type=file].txtphone.pair-left,
.plaintext.txtphone.pair-left {
  width: 9.2rem; }
input[type=text].compact, input[type=password].compact, input[type=number].compact, input[type=email].compact, input[type=url].compact, input[type=tel].compact, input[type=date].compact, input[type=file].compact,
.plaintext.compact {
  height: auto;
  padding: 0 0.2rem; }

.autocomplete-suggestions {
  background-color: var(--cds-global-color-gray-300);
  border-color: transparent var(--cds-global-color-gray-800) var(--cds-global-color-gray-800) var(--cds-global-color-gray-800);
  border-width: 1px;
  border-style: solid;
  padding-bottom: 0.5rem;
  text-align: left;
  width: auto !important;
  overflow: hidden; }
  .autocomplete-suggestions .autocomplete-suggestion {
    margin: 0 0.4rem;
    padding: 0.3rem 0.4rem;
    border: 1px solid transparent;
    cursor: pointer; }
  .autocomplete-suggestions .autocomplete-suggestion:hover {
    border-color: var(--cds-global-color-green-500); }

.radio,
.radio-inline {
  position: relative; }
  .radio input[type="radio"],
  .radio-inline input[type="radio"] {
    position: absolute;
    top: 0.6rem;
    left: 0;
    opacity: 0;
    height: 1rem;
    width: 1rem; }
  .radio label,
  .radio-inline label {
    position: relative;
    display: inline-block;
    padding-left: 2rem;
    padding-right: 1rem;
    cursor: pointer; }
  .radio label:empty,
  .radio-inline label:empty {
    padding-left: 0; }
  .radio input[type="radio"] + label::before,
  .radio-inline input[type="radio"] + label::before {
    position: absolute;
    left: 0;
    content: '';
    display: inline-block;
    height: 1rem;
    width: 1rem;
    border: 1px solid var(--cds-global-color-gray-800);
    border-radius: 50%; }
  .radio input[type="radio"]:checked + label::before,
  .radio-inline input[type="radio"]:checked + label::before {
    box-shadow: inset 0 0 0 0.6rem var(--cds-global-color-azure-800);
    border-color: var(--cds-global-color-azure-800); }
  .radio input[type="radio"]:focus + label::before,
  .radio-inline input[type="radio"]:focus + label::before {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--cds-global-color-blue-600); }
  .radio input[type="radio"]:focus:checked + label::before,
  .radio-inline input[type="radio"]:focus:checked + label::before {
    outline: 0;
    box-shadow: inset 0 0 0 0.6rem var(--cds-global-color-blue-600); }
  .radio input[type="radio"]:disabled + label,
  .radio-inline input[type="radio"]:disabled + label {
    cursor: not-allowed; }
  .radio input[type="radio"]:disabled + label::before,
  .radio-inline input[type="radio"]:disabled + label::before {
    background-color: var(--cds-global-color-gray-300); }
  .radio input[type="radio"]:disabled:checked + label::before,
  .radio-inline input[type="radio"]:disabled:checked + label::before {
    background-color: var(--cds-global-color-gray-600);
    box-shadow: inset 0 0 0 0.6rem var(--cds-global-color-gray-600); }

.form-group.radio-button .radioitems {
  gap: 0.5rem; }
.form-group.radio-button .radio {
  margin-top: unset;
  margin-bottom: unset;
  padding-top: unset;
  padding-left: unset; }
  .form-group.radio-button .radio input[type="radio"] + label {
    line-height: 1.8rem;
    background-color: var(--cds-global-color-gray-500);
    border: 1px solid var(--cds-global-color-gray-800);
    border-radius: 0.3rem; }
  .form-group.radio-button .radio input[type="radio"] + label::before {
    background-color: unset;
    border: unset;
    box-shadow: unset; }
  .form-group.radio-button .radio input[type="radio"]:checked + label {
    background-color: var(--cds-global-color-gray-300); }
  .form-group.radio-button .radio input[type="radio"]:checked + label::before {
    background-color: unset;
    box-shadow: unset; }
  .form-group.radio-button .radio label {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }

select {
  border: 1px solid var(--cds-global-color-gray-800);
  padding-top: 0.3rem;
  background: transparent; }
  select.large {
    width: 18.9rem; }
  select.med {
    width: 12rem; }
  select.small {
    width: 8rem; }
  select.tiny {
    width: 6rem; }
  select.operator {
    width: 4rem; }
  select.multixsmall {
    width: 12rem; }
  select.multismall {
    width: 17.5rem; }
  select.multimed {
    width: 25rem; }
  select.multilarge {
    width: 35rem; }
  select option {
    margin: 0 0.4rem;
    padding: 0.1rem 0.3rem;
    border: 1px solid transparent; }
    select option:checked {
      font-weight: bold; }
    select option:hover {
      border-color: var(--cds-global-color-blue-600); }

form .form-group .select2-container,
.form .form-group .select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  height: 2.1rem; }
  form .form-group .select2-container.select2-container--focus,
  .form .form-group .select2-container.select2-container--focus {
    border: 1px solid var(--cds-global-color-blue-600);
    box-shadow: none; }

.editable .select2-container .select2-selection--single {
  border: 1px solid transparent;
  margin-top: -2px;
  height: 1.8rem; }
  .editable .select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: 0.2rem; }
  .editable .select2-container .select2-selection--single .select2-selection__rendered.background {
    position: absolute;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0.1rem; }
.editable .select2-container--default {
  display: block; }
  .editable .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 1.5rem; }

.operator {
  text-align: center; }
  .operator .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0.3rem;
    padding-right: 0.3rem; }
  .operator .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none; }
  .operator .select2-results {
    text-align: center; }

.select2-container .selection {
  display: inline;
  margin: 0; }

.multiselect .select2-container .selection {
  line-height: 0.9rem; }

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  margin: 0;
  margin-right: 0 !important;
  user-select: none;
  -webkit-user-select: none;
  border: 1px solid transparent; }

.select2-container .select2-selection--single[aria-expanded=true] {
  border: 1px solid var(--cds-global-color-blue-600); }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 0.6rem;
  padding-right: 2rem;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .select2-container .select2-selection--single .select2-selection__rendered.background {
    display: inline;
    margin: 0.2rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem; }
  .select2-container .select2-selection--single .select2-selection__rendered .status {
    margin-right: 1.0rem; }

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative; }

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  margin: 0;
  min-height: 2rem;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple[aria-expanded=true] {
  border: 1px solid var(--cds-global-color-blue-600); }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 0.6rem;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-search--inline {
  float: left; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 0.2rem;
  padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  box-sizing: border-box;
  display: block;
  background-color: var(--cds-global-color-gray-300);
  border-color: transparent var(--cds-global-color-gray-800) var(--cds-global-color-gray-800) var(--cds-global-color-gray-800);
  border-width: 1px;
  border-style: solid;
  padding-bottom: 0.5rem;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block;
  text-align: left;
  padding-top: 0.4rem; }

.select2-results li {
  margin: 0 0.4rem; }
  .select2-results li .status {
    margin-right: 1.0rem; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 0.3rem 0.4rem;
  border: 1px solid transparent;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option.background {
    margin: 0.2rem;
    padding: 0.2rem 0.3rem; }

.select2-results__option[aria-selected] {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-search--dropdown {
  display: block;
  padding: 0.4rem 0.4rem 0 0.4rem; }

.select2-search--dropdown .select2-search__field {
  padding: 0.4rem;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--cds-global-color-gray-600); }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 2rem;
  position: absolute;
  margin: 0;
  top: 1px;
  right: 1px;
  width: 2rem; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--cds-global-color-gray-700) transparent transparent transparent;
  border-style: solid;
  border-width: 0.5rem 0.4rem 0 0.4rem;
  height: 0;
  left: 50%;
  margin-left: -0.4rem;
  margin-top: -0.2rem;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  cursor: default;
  background-color: var(--cds-global-color-gray-300); }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--cds-global-color-gray-700) transparent;
  border-width: 0 0.4rem 0.5rem 0.4rem; }

.select2-container--default .select2-selection--multiple {
  cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 0.2rem;
  width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: var(--cds-global-color-gray-600);
  margin-top: 0.5rem;
  float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 0.5rem;
  margin-right: 1rem; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  cursor: default;
  float: left;
  margin: 0.2rem 0.2rem 0 0.2rem;
  padding: 0 0.6rem;
  line-height: 1.5rem;
  background-color: var(--cds-global-color-gray-300); }

.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
  border-color: var(--cds-global-color-blue-600); }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--cds-global-color-gray-700);
  cursor: pointer;
  display: inline-block;
  margin: 0 0.4rem 0 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: var(--cds-global-color-black);
  font-weight: 600; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--cds-global-color-blue-600);
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: var(--cds-global-color-gray-300);
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--cds-global-color-gray-600); }

.select2-container--default .select2-search--inline .select2-search__field {
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
  background-color: transparent; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 20rem;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: var(--cds-global-color-gray-600); }

.select2-container--default .select2-results__option[aria-selected=true] {
  font-weight: 600; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1rem; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1rem;
  padding-left: 2rem; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2rem;
  padding-left: 3rem; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3rem;
  padding-left: 4rem; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4rem;
  padding-left: 5rem; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5rem;
  padding-left: 6rem; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  border: 1px solid var(--cds-global-color-blue-600); }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 0.6rem; }

textarea {
  font-family: inherit;
  font-size: inherit;
  height: 4rem; }
  textarea.box {
    width: 50rem;
    height: 6rem; }
  textarea.editor, textarea.editor_short {
    width: 60rem;
    color: var(--cds-global-color-gray-700);
    background-color: var(--cds-global-color-gray-400); }
  textarea.editor {
    height: 40rem; }
  textarea.editor_short {
    height: 25rem; }
  textarea.preferences {
    width: 25rem;
    height: 7rem; }
    textarea.preferences.large {
      width: 40rem; }
  textarea.txtsmall {
    width: 17.5rem;
    height: 2.5rem; }
  textarea.txtmed {
    width: 17.5rem; }
  textarea.txtlarge {
    width: 25rem; }
  textarea.xlarge {
    width: 40rem; }
  textarea.wide {
    width: 25rem;
    height: 2.5rem; }
  textarea.code {
    font-family: monospace;
    white-space: pre-wrap;
    overflow: auto; }

.btn-group {
  margin: 0.4rem 0; }
  .btn-group .btn:not(:last-child) {
    margin-right: 0.25rem; }
  .btn-group.column {
    flex-direction: column;
    margin-bottom: 0.25rem; }
    .btn-group.column .btn:not(:first-child) {
      margin-top: 0.4rem; }
    .btn-group.column .btn:not(:last-child) {
      margin-right: 0; }
  .btn-group .disabled {
    cursor: default;
    font-weight: 450;
    color: var(--cds-global-color-gray-400); }
  .btn-group .disabled.success {
    color: var(--cds-global-color-green-100); }
  .btn-group .disabled.warn {
    color: var(--cds-global-color-red-200); }
  .btn-group h2 {
    line-height: 2rem;
    margin-right: 2rem;
    margin-bottom: 0; }
  .btn-group form {
    margin: 0 1rem;
    padding: 0; }
    .btn-group form .box {
      flex-basis: auto; }

.btn {
  cursor: pointer;
  display: inline-block;
  -webkit-appearance: none !important;
  border-radius: 0.3rem;
  border: 1px solid var(--cds-global-color-gray-800);
  min-width: 7rem;
  max-width: 30rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: 0.12rem;
  font-weight: 500;
  color: var(--cds-global-color-gray-900);
  height: 3rem;
  padding: 0 1rem;
  background-color: var(--cds-global-color-gray-100); }

.btn:hover,
.btn:focus {
  background-color: var(--cds-global-color-gray-200); }

.btn:focus {
  border-color: var(--cds-global-color-green-500); }

.btn.help {
  color: var(--cds-global-color-white);
  border: none;
  min-width: 5rem;
  background-color: transparent;
  background-image: url("../images/help-line.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%; }

.btn.blue {
  border-color: var(--cds-global-color-blue-600);
  color: var(--cds-global-color-blue-600); }

.btn.success,
.btn.green {
  border-color: var(--cds-global-color-green-700);
  color: var(--cds-global-color-green-700); }

.btn.warn,
.btn.red {
  border-color: var(--cds-global-color-red-800);
  color: var(--cds-global-color-red-800); }

.btn.yellow {
  border-color: var(--cds-global-color-ochre-600);
  color: var(--cds-global-color-ochre-600); }

.btn-sm .btn {
  font-size: 0.9rem;
  line-height: 0.9rem;
  letter-spacing: 0;
  height: 2rem; }

.btn-primary .btn {
  color: var(--cds-global-color-gray-100);
  background-color: var(--cds-global-color-gray-700); }
.btn-primary .btn:hover,
.btn-primary .btn:focus {
  background-color: var(--cds-global-color-gray-600); }
.btn-primary .btn.help {
  background-color: transparent; }
.btn-primary .btn.help:hover,
.btn-primary .btn.help:focus {
  background-color: var(--cds-global-color-gray-100); }
.btn-primary .btn.blue {
  background-color: var(--cds-global-color-blue-900); }
.btn-primary .btn.blue:hover,
.btn-primary .btn.blue:focus {
  background-color: var(--cds-global-color-blue-600); }
.btn-primary .btn.success,
.btn-primary .btn.green {
  background-color: var(--cds-global-color-green-700); }
.btn-primary .btn.success:hover,
.btn-primary .btn.success:focus,
.btn-primary .btn.green:hover,
.btn-primary .btn.green:focus {
  background-color: var(--cds-global-color-green-500); }
.btn-primary .btn.warn,
.btn-primary .btn.red {
  background-color: var(--cds-global-color-red-800); }
.btn-primary .btn.warn:hover,
.btn-primary .btn.warn:focus,
.btn-primary .btn.red:hover,
.btn-primary .btn.red:focus {
  background-color: var(--cds-global-color-red-700); }
.btn-primary .btn.yellow {
  background-color: var(--cds-global-color-ochre-600); }
.btn-primary .btn.yellow:hover,
.btn-primary .btn.yellow:focus {
  background-color: var(--cds-global-color-yellow-400); }
.btn-primary .disabled {
  background-color: var(--cds-global-color-gray-600); }

.btn-link {
  margin-top: 0; }
  .btn-link .btn {
    background-color: transparent;
    font-size: 0.8rem;
    line-height: 0.8rem;
    height: 1.8rem; }
  .btn-link .btn:hover {
    background-color: var(--cds-global-color-gray-300); }
  .btn-link .btn.active {
    background-color: var(--cds-global-color-gray-200); }
  .btn-link .btn.blue {
    color: var(--cds-global-color-blue-600); }
  .btn-link .btn.success,
  .btn-link .btn.green {
    color: var(--cds-global-color-green-500); }
  .btn-link .btn.warn,
  .btn-link .btn.red {
    color: var(--cds-global-color-red-700); }
  .btn-link .btn.yellow {
    color: var(--cds-global-color-yellow-400); }

/**
 * Calendar table
 */
.calendar {
  padding: 1.0em 1.5em; }
  .calendar table {
    margin: 0; }
    .calendar table tr.highlight {
      color: var(--cds-global-color-black);
      background-color: var(--cds-global-color-gray-600); }
    .calendar table tr:last-child > td {
      border: 0.1rem solid var(--cds-global-color-white); }
    .calendar table th,
    .calendar table td,
    .calendar table th:last-child,
    .calendar table td:last-child {
      border: 0.1rem solid var(--cds-global-color-white);
      vertical-align: top;
      padding: 0.2em 0.5em; }
    .calendar table th {
      text-align: center;
      min-width: 5.0em; }
    .calendar table td.inactive {
      background-color: var(--cds-global-color-gray-600); }
    .calendar table td.weekend {
      background-color: var(--cds-global-color-gray-300); }
    .calendar table td.today {
      background-color: var(--cds-global-color-red-100); }
    .calendar table td .add {
      cursor: pointer;
      font-size: 1.2em; }
    .calendar table td .date {
      font-size: 1.2em; }
    .calendar table td .info table {
      width: 100%; }
      .calendar table td .info table td {
        border: 0px;
        padding: 0.1em 0.3em 0.1em 0;
        font-size: 1.0em;
        line-height: 1.1em;
        cursor: pointer; }
        .calendar table td .info table td.highlight {
          color: var(--cds-global-color-white); }
        .calendar table td .info table td.info {
          text-align: right;
          font-style: italic;
          font-size: 0.9em; }
        .calendar table td .info table td.time {
          font-size: 0.95em; }

@media screen and (max-width: 1400px) {
  .calendar table td .date {
    font-size: 1rem; }
  .calendar table td .info table td {
    font-size: 0.9rem; }
    .calendar table td .info table td.flag span {
      font-size: 0.9rem; } }
.changeOrder .handle {
  text-align: center;
  vertical-align: middle;
  width: 2rem;
  background-image: url("../images/drag-handle-line.svg");
  background-repeat: no-repeat;
  background-size: 125%;
  background-position: center;
  background-color: var(--cds-global-color-gray-300);
  cursor: move; }
  .changeOrder .handle.ui-draggable-dragging {
    background-color: rgba(255, 255, 255, 0.4); }
.changeOrder .changeorderDraggable,
.changeOrder .changegroupDraggable {
  cursor: move; }

td.insert {
  border-bottom-color: var(--cds-global-color-yellow-100); }

.selected {
  background-color: var(--cds-global-color-tangerine-400); }

.target {
  border: 0.1rem solid var(--cds-global-color-red-700);
  background-color: var(--cds-global-color-tangerine-400); }

.codeblock {
  max-height: 50rem; }
  .codeblock pre {
    width: 40rem;
    max-width: 40rem;
    max-height: 40rem;
    margin: 0; }
  .codeblock span {
    margin: 0 !important; }
  .codeblock.slim pre {
    width: 20rem;
    max-width: 20rem;
    margin: 0; }
  .codeblock.wide pre {
    width: 60rem;
    max-width: 60rem;
    margin: 0; }

/**
 * Column Chart
 */
.columnchart,
.columntitle {
  display: flex;
  align-items: flex-end;
  width: auto; }
  .columnchart.small,
  .columntitle.small {
    width: 4rem; }
  .columnchart.compact,
  .columntitle.compact {
    width: 9rem; }
  .columnchart.med,
  .columntitle.med {
    width: 12rem; }
  .columnchart.large,
  .columntitle.large {
    width: 17.5rem; }
  .columnchart.xlarge,
  .columntitle.xlarge {
    width: 25rem; }
  .columnchart.xxlarge,
  .columntitle.xxlarge {
    width: 35rem; }
  .columnchart.xxxlarge,
  .columntitle.xxxlarge {
    width: 50rem; }

.columnchart {
  background-color: var(--cds-global-color-gray-200);
  padding-top: 0.3rem; }
  .columnchart .column {
    position: relative;
    width: 2rem;
    min-height: 0.2rem;
    border-left: 0.3rem solid var(--cds-global-color-gray-200);
    border-right: 0.3rem solid var(--cds-global-color-gray-200);
    background-color: var(--cds-global-color-blue-700); }
    .columnchart .column .label {
      position: absolute;
      top: -1.8rem;
      left: -1rem;
      padding: 0.1rem 0.5rem;
      border: none;
      font-size: 0.9rem;
      background-color: var(--cds-global-color-ice-200); }

.columntitle {
  padding-top: 0.5rem; }
  .columntitle .column {
    position: relative;
    width: 2rem;
    border-left: 0.3rem solid transparent;
    border-right: 0.3rem solid transparent;
    writing-mode: sideways-lr;
    text-orientation: upright;
    line-height: 2rem; }

.draggable {
  cursor: move;
  border: 1px solid var(--cds-global-color-gray-400); }
  .draggable:hover {
    border: 1px solid var(--cds-global-color-yellow-400); }

.highlight .draggable {
  border-color: var(--cds-global-color-gray-200); }
  .highlight .draggable:hover {
    border-color: var(--cds-global-color-yellow-400); }

.droppable,
.ui-droppable-hover {
  background-color: var(--cds-global-color-red-200) !important; }

.dropbox,
.drag_object {
  text-align: center;
  vertical-align: middle;
  padding: 0.3em 0.5em;
  background-color: var(--cds-global-color-gray-100);
  cursor: move; }

.dropbox_hover {
  background-color: var(--cds-global-color-red-200); }

.dropgarbage {
  min-height: 2.3em;
  background-color: var(--cds-global-color-white);
  background-image: url("../images/trash-line.svg");
  background-repeat: no-repeat;
  background-position: center; }

.dropgarbage_hover {
  background-color: var(--cds-global-color-yellow-100); }

.drag_internal {
  display: none; }

/* Drag & drop file upload */
.filedrop {
  font-size: 1.5rem;
  text-align: center;
  vertical-align: middle;
  color: var(--cds-global-color-gray-700);
  background-color: var(--cds-global-color-gray-300);
  border: 1px solid var(--cds-global-color-gray-800);
  width: 22rem;
  height: 5rem;
  display: table-cell; }
  .filedrop.highlight {
    border: 1px solid var(--cds-global-color-gray-800); }

.statusbar {
  min-height: 1.5rem;
  width: 40rem;
  padding: 0.5rem 0;
  vertical-align: top;
  position: relative; }

.uploadprogress {
  width: 25rem;
  height: 1.8rem;
  border: 1px solid var(--cds-global-color-gray-600);
  border-radius: 0.9rem;
  overflow: hidden;
  display: inline-block;
  vertical-align: top; }
  .uploadprogress div {
    height: 100%;
    text-align: right;
    line-height: 2rem;
    /* same as .uploadprogress height if we want text middle aligned */
    width: 0;
    background-color: var(--cds-global-color-gray-300);
    border-radius: 0.25rem; }
    .uploadprogress div .progress {
      margin-right: 0.5rem; }

.statusbar.failed .uploadprogress div {
  background-color: var(--cds-global-color-red-700); }

.filename {
  width: 24rem;
  position: absolute;
  top: 0.8rem;
  left: 0.8rem; }

.filesize {
  margin: 0.3rem 1.5rem; }

.message {
  padding-left: 0.8rem; }

/**
 * Gantt chart table
 */
.chart {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0; }
  .chart thead th {
    position: sticky;
    top: 0;
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2rem;
    line-height: 2rem;
    padding: 0;
    text-align: center;
    border-right: 1px solid var(--cds-global-color-gray-600);
    z-index: 3;
    background-color: var(--cds-global-color-gray-500); }
    .chart thead th.title {
      left: 0;
      height: 2rem;
      font-size: 1.2rem;
      font-weight: 450;
      text-align: left;
      vertical-align: middle;
      z-index: 4; }
  .chart thead .subheader th {
    top: 2rem;
    font-weight: 450; }
    .chart thead .subheader th.today {
      background-color: var(--cds-global-color-red-100); }
    .chart thead .subheader th.weekend {
      color: var(--cds-global-color-gray-200); }
  .chart tbody th, .chart tbody td {
    padding: 0;
    vertical-align: top; }
  .chart tbody .row {
    height: 2rem;
    line-height: 2rem;
    background-color: var(--cds-global-color-gray-200); }
    .chart tbody .row.subheader {
      color: var(--cds-global-color-white);
      background-color: var(--cds-global-color-gray-600); }
  .chart tbody .list {
    position: sticky;
    left: 0;
    background: var(--cds-global-color-gray-500);
    z-index: 2;
    font-weight: 450;
    border-right: 1px solid var(--cds-global-color-gray-800); }
    .chart tbody .list .row {
      position: relative;
      padding-inline: 0.5rem;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .chart tbody .list .row:nth-child(odd) {
        background-color: var(--cds-global-color-gray-300); }
        .chart tbody .list .row:nth-child(odd).subheader {
          color: var(--cds-global-color-white);
          background-color: var(--cds-global-color-gray-600); }
      .chart tbody .list .row.subheader {
        padding-inline: 1rem; }
      .chart tbody .list .row.tooltip.top > .tooltipText, .chart tbody .list .row.tooltip.bottom > .tooltipText {
        left: 0.6rem; }
      .chart tbody .list .row.tooltip.top > .tooltipText:after, .chart tbody .list .row.tooltip.bottom > .tooltipText:after {
        left: 0.7rem; }
  .chart tbody .details .gantt {
    display: grid;
    position: relative;
    grid-template-rows: min-content;
    height: calc( var(--rows) * 2rem ); }
    .chart tbody .details .gantt .columns {
      display: grid;
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: transparent;
      grid-template-columns: repeat(var(--columns), 1fr); }
      .chart tbody .details .gantt .columns span {
        display: block;
        width: 2.4rem;
        border-right: 1px solid var(--cds-global-color-gray-600); }
        .chart tbody .details .gantt .columns span.today {
          background-color: rgba(255, 150, 150, 0.2); }
    .chart tbody .details .gantt .row:nth-child(even) {
      background-color: var(--cds-global-color-gray-300); }
      .chart tbody .details .gantt .row:nth-child(even).subheader {
        color: var(--cds-global-color-white);
        background-color: var(--cds-global-color-gray-600); }
    .chart tbody .details .gantt .row.subheader {
      color: var(--cds-global-color-white);
      background-color: var(--cds-global-color-gray-600); }
    .chart tbody .details .gantt .bars > ul {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(var(--columns), 1fr); }
      .chart tbody .details .gantt .bars > ul > li {
        margin: 0.2rem 0.1rem;
        line-height: 1.6rem;
        text-align: left;
        position: relative;
        cursor: pointer; }
        .chart tbody .details .gantt .bars > ul > li a {
          display: inline-block;
          width: 100%; }
          .chart tbody .details .gantt .bars > ul > li a .warning {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            background-image: url("../images/warning-standard-line-white.svg");
            background-repeat: no-repeat;
            background-size: 1.4rem;
            background-position: left bottom; }
        .chart tbody .details .gantt .bars > ul > li.left-morning {
          margin-left: calc( 2.4rem / 3 + 0.1rem ); }
        .chart tbody .details .gantt .bars > ul > li.left-noon {
          margin-left: calc( 2.4rem / 2 + 0.1rem ); }
        .chart tbody .details .gantt .bars > ul > li.left-afternoon {
          margin-left: calc( 2.4rem / 3 * 2 + 0.1rem ); }
        .chart tbody .details .gantt .bars > ul > li.right-morning {
          margin-right: calc( 2.4rem / 3 * 2 + 0.1rem ); }
        .chart tbody .details .gantt .bars > ul > li.right-noon {
          margin-right: calc( 2.4rem / 2 + 0.1rem ); }
        .chart tbody .details .gantt .bars > ul > li.right-afternoon {
          margin-right: calc( 2.4rem / 3 + 0.1rem ); }
        .chart tbody .details .gantt .bars > ul > li.overlap {
          background: repeating-linear-gradient(-60deg, var(--cds-global-color-magenta-700), var(--cds-global-color-magenta-700) 0.3rem, var(--cds-global-color-red-200) 0.3rem, var(--cds-global-color-red-200) 0.6rem) !important; }
        .chart tbody .details .gantt .bars > ul > li:before, .chart tbody .details .gantt .bars > ul > li:after {
          content: "";
          height: 100%;
          top: 0;
          position: absolute; }
        .chart tbody .details .gantt .bars > ul > li:before {
          left: 0; }
        .chart tbody .details .gantt .bars > ul > li:after {
          right: 0; }

.label {
  border-radius: 0.9rem;
  border: 1px var(--cds-global-color-gray-800) solid;
  padding: 0.2rem 1rem;
  margin: 0 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  color: var(--cds-global-color-gray-900);
  background-color: var(--cds-global-color-gray-400); }
  .label.success {
    border-color: var(--cds-global-color-green-700);
    color: var(--cds-global-color-green-700); }
  .label.warn {
    border-color: var(--cds-global-color-red-800);
    color: var(--cds-global-color-red-800); }
  .label.inline {
    display: flex;
    justify-content: space-between;
    border-radius: 0.5rem;
    margin: 0.2rem;
    background-color: var(--cds-global-color-gray-200); }
    .label.inline .delete {
      display: inline;
      cursor: pointer;
      margin-left: 0.5rem;
      padding-right: 0;
      padding-left: 1.6rem;
      background-repeat: no-repeat;
      background-size: 60%;
      background-position: center;
      background-image: url("../images/close-line.svg"); }
      .label.inline .delete:after {
        content: none; }

.link-list {
  background-color: var(--cds-global-color-gray-300);
  -webkit-border-radius: 0.3rem;
  border-radius: 0.3rem;
  padding: 0.5rem;
  width: max-content; }
  .link-list.link-column {
    flex-direction: column; }
  .link-list.link-row > a {
    padding: 0.2rem 1rem;
    border-right: 1px solid var(--cds-global-color-gray-600); }
    .link-list.link-row > a:last-of-type {
      border-right: none; }
  .link-list a {
    padding: 0.2rem 0.5rem;
    color: var(--cds-global-color-black);
    display: inline-block; }
  .link-list a:hover {
    background-color: var(--cds-global-color-gray-200); }

.msg {
  margin: 1rem 0;
  padding: 0.7rem 3rem;
  border: 0.3rem solid var(--cds-global-color-gray-800);
  border-radius: 0.3rem;
  background-position: left 1rem top 0.8rem;
  background-repeat: no-repeat;
  background-size: 1.2rem, 1.2rem;
  text-align: left;
  display: inline-block;
  position: relative; }
  .msg ol, .msg ul, .msg dl {
    display: block; }
  .msg.error div, .msg.info div, .msg.ok div, .msg.warn div {
    margin-left: 2rem; }
  .msg.error {
    background-color: var(--cds-global-color-red-100);
    border-color: var(--cds-global-color-red-500);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27Layer_1%27%20data-name%3D%27Layer%201%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23c92100%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eic_error_red_16x%3C%2Ftitle%3E%3Cpath%20class%3D%27cls-1%27%20d%3D%27M8%2C1.3A6.7%2C6.7%2C0%2C1%2C1%2C1.3%2C8%2C6.71%2C6.71%2C0%2C0%2C1%2C8%2C1.3M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0H8Z%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%2710%27%20width%3D%272%27%20height%3D%272%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%2710%27%20width%3D%272%27%20height%3D%272%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%273%27%20width%3D%272%27%20height%3D%276%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%273%27%20width%3D%272%27%20height%3D%276%27%2F%3E%3C%2Fsvg%3E");
    padding-bottom: 5rem; }
    .msg.error .btn {
      position: absolute;
      bottom: 1.0rem;
      left: 0;
      height: 2rem;
      line-height: 2rem; }
  .msg.info {
    background-color: var(--cds-global-color-blue-75);
    border-color: var(--cds-global-color-azure-800);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_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%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st1%7Bfill%3A%23004a70%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st1%22%20d%3D%22M8%2C1.3c3.7%2C0%2C6.7%2C3%2C6.7%2C6.7s-3%2C6.7-6.7%2C6.7s-6.7-3-6.7-6.7S4.3%2C1.3%2C8%2C1.3%20M8%2C0C3.6%2C0%2C0%2C3.6%2C0%2C8%0A%09%09%09c0%2C4.4%2C3.6%2C8%2C8%2C8s8-3.6%2C8-8C16%2C3.6%2C12.4%2C0%2C8%2C0L8%2C0z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M5.7%2C6.5c0%2C0%2C1.6-0.3%2C2.5-0.3c0.8-0.1%2C1.1%2C0.4%2C0.9%2C1C8.9%2C7.7%2C8%2C10.6%2C7.7%2C11.6c-0.1%2C0.3%2C0%2C0.4%2C0%2C0.4%0A%09%09c0%2C0%2C0.1%2C0.1%2C0.2%2C0.1c0.2%2C0%2C0.4-0.1%2C0.6-0.3c0.5-0.4%2C0.8-0.8%2C1.1-1.3l0.6%2C0.3c-1%2C1.5-2.1%2C2.3-3.3%2C2.3c-0.3%2C0-0.7-0.1-1-0.3%0A%09%09c-0.2-0.2-0.4-0.5-0.4-0.8c0-0.2%2C0-0.5%2C0.1-0.7c0%2C0%2C0.9-2.3%2C1.2-3.4C7.1%2C7%2C6.8%2C6.9%2C6.6%2C6.9c-0.4%2C0-0.7%2C0-1.1%2C0.1L5.7%2C6.5z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M8.4%2C2.9c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.4c0.2%2C0.2%2C0.4%2C0.6%2C0.4%2C0.9c0%2C0.3-0.1%2C0.7-0.4%2C0.9C8.8%2C5.6%2C8%2C5.6%2C7.5%2C5.1%0A%09%09c0%2C0%2C0%2C0%2C0%2C0C7.3%2C4.8%2C7.1%2C4.5%2C7.1%2C4.1c0-0.3%2C0.1-0.7%2C0.4-0.9C7.7%2C3%2C8.1%2C2.9%2C8.4%2C2.9%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); }
  .msg.ok {
    background-color: var(--cds-global-color-green-50);
    border-color: var(--cds-global-color-green-700);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_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%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st1%7Bfill%3Anone%3Bstroke%3A%23266900%3Bstroke-width%3A1.4%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%09.st2%7Bfill%3A%23266900%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpolyline%20class%3D%22st1%22%20points%3D%223.5%2C7.5%206.5%2C10.5%2011.6%2C5.4%20%22%2F%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st2%22%20d%3D%22M8%2C1.3c3.7%2C0%2C6.7%2C3%2C6.7%2C6.7s-3%2C6.7-6.7%2C6.7s-6.7-3-6.7-6.7S4.3%2C1.3%2C8%2C1.3%20M8%2C0C3.6%2C0%2C0%2C3.6%2C0%2C8%0A%09%09%09c0%2C4.4%2C3.6%2C8%2C8%2C8s8-3.6%2C8-8C16%2C3.6%2C12.4%2C0%2C8%2C0L8%2C0z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); }
  .msg.warn {
    background-color: var(--cds-global-color-yellow-100);
    border-color: var(--cds-global-color-yellow-400);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_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%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23747474%3B%7D%0A%09.st2%7Bfill%3Anone%3Bstroke%3A%23747474%3Bstroke-width%3A1.3%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Crect%20x%3D%227%22%20y%3D%225%22%20class%3D%22st1%22%20width%3D%222%22%20height%3D%224%22%2F%3E%0A%09%09%3Crect%20x%3D%227%22%20y%3D%2210%22%20class%3D%22st1%22%20width%3D%222%22%20height%3D%222%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cpath%20class%3D%22st2%22%20d%3D%22M9.5%2C2l5.6%2C10.4c0.6%2C1.1-0.1%2C2.5-1.3%2C2.5H2.2c-1.2%2C0-1.9-1.4-1.3-2.5L6.5%2C2C7.1%2C0.8%2C8.9%2C0.8%2C9.5%2C2z%22%2F%3E%0A%3C%2Fsvg%3E%0A"); }

#messages {
  display: none;
  position: absolute;
  left: 40%;
  top: -0.5rem;
  width: 20%;
  z-index: 500; }
  #messages .msg {
    display: block; }

#overlay {
  background-color: rgba(50, 50, 50, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
  display: none;
  z-index: 200; }
  #overlay .frame {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 2rem 0;
    position: relative; }
    #overlay .frame > .header {
      padding: 1rem;
      background: rgba(50, 50, 50, 0.6); }
      #overlay .frame > .header a {
        float: right;
        font-size: 2rem;
        padding: 0; }
      #overlay .frame > .header img {
        border: 1px solid var(--cds-global-color-gray-400); }
      #overlay .frame > .header .title {
        font-size: 1.5rem;
        color: var(--cds-global-color-white);
        margin-left: 3rem; }
    #overlay .frame > .content .btn-group {
      margin: 0;
      padding: 0.7rem 4rem 1.5rem 4rem;
      background: rgba(50, 50, 50, 0.6); }
      #overlay .frame > .content .btn-group .btn {
        border-color: var(--cds-global-color-white); }
        #overlay .frame > .content .btn-group .btn:focus {
          border-color: var(--cds-global-color-green-500); }
    #overlay .frame > .content > div {
      padding: 0; }

.panel {
  padding: 0 0.5rem; }
  .panel.minimize > h2,
  .panel.minimize > h3, .panel.maximize > h2,
  .panel.maximize > h3, .panel.show > h2,
  .panel.show > h3, .panel.hide > h2,
  .panel.hide > h3 {
    cursor: pointer; }
  .panel.minimize > h2 .img,
  .panel.minimize > h3 .img, .panel.maximize > h2 .img,
  .panel.maximize > h3 .img, .panel.show > h2 .img,
  .panel.show > h3 .img, .panel.hide > h2 .img,
  .panel.hide > h3 .img {
    float: left;
    margin-right: 0.5rem; }
  .panel.minimize > h2 .img, .panel.maximize > h2 .img, .panel.show > h2 .img, .panel.hide > h2 .img {
    display: inline-block;
    position: relative;
    width: 1.5rem;
    height: 1.5rem; }
  .panel.minimize > h3 .img, .panel.maximize > h3 .img, .panel.show > h3 .img, .panel.hide > h3 .img {
    display: inline-block;
    position: relative;
    width: 1.2rem;
    height: 1.2rem; }
  .panel.maximize > .panelContent, .panel.show > .panelContent {
    display: none; }
  .panel.minimize > .panelContent, .panel.hide > .panelContent {
    display: block; }
  .panel.minimize > h2 .img,
  .panel.minimize > h3 .img, .panel.hide > h2 .img,
  .panel.hide > h3 .img {
    background: url("../images/collapse-line.svg");
    transform: rotate(180deg); }
  .panel.maximize > h2 .img,
  .panel.maximize > h3 .img, .panel.show > h2 .img,
  .panel.show > h3 .img {
    background: url("../images/collapse-line.svg");
    transform: rotate(90deg); }
  .panel.sub {
    margin-top: 1.5rem; }
    .panel.sub > h2 {
      font-size: 1.1rem; }
      .panel.sub > h2 .img {
        display: inline-block;
        position: relative;
        width: 1.2rem;
        height: 1.2rem; }
    .panel.sub .panelContent {
      background-color: var(--cds-global-color-gray-300); }
  .panel .panelContent {
    margin: 0;
    padding: 0.5rem 1rem; }
  .panel > h2 .appendix {
    margin-left: 0.5rem; }

.accordion {
  border: 1px solid var(--cds-global-color-gray-600); }
  .accordion .panel {
    margin-top: 0;
    padding: 0; }
    .accordion .panel > h2 {
      margin: 0;
      padding: 0.5rem;
      background-color: var(--cds-global-color-gray-500);
      border-top: 1px solid var(--cds-global-color-gray-600); }
    .accordion .panel:first-of-type > h2 {
      border-top: none; }

.popup {
  position: fixed;
  left: 30%;
  top: 7%;
  height: auto;
  width: auto;
  max-height: 80%;
  margin: 0;
  padding: 0;
  background-color: var(--cds-global-color-gray-400);
  border-bottom: 0.5rem solid var(--cds-global-color-gray-900);
  display: none;
  z-index: 300; }
  .popup .handle {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0.5rem 0;
    background-color: var(--cds-global-color-gray-900);
    color: var(--cds-global-color-white);
    cursor: move; }
    .popup .handle img {
      margin-left: 0.5rem;
      margin-right: 0.5rem;
      border: 0.1rem solid var(--cds-global-color-gray-400); }
    .popup .handle .title {
      font-size: 1.2rem;
      color: var(--cds-global-color-white);
      margin-left: 0.5rem; }
  .popup .content {
    background: var(--cds-global-color-gray-400);
    border: 0.3rem solid var(--cds-global-color-white);
    position: relative;
    top: 0;
    overflow-y: auto;
    height: auto;
    width: auto;
    max-height: 600px;
    margin-top: 2.7rem;
    padding: 1rem; }

#taskEditDetails_popup {
  width: 650px; }

#releaseNotes_popup {
  width: 600px; }

.progressbar {
  position: relative;
  height: 1.4rem;
  border: 1px solid var(--cds-global-color-gray-600);
  border-radius: 0.7rem;
  overflow: hidden;
  display: inline-block;
  vertical-align: top; }
  .progressbar .progress {
    position: absolute;
    top: 0.1rem;
    width: 100%;
    text-align: center;
    font-size: 0.9em; }
  .progressbar div {
    height: 100%;
    text-align: right;
    line-height: 2rem;
    /* same as .uploadprogress height if we want text middle aligned */
    width: 0;
    background-color: var(--cds-global-color-gray-300);
    border-radius: 0.25rem; }
    .progressbar div.red {
      background-color: var(--cds-global-color-red-500); }
    .progressbar div.orange {
      background-color: var(--cds-global-color-tangerine-400); }
    .progressbar div.gold {
      background-color: var(--cds-global-color-yellow-400); }
    .progressbar div.yellow {
      background-color: var(--cds-global-color-yellow-300); }
    .progressbar div.green {
      background-color: var(--cds-global-color-green-500); }
    .progressbar div.blue {
      background-color: var(--cds-global-color-blue-600); }
    .progressbar div.pink {
      background-color: var(--cds-global-color-pink-300); }
    .progressbar div.purple {
      background-color: var(--cds-global-color-violet-600); }
    .progressbar div.grey {
      background-color: var(--cds-global-color-gray-700); }
    .progressbar div.lightgrey {
      background-color: var(--cds-global-color-gray-300); }

.spinner {
  position: relative;
  display: inline-block;
  min-height: 5rem;
  min-width: 5rem;
  height: 5rem;
  width: 5rem;
  animation: spin 1.3s linear infinite;
  margin: 0;
  padding: 0;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-1%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-width%3A%205px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%2300000000%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-opacity%3A%200.15%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%23004085FF%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3EPreloader_72x2%3C%2Ftitle%3E%0A%20%20%20%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2233%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M14.3%2C60.9A33%2C33%2C0%2C0%2C1%2C36%2C3%22%3E%0A%20%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  text-indent: 100%;
  overflow: hidden; }
  .spinner.spinner-md {
    min-height: 2.5rem;
    min-width: 2.5rem;
    height: 2.5rem;
    width: 2.5rem; }
  .spinner.spinner-inline, .spinner.spinner-sm {
    min-height: 1.2rem;
    min-width: 1.2rem;
    height: 1.2rem;
    width: 1.2rem; }
  .spinner.spinner-inline {
    vertical-align: text-bottom; }
  .spinner.spinner-inverse {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-1%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-miterlimit%3A%2010%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-width%3A%205px%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%23FFFFFFFF%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke-opacity%3A%200.15%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20stroke%3A%20%23004085FF%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3EPreloader_72x2%3C%2Ftitle%3E%0A%20%20%20%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2236%22%20cy%3D%2236%22%20r%3D%2233%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M14.3%2C60.9A33%2C33%2C0%2C0%2C1%2C36%2C3%22%3E%0A%20%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A"); }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
#hourglass {
  position: fixed;
  left: 33%;
  top: 25%;
  z-index: 500; }

.status {
  float: left;
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--cds-global-color-gray-800);
  border-radius: 0.3rem; }
  .status.error, .status.inactive, .status.red {
    background-color: var(--cds-global-color-red-500); }
  .status.warn {
    background-color: var(--cds-global-color-yellow-400); }
  .status.ok, .status.active, .status.green {
    background-color: var(--cds-global-color-green-500); }
  .status.lime, .status.offered {
    background-color: var(--cds-global-color-lime-500); }
  .status.blue, .status.planned, .status.suspended {
    background-color: var(--cds-global-color-blue-600); }
  .status.mauve {
    background-color: var(--cds-global-color-violet-300); }
  .status.orange, .status.blocked, .status.inprogress {
    background-color: var(--cds-global-color-tangerine-400); }
  .status.pink {
    background-color: var(--cds-global-color-pink-300); }
  .status.purple, .status.processed {
    background-color: var(--cds-global-color-violet-600); }
  .status.cancelled {
    background-color: var(--cds-global-color-gray-900); }
  .status.grey, .status.closed {
    background-color: var(--cds-global-color-gray-700); }
  .status.mediumgrey, .status.aborted {
    background-color: var(--cds-global-color-gray-600); }
  .status.lightgrey, .status.open {
    background-color: var(--cds-global-color-gray-300); }
  .status.white {
    background-color: var(--cds-global-color-white); }
  .status.yellow {
    background-color: var(--cds-global-color-yellow-300); }

.statusicon {
  float: left;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.6rem; }
  .statusicon.emailready, .statusicon.emailsent {
    background-repeat: no-repeat;
    background-size: 120%;
    background-position: center; }
  .statusicon.emailready {
    background-image: url("../images/email-line.svg"); }
  .statusicon.emailsent {
    background-image: url("../images/email-solid.svg"); }

.statustxt.smallfont {
  font-size: 0.95rem; }
.statustxt.error, .statustxt.red {
  color: var(--cds-global-color-red-700); }
.statustxt.warn, .statustxt.yellow {
  color: var(--cds-global-color-ochre-600); }
.statustxt.ok, .statustxt.green {
  color: var(--cds-global-color-green-700); }
.statustxt.planned, .statustxt.blue {
  color: var(--cds-global-color-blue-600); }

.subconfig td {
  border-top: 1px solid var(--cds-global-color-gray-800);
  border-bottom: none;
  padding-top: 1.5rem !important; }
  .subconfig td.param {
    font-weight: 600; }
  .subconfig td.subparams {
    border-top: none;
    padding-bottom: 1.5rem; }
    .subconfig td.subparams form {
      padding: 0.5rem 1rem;
      background-color: var(--cds-global-color-gray-300); }
  .subconfig td .test {
    margin-top: 1rem;
    margin-left: 1.5rem; }
    .subconfig td .test .result {
      margin-left: 1rem; }
      .subconfig td .test .result.error {
        color: var(--cds-global-color-red-700); }
      .subconfig td .test .result.ok {
        color: var(--cds-global-color-green-700); }
    .subconfig td .test a {
      color: var(--cds-global-color-black);
      text-decoration: underline; }

#subwindow {
  background-color: var(--cds-global-color-gray-400) -transparent;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
  display: none;
  z-index: 200; }
  #subwindow > .frame {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 2rem 4rem;
    position: relative; }
    #subwindow > .frame > .header {
      padding: 0.7rem;
      background: var(--cds-global-color-gray-900); }
      #subwindow > .frame > .header img {
        border: 1px solid var(--cds-global-color-gray-400); }
      #subwindow > .frame > .header .title {
        font-size: 1.2rem;
        color: var(--cds-global-color-white);
        margin-left: 0.7rem; }
    #subwindow > .frame > .content {
      background: var(--cds-global-color-gray-400);
      border: 0.3rem solid var(--cds-global-color-white);
      height: 1%;
      overflow: hidden; }
      #subwindow > .frame > .content h1 {
        margin-top: 1rem; }
      #subwindow > .frame > .content > div {
        padding: 0.7rem 1rem; }
      #subwindow > .frame > .content .copyright {
        margin: 1rem; }
      #subwindow > .frame > .content .flex .box {
        flex: 0 1 auto; }
        #subwindow > .frame > .content .flex .box:not(:first-of-type) {
          margin-left: 2rem;
          border-left: 1px solid var(--cds-global-color-gray-200);
          padding-left: 2rem; }
        #subwindow > .frame > .content .flex .box.wrapped {
          margin-left: 0;
          border-left: none;
          padding-left: 0; }
        #subwindow > .frame > .content .flex .box.fill {
          flex-grow: 1; }
      #subwindow > .frame > .content .panelTitle {
        padding: 0;
        margin-bottom: 1rem; }
        #subwindow > .frame > .content .panelTitle .img {
          margin-right: 0.7rem; }
      #subwindow > .frame > .content .panelContent {
        margin-bottom: 1rem; }
      #subwindow > .frame > .content .uploadImage {
        margin-right: 2rem; }
        #subwindow > .frame > .content .uploadImage img {
          max-width: 300px; }
        #subwindow > .frame > .content .uploadImage a {
          margin-top: 1rem;
          display: block; }
      #subwindow > .frame > .content .spacer {
        padding-bottom: 2rem;
        border-bottom: 1px solid var(--cds-global-color-gray-200);
        margin-bottom: 2rem; }
      #subwindow > .frame > .content .subcontent {
        margin: 1rem 0;
        padding: 0.5rem 1rem;
        background-color: #dddddd; }
        #subwindow > .frame > .content .subcontent.narrow {
          max-width: 40rem; }
    #subwindow > .frame > .footer {
      background: var(--cds-global-color-gray-900);
      height: 1rem; }

@media screen and (max-width: 1400px) {
  #subwindow > .frame {
    padding: 1rem 2rem; } }
@media screen and (max-width: 1200px) {
  #subwindow > .frame {
    padding: 0.5rem 1rem; }
  #subwindow .grid {
    display: flex;
    flex-direction: column; }
    #subwindow .grid .item:not(:first-child) {
      border-top: 1px solid var(--cds-global-color-gray-200); }
    #subwindow .grid .item.prio1 {
      order: 1; }
    #subwindow .grid .item.prio2 {
      order: 2; }
    #subwindow .grid .item.prio3 {
      order: 3; } }
table {
  width: auto;
  border-collapse: collapse; }
  table.simple {
    border-top: 1px solid var(--cds-global-color-gray-800);
    border-bottom: 1px solid var(--cds-global-color-gray-800); }
    table.simple a {
      background-color: var(--cds-global-color-gray-300); }
    table.simple th,
    table.simple td {
      padding: 0.5rem 1rem; }
    table.simple td {
      background-color: var(--cds-global-color-gray-300); }
  table.frame {
    border-style: none;
    border-width: 0px;
    margin: 0; }
  table thead.sticky {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: var(--cds-global-color-gray-400); }
    table thead.sticky th {
      box-shadow: inset 0 -1px 0 var(--cds-global-color-gray-600);
      border-bottom: none; }
  table tbody > tr.group {
    display: none; }
  table tr:last-child > td {
    border-bottom: none; }
  table tr.border:last-child > td {
    border-bottom: 1px double var(--cds-global-color-gray-900); }
  table tr.clickable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none; }
  table tr.completed td {
    font-style: italic; }
  table tr.highlight {
    background-color: var(--cds-global-color-gray-300); }
  table tr.group > td:first-child.indent {
    padding-left: 5rem; }
  table tr.group > td {
    border-top: 1px dotted var(--cds-global-color-gray-600);
    border-bottom: none; }
  table tr.grouptitle > td {
    border-top: 1px solid var(--cds-global-color-gray-600);
    border-bottom: none; }
    table tr.grouptitle > td input, table tr.grouptitle > td select, table tr.grouptitle > td textarea {
      font-weight: 600;
      margin-left: 0.3rem;
      margin-right: 0.1rem;
      height: 1.5rem; }
      table tr.grouptitle > td input.normal, table tr.grouptitle > td select.normal, table tr.grouptitle > td textarea.normal {
        font-weight: 450; }
    table tr.grouptitle > td input {
      padding-bottom: 0;
      padding-top: 0.2rem;
      border: none; }
    table tr.grouptitle > td.title {
      font-weight: 600; }
      table tr.grouptitle > td.title .info {
        font-weight: 450; }
    table tr.grouptitle > td > .img {
      display: inline-block;
      position: relative;
      width: 1.2rem;
      height: 1.2rem;
      margin: 0 0.5rem;
      top: 0.2rem; }
    table tr.grouptitle > td > .status {
      display: inline-block;
      float: none;
      margin-right: 1.7rem;
      top: 0.1rem; }
  table tr.nonedit {
    font-style: italic; }
  table tr.pagebreak td {
    border-bottom: 0.3rem solid var(--cds-global-color-white); }
  table tr.rowform {
    background-color: var(--cds-global-color-white); }
    table tr.rowform input {
      margin-right: 0; }
    table tr.rowform td {
      padding: 0.5rem 0.5rem 0.5rem 1.5rem;
      vertical-align: top;
      border-bottom-width: 2px; }
      table tr.rowform td.button {
        text-align: center; }
      table tr.rowform td .radio td {
        padding: 0.2rem 0.5rem;
        border: 0; }
  table tr.rowgroup {
    background-color: var(--cds-global-color-gray-300); }
    table tr.rowgroup td {
      font-weight: 600;
      border-top: 2px solid var(--cds-global-color-gray-900);
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
      table tr.rowgroup td.drop {
        text-align: center;
        vertical-align: middle;
        padding: 0.5rem; }
        table tr.rowgroup td.drop .changegroup {
          padding: 0.2em;
          min-width: 1.4em;
          border: 1px dotted var(--cds-global-color-gray-600);
          cursor: move; }
      table tr.rowgroup td.normal {
        font-weight: 450; }
      table tr.rowgroup td input,
      table tr.rowgroup td .select,
      table tr.rowgroup td textarea {
        font-weight: 600; }
        table tr.rowgroup td input.normal,
        table tr.rowgroup td .select.normal,
        table tr.rowgroup td textarea.normal {
          font-weight: 450; }
  table tr.subtotal, table tr.total {
    height: 2rem; }
    table tr.subtotal td, table tr.total td {
      font-weight: 600;
      border-top: 2px solid var(--cds-global-color-gray-900);
      border-bottom: 2px solid var(--cds-global-color-gray-900);
      padding-right: 0.6rem; }
    table tr.subtotal.pagebreak td, table tr.total.pagebreak td {
      border-bottom: 0.3rem solid var(--cds-global-color-white); }
  table tr.subtotal:last-child td {
    border-bottom: 2px solid var(--cds-global-color-gray-900); }
  table tr.total td {
    background-color: var(--cds-global-color-gray-500); }
  table tr.total:last-child td {
    border-bottom: 3px double var(--cds-global-color-gray-900); }
  table tr th,
  table tr td {
    padding: 0.3rem 0.7rem 0.3rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--cds-global-color-gray-600); }
    table tr th.hidden,
    table tr td.hidden {
      padding: 0; }
  table tr th a {
    color: var(--cds-global-color-black); }
  table tr th.action {
    text-align: right;
    min-width: 3rem; }
  table tr th.headergroup {
    border-bottom: 0; }
    table tr th.headergroup.center {
      text-transform: uppercase; }
      table tr th.headergroup.center div {
        border-bottom: 1px solid var(--cds-global-color-gray-300); }
  table tr th.slim {
    padding-left: 0; }
  table tr th.subheader {
    font-weight: normal; }
  table tr th.sort {
    cursor: pointer; }
  table tr th.title {
    padding-left: 1rem;
    padding-right: 2rem; }
  table tr th:after {
    padding-left: 0.3rem; }
  table tr th.sort-asc:after {
    content: "\25b4"; }
  table tr th.sort-desc:after {
    content: "\25be"; }
  table tr td > a {
    display: inline-block; }
  table tr td .colorcode {
    display: inline-block;
    width: 2rem;
    height: 1.2rem;
    border: 1px solid var(--cds-global-color-gray-600); }
  table tr td .celldetail {
    display: inline-block;
    padding-right: 1.5rem; }
  table tr td.action,
  table tr td .action {
    white-space: nowrap; }
    table tr td.action a,
    table tr td .action a {
      display: inline; }
      table tr td.action a:focus,
      table tr td .action a:focus {
        color: var(--cds-global-color-white); }
      table tr td.action a.btn,
      table tr td .action a.btn {
        padding: 0.2rem 1rem; }
      table tr td.action a path,
      table tr td .action a path {
        fill: #ff0000; }
    table tr td.action img,
    table tr td .action img {
      height: 1.5rem; }
    table tr td.action .pagebreak img,
    table tr td .action .pagebreak img {
      transform: rotate(180deg); }
  table tr td.actionfooter {
    text-align: right;
    padding-right: 1rem; }
  table tr td.button {
    vertical-align: bottom; }
  table tr td.content {
    vertical-align: top; }
  table tr td.drag {
    padding: 0.2rem 0.5rem; }
  table tr td.editable {
    padding: 0.1rem; }
    table tr td.editable.text {
      min-width: 10rem; }
    table tr td.editable input,
    table tr td.editable .multi,
    table tr td.editable .select,
    table tr td.editable textarea {
      margin: 0.2rem 0.1rem 0.2rem 0.3rem; }
    table tr td.editable .checkbox {
      margin-top: 0.2rem;
      margin-bottom: 0.2rem;
      margin-right: 1rem; }
    table tr td.editable .multi {
      margin: 0.2rem 0.1rem 0.2rem 0.3rem; }
      table tr td.editable .multi input,
      table tr td.editable .multi .select,
      table tr td.editable .multi textarea {
        margin: 0; }
      table tr td.editable .multi .select {
        padding-top: 0.2rem; }
    table tr td.editable .select {
      position: relative; }
    table tr td.editable textarea {
      width: 20rem; }
      table tr td.editable textarea.txtsmall {
        width: 15rem; }
      table tr td.editable textarea.txtlarge {
        width: 30rem; }
    table tr td.editable .checkbox label {
      position: relative;
      display: inline-block;
      min-height: 1rem;
      padding-left: 1.5rem;
      cursor: pointer; }
    table tr td.editable .checkbox-inline {
      margin-top: 0.5rem; }
    table tr td.editable .checkboxes {
      margin-left: 1rem;
      margin-right: 1rem; }
    table tr td.editable .formerror {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%27Layer_1%27%20data-name%3D%27Layer%201%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23a32100%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eic_error_red_16x%3C%2Ftitle%3E%3Cpath%20class%3D%27cls-1%27%20d%3D%27M8%2C1.3A6.7%2C6.7%2C0%2C1%2C1%2C1.3%2C8%2C6.71%2C6.71%2C0%2C0%2C1%2C8%2C1.3M8%2C0a8%2C8%2C0%2C1%2C0%2C8%2C8A8%2C8%2C0%2C0%2C0%2C8%2C0H8Z%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%2710%27%20width%3D%272%27%20height%3D%272%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%2710%27%20width%3D%272%27%20height%3D%272%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%273%27%20width%3D%272%27%20height%3D%276%27%2F%3E%3Crect%20class%3D%27cls-1%27%20x%3D%277%27%20y%3D%273%27%20width%3D%272%27%20height%3D%276%27%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      height: 1.5rem;
      line-height: 1.5rem;
      padding-left: 2rem;
      color: var(--cds-global-color-red-800);
      margin: 0 0.5rem 0 0.5rem;
      float: right; }
    table tr td.editable .prefix,
    table tr td.editable .postfix,
    table tr td.editable .infotext {
      display: inline;
      font-weight: 400; }
    table tr td.editable .prefix {
      margin-left: 0.2rem;
      margin-right: 0.2rem; }
    table tr td.editable .postfix {
      margin-left: 0.2rem;
      margin-right: 0.5rem; }
  table tr td.error {
    background-color: var(--cds-global-color-red-100) !important; }
  table tr td.folder {
    cursor: pointer;
    padding: 0.1rem; }
  table tr td.form {
    padding-right: 1.5rem; }
  table tr td.frame {
    border: 0;
    vertical-align: top;
    padding: 0px; }
    table tr td.frame table {
      width: 100%; }
  table tr td.group {
    padding: 0.3rem 0;
    cursor: pointer; }
  table tr td.info {
    font-size: 0.9em; }
    table tr td.info img {
      height: 1.25rem; }
    table tr td.info.rotate_90 img {
      transform: rotate(90deg); }
    table tr td.info.rotate_180 img {
      transform: rotate(180deg); }
    table tr td.info.rotate_270 img {
      transform: rotate(270deg); }
  table tr td.indent {
    padding-left: 2.7rem; }
  table tr td.inline-group {
    border-bottom: none; }
    table tr td.inline-group.title {
      border-top: 1px solid var(--cds-global-color-gray-600);
      font-weight: 600; }
  table tr td.key {
    font-weight: 600; }
  table tr td.ok {
    background-color: var(--cds-global-color-green-50) !important; }
  table tr td.stat-double {
    width: 3rem;
    min-width: 3rem; }
  table tr td.subgroup {
    border-bottom: none; }
  table tr td.textarea {
    width: 30rem; }
  table tr td.textedit {
    padding: 0.1rem;
    vertical-align: top; }
    table tr td.textedit textarea {
      margin: 0; }
  table tr td.warn {
    background-color: var(--cds-global-color-yellow-100) !important; }

.tablenav {
  margin-bottom: 0.5em; }
  .tablenav > a {
    color: var(--cds-global-color-green-700);
    background-color: var(--cds-global-color-white);
    font-size: 0.9em;
    border: 1px solid var(--cds-global-color-green-700);
    border-radius: 0.8rem;
    display: inline-block;
    width: 2.2rem;
    height: 1.25rem;
    padding: 0.2em 0;
    text-align: center;
    cursor: pointer; }
    .tablenav > a.disabled {
      background-color: var(--cds-global-color-gray-400); }
  .tablenav form {
    display: inline-block;
    padding: 0 0.5rem; }
    .tablenav form .box {
      margin-right: 0; }
    .tablenav form .form-group {
      padding-left: 4rem; }
      .tablenav form .form-group label {
        width: 3.5rem;
        text-align: right; }
      .tablenav form .form-group select {
        width: 5rem; }

#caption table {
  border: 0;
  margin: 0; }

.tabbed {
  margin-top: 1rem; }
  .tabbed .tabgroup {
    cursor: pointer;
    border-bottom: 1px solid var(--cds-global-color-gray-800); }
    .tabbed .tabgroup .tab {
      padding: 0.5rem 1rem;
      background: transparent;
      border-bottom: 1px solid var(--cds-global-color-gray-800);
      position: relative;
      top: 1px; }
      .tabbed .tabgroup .tab.active {
        color: var(--cds-global-color-white);
        border: 1px solid var(--cds-global-color-gray-800);
        border-bottom: 1px solid var(--cds-global-color-gray-400); }
      .tabbed .tabgroup .tab:hover {
        background-color: var(--cds-global-color-gray-300); }
        .tabbed .tabgroup .tab:hover.active {
          background-color: transparent; }
      .tabbed .tabgroup .tab .appendix {
        margin-left: 0.5rem; }
  .tabbed .tabcontent {
    margin: 0;
    padding: 0.5rem 1rem;
    border-left: 1px solid var(--cds-global-color-gray-800); }

td .tooltip {
  position: relative; }

.branch .tooltip,
.leaf .tooltip {
  position: absolute; }

.tooltip > .tooltipText {
  position: absolute;
  top: -0.7rem;
  left: 2.5rem;
  border: 1px var(--cds-global-color-azure-800) solid;
  border-radius: 0.25rem;
  font-size: 0.9rem;
  color: var(--cds-global-color-azure-800);
  background-color: var(--cds-global-color-blue-75);
  padding: 0;
  width: 0;
  z-index: 400;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s 0.2s ease; }
  .tooltip > .tooltipText ul {
    list-style-type: '–';
    margin-left: 0; }
    .tooltip > .tooltipText ul li {
      font-size: 0.9rem;
      text-indent: 0.5rem; }
.tooltip > .tooltipText:after {
  content: ' ';
  height: 0;
  position: absolute;
  top: 0.3rem;
  right: 100%;
  border: 0.7rem solid transparent;
  border-right-color: var(--cds-global-color-azure-800); }
.tooltip.top > .tooltipText {
  top: auto;
  bottom: 2rem;
  left: -0.6rem; }
.tooltip.top > .tooltipText:after {
  top: 100%;
  right: auto;
  left: 0.7rem;
  border-top-color: var(--cds-global-color-azure-800);
  border-right-color: transparent; }
.tooltip.bottom > .tooltipText {
  top: 2rem;
  left: -0.3rem; }
.tooltip.bottom > .tooltipText:after {
  top: auto;
  bottom: 100%;
  right: auto;
  left: 0.7rem;
  border-bottom-color: var(--cds-global-color-azure-800);
  border-right-color: transparent; }
.tooltip:hover > .tooltipText {
  visibility: visible;
  opacity: 1;
  padding: 0.25rem 0.5rem;
  width: auto; }
.tooltip.ui-draggable-dragging:hover > .tooltipText {
  display: none; }
.tooltip.formerror > .tooltipText {
  border-color: var(--cds-global-color-red-800);
  background-color: var(--cds-global-color-red-200);
  transition: opacity 0.2s 0.2s ease;
  position: relative; }
.tooltip.formerror > .tooltipText:after {
  border-right-color: var(--cds-global-color-red-800); }
.tooltip.formerror.top > .tooltipText:after {
  border-top-color: var(--cds-global-color-red-800);
  border-right-color: transparent; }
.tooltip.formerror.bottom > .tooltipText:after {
  border-bottom-color: var(--cds-global-color-red-800);
  border-right-color: transparent; }
.tooltip.changeorder > .tooltipText {
  width: 10rem; }

.branch,
.leaf {
  border-top: 1px solid var(--cds-global-color-gray-800);
  position: relative; }
  .branch .icon,
  .leaf .icon {
    margin-right: 1rem; }
    .branch .icon img,
    .leaf .icon img {
      width: 1.25rem;
      height: 1.25rem; }
  .branch .container,
  .leaf .container {
    margin-left: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: flex;
    flex-direction: row; }
    .branch .container > div,
    .leaf .container > div {
      flex: 1 1 0;
      overflow: hidden;
      hyphens: auto; }
      .branch .container > div.editable,
      .leaf .container > div.editable {
        padding: 0.1rem;
        margin-right: 1rem; }
        .branch .container > div.editable.text,
        .leaf .container > div.editable.text {
          min-width: 10rem; }
        .branch .container > div.editable input,
        .branch .container > div.editable select,
        .branch .container > div.editable textarea,
        .leaf .container > div.editable input,
        .leaf .container > div.editable select,
        .leaf .container > div.editable textarea {
          margin-left: 0em;
          margin-right: 0.1rem;
          height: 1.5rem; }
        .branch .container > div.editable textarea,
        .leaf .container > div.editable textarea {
          width: 20rem; }
        .branch .container > div.editable .checkbox label,
        .leaf .container > div.editable .checkbox label {
          position: relative;
          display: inline-block;
          min-height: 1rem;
          padding-left: 1.5rem;
          cursor: pointer; }
        .branch .container > div.editable .prefix,
        .branch .container > div.editable .postfix,
        .branch .container > div.editable .infotext,
        .leaf .container > div.editable .prefix,
        .leaf .container > div.editable .postfix,
        .leaf .container > div.editable .infotext {
          display: inline; }
        .branch .container > div.editable .prefix,
        .leaf .container > div.editable .prefix {
          margin-left: 0.2rem; }
        .branch .container > div.editable .postfix,
        .leaf .container > div.editable .postfix {
          margin-left: 0.2rem;
          margin-right: 0.5rem; }
    .branch .container .action img,
    .leaf .container .action img {
      padding: 0; }

.branch .toggle {
  margin-right: 0.5em;
  padding-top: 0.5em;
  cursor: pointer;
  position: absolute; }
.branch .container.highlight {
  background-color: var(--cds-global-color-gray-200); }

.leaf .highlight {
  background-color: var(--cds-global-color-gray-300); }

.indent_1 {
  padding-left: 2rem; }

.indent_2 {
  padding-left: 4rem; }

.indent_3 {
  padding-left: 6rem; }

.indent_4 {
  padding-left: 8rem; }

.indent_5 {
  padding-left: 10rem; }

.indent_6 {
  padding-left: 12rem; }

.indent_7 {
  padding-left: 14rem; }

.indent_8 {
  padding-left: 16rem; }

.indent_9 {
  padding-left: 18rem; }

.orderedtree {
  display: inline-block; }
  .orderedtree .treeitem.highlight,
  .orderedtree .ordertarget.highlight {
    background-color: var(--cds-global-color-gray-200); }
  .orderedtree .treeitem {
    padding: 0 0.5em;
    line-height: 1.8rem; }
    .orderedtree .treeitem > div {
      display: inline-block; }
    .orderedtree .treeitem .changeorderDraggable {
      float: left; }
      .orderedtree .treeitem .changeorderDraggable.ui-draggable-dragging {
        background-color: var(--cds-global-color-white); }
      .orderedtree .treeitem .changeorderDraggable .handle {
        text-align: center;
        vertical-align: middle;
        width: 2rem;
        height: 1.5rem;
        background-image: url("../images/drag-handle-line.svg");
        background-repeat: no-repeat;
        background-size: 125%;
        background-position: center;
        background-color: var(--cds-global-color-gray-300);
        cursor: move; }
        .orderedtree .treeitem .changeorderDraggable .handle.ui-draggable-dragging {
          background-color: rgba(255, 255, 255, 0.4); }
    .orderedtree .treeitem .title {
      min-width: 20rem;
      margin-left: 1.0em;
      margin-right: 1.0em; }
    .orderedtree .treeitem .type {
      width: 10rem; }
  .orderedtree .ordertarget {
    padding: 0.4em 0; }
    .orderedtree .ordertarget hr {
      background-color: var(--cds-global-color-black); }

.wizard {
  margin: 0 0 1rem 0;
  padding: 0;
  position: relative;
  clear: both;
  height: 2.5rem; }
  .wizard ol, .wizard ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .wizard ol li, .wizard ul li {
      position: relative;
      display: block;
      width: auto;
      height: 2rem;
      margin-right: 1rem;
      padding: 0 1rem;
      float: left;
      line-height: 2rem;
      background: var(--cds-global-color-white);
      /* arrows */ }
      .wizard ol li.first, .wizard ul li.first {
        margin-left: 0; }
        .wizard ol li.first:before, .wizard ul li.first:before {
          border: 0;
          left: 0; }
      .wizard ol li.last:after, .wizard ul li.last:after {
        border: 0;
        right: 0; }
      .wizard ol li.active, .wizard ul li.active {
        font-weight: 600;
        background: var(--cds-global-color-yellow-400); }
        .wizard ol li.active:after, .wizard ul li.active:after {
          border-left-color: var(--cds-global-color-yellow-400); }
        .wizard ol li.active:before, .wizard ul li.active:before {
          border-top-color: var(--cds-global-color-yellow-400);
          border-bottom-color: var(--cds-global-color-yellow-400); }
      .wizard ol li.done, .wizard ul li.done {
        background: var(--cds-global-color-green-500);
        cursor: pointer; }
        .wizard ol li.done:after, .wizard ul li.done:after {
          border-left-color: var(--cds-global-color-green-500); }
        .wizard ol li.done:before, .wizard ul li.done:before {
          border-top-color: var(--cds-global-color-green-500);
          border-bottom-color: var(--cds-global-color-green-500); }
      .wizard ol li:before, .wizard ol li:after, .wizard ul li:before, .wizard ul li:after {
        width: 0;
        height: 0;
        position: absolute;
        content: "";
        top: 0; }
      .wizard ol li:after, .wizard ul li:after {
        border-top: 1rem solid transparent;
        border-bottom: 1rem solid transparent;
        border-left: 1rem solid var(--cds-global-color-white);
        right: -1rem; }
      .wizard ol li:before, .wizard ul li:before {
        border-top: 1rem solid var(--cds-global-color-white);
        border-bottom: 1rem solid var(--cds-global-color-white);
        border-left: 1rem solid transparent;
        left: -1rem; }

#contacttree {
  min-width: 35rem;
  margin-right: 1rem; }
  #contacttree .icon_group,
  #contacttree .icon_org,
  #contacttree .icon_pers {
    margin-right: 1rem;
    padding-left: 2.5rem;
    background-repeat: no-repeat;
    background-size: 1.2rem auto;
    width: 6rem; }
  #contacttree .icon_group {
    background-image: url("../images/users-solid.svg");
    background-size: 1.5rem auto; }
  #contacttree .icon_org {
    background-image: url("../images/bank-solid.svg"); }
  #contacttree .icon_pers {
    background-image: url("../images/user-solid.svg"); }
  #contacttree .contactid {
    margin-left: 0.5rem;
    font-size: 0.9rem;
    font-weight: 300; }
    #contacttree .contactid:before {
      content: '('; }
    #contacttree .contactid:after {
      content: ')'; }
  #contacttree .action {
    text-align: right;
    flex-grow: 0.2; }

/**
 * Filesystems
 */
#invoicefilesystemtree {
  max-width: 100em;
  margin: 0 1rem; }
  #invoicefilesystemtree .header {
    font-weight: 600;
    margin-bottom: 1.0em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
  #invoicefilesystemtree .header,
  #invoicefilesystemtree .container {
    padding-right: 0.4em; }
    #invoicefilesystemtree .header > div,
    #invoicefilesystemtree .container > div {
      flex: 1 1 0; }
      #invoicefilesystemtree .header > div.dir, #invoicefilesystemtree .header > div.file,
      #invoicefilesystemtree .container > div.dir,
      #invoicefilesystemtree .container > div.file {
        flex: 3 1; }
      #invoicefilesystemtree .header > div.name.public,
      #invoicefilesystemtree .container > div.name.public {
        color: var(--cds-global-color-blue-800); }
      #invoicefilesystemtree .header > div.size,
      #invoicefilesystemtree .container > div.size {
        flex-grow: unset;
        flex-shrink: unset;
        flex-basis: 5rem;
        text-align: right;
        margin-right: 1rem; }
      #invoicefilesystemtree .header > div.date,
      #invoicefilesystemtree .container > div.date {
        flex-grow: unset;
        flex-shrink: unset;
        flex-basis: 12rem;
        text-align: center;
        margin-right: 2rem; }
      #invoicefilesystemtree .header > div.visibility,
      #invoicefilesystemtree .container > div.visibility {
        flex-grow: unset;
        flex-shrink: unset;
        flex-basis: 4rem;
        text-align: right; }
      #invoicefilesystemtree .header > div.action,
      #invoicefilesystemtree .container > div.action {
        flex-grow: unset;
        flex-shrink: unset;
        flex-basis: 9rem; }
  #invoicefilesystemtree .branch .summary,
  #invoicefilesystemtree .branch .dir {
    font-weight: 600; }
  #invoicefilesystemtree .action {
    text-align: right;
    flex-grow: 0.2; }

table tr td .celldetail.standby {
  background-color: var(--cds-global-color-gray-300); }

/**
 * Category tree
 */
.orderedtree .treeitem .name {
  min-width: 20rem;
  margin-left: 1.0em;
  margin-right: 1.0em; }

/**
 * HTML menu items
 */
.orderedtree .treeitem .title {
  min-width: 20rem;
  margin-left: 1.0em;
  margin-right: 1.0em; }
.orderedtree .treeitem .type {
  width: 10rem; }

#htmlpagetree {
  width: 30rem; }
  #htmlpagetree .icon {
    margin-right: 1rem; }
  #htmlpagetree .action,
  #htmlpagetree .pubstat {
    flex-grow: 0; }
  #htmlpagetree .pubstat {
    flex-basis: 2.0rem; }
  #htmlpagetree .action {
    flex-basis: 4.0rem;
    white-space: nowrap; }
    #htmlpagetree .action a,
    #htmlpagetree .action div {
      display: inline; }

/**
 * HTML page relations
 */
#pagerelations {
  margin-top: 1rem; }
  #pagerelations th.from,
  #pagerelations th.to {
    font-weight: 450;
    font-size: 1.2rem;
    text-align: center; }
  #pagerelations .from {
    padding-right: 1rem;
    border-right: 1px solid var(--cds-global-color-gray-600);
    margin-right: 1rem; }
  #pagerelations .page:before,
  #pagerelations .page:after {
    content: "\2192";
    font-size: 1.6rem; }
  #pagerelations .to {
    padding-left: 1rem;
    border-left: 1px solid var(--cds-global-color-gray-600);
    margin-left: 1rem; }

/**
 * HTML page relations
 */
.videoplayer {
  padding: 1rem;
  background-color: var(--cds-global-color-gray-300);
  border: 1px solid var(--cds-global-color-gray-800);
  width: 40rem;
  height: auto;
  min-height: 5rem; }

/**
 * Project Offer
 */
.calendar table td .info .exhibition {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--cds-global-color-gray-200);
  margin-bottom: 0.5rem; }
.calendar table td .info table td {
  padding: 0.2rem 0.3rem; }

/**
 * Filesystems
 */
#filesystemtree {
  min-width: 66vw;
  max-width: fit-content;
  margin: 0 1rem; }
  #filesystemtree .grouptoggle:has(+ .header) {
    position: absolute; }
  #filesystemtree .header {
    font-weight: 600;
    margin-bottom: 0.3rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
  #filesystemtree .header,
  #filesystemtree .container {
    padding-right: 0.4em; }
    #filesystemtree .header > div,
    #filesystemtree .container > div {
      flex: 1 1 0; }
      #filesystemtree .header > div.public,
      #filesystemtree .header > div .public,
      #filesystemtree .container > div.public,
      #filesystemtree .container > div .public {
        color: var(--cds-global-color-blue-800); }
      #filesystemtree .header > div.position,
      #filesystemtree .container > div.position {
        flex-grow: unset;
        flex-shrink: unset;
        flex-basis: 3rem;
        text-align: right;
        margin-right: 2rem; }
      #filesystemtree .header > div.fileDownload a,
      #filesystemtree .container > div.fileDownload a {
        padding-left: 2rem; }
      #filesystemtree .header > div.size,
      #filesystemtree .container > div.size {
        flex-grow: unset;
        flex-shrink: unset;
        flex-basis: 5rem;
        text-align: right;
        margin-right: 1rem; }
      #filesystemtree .header > div.date,
      #filesystemtree .container > div.date {
        flex-grow: unset;
        flex-shrink: unset;
        flex-basis: 12rem;
        text-align: center;
        margin-right: 2rem; }
      #filesystemtree .header > div.visibility,
      #filesystemtree .container > div.visibility {
        flex-grow: unset;
        flex-shrink: unset;
        flex-basis: 4rem;
        text-align: right; }
      #filesystemtree .header > div.action,
      #filesystemtree .container > div.action {
        flex-grow: unset;
        flex-shrink: unset;
        flex-basis: 9rem; }
  #filesystemtree .action {
    text-align: right;
    flex-grow: 0.2; }
    #filesystemtree .action .icon {
      margin-right: 0.2rem; }

/**
 * Email Client
 */
#mailclient {
  max-width: 100rem; }
  #mailclient .counter {
    margin-left: 1rem;
    padding: 0 1rem;
    background-color: var(--cds-global-color-yellow-100); }
  #mailclient .adresses {
    height: 11rem; }
  #mailclient .plaintext {
    min-width: 30rem;
    max-height: 100%;
    overflow-y: scroll; }
  #mailclient textarea.body {
    height: 25rem; }

/**
 * Mailer views
 */
.mailmessage .headers {
  margin: 0 2.5rem; }
  .mailmessage .headers .header {
    padding-bottom: 0.2rem; }
  .mailmessage .headers .info {
    margin-bottom: 1rem;
    background-color: var(--cds-global-color-gray-200);
    padding: 0.3rem 0.5rem;
    min-height: 1.4rem; }
.mailmessage iframe {
  margin: 1.5rem 2.5rem;
  width: 60rem;
  height: 60rem;
  background-color: var(--cds-global-color-gray-200);
  border: 1px solid var(--cds-global-color-gray-600); }
.mailmessage .codeblock {
  margin: 1.5rem 2.5rem;
  max-height: 60rem; }
  .mailmessage .codeblock pre {
    max-height: 58rem; }

th.large {
  width: 30rem; }

/**
 * Movie calendar (Showing, Disposition)
 * see also: widgets/_calendar.scss
 */
.calendar.movie table td .date {
  cursor: pointer; }
  .calendar.movie table td .date:hover {
    color: var(--cds-global-color-white); }
.calendar.movie table td .info table tr.draggableshowing td {
  cursor: move; }
.calendar.movie table td .info table tr.spacer hr {
  background-color: var(--cds-global-color-gray-300); }
.calendar.movie table td .info table tr.spacer.long hr {
  border-top-color: var(--cds-global-color-gray-200);
  background-color: var(--cds-global-color-gray-200);
  height: 0.5rem; }
.calendar.movie table td .info table tr.spacer.overlap hr {
  border-top-color: var(--cds-global-color-red-700);
  background-color: var(--cds-global-color-red-700);
  height: 0.5rem; }
.calendar.movie table td .info table tr.spacer.short hr {
  border-top-color: var(--cds-global-color-yellow-100);
  background-color: var(--cds-global-color-yellow-100);
  height: 0.5rem; }
.calendar.movie table td .info table td.flag span {
  margin-right: 0.2rem;
  padding: 0.1rem 0.3rem 0 0.3rem;
  font-style: normal;
  text-transform: uppercase; }
  .calendar.movie table td .info table td.flag span:last-of-type {
    margin-right: 0; }
  .calendar.movie table td .info table td.flag span.guests {
    background-color: var(--cds-global-color-white); }
  .calendar.movie table td .info table td.flag span.internal {
    color: var(--cds-global-color-white);
    background-color: var(--cds-global-color-tangerine-400); }
  .calendar.movie table td .info table td.flag span.public {
    color: var(--cds-global-color-white);
    background-color: var(--cds-global-color-blue-600); }
.calendar.movie table td .info table td.showtime.editable {
  padding: 0; }
.calendar.movie table td .info table td input {
  background-color: transparent; }
.calendar.movie table td.weekend .info table tr.spacer hr {
  background-color: var(--cds-global-color-gray-200); }
.calendar.movie table td.weekend .info table tr.spacer.long hr {
  background-color: var(--cds-global-color-gray-200); }
.calendar.movie table td.weekend .info table tr.spacer.overlap hr {
  background-color: var(--cds-global-color-red-700); }
.calendar.movie table td.weekend .info table tr.spacer.short hr {
  background-color: var(--cds-global-color-yellow-100); }

@media screen and (max-width: 1400px) {
  .calendar table td .info table td.flag span {
    font-size: 0.9rem; } }
@media all {
  .showinginfo form .flex .box {
    flex: 0 1;
    margin-right: 5rem; }
  .showinginfo .title .date,
  .showinginfo .title .movie {
    font-size: 1.2rem;
    font-weight: bold; }
  .showinginfo .title .date {
    padding: 0.2em 0.5em; }
  .showinginfo .title .movie {
    background-color: #ffcd2d;
    display: inline-block;
    padding: 0.2rem 0.5rem; }
    .showinginfo .title .movie .runningtime {
      margin-left: 1rem;
      font-size: 0.9rem;
      font-weight: normal; }
  .showinginfo .seatpanel {
    display: flex;
    margin-top: 1rem; }
    .showinginfo .seatpanel .column {
      background-color: var(--cds-global-color-gray-300);
      margin: 0 0.7rem 0.7rem 0;
      padding: 0.7rem; }
      .showinginfo .seatpanel .column h2 {
        margin-bottom: 0.5rem; }
        .showinginfo .seatpanel .column h2:not(:first-of-type) {
          margin-top: 3rem; }

  .auditorium {
    display: flex;
    justify-content: space-between;
    margin: 0.5rem 0;
    min-width: 30rem; }
    .auditorium div {
      font-size: 1.1em; }

  .seatmap .freeseating .seat,
  .seatmap .seating .seat {
    vertical-align: middle; }
    .seatmap .freeseating .seat .occupation,
    .seatmap .seating .seat .occupation {
      margin: 0.1rem;
      width: 2.2rem;
      border: 0.2rem solid transparent;
      line-height: 1.8rem;
      cursor: pointer;
      text-align: center; }
      .seatmap .freeseating .seat .occupation a,
      .seatmap .seating .seat .occupation a {
        display: block;
        color: var(--cds-global-color-black);
        background-color: var(--cds-global-color-white);
        border: 1px solid var(--cds-global-color-gray-800); }
      .seatmap .freeseating .seat .occupation.active,
      .seatmap .seating .seat .occupation.active {
        border-color: var(--cds-global-color-black); }
      .seatmap .freeseating .seat .occupation.inuse,
      .seatmap .seating .seat .occupation.inuse {
        border-color: var(--cds-global-color-red-700); }
      .seatmap .freeseating .seat .occupation.blocked a,
      .seatmap .seating .seat .occupation.blocked a {
        background-color: var(--cds-global-color-gray-500); }
      .seatmap .freeseating .seat .occupation.reserved a,
      .seatmap .seating .seat .occupation.reserved a {
        background-color: var(--cds-global-color-yellow-100); }
      .seatmap .freeseating .seat .occupation.sold a,
      .seatmap .seating .seat .occupation.sold a {
        background-color: var(--cds-global-color-ice-100); }
      .seatmap .freeseating .seat .occupation.wheelchair a,
      .seatmap .seating .seat .occupation.wheelchair a {
        color: transparent;
        background-image: url("../images/rollstuhl_icon.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 70%; }
    .seatmap .freeseating .seat.internal .occupation a,
    .seatmap .seating .seat.internal .occupation a {
      background-color: var(--cds-global-color-gray-300); }
  .seatmap .freeseating {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 30rem; }
    .seatmap .freeseating .seat .occupation {
      width: 2.3rem;
      line-height: 2.1rem; }
  .seatmap .seating .sector {
    display: table;
    border-top: 3px double var(--cds-global-color-gray-900);
    padding: 0.5rem 0; }
    .seatmap .seating .sector .row {
      display: table-row; }
      .seatmap .seating .sector .row .aisle,
      .seatmap .seating .sector .row .seat {
        display: table-cell; }
      .seatmap .seating .sector .row .aisle .left,
      .seatmap .seating .sector .row .aisle .right {
        margin: 0.1rem;
        width: 1.5rem;
        border: 0.2rem solid transparent;
        line-height: 1.8rem;
        font-weight: bold; }
      .seatmap .seating .sector .row .aisle .left {
        text-align: left; }
      .seatmap .seating .sector .row .aisle .right {
        text-align: right; }
    .seatmap .seating .sector.special .occupation a {
      background-color: var(--cds-global-color-gray-300); }
    .seatmap .seating .sector.special .occupation.blocked a {
      background-color: var(--cds-global-color-gray-500); }
    .seatmap .seating .sector.special .occupation.reserved a {
      background-color: var(--cds-global-color-yellow-100); }
    .seatmap .seating .sector.special .occupation.sold a {
      background-color: var(--cds-global-color-ice-100); }
    .seatmap .seating .sector.special .aisle {
      display: none; }

  .keymap {
    display: flex;
    margin-top: 2rem; }
    .keymap div {
      margin: 0 1rem 0 0.25rem;
      line-height: 1.0rem; }
    .keymap span {
      display: inline-block;
      font-size: 1.1em;
      line-height: 1.8rem;
      width: 2.2rem;
      height: 1.8rem;
      text-align: center;
      border: 1px solid var(--cds-global-color-gray-800);
      margin-right: 0.5rem; }
      .keymap span.blocked {
        background-color: var(--cds-global-color-gray-500); }
      .keymap span.free {
        background-color: var(--cds-global-color-white); }
      .keymap span.internal {
        background-color: var(--cds-global-color-gray-300); }
      .keymap span.reserved {
        background-color: var(--cds-global-color-yellow-100); }
      .keymap span.sold {
        background-color: var(--cds-global-color-ice-100); }

  .seatselection {
    width: 100%;
    border-bottom: 1px solid var(--cds-global-color-gray-600); }
    .seatselection th,
    .seatselection td {
      border-bottom: none;
      padding: 0.3rem; }
    .seatselection td {
      border-top: 1px solid var(--cds-global-color-gray-600); }
      .seatselection td .reservation {
        margin-bottom: 0.4em; }
    .seatselection .infobox {
      display: none; }
      .seatselection .infobox.show {
        display: table-row; }
      .seatselection .infobox td {
        border: none; }
      .seatselection .infobox textarea {
        width: 95%; }
    .seatselection .seat,
    .seatselection .voucher {
      text-align: center; }
    .seatselection .selection .action a {
      cursor: pointer;
      font-size: 1.1em;
      text-transform: uppercase; }
      .seatselection .selection .action a img {
        width: 1.0em; }
    .seatselection .selection .status.blocked {
      background-color: var(--cds-global-color-red-200); }
    .seatselection .selection .status.reserved {
      background-color: var(--cds-global-color-yellow-100); }
    .seatselection .selection .status.sold {
      background-color: var(--cds-global-color-ice-100); }

  .selectionaction {
    margin-top: 2.0em; }

  .reservationlist {
    max-height: 50vh;
    overflow-y: scroll;
    padding-right: 1rem; }
    .reservationlist th {
      border-right: none; }
    .reservationlist td {
      font-style: italic;
      border-right: none;
      border-top: 1px solid var(--cds-global-color-gray-800);
      border-bottom: none; }
      .reservationlist td.remarks {
        padding-left: 3rem;
        border-top: none; }
      .reservationlist td.sold {
        background-color: var(--cds-global-color-ice-100); }
    .reservationlist tr:last-of-type td {
      border-bottom: 1px solid var(--cds-global-color-gray-800); }
    .reservationlist tr:hover td {
      background-color: var(--cds-global-color-gray-300); }
    .reservationlist.city, .reservationlist.code, .reservationlist.name {
      display: table-cell;
      padding: 0.3rem 1rem; }
    .reservationlist .code {
      text-align: right; }
    .reservationlist .select td {
      font-style: normal;
      cursor: pointer; }

  .checkout iframe {
    background: var(--cds-global-color-white);
    padding: 0.5rem;
    min-height: 400px;
    border: none; }
    .checkout iframe.empty {
      width: 200px; }

  #editshowing_popup {
    left: 15%; } }
@media screen and (max-width: 1500px) {
  .seatmap .freeseating .seat .occupation,
  .seatmap .seating .seat .occupation {
    margin: 0;
    width: 2.1rem; }
  .seatmap .seating .sector .row .aisle .left,
  .seatmap .seating .sector .row .aisle .right {
    width: 1rem; }

  .keymap div {
    margin-right: 0.5rem; }
  .keymap span {
    margin-right: 0.2rem; } }
textarea.occasionremarks {
  width: 300px; }

textarea.contractarticledetails,
textarea.contractarticletitle,
td.editable textarea.contractarticledetails,
td.editable textarea.contractarticletitle {
  width: 300px; }

table.defaultdetails .title {
  width: 300px;
  padding-left: 5rem; }
table.defaultdetails .text {
  width: 300px;
  padding-left: 1rem; }
  table.defaultdetails .text ul {
    margin-left: 0.5rem; }

/**
 * Scheduling
 */
#scheduleform > .box {
  flex: 0; }
#scheduleform .buttons {
  margin-left: 2rem;
  margin-top: 0.2rem; }

#schedule table {
  border: none;
  border-bottom: 1px solid var(--cds-global-color-white);
  border-collapse: separate;
  border-spacing: 0; }
#schedule thead th {
  position: sticky;
  top: 0;
  z-index: 3; }
  #schedule thead th.fixedcol {
    z-index: 4; }
#schedule td, #schedule th {
  border: 1px solid var(--cds-global-color-white);
  border-left: none;
  box-sizing: border-box; }
  #schedule td:first-of-type, #schedule th:first-of-type {
    border-left: 1px solid var(--cds-global-color-white); }
  #schedule td.date, #schedule th.date {
    left: 0;
    width: 10rem;
    min-width: 10rem;
    max-width: 10rem; }
  #schedule td.week, #schedule th.week {
    left: 10rem;
    width: 6rem;
    min-width: 6rem;
    max-width: 6rem; }
  #schedule td.holiday, #schedule th.holiday {
    left: 16rem;
    width: 10rem;
    min-width: 10rem;
    max-width: 10rem; }
  #schedule td.info, #schedule th.info {
    left: 26rem;
    width: 10rem;
    min-width: 10rem;
    max-width: 10rem; }
#schedule th {
  padding: 0.5rem 0.7rem 0.3rem 0.7rem;
  background-color: var(--cds-global-color-gray-500); }
#schedule td {
  padding: 0.1rem 0.7rem;
  background-color: var(--cds-global-color-gray-400);
  border-top: none; }
  #schedule td.fixedcol {
    position: sticky;
    z-index: 2; }
  #schedule td div {
    color: var(--cds-global-color-black);
    padding: 0.2rem 0.3rem 0.1rem 0.3rem;
    margin: 0.2rem; }
    #schedule td div.warn {
      background-color: var(--cds-global-color-yellow-400); }
    #schedule td div.ok {
      background-color: var(--cds-global-color-green-500); }
    #schedule td div.open {
      background-color: var(--cds-global-color-gray-300); }
    #schedule td div.red {
      background-color: var(--cds-global-color-red-500); }
    #schedule td div.green {
      background-color: var(--cds-global-color-green-500); }
    #schedule td div.blue {
      background-color: var(--cds-global-color-blue-600); }
    #schedule td div.mauve {
      background-color: var(--cds-global-color-violet-300); }
    #schedule td div.orange {
      background-color: var(--cds-global-color-tangerine-400); }
    #schedule td div.pink {
      background-color: var(--cds-global-color-pink-300); }
    #schedule td div.purple {
      background-color: var(--cds-global-color-violet-600); }
    #schedule td div.grey {
      background-color: var(--cds-global-color-gray-700); }
    #schedule td div.mediumgrey {
      background-color: var(--cds-global-color-gray-600); }
    #schedule td div.lightgrey {
      background-color: var(--cds-global-color-gray-300); }
    #schedule td div.white {
      background-color: var(--cds-global-color-white); }
    #schedule td div.yellow {
      background-color: var(--cds-global-color-yellow-300); }
    #schedule td div.event {
      background-color: var(--cds-global-color-white); }
      #schedule td div.event .designation {
        text-decoration: underline; }
    #schedule td div .info {
      background-image: url("../images/info-circle-line.svg");
      background-repeat: no-repeat;
      background-position: center;
      width: 1.4rem;
      height: 1.4rem;
      float: right;
      margin: 0 0 0 0.7rem;
      padding: 0; }
      #schedule td div .info.tooltip.top > .tooltipText {
        left: auto;
        right: -0.6rem;
        width: 10rem; }
      #schedule td div .info.tooltip.top > .tooltipText:after {
        right: 0.7rem;
        left: auto; }
    #schedule td div .timetable {
      border-top: 1px dashed var(--cds-global-color-gray-800);
      font-size: 0.95em; }
#schedule .weekend td {
  background-color: var(--cds-global-color-gray-300); }
#schedule .month td {
  background-color: var(--cds-global-color-gray-500);
  padding: 0.5rem 0.7rem 0.3rem 0.7rem;
  font-weight: 600;
  text-align: center; }

/**
 * Work
 */
#projectworkform .costrateoption {
  display: none; }
  #projectworkform .costrateoption .radioitems {
    margin: 0.2rem 0 0.5rem 2rem; }

/**
 * Project reporting
 */
.reportingpanel,
.recentprojects,
.reportingcalendar {
  margin: 0.5rem; }

.reportingpanel,
.reportingcalendar {
  padding-left: 2rem; }
  .reportingpanel form:first-child,
  .reportingcalendar form:first-child {
    padding-top: 0; }

.recentprojects .favorites {
  margin-top: 2rem; }
  .recentprojects .favorites .project,
  .recentprojects .favorites .task {
    border-bottom: 1px solid var(--cds-global-color-gray-600);
    padding: 0.4rem 1rem 0.4rem 1rem; }
    .recentprojects .favorites .project:hover,
    .recentprojects .favorites .task:hover {
      background-color: var(--cds-global-color-gray-200); }
    .recentprojects .favorites .project a,
    .recentprojects .favorites .task a {
      display: block; }
  .recentprojects .favorites .project {
    font-weight: 600; }
    .recentprojects .favorites .project:first-of-type {
      border-top: 1px solid var(--cds-global-color-gray-600); }
    .recentprojects .favorites .project a {
      color: var(--cds-global-color-black);
      font-weight: 500; }
    .recentprojects .favorites .project a:hover,
    .recentprojects .favorites .project a:focus {
      color: var(--cds-global-color-gray-800); }
  .recentprojects .favorites .task {
    padding-left: 3rem; }

.reportingpanel #reportingtable h2 {
  padding-top: 1rem; }
.reportingpanel #reportingtable h2:first-of-type {
  margin-top: 2rem;
  border-top: 0.2rem solid var(--cds-global-color-white); }
.reportingpanel #reportingtable h2:not(:first-of-type) {
  margin-top: 1rem;
  border-top: none; }
.reportingpanel #reportingtable .total td {
  background-color: var(--cds-global-color-gray-600);
  font-size: 1.1rem;
  font-weight: 500;
  border: none;
  padding-left: 2.5rem; }

.reportingcalendar {
  padding-left: 2rem; }
  .reportingcalendar .calendartable {
    display: table;
    border: 1px solid var(--cds-global-color-gray-600);
    margin-top: 1rem; }
    .reportingcalendar .calendartable .day {
      display: table-row;
      cursor: pointer; }
      .reportingcalendar .calendartable .day.current {
        background-color: var(--cds-global-color-red-100); }
      .reportingcalendar .calendartable .day.weekend {
        background-color: var(--cds-global-color-gray-300); }
      .reportingcalendar .calendartable .day:hover, .reportingcalendar .calendartable .day.weekend:hover {
        background-color: var(--cds-global-color-gray-200); }
      .reportingcalendar .calendartable .day .weekday,
      .reportingcalendar .calendartable .day .date,
      .reportingcalendar .calendartable .day .reported {
        display: table-cell;
        vertical-align: top;
        padding: 0.5rem;
        border-bottom: 1px solid var(--cds-global-color-gray-600);
        margin: 0 1.5rem; }
      .reportingcalendar .calendartable .day .weekday {
        padding-left: 1rem; }
      .reportingcalendar .calendartable .day .weekday {
        text-date: right; }
      .reportingcalendar .calendartable .day .reported .status {
        margin-right: 0.5rem; }
      .reportingcalendar .calendartable .day .reported .holiday {
        color: var(--cds-global-color-white); }

#reporting_status {
  margin: 0; }

/**
 * Project reporting
 */
#projectreporting {
  max-width: 100em;
  margin: 0 1rem; }
  #projectreporting .header {
    font-weight: 600;
    margin-left: 2rem;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    #projectreporting .header > div {
      flex: 1 1 0;
      text-align: right; }
  #projectreporting .header,
  #projectreporting .container {
    padding-right: 0.4em; }
  #projectreporting .branch .contact,
  #projectreporting .branch .summary,
  #projectreporting .branch .year {
    font-weight: 600; }

/**
 * Project Issue Tracking
 */
#taskEdit {
  height: 100%; }

#taskList .panel {
  margin-bottom: 2rem;
  padding: 0; }
  #taskList .panel h2 {
    font-size: 1rem; }
  #taskList .panel td {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem; }
  #taskList .panel .panelContent {
    padding: 0; }

#trackerList .icon_organisation,
#trackerList .icon_project,
#trackerList .icon_repository,
#trackerList .icon_resource {
  background-repeat: no-repeat;
  background-size: 1.2rem auto;
  background-position-x: 1.25rem;
  background-position-y: 0.3rem; }
  #trackerList .icon_organisation .tooltip,
  #trackerList .icon_project .tooltip,
  #trackerList .icon_repository .tooltip,
  #trackerList .icon_resource .tooltip {
    padding-left: 2.5rem; }
#trackerList .icon_organisation {
  background-image: url("../images/users-solid.svg"); }
#trackerList .icon_project {
  background-image: url("../images/ruler-pencil-solid.svg"); }
#trackerList .icon_repository {
  background-image: url("../images/tree-view-solid.svg"); }
#trackerList .icon_resource {
  background-image: url("../images/blocks-group-solid.svg"); }

#openissues_table th {
  border-bottom: none; }
#openissues_table td {
  padding: 0.6rem 0.6rem 0.6rem 1rem;
  border-bottom: 0.5rem solid var(--cds-global-color-gray-400);
  background-color: var(--cds-global-color-gray-300); }
  #openissues_table td:first-of-type {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  #openissues_table td:last-of-type {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }

td.action a.report {
  padding-left: 1.8rem;
  background-repeat: no-repeat;
  background-image: url("../images/clock-line.svg"); }

.taskboard,
.tasklist {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .taskboard .column,
  .tasklist .column {
    margin: 1.4rem 0.7rem 0.7rem 0; }
    .taskboard .column form,
    .tasklist .column form {
      padding-top: 0;
      padding-bottom: 2rem;
      border-bottom: 1px solid var(--cds-global-color-gray-600);
      margin-bottom: 2rem; }
  .taskboard .table,
  .tasklist .table {
    margin-top: 2.0em; }
  .taskboard .board,
  .tasklist .board {
    display: flex;
    flex: 1 1 100%; }

.taskboard .column {
  flex: 1 1 100%;
  padding: 0.7rem;
  background-color: var(--cds-global-color-gray-300);
  max-width: 330px; }
  .taskboard .column.main {
    padding: 0;
    margin-right: 1.5rem;
    background-color: var(--cds-global-color-gray-400);
    max-width: max-content; }
  .taskboard .column:last-child {
    background-color: var(--cds-global-color-gray-200); }
  .taskboard .column .header {
    display: flex;
    justify-content: space-between;
    font-size: 1.1em;
    line-height: 2rem;
    margin-left: 0.5rem; }
    .taskboard .column .header .title {
      flex-grow: 1;
      font-weight: 600; }
      .taskboard .column .header .title .counter {
        margin-left: 1rem;
        font-weight: 450;
        color: var(--cds-global-color-gray-700); }
    .taskboard .column .header .toggle {
      cursor: pointer; }
      .taskboard .column .header .toggle .img {
        display: inline-block;
        margin-top: 0.2rem;
        width: 1.6rem;
        height: 1.6rem;
        background: url("../images/elevator-close.svg"); }
  .taskboard .column .task {
    padding: 0.1rem 0.7rem;
    margin-bottom: 0.7rem;
    background-color: var(--cds-global-color-white);
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem;
    cursor: move; }
    .taskboard .column .task.active {
      border-color: var(--cds-global-color-red-700); }
    .taskboard .column .task .info,
    .taskboard .column .task .controlling {
      display: flex;
      justify-content: space-between;
      padding: 0.2rem 0;
      line-height: 1.25rem; }
      .taskboard .column .task .info div,
      .taskboard .column .task .controlling div {
        font-size: 0.95rem;
        flex-basis: 33.3333333333%;
        text-align: center; }
        .taskboard .column .task .info div:first-child,
        .taskboard .column .task .controlling div:first-child {
          text-align: left; }
        .taskboard .column .task .info div:last-child,
        .taskboard .column .task .controlling div:last-child {
          text-align: right; }
    .taskboard .column .task .info .action a {
      line-height: 1.5rem; }
    .taskboard .column .task .info.taskid {
      font-weight: 600; }
    .taskboard .column .task .info .status {
      margin-top: 0.1rem;
      margin-right: 0.5rem;
      border: none; }
    .taskboard .column .task .title {
      padding: 0.2rem 0;
      font-size: 0.95rem; }
    .taskboard .column .task .controlling {
      margin-top: 0.2rem;
      border-top: 1px solid var(--cds-global-color-gray-300);
      padding-top: 0.4rem; }
      .taskboard .column .task .controlling .due,
      .taskboard .column .task .controlling .overdue {
        padding: 0 0.25rem; }
      .taskboard .column .task .controlling .due {
        background-color: var(--cds-global-color-yellow-100) !important; }
      .taskboard .column .task .controlling .overdue {
        background-color: var(--cds-global-color-red-100) !important; }
  .taskboard .column.minimized {
    max-width: 2rem; }
    .taskboard .column.minimized .header {
      flex-direction: column-reverse;
      margin-left: 0; }
      .taskboard .column.minimized .header .copy {
        display: none; }
      .taskboard .column.minimized .header .title {
        margin-top: 0.2rem;
        writing-mode: vertical-rl; }
        .taskboard .column.minimized .header .title .counter {
          margin-top: 1rem; }
      .taskboard .column.minimized .header .toggle .img {
        margin-left: 0.2rem;
        background: url("../images/elevator-open.svg"); }
    .taskboard .column.minimized .task {
      display: none; }
.taskboard .task.ui-draggable-dragging {
  background-color: var(--cds-global-color-white); }

td.due {
  background-color: var(--cds-global-color-yellow-100) !important; }
td.overdue {
  background-color: var(--cds-global-color-red-100) !important; }

.tasklist .column {
  flex: 1 1 auto; }
  .tasklist .column:first-child {
    flex-grow: 0;
    margin-right: 2.0em; }

textarea.task {
  width: 50rem;
  height: 25rem; }

/**
 * Project Time Tracking
 */
.timetracking {
  padding: 0 4rem 1rem 4rem;
  display: flex;
  justify-content: space-between; }
  .timetracking .container {
    margin: 1rem 0;
    background-color: var(--cds-global-color-gray-300);
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem; }
    .timetracking .container .header {
      padding: 0.5rem 1rem;
      font-size: 1.2rem;
      background-color: #eee;
      -webkit-border-radius: 0.3rem 0.3rem 0 0;
      border-radius: 0.3rem 0.3rem 0 0; }
    .timetracking .container .details {
      padding: 1rem; }
  .timetracking .summary {
    display: inline-block;
    margin: 1rem 0;
    padding: 0.3rem 2rem;
    background: var(--cds-global-color-gray-300);
    -webkit-border-radius: 0.3rem;
    border-radius: 0.3rem; }
    .timetracking .summary .day,
    .timetracking .summary .total {
      font-size: 1.1rem; }
    .timetracking .summary .total {
      margin-left: 1rem; }
  .timetracking .stopwatches {
    display: flex;
    flex-wrap: wrap; }
    .timetracking .stopwatches .container {
      margin: 0 1rem 0.5rem 0;
      max-width: 20.2rem; }
    .timetracking .stopwatches .stopwatch {
      display: flex;
      padding: 0.1rem 1rem; }
      .timetracking .stopwatches .stopwatch .control {
        width: 1.5rem;
        height: 1.5rem;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        margin: 0.5rem 0; }
      .timetracking .stopwatches .stopwatch .time {
        width: 12rem;
        text-align: center;
        font-size: 1.1rem;
        line-height: 2.5rem; }
      .timetracking .stopwatches .stopwatch .action {
        width: 6rem;
        line-height: 2.5rem;
        text-align: right; }
        .timetracking .stopwatches .stopwatch .action a {
          font-size: 1.3rem; }
          .timetracking .stopwatches .stopwatch .action a.icon:hover {
            background-color: var(--cds-global-color-gray-300); }
          .timetracking .stopwatches .stopwatch .action a.report {
            padding-left: 1.8rem;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url("../images/clock-line.svg"); }
      .timetracking .stopwatches .stopwatch.off .control {
        background-image: url("../images/play-solid.svg"); }
      .timetracking .stopwatches .stopwatch.on .control {
        background-image: url("../images/stop-solid-red.svg"); }
    .timetracking .stopwatches .details {
      background-color: var(--cds-global-color-gray-400);
      padding: 0.3rem 0.5rem 0.3rem 0.7rem; }
      .timetracking .stopwatches .details form {
        padding-top: 0.3rem; }
        .timetracking .stopwatches .details form .btn.help {
          min-width: 100%;
          background-position: right;
          background-size: 10%; }
  .timetracking .favorites .container {
    margin: 1rem; }
    .timetracking .favorites .container table {
      width: 100%; }
      .timetracking .favorites .container table tr td.action {
        text-align: right; }

a.stopwatch.running {
  background-color: var(--cds-global-color-red-200); }

.form-group .vehiclelist {
  margin-right: 2rem; }

#bookingcalendar .subheader {
  padding-left: 10rem; }
#bookingcalendar .vehicle {
  width: 40rem;
  padding-left: 0;
  display: flex;
  justify-content: flex-start; }
  #bookingcalendar .vehicle .colorcode {
    width: 8rem;
    margin: 0.1rem 0;
    padding: 0 0.5rem;
    font-size: 0.95em; }
  #bookingcalendar .vehicle .model {
    padding-left: 1rem; }
  #bookingcalendar .vehicle .attributes {
    margin-left: auto; }
#bookingcalendar .gantt .bars > ul li.planned {
  background-color: var(--cds-global-color-blue-700); }
#bookingcalendar .gantt .bars > ul li.offered {
  background-color: var(--cds-global-color-lime-500); }
#bookingcalendar .gantt .bars > ul li.ok {
  background-color: var(--cds-global-color-green-600); }
#bookingcalendar .gantt .bars > ul li.closed {
  background-color: var(--cds-global-color-gray-700); }
#bookingcalendar .gantt .bars > ul li.processed {
  background-color: var(--cds-global-color-violet-600); }
#bookingcalendar .gantt .bars > ul li.online {
  background-color: var(--cds-global-color-green-800); }
#bookingcalendar .gantt .bars > ul li.backoffice {
  background-color: var(--cds-global-color-blue-700); }
#bookingcalendar .gantt .bars > ul li.maintenance {
  background-color: var(--cds-global-color-red-800); }
#bookingcalendar .gantt .bars > ul li.transfer {
  background-color: var(--cds-global-color-ochre-700); }
#bookingcalendar .gantt .bars > ul li.customerdelivery {
  background-color: var(--cds-global-color-pink-300); }
#bookingcalendar .gantt .bars > ul li a {
  color: var(--cds-global-color-white); }

#cockpit {
  display: grid; }
  #cockpit .cell {
    padding: 0.3rem 0.5rem;
    border-right: 1px solid var(--cds-global-color-gray-600);
    border-bottom: 1px solid var(--cds-global-color-gray-600);
    background-color: var(--cds-global-color-gray-300); }
    #cockpit .cell.col1 {
      border-left: 1px solid var(--cds-global-color-gray-600); }
    #cockpit .cell.date {
      position: sticky;
      top: 0;
      z-index: 2;
      padding: 0.3rem 1rem;
      background-color: var(--cds-global-color-gray-500);
      border-top: 1px solid var(--cds-global-color-gray-600); }
      #cockpit .cell.date.today {
        background-color: var(--cds-global-color-red-100); }
    #cockpit .cell.title {
      padding: 0.3rem 1rem;
      color: var(--cds-global-color-white);
      background-color: var(--cds-global-color-gray-600);
      text-align: center; }
    #cockpit .cell .booking {
      display: flex;
      justify-content: space-between;
      padding: 0.2rem 0.7rem 0.1rem 0.7rem;
      margin-bottom: 0.3rem;
      max-width: 20rem;
      background-color: var(--cds-global-color-gray-100);
      -webkit-border-radius: 0.3rem;
      border-radius: 0.3rem;
      font-size: 0.95rem; }
      #cockpit .cell .booking.start {
        background-color: var(--cds-global-color-yellow-50); }
      #cockpit .cell .booking.end {
        background-color: var(--cds-global-color-blue-50); }
      #cockpit .cell .booking .status,
      #cockpit .cell .booking .time {
        margin-right: 0.7rem;
        font-size: 0.95rem; }
      #cockpit .cell .booking .form {
        padding-left: 0.5rem; }
        #cockpit .cell .booking .form .checkboxes {
          flex-direction: row-reverse; }
          #cockpit .cell .booking .form .checkboxes .checkbox {
            display: flex;
            flex-direction: row-reverse; }

@media screen and (max-width: 1400px) {
  #cockpit .cell .booking {
    flex-direction: column; } }
/**
 * Category tree
 */
.orderedtree .treeitem .name {
  min-width: 20rem;
  margin-left: 1.0em;
  margin-right: 1.0em; }

@media all {
  a.find {
    margin-left: 1.0em; }

  #editableimage {
    max-width: none; }

  /**
   * iframes
   */
  iframe.cmseditor {
    border-style: none;
    width: 74.7em;
    height: 49.8em; }

  /**
   *	@todo	migrate to GUI V2
   */
  /* various elements */
  /* Find parameters box */
  .findparameters {
    padding-bottom: 2.0em; }

  .findparameters dd,
  .findparameters dt {
    background-color: var(--cds-global-color-gray-100);
    display: block;
    float: left;
    padding: 0.2em; }

  .findparameters dd {
    font-weight: 600;
    padding-right: 0.7em; } }
@media screen and (max-height: 900px) {
  .popupContent {
    max-height: 500px; } }
@media screen and (max-height: 680px) {
  .popupContent {
    max-height: 360px; } }
@media screen and (max-height: 570px) {
  .popupContent {
    max-height: 240px; } }