@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

#elm-debugger-overlay {
  box-sizing: content-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline: 0;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(images/marker-icon.png);
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover {
  text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
}

.leaflet-popup-content p {
  margin: 18px 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999;
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

.leaflet-control-zoomhome a {
  font: bold 18px "Lucida Console", Monaco, monospace;
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
  /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
  -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
  -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

/*
Generate a striped background, eg:
https://css-tricks.com/snippets/sass/striped-gradient-mixin

  body {
    @include stripes(to right, #8e44ad #2c3e50 #2980b9 #16a085 #27ae60);
  }
*/
.u-visually-hidden {
  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;
}

.u-visually-hidden-focusable {
  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;
}
.u-visually-hidden-focusable:active, .u-visually-hidden-focusable:focus {
  clip: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  position: static !important;
  width: auto !important;
}

.tooltip {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: none;
  z-index: 5;
}
.tooltip__wrapper {
  padding: 5px;
  position: fixed;
  visibility: hidden;
}
.tooltip__wrapper--visible {
  visibility: inherit;
}
.tooltip__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  color: #cecece;
}
.tooltip__arrow::before {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
  color: #fff;
}
.tooltip__arrow--top {
  bottom: 0;
  left: 50%;
  margin-left: -6px;
  border-top-color: currentColor;
  border-width: 6px 6px 0;
}
.tooltip__arrow--top::before {
  top: -6px;
  left: -5px;
  border-top-color: currentColor;
  border-width: 5px 5px 0;
}
.tooltip__arrow--right {
  top: 50%;
  left: 0;
  margin-top: -6px;
  border-right-color: currentColor;
  border-width: 6px 6px 6px 0;
}
.tooltip__arrow--right::before {
  top: -5px;
  left: 1px;
  border-right-color: currentColor;
  border-width: 5px 5px 5px 0;
}
.tooltip__arrow--bottom {
  top: 0;
  left: 50%;
  margin-left: -6px;
  border-bottom-color: currentColor;
  border-width: 0 6px 6px;
}
.tooltip__arrow--bottom::before {
  top: 1px;
  left: -5px;
  border-bottom-color: currentColor;
  border-width: 0 5px 5px;
}
.tooltip__arrow--left {
  top: 50%;
  right: 0;
  margin-top: -6px;
  border-left-color: currentColor;
  border-width: 6px 0 6px 6px;
}
.tooltip__arrow--left::before {
  top: -5px;
  left: -6px;
  border-left-color: currentColor;
  border-width: 5px 0 5px 5px;
}
.tooltip__content {
  padding: 3px 8px;
  overflow: hidden;
  color: #161616;
  text-align: center;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 4px;
  outline: none;
}
.tooltip__content--are-you-sure, .tooltip__content--promote-classifier {
  width: 300px;
}
.tooltip__content--are-you-sure .title, .tooltip__content--promote-classifier .title {
  font-size: 1em;
}
.tooltip__content--are-you-sure .actions, .tooltip__content--promote-classifier .actions {
  display: flex;
  margin: 10px 0 0;
  justify-content: center;
}
.tooltip__content--are-you-sure .action-wrapper, .tooltip__content--promote-classifier .action-wrapper {
  display: inline-block;
  margin: 5px;
  flex: 1;
}
.tooltip__content--are-you-sure .action, .tooltip__content--promote-classifier .action {
  width: 100%;
}
.tooltip__content--promote-classifier {
  width: 400px;
}
.tooltip__content--promote-classifier .description {
  text-align: left;
}
.tooltip__content--select-incidents {
  display: flex;
  flex-direction: column;
  padding: 11px;
}
.tooltip__content--select-incidents .selected-of-total {
  border-bottom: 1px solid #e3e3e3;
  line-height: 24px;
  margin-bottom: 5px;
  padding: 0 4px;
}
.tooltip__content--select-incidents .select-action {
  background: none;
  border: none;
  color: #464646;
  text-align: left;
  padding: 4px;
}
.tooltip__content--select-incidents .select-action:hover {
  background-color: #d8d8d8;
}
.tooltip__content--select-incidents .select-action:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -1px;
}
.tooltip--backdrop {
  background-color: rgba(0, 0, 0, 0.1);
  pointer-events: all;
}
.tooltip--validation .tooltip__arrow {
  color: transparent;
}
.tooltip--validation .tooltip__arrow::before {
  color: #da1e28;
}
.tooltip--validation .tooltip__content {
  background: #da1e28;
  color: white;
  border-color: transparent;
}
.tooltip--add-comment .tooltip__content {
  width: 280px;
  padding: 15px;
}
.tooltip--add-comment .form-field {
  margin-bottom: 10px;
}
.tooltip--add-comment .form-field__label {
  text-align: left;
}
.tooltip--event-list-entity-links, .tooltip--incident-amdl-state {
  z-index: 7;
}
.tooltip__event-list-entity-links-list {
  margin: 0;
  padding: 10px;
  text-align: left;
}
.tooltip__event-list-entity-links-item {
  list-style: none;
}
.tooltip__event-list-entity-links-item:not(:last-child) {
  margin-bottom: 8px;
}

.static-tooltip {
  position: relative;
  display: inline-block;
}
.static-tooltip:hover:not(.static-tooltip--trigger-click) {
  cursor: pointer;
}
.static-tooltip:hover:not(.static-tooltip--trigger-click) .static-tooltip__body {
  display: block;
}
.static-tooltip--right .static-tooltip__content {
  right: auto;
  left: 0;
}
.static-tooltip .icon {
  width: 14px;
  height: 14px;
}
.static-tooltip .table__tooltip-icon .icon {
  width: 10px;
  height: 10px;
}
.static-tooltip__arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(-10px - 1px);
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  z-index: 10;
  border-bottom-color: #cecece;
  border-width: 0 6px 6px;
}
.static-tooltip__arrow::before {
  content: "";
  position: relative;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 1px;
  left: -5px;
  border-bottom-color: #fff;
  border-width: 0 5px 5px;
}
.static-tooltip__arrow--down {
  transform: rotate(180deg);
  bottom: auto;
  top: calc(-10px - 1px);
}
.static-tooltip:not(.static-tooltip--trigger-click) .static-tooltip__body {
  display: none;
  z-index: 8;
}
.static-tooltip__content {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  position: absolute;
  top: 100%;
  right: auto;
  margin-top: 10px;
  padding: 14px;
  background-color: #fff;
  z-index: 9;
  min-width: 180px;
}
.static-tooltip__default-content-wrap {
  min-width: 250px;
}
.static-tooltip--align-left .static-tooltip__content {
  right: 0;
  left: auto;
}
.static-tooltip--align-right .static-tooltip__content {
  right: auto;
  left: 0;
}
.static-tooltip--align-center .static-tooltip__content {
  right: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.static-tooltip--position-above .static-tooltip__content {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 10px;
}
.static-tooltip__actions {
  display: flex;
  margin-top: 6px;
}
.static-tooltip__action {
  flex: 0 1 auto;
}
.static-tooltip__action--primary {
  flex: 1 1 auto;
}
.static-tooltip__action + .static-tooltip__action {
  margin-left: 6px;
}

.heading-01 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

.heading-02 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.heading-03 {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
}

.heading-04 {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.25rem;
}

.body-short-text-00 {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
}

.body-short-text-01 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}

.body-long-text-01 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.body-short-text-02 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
}

.body-long-text-02 {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.code-text {
  font-family: "Roboto Mono", monospace;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}

.label-text {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
}

.helper-text {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
}

.button-text-01 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
}

.expressive-text-01 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.5rem;
}

.expressive-text-02 {
  font-size: 2.625rem;
  font-weight: 300;
  line-height: 3rem;
}

@font-face {
  font-family: Roboto;
  src: url("/fonts/Roboto/Bold/Roboto-Bold.woff2?v=2.137") format("woff2"), url("/fonts/Roboto/Bold/Roboto-Bold.woff?v=2.137") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("/fonts/Roboto/Bold/Roboto-Bold.woff2?v=2.137") format("woff2"), url("/fonts/Roboto/Bold/Roboto-Bold.woff?v=2.137") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("/fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff2?v=2.137") format("woff2"), url("/fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff?v=2.137") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url("/fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff2?v=2.137") format("woff2"), url("/fonts/Roboto/BoldItalic/Roboto-BoldItalic.woff?v=2.137") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url("/fonts/Roboto/Italic/Roboto-Italic.woff2?v=2.137") format("woff2"), url("/fonts/Roboto/Italic/Roboto-Italic.woff?v=2.137") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url("/fonts/Roboto/Italic/Roboto-Italic.woff2?v=2.137") format("woff2"), url("/fonts/Roboto/Italic/Roboto-Italic.woff?v=2.137") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url("/fonts/Roboto/Light/Roboto-Light.woff2?v=2.137") format("woff2"), url("/fonts/Roboto/Light/Roboto-Light.woff?v=2.137") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("/fonts/Roboto/LightItalic/Roboto-LightItalic.woff2?v=2.137") format("woff2"), url("/fonts/Roboto/LightItalic/Roboto-LightItalic.woff?v=2.137") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url("/fonts/Roboto/Medium/Roboto-Medium.woff2?v=2.137") format("woff2"), url("/fonts/Roboto/Medium/Roboto-Medium.woff?v=2.137") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("/fonts/Roboto/MediumItalic/Roboto-MediumItalic.woff2?v=2.137") format("woff2"), url("/fonts/Roboto/MediumItalic/Roboto-MediumItalic.woff?v=2.137") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url("/fonts/Roboto/Regular/Roboto-Regular.woff2?v=2.137") format("woff2"), url("/fonts/Roboto/Regular/Roboto-Regular.woff?v=2.137") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("/fonts/Roboto/Regular/Roboto-Regular.woff2?v=2.137") format("woff2"), url("/fonts/Roboto/Regular/Roboto-Regular.woff?v=2.137") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("/fonts/Roboto-Mono/Roboto-Mono.woff2?v=1.0") format("woff2"), url("/fonts/Roboto-Mono/Roboto-Mono.woff?v=1.0") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("/fonts/Roboto-Mono/Roboto-Mono.woff2?v=1.0") format("woff2"), url("/fonts/Roboto-Mono/Roboto-Mono.woff?v=1.0") format("woff");
  font-weight: 400;
  font-style: normal;
}
.action {
  border-width: 1px;
  padding: 0px 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  border-radius: 3px;
  border-style: solid;
  font-size: 13px;
  font-weight: 600;
  line-height: 28px;
  position: relative;
  text-decoration: none;
  background: none;
  border-color: transparent;
  color: inherit;
  white-space: nowrap;
  cursor: pointer;
}
.action .icon {
  height: 28px;
  vertical-align: top;
  width: 13px;
  --primary-color: currentColor;
}
.action:not(.action--icon-only) .icon:first-child {
  margin-right: 10px;
}
.action:not(.action--icon-only) .icon:last-child {
  margin-left: 3px;
}
.action:focus {
  outline: 1px solid;
  outline-offset: 2px;
  outline-color: var(--cc-primaryColor, #893067);
  z-index: 1;
}
fieldset[disabled] button.action, .action[disabled] {
  pointer-events: none;
}

.action[data-disabled] {
  pointer-events: none;
}
.action--full-width {
  width: 100%;
}
.action--theme-default {
  background-image: none;
  background-color: #fdfdfd;
  border-color: #c7c7c7;
  color: #525252;
}
.action--theme-default:hover {
  background-color: #f4f4f4;
}
fieldset[disabled] button.action--theme-default, fieldset[disabled] button.action--theme-default:active, fieldset[disabled] button.action--theme-default:hover, .action--theme-default[disabled], .action--theme-default[disabled]:active, .action--theme-default[disabled]:hover, .action--theme-default[data-disabled], .action--theme-default[data-disabled]:active, .action--theme-default[data-disabled]:hover {
  background: #f4f4f4;
  color: #c7c7c7;
  fill: currentColor;
  cursor: default;
}

.action--theme-default:active, .action--theme-default[aria-pressed=true] {
  background: #ebebeb;
  color: #525252;
}
.action--theme-default.active {
  border-width: 0;
  padding: 1px 11px;
  background: var(--cc-primaryColor, #893067);
  color: #fff;
}
.action--theme-primary {
  border-width: 0;
  padding: 1px 11px;
  background-color: var(--cc-buttonPrimaryDefaultBackgroundColor, #893067);
  color: var(--cc-buttonPrimaryDefaultColor, #fff);
  fill: var(--cc-buttonPrimaryDefaultColor, #fff);
}
.action--theme-primary:focus {
  outline-color: var(--cc-primaryColor, #893067);
}
.action--theme-primary:hover {
  background-color: var(--cc-buttonPrimaryHoverBackgroundColor, #c94784);
  color: var(--cc-buttonPrimaryHoverColor, #fff);
}
.action--theme-primary:active {
  background: var(--cc-buttonPrimaryActiveBackgroundColor, #d95090);
}
fieldset[disabled] button.action--theme-primary, fieldset[disabled] button.action--theme-primary:active, fieldset[disabled] button.action--theme-primary:hover, .action--theme-primary[disabled], .action--theme-primary[disabled]:active, .action--theme-primary[disabled]:hover, .action--theme-primary[data-disabled], .action--theme-primary[data-disabled]:active, .action--theme-primary[data-disabled]:hover {
  background: var(--cc-buttonPrimaryDisabledBackgroundColor, #b68aa5);
  color: var(--cc-buttonPrimaryDisabledColor, #fff);
  fill: var(--cc-buttonPrimaryDisabledColor, #fff);
  cursor: default;
}

.action--theme-danger, .action--theme-accept {
  background: #fdfdfd;
}
.action--theme-danger:hover, .action--theme-accept:hover {
  background: #f4f4f4;
}
.action--theme-danger:active, .action--theme-accept:active {
  background: #ebebeb;
}
fieldset[disabled] button.action--theme-danger, fieldset[disabled] button.action--theme-danger:active, fieldset[disabled] button.action--theme-danger:hover, .action--theme-accept, .action--theme-accept:active, .action--theme-accept:hover, .action--theme-danger[disabled], .action--theme-danger[disabled]:active, .action--theme-danger[disabled]:hover, .action--theme-danger[data-disabled], .action--theme-danger[data-disabled]:active, .action--theme-danger[data-disabled]:hover, .action--theme-accept[disabled], .action--theme-accept[disabled]:active, .action--theme-accept[disabled]:hover, .action--theme-accept[data-disabled], .action--theme-accept[data-disabled]:active, .action--theme-accept[data-disabled]:hover {
  color: #c7c7c7;
  fill: #c7c7c7;
  background: #f4f4f4;
  cursor: default;
}

.action--theme-danger {
  color: #da1e28;
  fill: #da1e28;
  border-color: #c7c7c7;
}
.action--theme-accept {
  color: #198038;
  fill: #198038;
  border-color: #198038;
}
.action--theme-accept:hover {
  color: #198038;
  cursor: pointer;
  background: #f4f4f4;
}
.action--red {
  color: #f25876;
}
.action--purple {
  color: #d24b8e;
}
.action--theme-translucent {
  background: rgba(255, 255, 255, 0.18);
}
.action--theme-translucent fieldset[disabled] button.action--theme-translucent, .action--theme-translucent[disabled], .action--theme-translucent[data-disabled] {
  opacity: 0.6;
}
.action--theme-ghost {
  fill: currentColor;
}
.action--theme-white {
  background: #fff;
  color: #525252;
}
.action--theme-white:hover {
  background-color: #f4f4f4;
}
.action--theme-white fieldset[disabled] button.action--theme-white, .action--theme-white[disabled], .action--theme-white[data-disabled] {
  opacity: 0.5;
}
.action--theme-no-risk {
  background-image: none;
  background-color: #fdfdfd;
  border-color: #c7c7c7;
  color: #525252;
  color: #198038;
  fill: #198038;
}
.action--theme-no-risk:hover {
  background-color: #f4f4f4;
}
fieldset[disabled] button.action--theme-no-risk, fieldset[disabled] button.action--theme-no-risk:active, fieldset[disabled] button.action--theme-no-risk:hover, .action--theme-no-risk[disabled], .action--theme-no-risk[disabled]:active, .action--theme-no-risk[disabled]:hover, .action--theme-no-risk[data-disabled], .action--theme-no-risk[data-disabled]:active, .action--theme-no-risk[data-disabled]:hover {
  background: #f4f4f4;
  color: #c7c7c7;
  fill: currentColor;
  cursor: default;
}

.action--theme-no-risk:focus {
  outline-color: #198038;
}
.action--theme-no-risk.active {
  border: none;
  background: #198038;
  color: #fff;
  outline-color: #198038;
  fill: currentColor;
}
.action--theme-no-risk .badge {
  background-color: #fff;
  color: #198038;
}
.action--theme-risk {
  background-image: none;
  background-color: #fdfdfd;
  border-color: #c7c7c7;
  color: #525252;
  color: #da1e28;
  fill: #da1e28;
}
.action--theme-risk:hover {
  background-color: #f4f4f4;
}
fieldset[disabled] button.action--theme-risk, fieldset[disabled] button.action--theme-risk:active, fieldset[disabled] button.action--theme-risk:hover, .action--theme-risk[disabled], .action--theme-risk[disabled]:active, .action--theme-risk[disabled]:hover, .action--theme-risk[data-disabled], .action--theme-risk[data-disabled]:active, .action--theme-risk[data-disabled]:hover {
  background: #f4f4f4;
  color: #c7c7c7;
  fill: currentColor;
  cursor: default;
}

.action--theme-risk:focus {
  outline-color: #da1e28;
}
.action--theme-risk.active {
  border: none;
  background: #da1e28;
  color: #fff;
  outline-color: #da1e28;
  fill: currentColor;
}
.action--theme-risk .badge {
  background-color: #fff;
  color: #da1e28;
}
.action .badge {
  position: absolute;
  top: 8px;
  right: 10px;
  padding: 2px 6px;
  font-size: 13px;
  line-height: 15px;
  border-radius: 15px;
}
.action--highlight {
  color: var(--cc-primaryColor, #893067);
}

/* Examples
  Left aligned actions
  ```html
  <div class="action-group">
    <button class="action">Click me</button>
    <button class="action">Click me</button>
    <button class="action">Click me</button>
  </div>
  ```

  Right aligned actions
  ```html
  <div class="action-group action-group--right">
    <button class="action">Click me</button>
    <button class="action">Click me</button>
    <button class="action">Click me</button>
  </div>
  ```

  Left & right aligned actions
  ```html
  <div class="action-group">
    <div class="action-group__subgroup">
      <button class="action">Click me</button>
      <button class="action">Click me</button>
    </div>

    <div class="action-group__subgroup action-group__subgroup--right">
      <button class="action">Click me</button>
    </div>
  </div>
  ```
*/
.action-group {
  display: flex;
  align-items: flex-start;
}
.action-group__item {
  position: relative;
}
.action-group__label {
  margin-right: 3px;
  color: #727272;
  font-size: 14px;
  line-height: 28px;
}
.action-group .action:not(:first-child), .action-group__item:not(:first-child) {
  margin-left: 5px;
}
.action-group .action-group__item--standalone:not(:first-child) {
  margin-left: 10px;
}
.action-group--right {
  display: flex;
  justify-content: flex-end;
}
.action-group .action-group__subgroup--right {
  margin-left: auto;
}

.action-group--fixed {
  position: fixed;
  right: 15px;
  z-index: 2;
  padding: 5px 15px;
  line-height: 20px;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
}

.action-joined-group .action:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-right: 0;
}
.action-joined-group .action:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.action-joined-group .action:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.action--icon-only {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  padding: 0 !important;
}

.action--cheque-control {
  margin: 3px;
}

.action-toggle {
  border: none;
  background-color: inherit;
  padding: 0;
  font: inherit;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.action-toggle:focus {
  box-shadow: inset 0 0 0.2em #c94d8c;
}
.action-toggle__label-left {
  padding: 0.5em;
  font-weight: 600;
  color: #161616;
}
.action-toggle__label-right {
  padding: 0.5em;
  font-weight: 600;
  color: #525252;
}
.action-toggle__loading-icon {
  display: none;
}
.action-toggle__loading-icon .icon {
  width: 100%;
  height: 100%;
  fill: white;
}
.action-toggle__switch {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 1em;
  font-size: 20px;
}
.action-toggle__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 0.5em;
}
.action-toggle__slider.is-loading {
  background-color: #ccc;
}
.action-toggle__slider.is-loading .action-toggle__loading-icon {
  display: flex;
}
.action-toggle__slider-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "";
  height: 1em;
  width: 1em;
  left: 0;
  border: 2px solid #f57323;
  box-sizing: border-box;
  bottom: 0;
  background-color: white;
  transition: 0.4s;
  border-radius: 100%;
}
.action-toggle__slider-button.is-loading {
  background-color: #737373;
}
.action-toggle[aria-pressed=true] .action-toggle__label-left {
  font-weight: 600;
  color: #525252;
}
.action-toggle[aria-pressed=true] .action-toggle__label-right {
  font-weight: 600;
  color: #161616;
}
.action-toggle[aria-pressed=true] .action-toggle__slider {
  background-color: #f57323;
}
.action-toggle[aria-pressed=true] .action-toggle__slider-button {
  transform: translateX(1em);
}

.form-input {
  position: relative;
}
.form-input__input--textlike, .form-input__input--select {
  background-color: #fff;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  font-size: 13px;
  line-height: 21px;
  padding: 6px 8px;
  width: 100%;
  color: #525252;
}
.form-input__input--textlike:-ms-input-placeholder, .form-input__input--select:-ms-input-placeholder {
  color: #767676;
}
.form-input__input--textlike:-moz-placeholder, .form-input__input--select:-moz-placeholder {
  color: #767676;
}
.form-input__input--textlike::-moz-placeholder, .form-input__input--select::-moz-placeholder {
  color: #767676;
}
.form-input__input--textlike::-webkit-input-placeholder, .form-input__input--select::-webkit-input-placeholder {
  color: #767676;
}
.form-input:not(.form-input--invalid) .form-input__input--textlike:hover, .form-input:not(.form-input--invalid) .form-input__input--select:hover {
  border-color: #aaa;
}
.form-input:not(.form-input--invalid) .form-input__input--textlike:focus, .form-input:not(.form-input--invalid) .form-input__input--select:focus {
  border: 1px solid var(--cc-primaryColor, #893067);
}
.form-input__input--textlike:focus, .form-input__input--select:focus {
  box-shadow: 0 0 5px 0 var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  outline: none;
}
.form-input__input--textlike[readonly], .form-input__input--textlike[disabled], fieldset[disabled] .form-input__input--textlike, .form-input__input--select[readonly], .form-input__input--select[disabled], fieldset[disabled] .form-input__input--select {
  background-color: #efefef;
  border-color: #c7c7c7;
}
.form-input__input--highlight {
  background-color: rgba(201, 77, 140, 0.06);
}
.form-input__input--textarea {
  min-height: 35px;
  resize: vertical;
}
.form-input--invalid input,
.form-input--invalid select,
.form-input--invalid textarea {
  border-color: #e94b60;
  padding-right: 18px;
}
.form-input select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-right: 20px;
}
.form-input__validation-icon {
  bottom: 11px;
  height: 13px;
  line-height: 13px;
  pointer-events: none;
  position: absolute;
  right: 9px;
}
.form-input__validation-icon .icon {
  fill: #e94b60;
  height: 13px;
  width: 7px;
}
.form-input--checkbox {
  display: flex;
}
.form-input--checkbox .checkbox {
  flex: 1;
  min-width: 0;
}
.form-input--checkbox .checkbox__label-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  min-width: 0;
  flex: 1 1 0%;
  font-size: 14px;
}
.form-input--checkboxes .form-input__list, .form-input--radios .form-input__list {
  display: flex;
  flex-flow: row wrap;
}
.form-input--checkboxes .checkbox,
.form-input--checkboxes .radio, .form-input--radios .checkbox,
.form-input--radios .radio {
  display: inline-block;
  margin-right: 15px;
}
.form-input--checkboxes .checkbox + .checkbox,
.form-input--checkboxes .radio + .radio, .form-input--radios .checkbox + .checkbox,
.form-input--radios .radio + .radio {
  margin-left: 15px;
}
.form-input--radios-block-layout .radio,
.form-input--radios-block-layout .radio + .radio {
  display: block;
  margin: 0 0 6px;
}
.form-input--checkboxes-block-layout .checkbox,
.form-input--checkboxes-block-layout .checkbox + .checkbox {
  display: flex;
  margin: 0 0 6px;
}
.form-input--checkbox-list .form-input__list {
  display: flex;
  flex-flow: row wrap;
}
.form-input--checkbox-list .checkbox {
  width: 50%;
  margin-bottom: 15px;
  padding-right: 6px;
}
.form-input--checkbox-list .checkbox__label-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-input--checkbox-list .form-input__action {
  position: absolute;
  top: -24px;
  right: 0;
  width: 50px;
}
.form-input--checkbox-list .form-input__action .checkbox {
  width: 100%;
  margin: 0;
}
.form-input--checkbox-list .checkbox__label-wrapper {
  display: flex;
  flex-direction: column;
}
.form-input--checkbox-list .checkbox__label-wrapper span {
  width: 140px;
}
.form-input__datetime-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.form-input--date .form-input__input::-webkit-clear-button, .form-input--date .form-input__input::-webkit-inner-spin-button {
  display: none;
}
.form-input--datetime {
  display: flex !important;
}
.form-input--datetime .form-input__input::-webkit-clear-button, .form-input--datetime .form-input__input::-webkit-inner-spin-button {
  display: none;
}
.form-input--datetime .form-input__input--date {
  flex: 6;
}
.form-input--datetime .form-input__input--time {
  flex: 4;
}
.form-input--datetime .form-input__input--time:nth-child(2) {
  margin-left: 10px;
}
.form-input--datetime-range {
  display: flex;
  flex-flow: row wrap;
}
.form-input--datetime-range .form-input__part {
  width: 40%;
  flex: 1 1 auto;
  display: flex;
  flex-flow: row wrap;
}
.form-input--datetime-range .form-input__part + .form-input__part {
  margin-left: 10px;
}
.form-input--datetime-range .form-input__input--date {
  flex: 1 1 auto;
  width: 60%;
  margin-right: 5px;
}
.form-input--datetime-range .form-input__input--time {
  flex: 1 1 auto;
  width: 33%;
}
.form-input--datetime-range .form-input__input::-webkit-clear-button, .form-input--datetime-range .form-input__input::-webkit-inner-spin-button {
  display: none;
}
.form-input--datetime-range.form-input--invalid input {
  padding-right: 8px;
}
.form-input--select {
  position: relative;
}
.form-input--select select {
  color: #525252;
}
.form-input--select .icon-sort {
  bottom: 11px;
  fill: #525252;
  height: 13px;
  pointer-events: none;
  position: absolute;
  right: 6px;
  width: 12px;
}
.form-input--select.form-input--invalid select {
  padding-right: 38px;
}
.form-input--select.form-input--invalid .icon-sort {
  right: 24px;
}
.form-input--search {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.form-input--search input {
  border-radius: 0;
  font-weight: 500;
  height: 30px;
  padding: 0 24px 0 29px;
  font-size: 13px;
}
.form-input--search .icon {
  display: flex;
  height: 28px;
  width: 12px;
  fill: #707070;
}
.form-input--search .icon-search {
  top: 1px;
  left: 10px;
  pointer-events: none;
  position: absolute;
  fill: #ccc;
}
.form-input--search .clear-button {
  background: transparent;
  border: 0;
  top: 1px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 6px;
}
.form-input--textarea .form-input__validation-icon {
  bottom: auto;
  top: 11px;
}
.form-input--unit {
  display: flex;
}
.form-input--unit .form-input__unit-value {
  position: relative;
  flex: 2;
}
.form-input--unit .form-input__unit-units {
  flex: 1;
  margin-left: 5px;
}
.form-input--unit .icon-sort {
  bottom: 11px;
  fill: #525252;
  height: 13px;
  pointer-events: none;
  position: absolute;
  right: 6px;
  width: 12px;
}
.form-input__placeholder-option {
  display: none;
}
@media screen and (max-width: 992px) {
  .form-input {
    display: block;
  }
  .form-input--checkbox {
    display: flex;
  }
}
.form-input--key-value-pairs .form-input__key-value-pairs-row {
  display: flex;
  margin-bottom: 8px;
}
.form-input--key-value-pairs .form-input__key-value-pairs-row__input-container {
  position: relative;
  width: 50%;
  margin-right: 10px;
}
.form-input--key-value-pairs .form-input__key-value-pairs-remove-row-button {
  height: 35px;
  flex: 0 0 auto;
  width: 35px;
}
.form-input--key-value-pairs .form-input__key-value-pairs-remove-row-button .icon {
  position: static;
  width: 13px;
  height: 33px;
}
.form-input--key-value-pairs .form-input__key-value-pairs-add-row-button {
  margin-top: 6px;
}
.form-input--key-value-pairs .form-input__input {
  margin-right: 10px;
}
.form-input--key-value-pairs .form-input__input.is-invalid {
  border-color: #e94b60;
  padding-right: 18px;
}
.form-input--key-value-pairs .form-input__input.is-invalid:hover {
  border-color: #e94b60;
}

.form-input--file.form-input--file-invalid .form-input__file-label {
  border-color: #e94b60 !important;
}
.form-input--file.form-input--file-invalid .form-input__file-name {
  padding-right: 18px;
}
.form-input--file .form-input__input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
}
.form-input--file .form-input__input:focus ~ .form-input__file-label {
  border-color: var(--cc-primaryColor, #893067);
  box-shadow: 0 0 5px 0 var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  outline: none;
}
.form-input--file .form-input__file-label {
  display: flex;
  width: 100%;
  height: 36px;
  line-height: 21px;
  overflow: hidden;
  color: #727272;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
}
.form-input--file .form-input__file-label:hover {
  border-color: #aaa;
  cursor: pointer;
}
.form-input--file .form-input__file-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  flex: 1;
  padding: 6px 8px;
}
.form-input--file .form-input__file-button {
  background-image: none;
  background-color: #fdfdfd;
  border-color: #c7c7c7;
  color: #525252;
  display: flex;
  padding: 6px 20px;
  align-items: center;
  font-weight: 500;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-style: solid;
  border-width: 0 0 0 1px;
}
.form-input--file .form-input__file-button:hover {
  background-color: #f4f4f4;
}
fieldset[disabled] button.form-input--file .form-input__file-button, fieldset[disabled] button.form-input--file .form-input__file-button:active, fieldset[disabled] button.form-input--file .form-input__file-button:hover, .form-input--file .form-input__file-button[disabled], .form-input--file .form-input__file-button[disabled]:active, .form-input--file .form-input__file-button[disabled]:hover, .form-input--file .form-input__file-button[data-disabled], .form-input--file .form-input__file-button[data-disabled]:active, .form-input--file .form-input__file-button[data-disabled]:hover {
  background: #f4f4f4;
  color: #c7c7c7;
  fill: currentColor;
  cursor: default;
}

.form-input--file .form-input__file-button .icon {
  fill: currentColor;
  margin-right: 8px;
}

.form-input--file-button-only .form-input__input {
  position: absolute;
  opacity: 0;
  z-index: -1;
  width: 0.1px;
  height: 0.1px;
}
.form-input--file-button-only .form-input__input:focus ~ .form-input__file-button-only-label {
  border-color: var(--cc-primaryColor, #893067);
  box-shadow: 0 0 5px 0 var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  outline: none;
}
.form-input--file-button-only .form-input__file-button-only-label {
  background-image: none;
  background-color: #fdfdfd;
  border-color: #c7c7c7;
  color: #525252;
  display: flex;
  padding: 0 10px;
  align-items: center;
  font-weight: 600;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #727272;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
}
.form-input--file-button-only .form-input__file-button-only-label:hover {
  background-color: #f4f4f4;
}
fieldset[disabled] button.form-input--file-button-only .form-input__file-button-only-label, fieldset[disabled] button.form-input--file-button-only .form-input__file-button-only-label:active, fieldset[disabled] button.form-input--file-button-only .form-input__file-button-only-label:hover, .form-input--file-button-only .form-input__file-button-only-label[disabled], .form-input--file-button-only .form-input__file-button-only-label[disabled]:active, .form-input--file-button-only .form-input__file-button-only-label[disabled]:hover, .form-input--file-button-only .form-input__file-button-only-label[data-disabled], .form-input--file-button-only .form-input__file-button-only-label[data-disabled]:active, .form-input--file-button-only .form-input__file-button-only-label[data-disabled]:hover {
  background: #f4f4f4;
  color: #c7c7c7;
  fill: currentColor;
  cursor: default;
}

.form-input--file-button-only .form-input__file-button-only-label:hover {
  border-color: #aaa;
  cursor: pointer;
}
.form-input--file-button-only .form-input__file-button-only-label .icon {
  fill: currentColor;
  margin-right: 8px;
}

.checkbox,
.radio {
  box-sizing: border-box;
}
.checkbox__label,
.radio__label {
  display: flex;
  align-items: center;
  min-width: 0;
}
.checkbox__label:hover .checkbox__input:not([disabled]) + .checkbox__label-icon,
.checkbox__label:hover .radio__input:not([disabled]) + .radio__label-icon, .checkbox__label:focus .checkbox__input:not([disabled]) + .checkbox__label-icon,
.checkbox__label:focus .radio__input:not([disabled]) + .radio__label-icon,
.radio__label:hover .checkbox__input:not([disabled]) + .checkbox__label-icon,
.radio__label:hover .radio__input:not([disabled]) + .radio__label-icon,
.radio__label:focus .checkbox__input:not([disabled]) + .checkbox__label-icon,
.radio__label:focus .radio__input:not([disabled]) + .radio__label-icon {
  border-color: var(--cc-primaryColor, #893067);
}
.checkbox__label-text,
.radio__label-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  margin-left: 8px;
  color: #525252;
  font-size: 13px;
  line-height: 18px;
}
.checkbox__label-text-tooltip-wrapper,
.radio__label-text-tooltip-wrapper {
  display: flex;
}
.checkbox__label-icon,
.radio__label-icon {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  padding: 1px;
  background-color: #dcdcdc;
  border-radius: 4px;
  border: 1px solid #525252;
  overflow: hidden;
}
.checkbox__label-icon .icon,
.radio__label-icon .icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: #fff;
}
.checkbox__input,
.radio__input {
  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;
  position: static !important;
  opacity: 0 !important;
  margin: -1px 0 1px -1px !important;
}
.checkbox__input:focus + .checkbox__label-icon,
.checkbox__input:focus + .radio__label-icon,
.radio__input:focus + .checkbox__label-icon,
.radio__input:focus + .radio__label-icon {
  box-shadow: 0 0 5px 1px rgba(201, 77, 139, 0.47);
  border-color: var(--cc-primaryColor, #893067);
}
.checkbox__input[checked] + .checkbox__label-icon,
.checkbox__input[checked] + .radio__label-icon, .checkbox__input[halfChecked] + .checkbox__label-icon,
.checkbox__input[halfChecked] + .radio__label-icon, .checkbox--use-checked-state .checkbox__input:checked + .checkbox__label-icon,
.checkbox--use-checked-state .checkbox__input:checked + .radio__label-icon, .checkbox--use-checked-state .radio__input:checked + .checkbox__label-icon,
.checkbox--use-checked-state .radio__input:checked + .radio__label-icon,
.radio__input[checked] + .checkbox__label-icon,
.radio__input[checked] + .radio__label-icon,
.radio__input[halfChecked] + .checkbox__label-icon,
.radio__input[halfChecked] + .radio__label-icon,
.radio--use-checked-state .checkbox__input:checked + .checkbox__label-icon,
.radio--use-checked-state .checkbox__input:checked + .radio__label-icon,
.radio--use-checked-state .radio__input:checked + .checkbox__label-icon,
.radio--use-checked-state .radio__input:checked + .radio__label-icon {
  background-color: var(--cc-primaryColor, #893067);
  border-color: transparent;
}
.checkbox .checkbox__label-icon[data-checked-state=checked], .checkbox .checkbox__label-icon[data-checked-state=half-checked],
.radio .checkbox__label-icon[data-checked-state=checked],
.radio .checkbox__label-icon[data-checked-state=half-checked] {
  background-color: var(--cc-primaryColor, #893067);
  border-color: transparent;
}
.checkbox__input[disabled] + .checkbox__label-icon,
.checkbox__input[disabled] + .radio__label-icon, fieldset[disabled] .checkbox__input + .checkbox__label-icon,
fieldset[disabled] .checkbox__input + .radio__label-icon,
.radio__input[disabled] + .checkbox__label-icon,
.radio__input[disabled] + .radio__label-icon,
fieldset[disabled] .radio__input + .checkbox__label-icon,
fieldset[disabled] .radio__input + .radio__label-icon {
  opacity: 0.5;
}

.radio__label-icon {
  border-radius: 100%;
}

.active-filters {
  margin-bottom: 5px;
}
.active-filters__item {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: inline-block;
  margin: 0 5px 5px 0;
}
.active-filters__item:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -4px;
}
.active-filters__tag {
  font-weight: 600;
  display: flex;
  align-items: center;
  padding: 4px 6px;
  border: 1px solid currentColor;
  border-radius: 4px;
  color: var(--cc-primaryColor, #893067);
  line-height: 1;
  font-size: 14px;
  cursor: pointer;
}
.active-filters__tag--inverse {
  color: #b5b1b1;
  text-decoration: line-through;
}
.active-filters__tag-text {
  word-break: break-all;
}
.active-filters__tag-icon {
  display: block;
  margin-left: 4px;
}
.active-filters__tag-icon .icon {
  display: inline-block;
  vertical-align: bottom;
  width: 1em;
  height: 1em;
  fill: #b5b1b1;
}
.active-filters-clear {
  margin-bottom: 5px;
}

.advanced-search {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-left: auto;
}
.advanced-search .icon {
  display: block;
  width: 14px;
  height: 17px;
  fill: #b3b3b3;
}
.advanced-search__failure {
  color: #b3b3b3;
}
.advanced-search__failure .icon {
  margin: auto;
  margin-bottom: 5px;
}
.advanced-search__input[type=search] {
  box-sizing: border-box !important;
}
.advanced-search__input[type=search]::-ms-clear, .advanced-search__input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.advanced-search__input[type=search]::-webkit-search-decoration, .advanced-search__input[type=search]::-webkit-search-cancel-button, .advanced-search__input[type=search]::-webkit-search-results-button, .advanced-search__input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.advanced-search__inner {
  position: relative;
  display: inline-block;
  max-width: 227px;
}
.advanced-search__input {
  font-weight: 600;
  width: 100%;
  height: 35px;
  line-height: 1;
  padding: 0 20px 0 30px;
  border: 1px solid #eee;
  background: #eee;
  font-size: 13px;
  color: #525252;
}
.advanced-search__search-icon-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  line-height: 1;
}
.advanced-search__clear-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  display: block;
}
.advanced-search__loading {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.advanced-search__loading .icon {
  margin-right: 6px;
}
.advanced-search__results:not(:empty) {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 13px;
  background: #fff;
  z-index: 2;
  font-weight: 500;
  font-size: 13px;
}
.advanced-search__results-group + .advanced-search__results-group {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eaeaea;
}
.advanced-search__results-group.has-no-results .advanced-search__results-total {
  text-decoration: none;
  cursor: default;
}
.advanced-search__results-total {
  display: block;
  color: var(--cc-primaryColor, #893067);
  text-decoration: underline;
  cursor: pointer;
}
.advanced-search__results-total-icon-wrap {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.advanced-search__results-total-icon-wrap .icon {
  fill: var(--cc-primaryColor, #893067);
  width: 13px;
  height: 13px;
}
.advanced-search__results-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.advanced-search__results-list-item {
  display: flex;
  flex-flow: row wrap;
  color: #a3a3a3;
  margin-bottom: 4px;
  cursor: pointer;
}
.advanced-search__result-title {
  display: block;
  flex: 1 0 100%;
  margin-bottom: 2px;
  color: var(--cc-primaryColor, #893067);
  text-decoration: underline;
}
.advanced-search__result-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  text-align: left;
}
.advanced-search__result-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: 1px;
}
.advanced-search__result-subtitle {
  display: block;
  font-weight: 400;
}
.advanced-search__result-details {
  display: block;
  margin-left: auto;
  font-weight: 400;
}
.advanced-search .no-results {
  cursor: default;
  text-decoration: none;
}

.banner {
  background-color: var(--cc-bannerMessageDefaultBackgroundColor, #78396b);
  color: var(--cc-bannerMessageDefaultColor, #fff);
  padding: 12px;
  cursor: pointer;
}
.banner__action-prev-next {
  padding: 0;
  width: 26px;
  height: 26px;
}
.banner__action-prev-next .icon {
  width: 18px;
  height: 24px;
}
.banner__header {
  display: flex;
  line-height: 26px;
}
.banner__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner__title-subject {
  font-weight: 600;
}
.banner__group {
  margin-left: auto;
  display: flex;
  white-space: nowrap;
}
.banner__group > * {
  margin-left: 5px;
}
.banner__group > *:first-child {
  margin-left: 0;
}
.banner__about {
  margin-right: 20px;
  opacity: 0.9;
  font-size: 13px;
}
.banner .action {
  height: 26px;
  line-height: 24px;
}
.banner .action:focus {
  outline: 1px solid #fff;
  outline-offset: 2px;
}
.banner .action .icon {
  height: 24px;
}
.banner .icon-exclamation-triangle {
  height: 26px;
  vertical-align: top;
  width: 15px;
  fill: currentColor;
  --primary-color: currentColor;
  margin-right: 10px;
}
.banner .icon-check {
  fill: #198038;
}
.banner__expand {
  margin: 0 50px 0 8px;
}
.banner__expand .action {
  padding: 0;
  border: 0;
  text-decoration: underline;
}
.banner__expanded-footer-actions {
  display: flex;
  justify-content: flex-end;
  padding-left: 25px;
}
.banner__minimise {
  margin-right: auto;
  padding: 0;
  border: 0;
  text-decoration: underline;
}
.banner__body {
  padding: 10px 0 10px 25px;
}
.banner__message-body {
  overflow: auto;
  max-height: 100px;
}
.banner--minimised:hover {
  background-color: var(--cc-bannerMessageHoverBackgroundColor, #8e4076);
  color: var(--cc-bannerMessageHoverColor, #fff);
}
.banner--minimised .banner__title-subject {
  text-decoration: underline;
}
.application--main-fullscreen .banner {
  display: none;
}

.breadcrumb {
  margin-bottom: 10px;
  font-weight: 500;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 3px;
}
.breadcrumb__action-item-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.breadcrumb__resource-name:not(:empty)::before {
  content: "“";
}
.breadcrumb__resource-name:not(:empty)::after {
  content: "”";
}
.breadcrumb__resource-name:empty {
  display: inline-block;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  min-width: 80px;
  height: 10px;
  margin: auto 0;
}
.breadcrumb__separator {
  padding: 0 4px;
  font-weight: 400;
  display: flex;
  flex: 0;
  justify-content: center;
  align-items: center;
}
.breadcrumb a,
.breadcrumb button {
  color: var(--cc-primaryColor, #893067);
}
.breadcrumb a:focus,
.breadcrumb button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: 2px;
}
.breadcrumb a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 25px);
}
.breadcrumb button {
  font-weight: inherit;
}

.broadcast-message {
  background: #fff;
  box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
}
.broadcast-message.is-hidden {
  display: none !important;
}
.broadcast-message *::-webkit-scrollbar:horizontal {
  height: 6px;
}
.broadcast-message *::-webkit-scrollbar:vertical {
  width: 6px;
}
.broadcast-message *::-webkit-scrollbar-corner {
  background: transparent;
}
.broadcast-message *::-webkit-scrollbar-thumb, .broadcast-message *::-webkit-scrollbar-track {
  border-radius: 0;
  color: transparent;
}
.broadcast-message *::-webkit-scrollbar-thumb {
  background-color: #d8d8d8;
}
.broadcast-message *::-webkit-scrollbar-thumb:hover {
  background-color: rgba(193, 194, 195, 0.8);
}
.broadcast-message *::-webkit-scrollbar-track {
  background: transparent;
  box-shadow: none;
}
.broadcast-message__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  padding: 5px 14px;
  font-size: 14px;
  background-color: var(--cc-bannerMessageDefaultBackgroundColor, #78396b);
  color: var(--cc-bannerMessageDefaultColor, #fff);
}
.broadcast-message__header .action {
  line-height: 24px;
}
.broadcast-message__header .action,
.broadcast-message__header .action .icon {
  height: 26px;
}
.broadcast-message__header .action--icon-only {
  width: 26px;
}
.broadcast-message__header .action:focus {
  outline: 1px solid #fff;
  outline-offset: 2px;
}
.broadcast-message__title {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}
.broadcast-message__header-count .icon {
  margin-right: 6px;
  fill: currentColor;
}
.broadcast-message__header-actions .action {
  margin-left: 6px;
}
.broadcast-message__select-all {
  margin: 0 8px;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  padding: 0 !important;
}
.broadcast-message__select-all .checkbox__label-icon,
.broadcast-message__select-all .icon-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.broadcast-message__select-all .icon {
  fill: var(--cc-primaryColor, #893067);
  width: 18px;
  height: 18px;
  margin-top: 5px;
}
.broadcast-message__select-all .icon-square {
  fill: #dcdcdc;
}
.broadcast-message__body {
  padding: 14px;
  overflow-x: auto;
}
.broadcast-message__message-content {
  min-height: 56px;
  max-height: 120px;
}
.broadcast-message__form-field-group .form-field:not(:last-child) {
  margin-bottom: 0;
}
.broadcast-message__message-info {
  line-height: 1.2;
  cursor: pointer;
  padding: 0;
  display: block;
  border: 0;
  appearance: none;
  text-align: left;
  align-items: normal;
  background-color: transparent;
  color: inherit;
  width: 100%;
}
.broadcast-message__message-info-title {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin-bottom: 2px;
  font-weight: 600;
  font-size: 13px;
  color: #161616;
}
.broadcast-message__message-info-title:focus {
  outline: 1px solid #fff;
  outline-offset: 2px;
}
.broadcast-message__message-info-meta {
  display: flex;
  flex-flow: row nowrap;
  font-size: 13px;
}
.broadcast-message__message-info-meta-separator {
  margin: 0 2px;
}
.broadcast-message__message-info-meta-timestamp {
  display: inline-block;
  flex: 0 0 auto;
}
.broadcast-message__message-info-meta-user {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  flex: 1 1 auto;
}
.broadcast-message__list--summary .broadcast-message__message-info, .broadcast-message__expanded-message-list-wrap .broadcast-message__message-info {
  padding: 12px 14px;
}
.broadcast-message__expanded-message-list-wrap .broadcast-message__message-info-title {
  padding-left: 26px;
}
.broadcast-message__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.broadcast-message__list--expanded .broadcast-message__checkbox {
  position: absolute;
  margin-right: 10px;
  margin-top: 12px;
  margin-left: 14px;
}
.broadcast-message__list--expanded .broadcast-message__checkbox .form-field__label-wrapper {
  display: none;
}
.broadcast-message__list--expanded .broadcast-message__checkbox .form-field__label {
  padding-right: 0;
}
.broadcast-message__list--expanded .broadcast-message__list-item {
  border-bottom: 1px solid #dfdfdf;
}
.broadcast-message__list--expanded .broadcast-message__list-item:hover {
  background-color: #fbf1f6;
}
.broadcast-message__list--expanded .broadcast-message__list-item.is-selected {
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.broadcast-message__list--expanded .broadcast-message__list-item.is-selected .broadcast-message__message-info-title {
  color: var(--cc-primaryColor, #893067);
}
.broadcast-message__list--expanded .broadcast-message__message-info-title {
  margin-bottom: 6px;
}
.broadcast-message__list--expanded .broadcast-message__message-info-title:focus {
  outline: 1px solid rgba(201, 77, 140, 0.06);
  outline-offset: 2px;
}
.broadcast-message__list--summary .broadcast-message__list-item {
  margin-bottom: 2px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 6px;
}
.broadcast-message__list--summary .broadcast-message__list-item:hover {
  background: rgba(255, 255, 255, 0.15);
}
.broadcast-message__list--summary .broadcast-message__message-info-title {
  margin-bottom: 6px;
  text-decoration: underline;
  color: inherit;
}
.broadcast-message__list--summary .broadcast-message__message-info-meta {
  opacity: 0.9;
}
.broadcast-message--summary .broadcast-message__header {
  padding-left: 10px;
  padding-right: 7px;
}
.broadcast-message__summary-view {
  width: 256px;
  max-height: 160px;
  padding: 0 7px 7px;
  background-color: var(--cc-bannerMessageDefaultBackgroundColor, #78396b);
  color: var(--cc-bannerMessageDefaultColor, #fff);
}
.broadcast-message__summary-show-toggle {
  font-weight: 600;
}
.broadcast-message--expanded .broadcast-message__header {
  padding-right: 7px;
}
.broadcast-message--expanded .broadcast-message__message-info-meta {
  color: #525252;
}
.broadcast-message__expanded-view {
  display: flex;
  flex-flow: row nowrap;
  width: 660px;
  height: 330px;
  padding: 0;
}
.broadcast-message__expanded-empty {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  padding: 14px;
  color: #161616;
  font-size: 15px;
}
.broadcast-message__expanded-message-list-wrap {
  width: 40%;
  height: 100%;
  flex: 1 1 auto;
  overflow-x: auto;
  padding: 8px;
}
.broadcast-message__expanded-message-current {
  width: 70%;
  height: 100%;
  flex: 1 1 auto;
  margin-left: 8px;
  padding: 14px 14px 14px 10px;
  overflow-x: auto;
  border-left: 1px solid #c1c1c1;
}
.broadcast-message__expanded-message-current .broadcast-message__message-info-title {
  white-space: normal;
  font-size: 14px;
}
.broadcast-message__expanded-acknowledge {
  margin-bottom: 10px;
}
.broadcast-message__expanded-acknowledge .icon-check {
  fill: #198038;
}
.broadcast-message__expanded-message-current-content {
  margin-top: 12px;
  color: #161616;
}
.broadcast-message__new-view {
  width: 400px;
  max-height: 450px;
}
.broadcast-message__new-view .form-field {
  display: block;
  margin-bottom: 18px;
}
.broadcast-message__new-view .form-field__label {
  display: block;
  flex: 0 0 100%;
}
.broadcast-message__new-view .form-field__form-input-wrapper {
  display: block;
  flex: 0 0 100%;
}
.broadcast-message__new-view .radio__label {
  margin-bottom: 0;
}
.broadcast-message__new-view-form-actions {
  display: flex;
  justify-content: space-between;
}
.application--main-fullscreen .broadcast-message {
  display: none;
}

#message-recipient-subtype-users .form-field__label,
#message-recipient-subtype-teams .form-field__label,
#message-recipient-subtype-roles .form-field__label {
  display: none;
}

.unstyled-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  color: inherit;
}
.unstyled-button .icon {
  display: block;
  fill: currentColor;
}
.unstyled-button:focus {
  outline: 1px solid #d95090;
  outline-offset: -1px;
}

.unstyled-button-inline {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  color: inherit;
}
.unstyled-button-inline .icon {
  display: inline;
  fill: currentColor;
}
.unstyled-button-inline:focus {
  outline: 1px solid #d95090;
  outline-offset: -1px;
}

.chart path.domain,
.chart .tick > line {
  stroke: #767676;
}
.chart .tick > text {
  fill: #161616;
}
.chart figure {
  margin: 0;
}

.cheque-control {
  display: flex;
  width: 70vw;
}
.cheque-control--carousel {
  flex-direction: row;
}
.cheque-control--single-page {
  flex-direction: column;
}
.cheque-control--single-page + .cheque-control__signature-sample {
  margin-top: 10px;
}
.cheque-control__row {
  display: flex;
  flex-direction: row;
  height: 35vh;
}
.cheque-control__row + .cheque-control__row {
  margin-top: 10px;
}
.cheque-control__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #525252;
  padding: 20px;
  width: 100%;
}
.cheque-control__loading .icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  font-size: 18px;
}
.cheque-control__no-entries {
  display: flex;
  width: 70vw;
  height: 35vh;
  align-items: center;
  justify-content: center;
}
.cheque-control__btn {
  height: auto;
  margin: 5px 0;
}
.cheque-control__image-description-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 5px;
}
.cheque-control__image-wrapper {
  display: flex;
  height: 35vh;
}
.cheque-control__description {
  word-break: break-word;
}
.cheque-control__container {
  border: 1px solid #c8c8c8;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: 0 !important;
  max-height: 100%;
}
.cheque-control__container--zoomed-in {
  background-size: auto !important;
}
.cheque-control__container--with-description {
  max-height: calc(100% - 19px);
}
.cheque-control__image {
  max-height: 100%;
  max-width: 100%;
}
.cheque-control__image--zoomed-in {
  display: none;
}
.cheque-control__signature-sample {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
.cheque-control__signature-sample-wrapper {
  border: 1px solid #c8c8c8;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
.cheque-control__signature-sample-text {
  word-break: break-word;
}
.cheque-control__signature-sample-image {
  margin-left: 5px;
}

.codeblock {
  --line-char-length: 3;
  --line-char-length-value: calc(var(--line-char-length) * 1em);
  margin: 1em 0;
  padding: 0 12px 0 0;
  background: #fff;
  border: 1px solid #dfdfdf;
  font-size: 1em;
  counter-reset: line;
  color: #525252;
  box-sizing: border-box;
}
.codeblock > code {
  font-family: "Roboto Mono", monospace;
  display: block;
}
.codeblock__line {
  position: relative;
  display: block;
  line-height: 1.5rem;
  padding-left: calc(var(--line-char-length-value) + 0.6em + 6px);
}
.codeblock__line:first-child, .codeblock__line:first-child::before {
  padding-top: 8px;
}
.codeblock__line:last-child, .codeblock__line:last-child::before {
  padding-bottom: 8px;
}
.codeblock__line::before {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  counter-increment: line;
  content: counter(line);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(var(--line-char-length-value) + 0.6em);
  padding: 0 0.6em;
  border-right: 1px solid #ddd;
  color: #525252;
  background: #f7f7f7;
}

.communications {
  z-index: 10;
  bottom: 0;
  left: 0;
  padding: 0 0 12px 12px;
  position: fixed;
  min-width: 268px;
}
.communications:empty {
  display: none;
}

date-input-polyfill[data-open=true] {
  z-index: 12;
}

.documentation {
  z-index: 4;
  background-color: #fbfbfb;
  border-left: 5px solid #dfdfdf;
  flex: 0 0 380px;
  display: flex;
  flex-direction: column;
  width: 380px;
}
.documentation__header {
  display: flex;
  padding: 15px;
  flex: 0 0 auto;
}
.documentation__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #525252;
  line-height: 30px;
  font-size: 17px;
  font-weight: 500;
  max-width: 150px;
}
.documentation__group {
  margin-left: auto;
  display: flex;
}
.documentation__group > * {
  margin-left: 5px;
}
.documentation__group > *:first-child {
  margin-left: 0;
}
.documentation__tooltip {
  z-index: 3;
  position: relative;
}
.documentation__tooltip-arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(-10px - 1px);
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  z-index: 4;
}
.documentation__tooltip-arrow::before {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
}
.documentation__tooltip-arrow--top {
  border-bottom-color: #cecece;
  border-width: 0 6px 6px;
}
.documentation__tooltip-arrow--top::before {
  top: 1px;
  left: -5px;
  border-bottom-color: #fff;
  border-width: 0 5px 5px;
}
.documentation__tooltip-content {
  z-index: 3;
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  position: absolute;
  top: 100%;
  right: -35px;
  width: 348px;
  margin-top: 10px;
  padding: 8px;
  background-color: #fff;
  font-size: 13px;
}
.documentation__tooltip-content .form-input--search {
  display: block;
}
.documentation__indexes {
  height: 35vh;
  overflow: auto;
  margin-top: 3px;
}
.documentation__index-list {
  padding: 0;
  margin: 0;
}
.documentation__index-item {
  list-style: none;
  margin: 0;
  line-height: 20px;
  border-bottom: 1px solid #dedede;
}
.documentation__index {
  display: block;
  padding: 5px;
  color: #525252;
  text-decoration: none;
  border: 0;
  background: none;
  text-align: left;
  width: 100%;
}
.documentation__index--active {
  background-color: #fbeaf1;
  color: #d54a89;
}
.documentation__body {
  color: #525252;
  flex-grow: 1;
  overflow: auto;
  padding: 0 15px 15px;
  height: 88vh;
}
.documentation__body a {
  color: var(--cc-primaryColor, #893067);
}
.documentation__body img {
  max-width: 250px;
}
.documentation__body dt {
  font-weight: 500;
  padding-bottom: 10px;
}
.documentation__body dt::after {
  content: ":";
}
.documentation__body dd {
  padding-bottom: 10px;
}
.documentation__body dd:last-child {
  padding-bottom: 0;
}
.documentation-action {
  text-align: center;
}
.documentation-label {
  font-weight: 500;
  color: var(--cc-sidebarColor, #525252);
}

.detokenize__container {
  display: flex;
  align-items: end;
  min-width: 0;
}
.detokenize__value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.detokenize__button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
  color: inherit;
  padding: 0 0.1em;
  margin-left: 0.2em;
  transition-property: color;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.detokenize__button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -1px;
}
.detokenize__button:hover {
  color: var(--cc-primaryColor, #893067);
}
.detokenize__button .icon {
  fill: currentColor;
}

.tooltip--detokenize {
  z-index: 11;
}

.tooltip__content--detokenize {
  padding: 15px;
}

.detokenize-tooltip {
  max-width: 600px;
  word-break: break-word;
}
.detokenize-tooltip__token-row {
  padding-bottom: 0.5em;
}
.detokenize-tooltip__token-row, .detokenize-tooltip__plain-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.detokenize-tooltip__token {
  margin-right: 1em;
}
.detokenize-tooltip__token, .detokenize-tooltip__plain {
  text-align: left;
}
.detokenize-tooltip__copy-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
}
.detokenize-tooltip__copy-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: 2px;
}
.detokenize-tooltip__copy-button:hover {
  color: var(--cc-primaryColor, #893067);
}
.detokenize-tooltip__loading-error {
  white-space: nowrap;
  font-weight: bold;
  color: darkgrey;
  text-align: left;
  margin: 10px 0;
}

.environment-title-banner {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  height: 40px;
  padding: 4px 16px;
  overflow: hidden;
  background-color: #f4f4f4;
}

.editor-toolbar {
  background-color: #efefef;
  display: flex;
  padding: 5px 5px 0;
  margin: 2px 0 3px;
}
.editor-toolbar__group {
  padding-bottom: 5px;
  display: flex;
}
.editor-toolbar__group + .editor-toolbar__group {
  margin-left: auto;
}
.editor-toolbar__group > * {
  margin-left: 5px;
}
.editor-toolbar__group > *:first-child {
  margin-left: 0;
}
.editor-toolbar__dropdown-action {
  position: relative;
}
.editor-toolbar__action {
  background-color: inherit;
  border: 0;
  padding: 0;
  line-height: 32px;
}
.editor-toolbar__action + .editor-toolbar__action {
  border-left: 1px solid #d2d2d2;
}
.editor-toolbar__action .icon {
  height: 32px;
  vertical-align: top;
  width: 13px;
}
.editor-toolbar__action .icon:first-child {
  margin-left: 15px;
  margin-right: 10px;
}
.editor-toolbar__action .icon:last-child {
  margin-left: 7px;
  margin-right: 8px;
}
.editor-toolbar__dropdown-menu {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  padding: 15px;
  min-width: 280px;
}

.form__fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.form__fieldset--bordered + .form__fieldset--bordered {
  padding-top: 10px;
  border-top: 1px solid #bdbbbb;
}
.form__fieldset p {
  color: #525252;
}
.form__section {
  position: relative;
}
.form__section + .form__section {
  border-top: 1px solid #dedede;
  padding-top: 26px;
}
.form__section .button-wrapper {
  display: flex;
  position: absolute;
  top: -14px;
  right: -14px;
}
.form__section .form__section-button + .form__section-button {
  margin-left: 4px;
}
.form__section .form__section-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 28px;
  background-image: linear-gradient(-180deg, #fdfdfd 0%, #f7f7f7 100%);
  border: 1px solid #c7c7c7;
  border-radius: 100px;
}
.form__section .form__section-button--remove {
  position: absolute;
  top: -14px;
  right: -14px;
}
.form__section .form__section-button .icon-wrapper {
  display: flex;
}
.form__section .form__section-button .icon {
  height: 15px;
  width: 15px;
  cursor: pointer;
  fill: #727272;
}
.form__section-header {
  display: flex;
}
.form__section-actions {
  margin-left: auto;
}
.form__section-title {
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 28px;
  color: var(--cc-primaryColor, #893067);
  font-size: 19px;
  width: 100%;
}
legend .form__section-title {
  float: left;
}
legend .form__section-title + * {
  clear: both;
}
legend.form__section-title {
  float: left;
}
legend.form__section-title + * {
  clear: both;
}

.form__section-title .checkbox__label {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.form__section-subtitle {
  color: #bdbdbd;
}
.form__section-subtitle2 {
  margin: 1.5em 0 1em;
  color: #525252;
  font-size: 15px;
}
.form__section--block {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  padding: 20px;
}
.form__section--block + .form__section--block {
  margin-top: 20px;
}
.form__section--block .form-field__form-input-wrapper {
  flex: 1 0 190px;
}
.form__section-add-action {
  width: 100%;
  margin-top: 20px;
}
.form__section-footer {
  margin-top: 20px;
}
.form__footer {
  display: flex;
  text-align: right;
}
.form__footer .action + .action {
  margin-left: 8px;
}
.form--tooltip .form-field {
  display: block;
  margin-bottom: 5px;
}
.form--tooltip .form-field__label-wrapper {
  font-weight: 600;
  font-size: 13px;
  padding-right: 0;
  max-width: none;
}

.form-field {
  display: block;
  position: relative;
  margin-bottom: 25px;
}
.form-field--no-label .form-field__label-wrapper {
  padding-bottom: 0;
}
.form-field--no-label .form-field__label {
  width: 100%;
  overflow: visible;
}
.form-field:fullscreen {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 20px;
  background-color: #fff;
}
.form-field:fullscreen .form-field__label-wrapper {
  flex: 0 0 auto;
  width: 100%;
}
.form-field:fullscreen .form-field__form-input-wrapper {
  display: flex;
  flex-flow: column wrap;
  flex: 1 1 auto;
  width: 100%;
}
.form-field input[type=number] {
  -moz-appearance: textfield;
}
.form-field__label-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #525252;
  display: flex;
  flex: 1 1 230px;
  align-items: flex-start;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 8px;
  min-width: 0;
}
.form-field__label {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-field__label--highlight {
  color: var(--cc-primaryColor, #893067);
  font-weight: 600;
}
.form-field__label-wrapper--wrap > .form-field__label {
  white-space: normal;
}
.form-field__is-required-icon {
  padding-left: 2px;
}
.form-field__is-required-icon .icon {
  fill: var(--cc-primaryColor, #893067);
  vertical-align: top;
  height: 20px;
  width: 7px;
}
.form-field__validation-message {
  color: #da1e28;
  font-weight: 400;
}
.form-field__form-input-wrapper {
  flex: 0 0 460px;
  min-width: 0;
}
.form-field__form-input-wrapper2 {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.form-field__form-input-wrapper2 .form-input {
  flex: 1 1 auto;
}
.form-field__form-input-wrapper2 .form-input--show-inputs-date.form-input--small,
.form-field__form-input-wrapper2 .form-input--show-inputs-time.form-input--small,
.form-field__form-input-wrapper2 .form-input--number.form-input--small {
  max-width: 150px;
}
.form-field__form-input-wrapper2 .form-input--show-inputs-date-time.form-input--small {
  max-width: 266px;
}
.form-field__form-input-wrapper2 .form-input-copy-button {
  flex: 0 0 auto;
  width: auto;
  height: 35px;
  aspect-ratio: 1;
}
.form-field__tooltip {
  position: relative;
  top: 2px;
  margin-left: 4px;
  color: #161616;
  font-size: 13px;
  line-height: 1.3;
}
.form-field__tooltip-icon .icon {
  width: 14px;
  height: 14px;
  fill: #525252;
}
.form-field__hint {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #525252;
  display: inline-block;
  margin-top: 5px;
}
.form-field__hint .bold {
  font-weight: 500;
}
.form-field__hint-html {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 5px;
  color: #525252;
  line-height: 1.3;
}
.form-field__hint-html .bold {
  font-weight: 500;
}
.form-field__toggle-fullscreen-button {
  margin-left: auto;
}
.form-field__toggle-fullscreen-button > * {
  pointer-events: none;
}
.form-field--configuration-field {
  flex-direction: column;
}
.form-field--configuration-field .form__section--block {
  margin-bottom: 30px;
  position: relative;
}
.form-field--configuration-field-type-sub-field {
  margin-left: 20px;
}
.form-field--configuration-field .form__section--block-close {
  height: 28px;
  width: 28px;
  position: absolute;
  top: -14px;
  right: -14px;
  background-image: linear-gradient(-180deg, #fdfdfd 0%, #f7f7f7 100%);
  border: 1px solid #c7c7c7;
  border-radius: 100px;
  padding: 5px;
  display: flex;
  justify-content: center;
}
.form-field--configuration-field .icon-close {
  height: 15px;
  width: 15px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.form-field--list-values .bx--form-item {
  margin-bottom: 10px;
}
.form-field--list-values-field {
  display: block;
}
.form-field--list-values-field-tag {
  display: flex;
  width: 100%;
  margin-bottom: 5px;
  background-color: #e7e7e7;
  border-radius: 5px;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 13px;
  padding: 0 10px;
  height: 35px;
  justify-content: space-between;
  align-items: center;
}
.form-field--list-values-field-tag-label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #161616;
  white-space: nowrap;
}
.form-field--list-values-field-tag-remove {
  border: 0;
  color: #525252;
  background-color: transparent;
}
.form-field--list-values-field-tag-remove .icon-wrapper {
  display: flex;
  justify-content: center;
}
.form-field--list-values-field-input {
  margin-bottom: 10px;
}
.form-field--list-values-field-content {
  flex: 0 0 460px;
  margin-left: 0;
  margin-bottom: 10px;
  width: 100%;
}
.form-field--list-values-field .form-field__list-values-add {
  margin-top: 10px;
}
.form-field--column-headers {
  display: block;
}
.form-field--column-headers-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.form-field--column-headers-tr {
  display: flex;
}
.form-field--column-headers-tr + .form-field--column-headers-tr {
  padding-top: 8px;
}
.form-field--column-headers .form-field--column-headers-tr.is-hidden {
  display: none;
}
.form-field--column-headers-thead {
  color: #727272;
  font-weight: 500;
  padding-bottom: 10px;
}
.form-field--column-headers-td, .form-field--column-headers-th {
  flex: 1;
}
.form-field--column-headers-td + .form-field--column-headers-td, .form-field--column-headers-td + .form-field--column-headers-th, .form-field--column-headers-th + .form-field--column-headers-td, .form-field--column-headers-th + .form-field--column-headers-th {
  padding-left: 8px;
}
.form-field--column-headers-td .fs-form-field, .form-field--column-headers-th .fs-form-field {
  margin-bottom: 0;
  padding: 0 !important;
}
.form-field--column-headers-td-hidden {
  visibility: hidden;
}
.form-field--column-headers-td-width, .form-field--column-headers-th-width {
  flex: 0 0 90px;
}
.form-field--column-headers-td-width .form-input--number::after, .form-field--column-headers-th-width .form-input--number::after {
  content: "px";
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 35px;
  line-height: 35px;
  color: #525252;
  text-align: center;
}
.form-field--column-headers-td-width .form-input__input, .form-field--column-headers-th-width .form-input__input {
  padding-right: 30px;
}
.form-field--column-headers-td-sorting, .form-field--column-headers-th-sorting {
  flex: 0 0 90px;
}
.form-field--column-headers-td-sorting {
  display: inline-flex;
}
.form-field--column-headers-td-sorting .action {
  height: 35px;
  width: 35px;
}
.form-field--column-headers-td-sorting .action .icon {
  width: 16px;
}
.form-field--column-headers-td-sorting .right-button button {
  border-radius: 0 3px 3px 0;
  border-left: 0;
}
.form-field--column-headers-td-sorting .left-button button {
  border-radius: 3px 0 0 3px;
}
.form-field--column-headers-td-sorting .selected button {
  color: #fff;
  background-image: linear-gradient(#db5694, #c94784);
  border-width: 0;
}
.form-field--column-headers-td-reorder, .form-field--column-headers-th-reorder {
  flex: 0 0 90px;
}
.form-field--column-headers-td-reorder {
  display: inline-flex;
}
.form-field--column-headers-td-reorder .action {
  height: 35px;
  width: 35px;
}
.form-field--column-headers-td-reorder .action + .action {
  margin-left: 6px;
}
.form-field--column-headers-td-visible, .form-field--column-headers-th-visible {
  flex: 0 0 70px;
}
.form-field--column-headers-th-visible {
  text-align: center;
}
.form-field--column-headers-td-visible {
  align-items: center;
  display: flex;
  justify-content: center;
}
.form-field--column-headers-td-visible .checkbox__label {
  margin: 0;
}
.form-field--column-headers-td-delete, .form-field--column-headers-th-delete {
  flex: 0 0 43px;
}
.form-field--column-headers-td-delete .action, .form-field--column-headers-th-delete .action {
  height: 35px;
  width: 35px;
}
.form-field--column-headers-td-delete .action .icon, .form-field--column-headers-th-delete .action .icon {
  height: 33px;
  width: 13px;
}
.form-field--ace-editor .juicy-ace-editor-wrapper {
  min-height: 250px;
}
.form-field--ace-editor:fullscreen .form-input--ace-editor {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
}
.form-field--ace-editor:not(:fullscreen) .juicy-ace-editor-wrapper {
  height: 250px;
}
.form-field--ace-editor .form-field__label-wrapper {
  display: flex;
  align-items: center;
}
.form-field--ace-editor .form-input--invalid .juicy-ace-editor-wrapper {
  border-color: #da1e28;
}
.form-field__group-list-validation-message {
  font-weight: 400;
  font-size: 13px;
}

.form-field--group-list-inline .form-field__group-list-item {
  display: flex;
}
.form-field--group-list-inline .form-field__group-list-item-fields {
  display: flex;
  flex: 0 1 auto;
  margin-right: 8px;
}
.form-field--group-list-inline .form-field__group-list-item-fields > .form-field {
  margin-bottom: 0;
}
.form-field--group-list-inline .form-field__group-list-item-fields > .form-field:not(:first-child) {
  margin-left: 6px;
}
.form-field--group-list-inline .form__section {
  display: flex;
}
.form-field--group-list-inline .form__section + .form__section {
  border: 0;
  padding-top: 16px;
}
.form-field--group-list-inline .form-field__label {
  white-space: nowrap;
}
.form-field--group-list-inline .form__section-remove-button {
  position: relative;
  top: 28px;
  right: initial;
  flex: 0 0 auto;
  border-radius: 0;
  align-self: flex-start;
  width: 35px;
  height: 35px;
  margin-left: auto;
}
.form-field--rules-match {
  margin-bottom: 10px;
}
.form-field--rules-rule {
  display: flex;
  margin-bottom: 10px;
}
.form-field--rules-rule > select {
  flex: 1;
  line-height: 23px;
}
.form-field--rules-rule > .form-field {
  flex: 1;
  margin-bottom: 0;
}
.form-field--rules-rule > .form-field .form-field__label-wrapper {
  display: none;
}
.form-field--rules-rule > .form-field .form-input input,
.form-field--rules-rule > .form-field .form-input select,
.form-field--rules-rule > .form-field .form-input .ff-multiselect__input-value {
  border-radius: 0;
}
.form-field--rules-rule > .form-input__input--select {
  border-right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.form-field--rules-rule > .form-input__input--select + .form-input__input--select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.form-field--rules-rule-remove {
  border-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: 35px;
}
.form-field__section-event-properties .form-field,
.form-field__section-event-properties .fs-form-field {
  display: flex;
  flex: 1;
}
.form-field__section-event-properties .form-field__label-wrapper,
.form-field__section-event-properties .fs-form-field__label-wrapper {
  padding-right: 20px;
}
.form-field__section-event-properties .form-field--list-values-field,
.form-field__section-event-properties .fs-form-field--list-values-field {
  display: flex;
}
.form-field__section-event-properties .form-field--list-values-field-tag,
.form-field__section-event-properties .fs-form-field--list-values-field-tag {
  max-width: 460px;
}
.form-field__section-event-properties .form-field--list-values-field-content,
.form-field__section-event-properties .fs-form-field--list-values-field-content {
  margin-left: 230px;
}
.form-field__section-event-single-property {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 10px;
}
.form-field__section-event-single-property:last-child {
  margin-bottom: 0;
}
.form-field__section-event-single-property-enabler {
  display: flex;
  flex: 0 0 auto;
  height: 30px;
  margin-right: 10px;
  margin-top: 4px;
}
.form-field__section-event-single-property-details {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  flex: 1;
}
.form-field__section-event-single-property-details .form-field {
  margin-bottom: 0;
}
.form-field__section-event-single-property-details--date, .form-field__section-event-single-property-details--datetime {
  align-items: flex-start;
}
.form-field__section-event-single-property-label {
  display: block;
  color: #727272;
  font-size: 14px;
  line-height: 20px;
}
.form-field__section-event-single-property-sub-properties {
  display: flex;
  flex-flow: column;
  width: 100%;
  margin-bottom: 12px;
}
.form-field__section-event-single-property-sub-properties:not(:empty) {
  padding: 8px 0 8px 20px;
}
.form-field__section-event-single-property-sub-properties:last-child {
  margin-bottom: 0;
}
.form-field__section-event-single-property-sub-properties > .form-field__section-event-single-property-sub-properties {
  padding-top: 0;
  padding-bottom: 0;
}
.form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties .form-field__section-event-single-property {
  flex: 1 0;
}
.form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties--array .form-field__section-event-single-property {
  flex-basis: 100%;
}
.form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties--array .form-field__section-event-single-property .form-field__section-event-single-property-details {
  margin-bottom: 10px;
}
.form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties--object > .form-field__section-event-single-property {
  flex-basis: auto;
}
.form-field__section-event-single-property-add-item {
  flex: 1 0 auto;
}
.form-field__section-event-single-property-add-item .action {
  width: 100%;
}
.form-field__section-event-single-property-remove-item {
  margin-left: auto;
}
.form-field__section-event-single-property-array-item-title {
  color: #525252;
  font-size: 14px;
}
.form-field__section-event-single-property-date-field, .form-field__section-event-single-property-datetime-field {
  display: flex;
  flex: 1 0 100%;
}
.form-field__section-event-single-property-validation-message {
  color: #da1e28;
  font-weight: 400;
}
.form-field--checkbox .form-field__form-input-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.form-field--checkbox .form-field__label {
  color: #525252;
  align-items: center;
  flex: 1;
  white-space: normal;
  line-height: 20px;
}
.form-field--horizontal {
  display: flex;
}
.form-field--horizontal .form-field + .form-field,
.form-field--horizontal .fs-form-field + .fs-form-field {
  margin-left: 25px;
}
.form-field--horizontal .form-field--flex-1 {
  flex: 1;
}
.form-field--horizontal .form-field--flex-2 {
  flex: 2;
}

.form-field__section-event-single-property-sub-properties {
  border-left: 1px solid #c94784;
}
.form-field__section-event-single-property-sub-properties .property-details {
  color: #c94784;
}
.form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties {
  border-left-color: #b1709a;
}
.form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties .property-details {
  color: #b1709a;
}
.form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties {
  border-left-color: #9998b1;
}
.form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties .property-details {
  color: #9998b1;
}
.form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties {
  border-left-color: #81c1c7;
}
.form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties .form-field__section-event-single-property-sub-properties .property-details {
  color: #81c1c7;
}

.form__message {
  margin-bottom: 0;
}

.form--block .form-field {
  display: block;
}
.form--block .form-field__label-wrapper {
  flex: 1;
  max-width: none;
}
.form--block .form-field__tooltip {
  position: absolute;
  top: 16px;
  right: 0;
  left: auto;
}

.checkbox {
  display: flex;
}
.checkbox + .form-field__label {
  margin-left: 8px;
}

.googlemap {
  width: 330px;
  height: 330px;
  margin-top: auto;
  flex: 0 0 auto;
}
.googlemap__error {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background: #e5e3df;
  font-size: 14px;
  padding: 20px;
  text-align: center;
  color: #ff3c46;
  font-weight: 500;
}

.custom-select {
  font-weight: 400;
  position: relative;
  font-size: 13px;
  color: #525252;
}
.custom-select__input {
  position: relative;
  flex: 1;
  padding: 3.5px 8px;
  background: #fff;
  cursor: pointer;
}
.custom-select__input-inner {
  display: flex;
  height: 100%;
  align-items: center;
}
.custom-select__input-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}
.custom-select__input-label.is-hidden {
  visibility: hidden;
}
.custom-select__input-icon {
  display: flex;
  flex: 0;
  align-items: center;
  margin-left: auto;
  padding-left: 4px;
}
.custom-select__input-icon .icon {
  display: block;
  width: 12px;
  height: 13px;
  fill: currentColor;
}
.custom-select__validation-icon {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.custom-select__validation-icon .icon {
  fill: #da1e28;
  height: 13px;
  width: 7px;
}
.custom-select__search {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 3.5px 8px;
  opacity: 0;
}
.custom-select__search .icon {
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  fill: #ccc;
}
.custom-select__search.is-visible {
  opacity: 1;
}
.custom-select__search.is-visible input {
  cursor: text;
}
.custom-select__search input {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 3.5px;
  padding-bottom: 3.5px;
  padding-left: 24px;
  padding-right: 24px;
  border: 0;
  outline: 0;
  background: transparent;
  cursor: default;
}
.custom-select__search input.custom-select__search-input-with-options {
  padding-left: 8px;
}
.custom-select__dropdown {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  margin-top: 2px;
  background-color: #fff;
  z-index: 2;
  visibility: hidden;
}
.custom-select__no-results {
  display: flex;
  align-items: center;
  padding: 10px;
  color: #525252;
}
.custom-select__no-results .icon {
  fill: currentColor;
  margin-right: 6px;
}
.custom-select__options {
  max-height: 212px;
  margin: 0;
  padding: 1px;
  overflow-x: auto;
  list-style: none;
}
.custom-select__option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 12px 10px;
  cursor: pointer;
}
.custom-select__option:active {
  outline: none;
}
.custom-select__option.is-selected {
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  color: var(--cc-primaryColor, #893067);
  font-weight: 500;
}
.custom-select:hover .custom-select__input {
  border-color: #aaa;
}
.custom-select.is-open, .custom-select:focus {
  outline: 0;
}
.custom-select.is-open .custom-select__input, .custom-select:focus .custom-select__input {
  box-shadow: 0 0 5px 0 var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  border: 1px solid var(--cc-primaryColor, #893067);
}
.custom-select.is-open .custom-select__option, .custom-select:focus .custom-select__option {
  border: 1px solid transparent;
}
.custom-select.is-open .custom-select__option:hover, .custom-select.is-open .custom-select__option.is-focused, .custom-select:focus .custom-select__option:hover, .custom-select:focus .custom-select__option.is-focused {
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.custom-select.is-open .custom-select__option.is-focused, .custom-select:focus .custom-select__option.is-focused {
  border-color: var(--cc-primaryColor, #893067);
}
.custom-select.is-open .custom-select__dropdown {
  transform: scale(1);
  visibility: visible;
}
.custom-select.is-open .custom-select__dropdown.is-hidden {
  visibility: hidden;
}
.custom-select.is-open .custom-select__dropdown.is-disabled {
  background-color: #f5f5f5;
}
.custom-select[data-disabled] {
  pointer-events: none;
  cursor: default;
}
.custom-select[data-disabled] .custom-select__input {
  background-color: #efefef;
  border-color: #c7c7c7;
}

/* stylelint-disable scss/operator-no-newline-after */
.top-header {
  display: flex;
  flex: 0 0 63px;
  flex-flow: row nowrap;
  background-color: #fff;
  padding-top: 4px;
  position: relative;
  border-bottom: 1px solid #8d8d8d;
}
.top-header::before {
  background-image: linear-gradient(to right, #512142 0%, #512142 5.8823529412%, #83376a 5.8823529412%, #83376a 11.7647058824%, #c84683 11.7647058824%, #c84683 17.6470588235%, #e62559 17.6470588235%, #e62559 23.5294117647%, #e52729 23.5294117647%, #e52729 29.4117647059%, #e7411e 29.4117647059%, #e7411e 35.2941176471%, #ee742c 35.2941176471%, #ee742c 41.1764705882%, #f9b415 41.1764705882%, #f9b415 47.0588235294%, #ee742c 47.0588235294%, #ee742c 52.9411764706%, #e7411e 52.9411764706%, #e7411e 58.8235294118%, #e52729 58.8235294118%, #e52729 64.7058823529%, #e62559 64.7058823529%, #e62559 70.5882352941%, #e52729 70.5882352941%, #e52729 76.4705882353%, #e52729 76.4705882353%, #e52729 82.3529411765%, #ee742c 82.3529411765%, #ee742c 88.2352941176%, #f9b415 88.2352941176%, #f9b415 94.1176470588%, #ee742c 94.1176470588%);
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  flex: 0 0 auto;
  height: 4px;
  top: 0;
}
.cc-stripe-set .top-header::before {
  background: var(--cc-stripeBackgroundColor);
}
.top-header .nav-toggle-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  margin-left: auto;
  padding: 14px;
  padding-left: 5px;
}
.top-header .nav-toggle-button .icon {
  display: block;
  width: 26px;
  height: 26px;
}
.top-header .nav-toggle-button__wrap {
  display: inline-flex;
  align-items: center;
}
.top-header .nav-toggle-button__link {
  font-weight: 600;
  font-size: 16px;
  margin-left: 6px;
}
.top-header__icon-wrap {
  display: flex;
  height: 19px;
}
.top-header__logo-and-title {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  max-width: 280px;
  padding: 0 8px;
  background-color: #fff;
}
.top-header__logo-and-title-content {
  display: flex;
  align-items: center;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .top-header__logo-and-title {
    display: none;
  }
}
.top-header__logo img {
  display: block;
  max-width: 120px;
  max-height: 40px;
  object-fit: contain;
}
.top-header__solution-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 16px;
}
.top-header__search {
  display: flex;
  align-items: center;
  flex: 1;
}
@media screen and (max-width: 1092px) {
  .top-header .nav-toggle-button {
    display: flex;
  }
  .top-header .nav-toggle-button:focus {
    outline: 1px solid var(--cc-primaryColor, #893067);
    outline-offset: -4px;
  }
  .top-header .top-header__search {
    margin-left: auto;
    flex-grow: 1;
  }
  .top-header .nav-toggle-button {
    padding-left: 8px;
    flex: 0 0 auto;
  }
}
.top-header.has-open-nav .nav-toggle-button {
  color: var(--cc-primaryColor, #893067);
}
.top-header.has-open-nav .nav-toggle-button .icon {
  fill: var(--cc-primaryColor, #893067);
}
.application--main-fullscreen .top-header {
  display: none;
}

.nav-wrapper {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  background-color: inherit;
}

.nav-icon-wrapper {
  display: flex;
  background-color: inherit;
}

.global-nav {
  display: flex;
  justify-content: space-between;
  background-color: inherit;
  font-size: 17px;
}
.global-nav__username {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.global-nav__list {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: inherit;
}
.global-nav__item {
  background-color: inherit;
}
.global-nav__item--with-dropdown {
  position: relative;
}
.global-nav__item.has-open-dropdown {
  color: var(--cc-primaryColor, #893067);
}
.global-nav__item.has-open-dropdown .icon {
  fill: var(--cc-primaryColor, #893067);
}
.global-nav__link {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  font-weight: 700;
  display: block;
  padding: 20px 20px;
  color: #161616;
  text-decoration: none;
  white-space: nowrap;
  text-align: left;
}
.global-nav__link .icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  fill: #161616;
}
.global-nav__link .icon-caret-down {
  width: 10px;
}
.global-nav__link.is-active, .global-nav__link:hover:not([disabled]) {
  color: var(--cc-primaryColor, #893067);
  cursor: pointer;
}
.global-nav__link.is-active .icon, .global-nav__link:hover:not([disabled]) .icon {
  fill: var(--cc-primaryColor, #893067);
}
.global-nav__link:disabled {
  color: #c7c7c7;
}
.global-nav__link:disabled .icon {
  fill: #c7c7c7;
}
.global-nav__link:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -1px;
}
.global-nav__link--documentation, .global-nav__link--user {
  padding-left: 8px;
  padding-right: 8px;
}
.global-nav__link--sidebar-toggle {
  padding-left: 16px;
  padding-right: 8px;
}
.global-nav__link--user-profile, .global-nav__link--logout {
  width: 100%;
}
.global-nav__dropdown-menu {
  max-width: 560px;
}
.global-nav__dropdown-menu .global-nav__item {
  width: 100%;
}
.global-nav__dropdown-menu .global-nav__item:not(:last-child) {
  border-bottom: 1px solid #cfcfcf;
}
.global-nav__dropdown-menu .global-nav__link {
  padding: 10px;
  line-height: 1.25;
  min-width: 116px;
}
.global-nav__dropdown-menu .global-nav__link:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.global-nav__dropdown-menu.is-open {
  display: block;
}
@media screen and (max-width: 1392px) {
  .global-nav {
    font-size: 15px;
  }
  .global-nav__list .global-nav__link {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (max-width: 1226px) {
  .global-nav {
    font-size: 15px;
  }
  .global-nav__list .global-nav__link {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 1226px) {
  .global-nav {
    font-size: 15px;
  }
  .global-nav__list .global-nav__link {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 768px) {
  .global-nav {
    font-size: 13px;
  }
  .global-nav__list .global-nav__link {
    padding-left: 5px;
  }
}
@media screen and (max-width: 1092px) {
  .global-nav {
    display: none;
    background-color: inherit;
  }
  .global-nav .global-nav__list {
    flex-flow: column;
  }
  .global-nav .is-open,
.global-nav .global-nav__item {
    border-bottom: 1px solid #cfcfcf;
  }
  .global-nav .global-nav__list:last-child .global-nav__item:last-child {
    border-bottom: none;
  }
  .global-nav .global-nav__link,
.global-nav .global-nav__dropdown-menu .global-nav__link {
    width: 100%;
    padding: 16px;
    text-align: center;
  }
  .global-nav .dropdown-toggle {
    display: none;
  }
  .global-nav .global-nav__dropdown-menu {
    display: block;
    position: static;
    max-width: none;
    border: 0;
    box-shadow: none;
  }
  .global-nav.is-open {
    display: block;
    background-color: #fff;
    position: absolute;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 6px;
    z-index: 9;
    overflow: auto;
    height: calc(100vh - 4px - 63px);
    /* stylelint-disable length-zero-no-unit */
    height: calc(
      100vh - 4px - 63px -
        var(--overlay-nav-offset-environment-title-bar, 0px) -
        var(--overlay-nav-offset-take-control-bar, 0px) -
        var(--overlay-nav-offset-message-banner-bar, 0px)
    );
    /* stylelint-enable length-zero-no-unit */
  }
}

.cabinet.documentation-open .top-header .nav-toggle-button {
  display: flex;
}
.cabinet.documentation-open .top-header .nav-toggle-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -4px;
}
.cabinet.documentation-open .top-header .top-header__search {
  margin-left: auto;
  flex-grow: 1;
}
.cabinet.documentation-open .top-header .nav-toggle-button {
  padding-left: 8px;
  flex: 0 0 auto;
}
.cabinet.documentation-open .global-nav {
  display: none;
  background-color: inherit;
}
.cabinet.documentation-open .global-nav .global-nav__list {
  flex-flow: column;
}
.cabinet.documentation-open .global-nav .is-open,
.cabinet.documentation-open .global-nav .global-nav__item {
  border-bottom: 1px solid #cfcfcf;
}
.cabinet.documentation-open .global-nav .global-nav__list:last-child .global-nav__item:last-child {
  border-bottom: none;
}
.cabinet.documentation-open .global-nav .global-nav__link,
.cabinet.documentation-open .global-nav .global-nav__dropdown-menu .global-nav__link {
  width: 100%;
  padding: 16px;
  text-align: center;
}
.cabinet.documentation-open .global-nav .dropdown-toggle {
  display: none;
}
.cabinet.documentation-open .global-nav .global-nav__dropdown-menu {
  display: block;
  position: static;
  max-width: none;
  border: 0;
  box-shadow: none;
}
.cabinet.documentation-open .global-nav.is-open {
  display: block;
  background-color: #fff;
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 6px;
  z-index: 9;
  overflow: auto;
  height: calc(100vh - 4px - 63px);
  /* stylelint-disable length-zero-no-unit */
  height: calc(
      100vh - 4px - 63px -
        var(--overlay-nav-offset-environment-title-bar, 0px) -
        var(--overlay-nav-offset-take-control-bar, 0px) -
        var(--overlay-nav-offset-message-banner-bar, 0px)
    );
  /* stylelint-enable length-zero-no-unit */
}
.cabinet.documentation-open .amdl-editor-main-panel.is-fullscreen {
  right: 380px;
}
.cabinet.documentation-open .main-systems-grid-full-screen {
  right: 380px !important;
}

.application--banner-visible .top-header {
  --overlay-nav-offset-message-banner-bar: 50px;
}
.application--banner-expanded .top-header {
  --overlay-nav-offset-message-banner-bar: 136px;
}
.application--take-control-visible .top-header {
  --overlay-nav-offset-take-control-bar: 49px;
}
.application--environment-title-visible .top-header {
  --overlay-nav-offset-environment-title-bar: 40px;
}
.application.has-expanded-omnisearch .top-header .nav-toggle-button {
  display: flex;
}
.application.has-expanded-omnisearch .top-header .nav-toggle-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -4px;
}
.application.has-expanded-omnisearch .top-header .top-header__search {
  margin-left: auto;
  flex-grow: 1;
}
.application.has-expanded-omnisearch .top-header .nav-toggle-button {
  padding-left: 8px;
  flex: 0 0 auto;
}
.application.has-expanded-omnisearch .global-nav {
  display: none;
  background-color: inherit;
}
.application.has-expanded-omnisearch .global-nav .global-nav__list {
  flex-flow: column;
}
.application.has-expanded-omnisearch .global-nav .is-open,
.application.has-expanded-omnisearch .global-nav .global-nav__item {
  border-bottom: 1px solid #cfcfcf;
}
.application.has-expanded-omnisearch .global-nav .global-nav__list:last-child .global-nav__item:last-child {
  border-bottom: none;
}
.application.has-expanded-omnisearch .global-nav .global-nav__link,
.application.has-expanded-omnisearch .global-nav .global-nav__dropdown-menu .global-nav__link {
  width: 100%;
  padding: 16px;
  text-align: center;
}
.application.has-expanded-omnisearch .global-nav .dropdown-toggle {
  display: none;
}
.application.has-expanded-omnisearch .global-nav .global-nav__dropdown-menu {
  display: block;
  position: static;
  max-width: none;
  border: 0;
  box-shadow: none;
}
.application.has-expanded-omnisearch .global-nav.is-open {
  display: block;
  background-color: #fff;
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 6px;
  z-index: 9;
  overflow: auto;
  height: calc(100vh - 4px - 63px);
  /* stylelint-disable length-zero-no-unit */
  height: calc(
      100vh - 4px - 63px -
        var(--overlay-nav-offset-environment-title-bar, 0px) -
        var(--overlay-nav-offset-take-control-bar, 0px) -
        var(--overlay-nav-offset-message-banner-bar, 0px)
    );
  /* stylelint-enable length-zero-no-unit */
}

.header-search {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-left: auto;
  flex: 1;
}
.header-search .icon {
  display: block;
  width: 14px;
  height: 17px;
  fill: #b3b3b3;
}
.header-search__failure {
  color: #b3b3b3;
}
.header-search__failure .icon {
  margin: auto;
  margin-bottom: 5px;
}
.header-search__input[type=search] {
  box-sizing: border-box !important;
}
.header-search__inner {
  position: relative;
  display: inline-block;
  flex: 1;
}
.header-search__input {
  font-weight: 600;
  width: 100%;
  height: 35px;
  line-height: 1;
  padding: 0 20px 0 30px;
  border: 1px solid #eee;
  background: #eee;
  font-size: 13px;
  color: #525252;
}
.header-search__search-icon-wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  line-height: 1;
}
.header-search__clear-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  display: block;
}
.header-search__loading {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.header-search__loading .icon {
  margin-right: 6px;
}
.header-search__results:not(:empty) {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  padding: 13px;
  background: #fff;
  z-index: 2;
  font-weight: 500;
  font-size: 13px;
}
.header-search__results-group + .header-search__results-group {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #eaeaea;
}
.header-search__results-group.has-no-results .header-search__results-total {
  text-decoration: none;
  cursor: default;
}
.header-search__results-total {
  display: block;
  color: var(--cc-primaryColor, #893067);
  text-decoration: underline;
  cursor: pointer;
}
.header-search__results-total-icon-wrap {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.header-search__results-total-icon-wrap .icon {
  fill: var(--cc-primaryColor, #893067);
  width: 13px;
  height: 13px;
}
.header-search__results-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-search__results-list-item {
  color: #a3a3a3;
  margin-bottom: 6px;
  cursor: pointer;
}
.header-search__result-row {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 2px;
  justify-content: space-between;
  min-width: 0;
  flex: 1;
}
.header-search__result-row-data {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  flex: 0 1 auto;
  max-width: 50%;
  display: block;
  flex: 0 1 auto;
}
@supports (max-width: fit-content) {
  .header-search__result-row-data {
    flex: 1 1 50%;
    max-width: fit-content;
  }
}
.header-search__result-row-data + .header-search__result-row-data {
  margin-left: auto;
}
.header-search__result-row-data--primary {
  color: var(--cc-primaryColor, #893067);
  text-decoration: underline;
}
.header-search__result-details {
  display: block;
  margin-left: auto;
  font-weight: 400;
}
.header-search .no-results {
  cursor: default;
  text-decoration: none;
}

.icon {
  width: 1em;
  height: auto;
}

.icon-loading rect {
  fill: #c94d8b;
}

.icon-with-text {
  display: inline-block;
  vertical-align: baseline;
}
.icon-with-text__text, .icon-with-text__icon {
  display: inline-block;
}
.icon-with-text .icon {
  width: 1em;
  height: 1em;
  display: block;
}
.icon-with-text .icon-folder,
.icon-with-text .icon-folder-open {
  position: relative;
  top: 0.1em;
}

.icon-tree-structure polygon {
  fill: currentColor;
}

.json-viewer {
  overflow: auto;
}
.json-viewer__table {
  width: 100%;
  table-layout: fixed;
}
.json-viewer__table + .json-viewer__table {
  margin-top: 24px;
}
.json-viewer__grouping--highlight {
  border-bottom: 2px solid var(--cc-primaryColor, #893067);
}
.json-viewer__grouping--highlight .json-viewer__cell {
  background: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.json-viewer__grouping--highlight .json-viewer__row:nth-child(odd) .json-viewer__cell {
  background: var(--cc-primarySelectedBackgroundColorAlt, #fae8f2);
}
.json-viewer__row:nth-child(odd) {
  background-color: #f9f9f9;
}
.json-viewer__cell {
  position: relative;
  vertical-align: top;
  line-height: 19px;
  padding: 8px 8px 9px;
  white-space: nowrap;
  color: #161616;
  overflow: hidden;
}
.json-viewer__cell--value {
  border-left: 1px solid #ccc;
}
.json-viewer__cell--value .json-viewer__cell-content {
  justify-content: space-between;
}
.json-viewer__cell:hover .json-viewer__row-copy {
  opacity: 1;
  visibility: visible;
}
.json-viewer__cell:hover .json-viewer__row-copy:hover {
  opacity: 1;
}
.json-viewer__cell-content {
  display: flex;
  align-items: center;
  min-width: 0;
}
.json-viewer__key {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  max-width: 100%;
  font-weight: 600;
}
.json-viewer__value {
  display: inline-block;
  white-space: normal;
  word-break: break-all;
}
.json-viewer__toggle {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  color: #161616;
}
.json-viewer__toggle .icon {
  color: currentColor;
}
.json-viewer__toggle.is-invisible {
  visibility: hidden;
}
.json-viewer__toggle:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.json-viewer__icon {
  display: inline-flex;
  margin-right: 7px;
  padding: 3px;
  border: 1px solid currentColor;
  border-radius: 2px;
}
.json-viewer__icon .icon {
  font-size: 13px;
  fill: #161616;
}
.json-viewer__toggle + .json-viewer__icon {
  margin-left: 5px;
}
.json-viewer__row-copy {
  margin-left: 3px;
  position: static;
  right: 8px;
  opacity: 0;
  visibility: hidden;
  transition: none 0.15s ease;
  transition-property: opacity, visibility;
}
.json-viewer__row-copy-button {
  color: #525252;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 8px;
  border: 0;
}
.json-viewer__row-copy-button .icon {
  display: block;
  width: 13px;
  height: auto;
}
.json-viewer__noDataWarning {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.json-viewer__copy-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  position: relative;
  top: 2px;
  margin-left: 4px;
  padding: 0 6px;
  color: #525252;
  transition: color 0.15s ease;
}
.json-viewer__copy-button:hover {
  color: #000;
}
.json-viewer__copy-button .icon {
  display: block;
  fill: currentColor;
}

.juicy-ace-editor-wrapper {
  border: 1px solid #c6c6c6;
  border-radius: 4px;
  display: flex;
  margin-top: 5px;
}
.juicy-ace-editor-wrapper--full-size {
  flex-grow: 1;
}
.juicy-ace-editor-wrapper .juicy-ace-editor {
  flex-grow: 1;
}
.juicy-ace-editor-wrapper .juicy-ace-editor[readonly] {
  position: relative;
}
.juicy-ace-editor-wrapper .juicy-ace-editor[readonly]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
  pointer-events: none;
}
.juicy-ace-editor-wrapper > .ace-diff {
  flex: 1;
  --diff-color: #ffeee4;
  --diff-outline-color: #ffc199;
}

.link,
.link-button {
  text-decoration: underline;
  color: var(--cc-primaryColor, #893067);
}
.link:focus,
.link-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: 1px;
}
.link[disabled],
.link-button[disabled] {
  opacity: 0.4;
}

.block-link {
  text-decoration: none;
  color: inherit;
}

.link-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
  line-height: 1.2;
  font-weight: 400;
}
.link-button .icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  display: block;
  margin-right: 6px;
}
.link-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.link-button[disabled] {
  opacity: 0.5;
  cursor: default;
}

.main-body {
  flex: 1;
  overflow: auto;
  height: 100%;
  position: relative;
  padding: 15px;
}
.main-body--angular {
  display: flex;
}
.main-body--angular .sidebar-placeholder,
.main-body--angular .sidebar {
  display: none;
}
.main-body .main-container {
  height: 100%;
  padding: 0;
}
.main-body .main-container .main {
  padding: 0;
}
.main-body .panel-wrapper {
  margin-bottom: 0;
}
.main-body--full-size {
  display: flex;
  flex-direction: column;
}
.main-body--full-size .panel:last-child {
  min-height: 0;
}
.main-body--center {
  display: flex;
  justify-content: center;
}
.main-body--no-padding {
  padding: 0;
}
.main-body--scrolls-to-panels .panel:last-child {
  min-height: 100%;
}

.modal {
  z-index: 11;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.modal__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow-x: hidden;
  overflow-y: scroll;
}
.modal__backdrop::-webkit-scrollbar-track, .modal__backdrop::-webkit-scrollbar-thumb {
  color: transparent;
}
.modal__backdrop::-webkit-scrollbar-track {
  background: #ececec;
  box-shadow: none;
}
.modal__backdrop::-webkit-scrollbar-thumb {
  background-color: rgba(113, 114, 116, 0.7);
}
.modal__body-wrap {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 80%;
  max-width: 820px;
  min-height: 360px;
  padding: 10vh 20px;
}
@media screen and (max-width: 800px) {
  .modal__body-wrap {
    width: 90%;
  }
}
.modal__body {
  max-width: 100%;
  background: #fff;
  border-radius: 10px;
}
.modal__body:focus {
  outline: none;
}
.modal__header {
  display: flex;
  align-items: center;
  min-height: 35px;
  margin-bottom: 4px;
  padding: 0 15px;
  border-radius: 10px 10px 0 0;
  background-color: var(--cc-modalHeaderBackgroundColor, #893067);
  color: var(--cc-modalHeaderColor, #fff);
}
.modal--risk .modal__header {
  background-color: #ff3c46;
  color: #fff;
}
.modal--no-risk .modal__header {
  background-color: #6dbd54;
  color: #fff;
}
.modal__header-actions {
  margin-left: auto;
}
.modal__close-button {
  display: flex;
  align-items: center;
  margin-left: 6px;
  padding: 0;
  opacity: 0.85;
}
.modal__close-button,
.modal__close-button .icon {
  width: 18px;
}
.modal__close-button:hover {
  opacity: 1;
}
.modal__close-button:focus {
  outline: 1px solid #fff;
  outline-offset: 0;
  height: 18px;
}
.modal__title {
  font-weight: 600;
  margin: 0;
  font-size: 13px;
}
.modal__title .icon {
  width: 14px;
  height: 14px;
  vertical-align: top;
  margin-right: 10px;
  fill: currentColor;
}
.modal__content {
  margin: 18px;
}
.modal__content-message {
  margin: 0 0 12px;
}
.modal__footer-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.modal__footer-action {
  flex: 1;
}
.modal__footer-action + .modal__footer-action {
  margin-left: 10px;
}
.modal .focus-trap {
  display: flex;
  height: 100%;
}
.modal--fixed-size .modal__body-wrap {
  width: 100vh;
  height: 100vh;
}
.modal--fixed-size .modal__body {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  width: 100%;
}
.modal--fixed-size .modal__header {
  flex: 0;
}
.modal--fixed-size .modal__content {
  flex: 1;
}
.modal--no-max-width .modal__body-wrap {
  max-width: none;
}
.modal .form,
.modal .form__section-form-fields {
  padding-top: 0 !important;
  min-width: 610px;
}
.modal--data-service .modal__backdrop {
  align-items: center;
  overflow-y: hidden;
}
.modal--data-service .modal__body-wrap {
  width: unset;
  max-width: unset;
  min-height: unset;
  padding: unset;
}

.multi-select {
  font-weight: 400;
  position: relative;
  z-index: 1;
  font-size: 13px;
  color: #525252;
}
.multi-select[disabled], .multi-select[data-disabled] {
  pointer-events: none;
}
.multi-select[disabled] .multi-select__input-wrap, .multi-select[data-disabled] .multi-select__input-wrap {
  background-color: #efefef;
  border-color: #c7c7c7;
}
.multi-select[disabled] .multi-select__tag, .multi-select[data-disabled] .multi-select__tag {
  opacity: 0.7;
}
.multi-select__input-wrap {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  min-height: 35px;
  padding: 3.5px 22px 3.5px 3.5px;
  background: #fff;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.2;
}
.multi-select__placeholder {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: none;
}
.multi-select__placeholder.is-visible {
  display: block;
}
.multi-select__label {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  flex: 1 1 auto;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}
.multi-select__input {
  display: flex;
  align-self: stretch;
  align-items: center;
  flex: 1;
  width: 100%;
  margin-left: 6px;
  opacity: 0;
}
.multi-select__input.is-visible {
  opacity: 1;
}
.multi-select__input-value {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 1em;
  min-height: 1em;
  line-height: calc(2em + 2px);
  outline: 0;
  border: 0;
}
.multi-select__input-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  display: flex;
  align-items: center;
  margin-left: 4px;
}
.multi-select__input-icon .icon {
  display: block;
  width: 12px;
  height: 13px;
  fill: currentColor;
}
.multi-select__tag {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  cursor: pointer !important;
  background-color: #fff;
}
.multi-select__validation-icon {
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.multi-select__validation-icon .icon {
  fill: #da1e28;
  height: 13px;
  width: 7px;
}
.multi-select__options {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  margin: 2px 0 0;
  padding: 2px 0;
  background-color: #fff;
  outline: 0;
  z-index: 2;
  display: none;
}
.multi-select__options-list {
  width: 100%;
  max-height: 154px;
  margin: 0;
  padding: 1px;
  overflow-y: auto;
  list-style: none;
}
.multi-select__option {
  padding: 12px 10px;
  cursor: pointer;
  border: 1px solid transparent;
}
.multi-select__option:active {
  outline: none;
}
.multi-select__option.is-selected {
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  font-weight: 500;
}
.multi-select:hover .multi-select__input-wrap {
  border-color: #aaa;
}
.multi-select.is-open, .multi-select:focus {
  outline: 0;
}
.multi-select.is-open .multi-select__input-wrap, .multi-select:focus .multi-select__input-wrap {
  box-shadow: 0 0 5px 0 var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  border: 1px solid var(--cc-primaryColor, #893067);
}
.multi-select.is-open .multi-select__placeholder, .multi-select:focus .multi-select__placeholder {
  display: none;
}
.multi-select.is-open .multi-select__option:hover, .multi-select.is-open .multi-select__option.is-focused, .multi-select:focus .multi-select__option:hover, .multi-select:focus .multi-select__option.is-focused {
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.multi-select.is-open .multi-select__option.is-focused, .multi-select:focus .multi-select__option.is-focused {
  border-color: var(--cc-primaryColor, #893067);
}
.multi-select.is-open .multi-select__options {
  display: block;
}
.multi-select.is-invalid .multi-select__input-wrap {
  border-color: #da1e28;
}

.notification-list {
  width: 256px;
  margin-bottom: 12px;
}
.notification-list__notification {
  background-color: #893067;
  box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-weight: 500;
  line-height: 19px;
  padding: 12px;
  position: relative;
  word-wrap: break-word;
}
.notification-list__notification .icon {
  --primary-color: #fff;
  display: inline-block;
  fill: #fff;
  height: 19px;
  margin-right: 3px;
  vertical-align: top;
  width: 19px;
}
.notification-list__notification + .notification-list__notification {
  margin-top: 7px;
}
.notification-list__notification--error {
  background: #da1e28;
}
.notification-list__notification--success {
  background: #198038;
}
.notification-list__notification--warning {
  background: #ffbe37;
  color: #161616;
}
.notification-list__notification--warning .icon {
  fill: #161616;
}
.notification-list__notification-close {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #fcfcfc;
  border: 1px solid #c9c9c9;
  border-radius: 11px;
  padding: 5px;
  line-height: 10px;
  width: 20px;
  height: 20px;
}
.notification-list__notification-close .icon {
  z-index: 4;
  position: absolute;
  fill: #525252;
  width: 10px;
  height: 10px;
  margin: 0;
  top: 4px;
  left: 4px;
}
.notification-list__notification-close:focus {
  background-color: var(--cc-primarySelectedBackgroundColorAlt, #fae8f2);
}
.notification-list__notification-close-loading {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
.notification-list__notification-close-loading .hold {
  position: absolute;
  width: 100%;
  height: 100%;
  clip: rect(0, 20px, 20px, 10px);
  border-radius: 100%;
}
.notification-list__notification-close-loading .fill {
  background-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  clip: rect(0, 10px, 20px, 0);
}
.notification-list__notification-close-loading .left .fill {
  z-index: 1;
  animation: left 2.5s linear both;
}
.notification-list__notification-close-loading .right {
  z-index: 3;
  transform: rotate(180deg);
}
.notification-list__notification-close-loading .right .fill {
  z-index: 3;
  animation: right 2.5s linear both;
  animation-delay: 2.5s;
}
@keyframes left {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes right {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.notification-list__default-renderer {
  max-height: 60vh;
  overflow: auto;
  white-space: pre-wrap;
}
.notification-list__default-renderer p {
  margin: 0;
  padding-right: 6px;
}
.notification-list__broadcast-message {
  margin: 0;
  max-height: 100px;
  overflow: auto;
}
.notification-list__action {
  background: inherit;
  border: 0;
  padding: 0;
  color: inherit;
  font-weight: 500;
  text-decoration: underline;
}
.notification-list a {
  text-decoration: underline;
  cursor: pointer;
}

.pagination {
  text-align: center;
  font-weight: 500;
}
.pagination__list {
  display: inline-block;
  margin: 20px 0;
  padding: 0;
}
.pagination__item {
  min-width: 30px;
}
.pagination__item + .pagination__item {
  margin-left: 4px;
}
.pagination--minimal > nav button:first-child {
  margin-right: 4px;
}
.pagination--minimal > nav button:last-child {
  margin-left: 4px;
}
.pagination--minimal .pagination__list {
  margin: 8px 0;
}

.panel {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}
.panel--iframe {
  flex: 1;
}
.panel--iframe .panel__body {
  padding: 0;
}
.panel--iframe iframe {
  flex: 1;
  border: #e3e3e3 1px solid;
}
.panel__anchor {
  position: absolute;
  top: -15px;
}
.panel__controls {
  margin: 0 8px;
}
.panel__header {
  color: var(--cc-panelHeaderColor, #161616);
  display: flex;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}
.panel__group {
  margin-left: auto;
  padding-bottom: 5px;
  display: flex;
}
.panel__group > * {
  margin-left: 5px;
}
.panel__group > *:first-child {
  margin-left: 0;
}
.panel__group-filter {
  display: flex;
  align-items: center;
}
.panel__group-filter-label {
  flex-shrink: 0;
  margin-right: 10px;
}
.panel__group-filter .form-input__input--select {
  line-height: 16px;
}
.panel__group-filter .icon-sort {
  bottom: 9px;
}
.panel__group-left {
  margin-left: 0;
}
.panel__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  margin: 0 8px 0 0;
  padding-bottom: 5px;
  color: var(--cc-panelHeaderColor, #161616);
  font-size: 16px;
  font-weight: 500;
}
.panel__title .breadcrumb {
  margin-bottom: 0;
}
.panel__subtitle {
  color: #161616;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
}
.panel__subtitle .link-button {
  padding: 0 10px;
  line-height: 28px;
}
.panel__title-wrapper {
  display: flex;
  align-items: center;
  min-width: 0;
}
.panel__title-wrapper .panel__subtitle {
  padding-bottom: 5px;
}
.panel__tabs {
  display: flex;
  flex: 0 0 auto;
  max-width: 100%;
  overflow-x: auto;
  align-items: flex-end;
}
.panel__tabs-overflow {
  position: relative;
  margin-bottom: 5px;
}
.panel__tabs-overflow.is-expanded .panel__tabs-overflow-button .icon {
  transform: rotate(180deg);
}
.panel__tabs-overflow.is-expanded .panel__tabs-overflow-tabs {
  display: flex;
}
.panel__tabs-overflow-button .icon {
  transform: rotate(0);
  transition: transform 0.2s ease;
}
.panel__tabs-overflow-tabs {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  flex-flow: column nowrap;
  margin: 2px -5px 0 0;
  padding: 4px 0;
  color: #000;
  background-color: #fff;
  z-index: 1;
}
.panel__tabs-overflow-tabs .panel__tab {
  margin: 0;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
}
.panel__tabs--align-right {
  margin: 0 0 0 auto;
}
.panel__tabs--limited-visible-mode {
  overflow: initial;
}
.panel__tab {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 0;
  line-height: 30px;
  background-color: inherit;
  font-weight: 500;
  margin-left: 5px;
  padding: 0 10px 5.5px;
  text-decoration: none;
  color: inherit;
  max-width: 140px;
}
.panel__tab:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -1px;
}
.panel__tab--active {
  color: var(--cc-primaryColor, #893067);
  background-color: #fff;
  cursor: default;
}
.panel__tab:first-child {
  margin-left: 0;
}
.panel__tab--disabled {
  color: #a4a4a4;
  cursor: default;
}
.panel__tab-screenreader {
  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;
}
.panel__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 10px 0;
}
.panel__body-header {
  display: flex;
  justify-content: space-between;
}
.panel__table-filter-label {
  display: flex;
  align-items: center;
}
.panel__table-filter-label-text {
  color: #525252;
  font-weight: 500;
  margin-right: 5px;
}
.panel__table-filter .form-field {
  margin-bottom: 0;
}
.panel__table-filter select {
  height: 28px;
  line-height: 16px;
}
.panel__table-filter .icon-sort {
  bottom: 7px;
}
.panel__fieldset {
  border: 0;
  margin: 0;
  padding: 0;
  min-width: 0;
}
.panel__wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.panel__section-details dl {
  display: flex;
  margin: 0;
}
.panel__section-details dl:last-child dt,
.panel__section-details dl:last-child dd {
  border: 0;
}
.panel__section-details dt {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
}
.panel__section-details dt,
.panel__section-details dd {
  border-bottom: 1px solid #dedede;
  display: table-cell;
  line-height: 22px;
  padding: 8px;
  vertical-align: top;
}
.panel__section-details dd {
  flex: 1;
  margin: 0;
  padding-left: 0;
  overflow: auto;
}
.panel__section-details .label {
  border: 1px solid #7f7f7f;
  border-radius: 3px;
  color: #7f7f7f;
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  line-height: normal;
  padding: 0 4px;
  text-decoration: none;
}
.panel--empty-body {
  padding-bottom: 0;
}
.panel--empty-body .panel__body {
  padding: 0 0 5px;
}
.panel--editor {
  height: 100%;
}
.panel--editor .panel__body {
  padding: 0;
}
.panel--submit-button {
  float: right;
}
.panel--main:last-child {
  padding-bottom: 0;
}
.panel--main:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.panel--main .form__section-form-fields,
.panel--main .form__section-submit-button {
  margin: 0 auto;
  max-width: 690px;
  width: 100%;
}
.panel--main .form__section-form-fields {
  padding-top: 50px;
}
.panel--main .form__section-form-fields--add-button {
  padding-top: 0;
}
.panel--main .panel__header {
  padding: 5px 5px 0;
  background-color: var(--cc-panelHeaderBackgroundColor, #e3e3e3);
  flex: 0 0 auto;
}
.panel--main .panel__subheader {
  display: flex;
  padding: 5px 5px 0;
  border-bottom: 1px solid var(--cc-panelHeaderBackgroundColor, #e3e3e3);
  color: #525252;
  line-height: 28px;
}
.panel--main .panel__title {
  margin-left: 8px;
}
.panel--main .panel__wrapper {
  background-color: #fff;
}
.panel--main .panel__section-form-fields {
  margin: 0 auto;
  max-width: 690px;
  padding-top: 50px;
  width: 100%;
}
.panel--main .panel__section-form-fields--add-button {
  padding-top: 0;
}
.panel--main .panel__section-editor-view {
  border-bottom: 1px solid #dedede;
  padding-bottom: 13px;
}
.panel--main .panel__editor-manage-container {
  text-align: right;
}
.panel--main .panel__editor-manage {
  position: relative;
  margin-left: auto;
}
.panel--sidebar .form-field {
  margin-bottom: 1px;
  padding: 15px 0;
}
.panel--sidebar .checkbox--filter-by-risk-score {
  border-top: 1px solid #a8a8a8;
  padding-top: 15px;
  margin-top: 15px;
}
.panel--sidebar .form-input--datetime-range .form-input__part {
  display: block;
}
.panel--tooltip .panel__header {
  background-color: inherit;
}
.panel--tooltip .form-field {
  margin-bottom: 5px;
}
.panel--sticky-headers .panel__header {
  position: sticky;
  top: -15px;
  z-index: 2;
}
.panel .panel-body--custom {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.dataservice-expandable-title .panel__title {
  display: inline-flex;
}
.panel__data-services-modal {
  width: 95vw;
  height: calc(90vh - 150px);
  position: relative;
}
.panel__data-services-modal .panel__wrapper {
  position: initial;
  overflow: auto;
}
.panel__data-services-modal > .panel__wrapper > .panel__header {
  position: fixed;
  width: 95vw;
  z-index: 1;
}
.panel__data-services-modal > .panel__wrapper > .panel-body {
  margin-top: 50px;
}
.panel__data-services-modal .panel__tabs .action {
  border: 0;
  background-image: none;
  font-size: 16px;
}
.panel__data-services-modal .panel__tab {
  padding-right: 12px;
}
.panel__data-services-modal .panel__tab--has-data::after {
  content: "●";
  position: absolute;
  top: -9px;
  right: 1px;
}
.panel--full-viewport {
  height: 100%;
}
.panel--full-viewport .panel__wrapper {
  overflow: hidden;
}
.panel--full-viewport .panel-body {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow: hidden;
}
.panel--full-viewport .panel-body--table .table {
  flex-grow: 1;
}
.panel--full-viewport .panel-body--table .panel__body {
  overflow: hidden;
}

.percentage-bar {
  display: flex;
}
.percentage-bar__bar {
  flex: 1 0 auto;
  display: block;
  position: relative;
  background: #dfdfdf;
  border-radius: 4px;
  overflow: hidden;
  z-index: 0;
  margin-right: 5px;
}
.percentage-bar__bar__screenreader {
  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;
}
.percentage-bar__track {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  z-index: 1;
}
.percentage-bar__track--alert {
  background-color: #f57423;
}
.percentage-bar__track--danger {
  background-color: #ef4f4f;
}
.percentage-bar__track--ok {
  background-color: #54c02f;
}
.percentage-bar__track--warning {
  background-color: #ffbe37;
}
.percentage-bar__label {
  width: 50px;
  text-align: right;
  color: #525252;
  line-height: 1.6;
  font-weight: 700;
}

.range-input {
  -webkit-appearance: none;
  width: 100%;
  min-height: 32px;
}
.range-input:not(.multirange__input) {
  background: transparent;
}
.range-input::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  border: 0 solid transparent;
}
.range-input:not(.multirange__input--ghost)::-webkit-slider-runnable-track {
  background: #d4d4d4;
  border-radius: 0;
  border-color: transparent;
}
.range-input::-webkit-slider-thumb {
  border: 1px solid #a3a3a3;
  height: 22px;
  width: 16px;
  border-radius: 2px;
  background-color: #fff;
  cursor: pointer;
  background-image: linear-gradient(to right, #525252 1px, transparent 1px), linear-gradient(to right, #525252 1px, transparent 1px);
  background-repeat: no-repeat;
  background-size: 1px 40%;
  background-position: 5px 50%, 8px 50%;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.12);
  -webkit-appearance: none;
  /* stylelint-disable-next-line scss/operator-no-newline-after */
  margin-top: -8px;
}
.range-input:focus::-webkit-slider-thumb {
  border-color: #c94784;
  box-shadow: 0 0 5px 0 rgba(201, 77, 139, 0.47);
}
.range-input::-moz-range-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  border: 0 solid transparent;
}
.range-input:not(.multirange__input--ghost)::-moz-range-track {
  background: #d4d4d4;
  border-radius: 0;
  border-color: transparent;
}
.range-input::-moz-range-thumb {
  border: 1px solid #a3a3a3;
  height: 22px;
  width: 16px;
  border-radius: 2px;
  background-color: #fff;
  cursor: pointer;
  background-image: linear-gradient(to right, #525252 1px, transparent 1px), linear-gradient(to right, #525252 1px, transparent 1px);
  background-repeat: no-repeat;
  background-size: 1px 40%;
  background-position: 5px 50%, 8px 50%;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.12);
}
.range-input:focus::-moz-range-thumb {
  border-color: #c94784;
  box-shadow: 0 0 5px 0 rgba(201, 77, 139, 0.47);
}

.multirange {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.multirange input[type=number]::-webkit-outer-spin-button,
.multirange input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.multirange input[type=number] {
  -moz-appearance: textfield;
}
.multirange__value {
  display: block;
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 17px;
  color: #525252;
}
.multirange__inline-value {
  flex: 0 0 auto;
  width: 50px;
}
.multirange__slider-wrap {
  flex: 1;
  padding: 0 14px;
}
.multirange__inputs {
  position: relative;
}
.multirange__input {
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
.multirange__input::-moz-range-track {
  border-color: transparent;
}
.multirange__input-container {
  position: relative;
}
.multirange__input--original {
  position: absolute;
  background: transparent;
}
.multirange__input--original::-webkit-slider-thumb {
  position: relative;
  z-index: 2;
}
.multirange__input--original::-moz-range-thumb {
  transform: scale(1);
  z-index: 1;
}
.multirange__input--ghost {
  position: relative;
  background: var(--track-background);
  --track-background: linear-gradient(
      to right,
      transparent var(--low),
      var(--range-color) 0,
      var(--range-color) var(--high),
      transparent 0
    )
    no-repeat 0 50% / 100% 100%;
  --range-color: var(--cc-primaryColor, #893067);
}
.multirange__input--ghost::-webkit-slider-runnable-track {
  background: var(--track-background);
}
.multirange__input--ghost::-moz-range-track {
  background: var(--track-background);
}
.multirange__tickmarks {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  padding-top: 2px;
  color: #656565;
  margin: 2px auto 0;
}
.multirange__tickmarks::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  flex: none;
  top: 0;
  width: 100%;
  height: 1px;
  margin: 0 auto;
  border-top: 1px solid #d2d2d2;
}
.multirange__tickmarks-item {
  display: flex;
  flex-flow: column wrap;
}
.multirange__tickmarks-item::before {
  content: "";
  display: block;
  width: 1px;
  height: 4px;
  background: #d2d2d2;
  margin: -1px auto 0;
}
.multirange__tickmarks-item:not(.multirange__tickmarks-item--fixed) {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.multirange__tickmarks-item:first-child::before {
  margin-left: 0;
}
.multirange__tickmarks-item:last-child::before {
  margin-right: 0;
}
.multirange--score-threshold .multirange__slider-connects {
  --track-background: linear-gradient(
      to right,
      #198038 var(--low),
      var(--range-color) 0,
      var(--range-color) var(--high),
      #da1e28 0
    )
    no-repeat 0 50% / 100% 100%;
  --range-color: #ffbe37;
}
.multirange__slider {
  background: #d4d4d4;
  margin: 13px 0;
  height: 6px;
  width: 100%;
}
.multirange__slider-container {
  margin-left: 5px;
  margin-right: 11px;
}
.multirange__slider-target {
  position: relative;
}
.multirange__slider-base, .multirange__slider-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.multirange__slider-connects {
  overflow: hidden;
  z-index: 0;
  background: var(--track-background);
  --track-background: linear-gradient(
      to right,
      transparent var(--low),
      var(--range-color) 0,
      var(--range-color) var(--high),
      transparent 0
    )
    no-repeat 0 50% / 100% 100%;
  --range-color: var(--cc-primaryColor, #893067);
}
.multirange__slider-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.multirange__slider-handle {
  border: 1px solid #a3a3a3;
  height: 22px;
  width: 16px;
  border-radius: 2px;
  background-color: #fff;
  cursor: pointer;
  background-image: linear-gradient(to right, #525252 1px, transparent 1px), linear-gradient(to right, #525252 1px, transparent 1px);
  background-repeat: no-repeat;
  background-size: 1px 40%;
  background-position: 5px 50%, 8px 50%;
  box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  right: -8px;
  top: -8px;
}
.multirange__slider-handle:focus {
  border-color: #c94784;
  box-shadow: 0 0 5px 0 rgba(201, 77, 139, 0.47);
  outline: none;
}

.report-overview {
  height: 90px;
  display: flex;
  justify-content: center;
}
.report-overview__item {
  display: flex;
  align-items: center;
  padding: 0 80px;
}
.report-overview__icon {
  display: flex;
  float: left;
  width: 3.75rem;
  height: 3.75rem;
  font-size: 1.75rem;
  line-height: 3.75rem;
  color: #fff;
  text-align: center;
  background: #d54a88;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
}
.report-overview__details {
  padding-left: 5px;
}
.report-overview__title {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1500px) {
  .report-overview__item {
    padding: 0 40px;
  }
}
@media screen and (max-width: 1200px) {
  .report-overview__item {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1100px) {
  .report-overview .hide-if-small {
    display: none;
  }
  .report-overview__item {
    padding: 0 10px;
  }
}

.server-driven__cell {
  word-wrap: break-word;
}
.server-driven__cell--highlight {
  color: var(--cc-primaryColor, #893067);
}

/* stylelint-disable scss/operator-no-newline-after */
.sidebar {
  flex: 0 0 280px;
  height: 100%;
  overflow: auto;
  font-size: 15px;
  background-color: var(--cc-sidebarBackgroundColor, #e3e3e3);
  color: var(--cc-sidebarColor, #161616);
  padding-top: 10px;
}
.sidebar::-webkit-scrollbar-thumb, .sidebar::-webkit-scrollbar-track {
  color: transparent !important;
}
.sidebar::-webkit-scrollbar-track {
  background: transparent !important;
}
.sidebar__incident-list-header {
  padding: 13px 0;
}
.application:not(.application--sidebar-expanded) .sidebar {
  display: none;
}
.sidebar--reports {
  padding-top: 0;
}
.sidebar--reports__top {
  background-color: inherit;
  padding: 20px 10px 10px;
  position: sticky;
  top: 0;
  z-index: 1;
}
.sidebar--reports .manage-reports {
  display: block;
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
}
.sidebar__navigation {
  font-weight: 700;
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  padding-bottom: 220px;
}
.sidebar__navigation a, .sidebar__navigation-link {
  cursor: pointer;
}
.sidebar__navigation a,
.sidebar__navigation .navigation-directory .navigation-directory__title, .sidebar__navigation-link {
  background: transparent;
  border: none;
  border-top: 1px solid #cbcbcb;
  color: var(--cc-sidebarColor, #161616);
  display: flex;
  font-weight: 500;
  outline: 0;
  padding: 13px 15px;
  position: relative;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
  line-height: 18px;
}
.sidebar__navigation a:focus,
.sidebar__navigation .navigation-directory .navigation-directory__title:focus, .sidebar__navigation-link:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -1px;
}
.sidebar__navigation a,
.sidebar__navigation .navigation-directory .navigation-directory__title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar__navigation li.with-padding {
  padding: 0 15px;
}
.sidebar__navigation li:first-child a,
.sidebar__navigation li:first-child .sidebar__navigation-link {
  border-top-color: transparent;
}
.sidebar__navigation li a:hover,
.sidebar__navigation li .sidebar__navigation-link:hover {
  background-color: var(--cc-sidebarNavItemHoverBackgroundColor, #eee);
}
.sidebar__navigation li:not(.active) a:hover,
.sidebar__navigation li:not(.active) .sidebar__navigation-link:hover {
  color: var(--cc-sidebarNavItemHoverColor, var(--cc-sidebarColor, #161616));
}
.sidebar__navigation li a:hover, .sidebar__navigation li + li a:hover {
  border-top-color: transparent;
}
.sidebar__navigation li.active a,
.sidebar__navigation li.active .sidebar__navigation-link {
  background: #fff;
  border-left: 3px solid var(--cc-primaryColor, #893067);
  padding-left: 12px;
}
.sidebar__navigation li.active + li a,
.sidebar__navigation li.active + li .sidebar__navigation-link {
  border-top-color: transparent;
}
.sidebar__navigation li.is-disabled a,
.sidebar__navigation li.is-disabled .sidebar__navigation-link {
  opacity: 0.5;
}
.sidebar__navigation li.is-disabled,
.sidebar__navigation li.is-disabled a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.sidebar__navigation .active a,
.sidebar__navigation .active .sidebar__navigation-link {
  border-top-color: transparent;
  color: var(--cc-primaryColor, #893067);
}
.sidebar__navigation .active .icon {
  fill: currentColor;
}
.sidebar__navigation .icon {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: top;
  fill: currentColor;
}
.sidebar__navigation .icon-clipboard-list {
  position: relative;
  left: -2px;
}
.sidebar__navigation .navigation-directory:hover {
  background-color: inherit;
}
.sidebar__navigation .navigation-directory__sub-list {
  list-style: none;
  padding-left: 10px;
}
.sidebar__navigation .navigation-directory__sub-list li {
  border-top: 1px solid #cbcbcb;
}
.sidebar__navigation .navigation-directory__sub-list li a {
  border: 0;
}
.sidebar__navigation .navigation-directory__title {
  display: flex !important;
}
.sidebar__navigation .navigation-directory__title-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}
.sidebar__navigation .navigation-directory__create {
  width: initial;
  border: 0;
  padding: 0;
  text-align: right;
  min-height: unset;
  height: unset;
}
.sidebar__navigation .navigation-directory__create:hover {
  color: var(--cc-primaryColor, #893067);
}
.sidebar__navigation .navigation-directory__create:hover .icon {
  fill: var(--cc-primaryColor, #893067);
}
.sidebar--incident-list .sidebar__navigation-link {
  display: flex;
}
.sidebar--incident-list .icon {
  flex: 0 0 18px;
}
.sidebar--incident-list__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.sidebar--incident-list__count {
  text-align: right;
  padding-right: 9px;
}
.sidebar--incident-list__filter {
  border-top: 1px solid #cbcbcb;
  display: flex;
  padding: 0 15px;
}
.sidebar--incident-list__filter .icon {
  height: 44px;
}
.sidebar--incident-list__filter .form-field {
  margin-bottom: 0;
  width: 100%;
}
.sidebar--incident-list__filter .form-input--select {
  flex: 1;
}
.sidebar--incident-list__filter .form-input--select .icon-sort {
  bottom: 0;
  right: 0;
  width: 13px;
}
.sidebar--incident-list__filter .form-input__input--select {
  background: inherit;
  border: 0;
  border-radius: 0;
  color: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 32px;
  padding-left: 2px;
}
.sidebar--incident-list__filter .form-input__input--select:focus {
  border: 0 !important;
  box-shadow: none;
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.sidebar--incident-list .active + li .sidebar--incident-list__filter {
  border-top-color: transparent;
}
.sidebar .title {
  display: inline-block;
  width: 226px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
.application--main-fullscreen .sidebar {
  display: none;
}
.sidebar .multirange__input--ghost {
  --range-color: var(--cc-sidebarPrimaryColor, #893067);
}

.sidebar-count-link {
  display: flex;
}
.sidebar-count-link__icon {
  flex: 0 0 auto;
}
.sidebar-count-link__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  flex: 0 1 auto;
  max-width: 50%;
  padding-right: 4px;
}
@supports (max-width: fit-content) {
  .sidebar-count-link__label {
    flex: 1 1 50%;
    max-width: fit-content;
  }
}
.sidebar-count-link__count {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  flex: 0 1 auto;
  max-width: 50%;
  margin-left: auto;
}
@supports (max-width: fit-content) {
  .sidebar-count-link__count {
    flex: 1 1 50%;
    max-width: fit-content;
  }
}

.sidebar-select {
  position: relative;
  display: flex;
  align-items: center;
}
.sidebar-select__info-icon {
  position: absolute;
  left: 15px;
}
.sidebar-select__info-icon .icon {
  display: block;
  width: 18px;
  height: 18px;
  vertical-align: initial;
}
.sidebar-select__input-icon {
  position: absolute;
  right: 15px;
}
.sidebar-select__input-icon .icon {
  display: block;
  width: 12px;
  height: auto;
  margin: 0;
  vertical-align: initial;
}
.sidebar-select__input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 0;
  height: 100%;
  margin: 1px;
  padding: 13px 27px 13px 43px;
  background: transparent;
  font-weight: 500;
}
.sidebar-select__input:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}

.sidebar-collapsable-list__toggle-button {
  display: flex;
}
.sidebar-collapsable-list__toggle-button:hover {
  background-color: var(--cc-sidebarNavItemHoverBackgroundColor, #eee) !important;
}
.sidebar-collapsable-list__toggle-button-icon {
  margin-left: auto;
  margin-right: -4px;
  padding-left: 4px;
}
.sidebar-collapsable-list__toggle-button-icon .icon {
  display: block;
  margin: 0;
}
.sidebar-collapsable-list__items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-collapsable-list .sidebar-count-link__icon {
  margin-left: 16px;
}

.sidebar-right {
  z-index: 9;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 370px;
  padding: 15px;
  background: #fff;
  overflow-y: auto;
  box-shadow: -4px 5px 1px 0 rgba(135, 135, 135, 0.5);
}
.sidebar-right__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 6;
}
.sidebar-right-ui-editor {
  z-index: 9;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 450px;
  height: 100%;
  padding: 15px;
  background: #fcfcfc;
  overflow-y: auto;
  box-shadow: -4px 5px 1px 0 rgba(135, 135, 135, 0.5);
}
.sidebar-right--documentation-open {
  right: 380px;
}
.sidebar-right .form-input__input--query {
  width: 100%;
  box-sizing: border-box;
}
.sidebar-right .form-field--list .form-field__label-wrapper {
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
  padding-bottom: 0;
  padding-right: 0;
  border-bottom: 1px solid #dfdfdf;
}
.sidebar-right .form-field--list .form-field__list-counts {
  display: block;
  margin-left: 4px;
  color: var(--cc-primaryColor, #893067);
  font-weight: 500;
  font-size: 13px;
}
.sidebar-right .form-field--list .form-field--inline-search {
  max-width: 205px;
  margin-left: auto;
  margin-bottom: -1px;
  padding: 0 0 0 10px;
}
.sidebar-right .form-field--list .divider {
  display: inline-block;
  flex: 1;
  border: 0.5px solid #a8a8a8;
  margin: 10px 15px 0;
  padding: 0 10px;
}
.sidebar-right .form-input--checkbox-list .form-input__list .checkbox {
  margin-bottom: 10px;
}
.sidebar-right .form-input--checkbox-list .form-input__list .checkbox__label {
  margin-bottom: 0;
}

.application--banner-visible .sidebar-right {
  top: 50px;
  height: calc(100% - 50px);
}

.application--banner-expanded .sidebar-right {
  top: 136px;
  height: calc(100% - 136px);
}

.sparkline-wrapper figure {
  margin: 0 !important;
}
.sparkline-wrapper figcaption div,
.sparkline-wrapper figcaption div * {
  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;
}

.sparkline-block {
  display: flex;
  align-items: center;
}

.table .sparkline {
  width: 140px;
  padding: 2px 2px 2px 40px;
  stroke: #a2a2a2;
  stroke-width: 1px;
  transform: translate(0, 2px);
}

.sparkline-action-wrapper ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sparkline-action-wrapper li {
  display: flex;
  position: relative;
  margin-top: 10px;
}
.sparkline-action-wrapper ul li input[type=radio] {
  position: absolute;
  visibility: hidden;
}
.sparkline-action-wrapper ul li label {
  padding: 10px 10px 10px 30px;
  cursor: pointer;
}
.sparkline-action-wrapper ul li .check {
  position: absolute;
  border: 0;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  top: 9px;
  left: 9px;
}
.sparkline-action-wrapper ul li .check::before {
  position: absolute;
  content: "";
  border-radius: 100%;
  margin: auto;
}
.sparkline-action-wrapper input[type=radio]:checked ~ .check {
  border: 1px solid var(--cc-primaryColor, #893067);
}
.sparkline-action-wrapper input[type=radio] ~ .check::before {
  background: #d7d7d7;
  height: 15px;
  width: 15px;
  top: 1px;
  left: 1px;
}
.sparkline-action-wrapper input[type=radio]:checked ~ .check::before {
  background: var(--cc-primaryColor, #893067);
  height: 10px;
  width: 10px;
  top: 2px;
  left: 2px;
}

.steps-tracker {
  display: flex;
  padding: 0 0 20px;
  justify-content: center;
}
.steps-tracker__step {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.steps-tracker__step--active .steps-tracker__icon {
  background: var(--cc-primaryColor, #78396b);
}
.steps-tracker__step--active .steps-tracker__icon-text {
  color: #fff;
}
.steps-tracker__step--active .steps-tracker__name {
  color: var(--cc-primaryColor, #78396b);
}
.steps-tracker__wrapper {
  display: flex;
  align-items: center;
  width: 160px;
}
.steps-tracker__icon {
  width: 35px;
  height: 35px;
  border: 2px solid var(--cc-primaryColor, #78396b);
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.steps-tracker__icon-text {
  font-size: 18px;
  font-weight: 500;
  color: var(--cc-primaryColor, #78396b);
}
.steps-tracker__bar--back, .steps-tracker__bar--front {
  width: 65px;
  height: 2px;
  background: var(--cc-primaryColor, #78396b);
}
.steps-tracker__name {
  padding: 8px 0;
  color: #616161;
  font-weight: 500;
}
.steps-tracker__step:last-child {
  padding-right: 0;
}
.steps-tracker__step:first-child .steps-tracker__bar--back {
  background: #fff;
}
.steps-tracker__step:last-child .steps-tracker__bar--front {
  background: #fff;
}

.table {
  overflow: auto;
}
.table--sticky-headers .table__header {
  border-bottom: 0;
}
.table--sticky-headers .table__header-item {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fff;
  box-shadow: inset 0-2px 0 0 #ddd;
}
.table--grid table {
  display: grid;
}
.table--grid thead,
.table--grid tbody,
.table--grid tr {
  display: contents;
}
.table--grid th {
  position: relative;
}
.table--grid th:hover .table__header-resize-handle {
  opacity: 0.5;
}
.table__header-resize-handle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0;
  width: 3px;
  cursor: col-resize;
}
.table table {
  width: 100%;
}
.table table .dataservice-compound,
.table table .dataservice-expandable-title {
  width: initial;
}
.table__tooltip-icon .icon {
  margin: 0 0 0 5px;
  fill: #525252;
}
.table__text-tooltip-wrapper {
  border-bottom: 1px dashed #d0cdcd;
}
.table__header {
  border-bottom: 2px solid #ddd;
}
.table__header .icon {
  height: 14px;
  width: 14px;
  vertical-align: top;
  fill: currentColor;
}
.table__header-expand-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
}
.table__header-expand-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: 2px;
}
.table__header-sort-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
  font: inherit;
  display: flex;
  align-items: center;
}
.table__header-sort-button .icon {
  margin-left: 4px;
}
.table__header-sort-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: 2px;
}
.table__header-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #161616;
  padding: 8px;
  text-align: left;
  white-space: nowrap;
}
.table__header-item--dataservice-float, .table__header-item--dataservice-integer, .table__header-item--dataservice-percentage {
  text-align: right;
}
.table__header-item--tooltip {
  white-space: inherit;
}
.table__header-item--tooltip i {
  margin-left: 5px;
}
.table__header-item + .table__header-item {
  padding-left: 0;
}
.table__header-item--expand {
  text-align: center;
  width: 28px;
}
.table__header-item--expand .table__header-row-expand-button {
  display: inline-block;
  vertical-align: top;
}
.table__header-item--expand .icon {
  fill: #161616;
  height: 18px;
  pointer-events: none;
  width: 12px;
}
.table__header-item--select {
  box-sizing: content-box;
  width: 47px;
}
.table__header-item--select .action .icon-square {
  fill: #d8d8d8;
}
.table__header-item--select .action .icon-check-square,
.table__header-item--select .action .icon-minus-square {
  fill: var(--cc-primaryColor, #893067);
}
.table__header-item--select .action .icon-angle-down {
  margin-right: 0;
}
.table__header-item--select-checkbox-button {
  cursor: pointer;
  vertical-align: top;
  background: none;
  border: 0;
  padding: 0 4px;
  margin-right: 0;
}
.table__header-item--select-checkbox-button .icon {
  margin-right: 0 !important;
}
.table__header-item--select-checkbox-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.table__header-item--select-all-dropdown-button {
  cursor: pointer;
  vertical-align: top;
  background: none;
  border: 0;
  padding: 0 4px;
}
.table__header-item--select-all-dropdown-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.table__header-item--select-all-dropdown-button .icon {
  height: auto !important;
}
.table__header-item--select-container {
  cursor: default;
  display: flex;
}
.table__header-item--select-without-pagination {
  box-sizing: content-box;
  width: 47px;
  text-align: center;
}
.table__header-item--select-without-pagination .checkbox__label {
  margin: 0 0 0 6px;
  width: 16px;
  cursor: pointer;
}
.table__header-item--select-without-pagination .checkbox__label-icon .icon {
  width: 100%;
  height: 100%;
  fill: #fff;
}
.table__header-item--spannable {
  text-align: center;
}
.table__header-item--center {
  text-align: center;
}
.table__header-item--right {
  text-align: right;
}
.table__header-item--right .table__header-item-alignment-wrapper {
  display: flex;
  justify-content: flex-end;
}
.table__body:nth-of-type(odd), .table__body:nth-of-type(odd) .table__cell {
  background-color: #f4f4f4;
}
.table__row:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -1px;
}
.table__row--expandable-clickable {
  cursor: pointer;
}
.table__row.is-highlighted .table__row--expandable .table__cell {
  border-bottom: 0;
}
.table__row.is-editing {
  vertical-align: top;
  border-top: 1px solid rgba(137, 48, 103, 0.2);
  border-bottom: 1px solid rgba(137, 48, 103, 0.2);
}
.table__row.has-error {
  outline: 1px solid #da1e28;
}
.table__row--total {
  font-weight: 500;
}
.table__cell {
  line-height: 19px;
  padding: 8px 8px 9px;
  color: #161616;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table__cell--with-link-button button {
  padding-right: 5px;
}
.table__cell:not(.table__cell--rowspan) + .table__cell {
  padding-left: 0;
}
.table__cell + .table__cell.table__cell--action {
  padding-left: 3px;
}
.table__cell--not-asked, .table__cell--loading, .table__cell--error, .table__cell--no-matches {
  text-align: center;
}
.table__cell--error {
  color: #da1e28;
  white-space: normal;
}
.table__cell--error .icon {
  fill: #da1e28;
  height: 19px;
  width: 19px;
  margin-right: 3px;
  vertical-align: bottom;
}
.table__cell--action {
  width: 1px;
  overflow: visible;
}
.table__cell--action + .table__cell--action {
  padding-left: 0;
}
.table__cell--align-top {
  vertical-align: top;
}
.table__cell--text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 0;
}
.table__cell--text-wrap {
  white-space: normal;
  word-break: break-word;
}
.table__cell--html-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.table__cell--expand {
  text-align: center;
  vertical-align: middle;
}
.table__cell--expand .icon {
  display: block;
}
.table__cell--expand .table__cell-expand-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: block;
  cursor: pointer;
}
.table__cell--expand .table__cell-expand-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -1px;
}
.table__cell--expand .icon {
  fill: #525252;
  height: 18px;
  pointer-events: none;
  width: 12px;
}
.table__cell--external-link .icon {
  fill: var(--cc-primaryColor, #893067);
  height: 13px;
  width: 17px;
}
.table__cell--dataservice-float, .table__cell--dataservice-integer, .table__cell--dataservice-percentage {
  text-align: right;
}
.table__cell--dataservice-entity a,
.table__cell--dataservice-entity .link-button, .table__cell--dataservice-hyperlink a,
.table__cell--dataservice-hyperlink .link-button, .table__cell--dataservice-query a,
.table__cell--dataservice-query .link-button, .table__cell--external-link a,
.table__cell--external-link .link-button, .table__cell--link a,
.table__cell--link .link-button {
  color: var(--cc-primaryColor, #893067);
  font-weight: 500;
}
.table__cell--link {
  color: var(--cc-primaryColor, #893067);
  font-weight: 500;
}
.table__cell--dataservice-compound {
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.table__cell--dataservice-compound td {
  padding-left: 0;
}
.table__cell--checkbox .icon {
  fill: #161616;
  height: 19px;
  vertical-align: top;
  width: 13px;
}
.table__cell--center {
  text-align: center;
}
.table__cell--right {
  text-align: right;
}
.table__cell--select {
  box-sizing: content-box;
  width: 47px;
}
.table__cell--select .checkbox__label {
  margin: 0 0 0 6px;
  width: 16px;
  cursor: pointer;
}
.table__cell--html-icon {
  fill: #161616;
  --primary-color: $primary-text-color;
}
.table__cell--html-icon .icon {
  height: 19px;
  width: 13px;
  vertical-align: top;
}
.table__cell .json-box {
  background: #fff;
  border: 1px solid #c6c6c6;
  padding: 5px;
  overflow: auto;
}
.table__cell .json-box-title {
  margin: 0;
  font-size: 1em;
}
.table__cell .json-box-warning {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
  margin: 4px 0;
  padding: 4px;
}
.table__cell .json-box-warning p {
  margin: 0 0 1em;
}
.table__cell .json-box-warning p:last-child {
  margin-bottom: 0;
}
.table__cell-tooltip {
  overflow: visible;
}
.table__tag {
  color: #525252;
  padding: 0 4px;
  font-weight: 500;
  font-size: 13px;
  border: 1px solid #525252;
  border-radius: 3px;
}
.table .action, .table .action .icon {
  line-height: 25px;
  height: 25px;
}
.table__inline-edit-fields--cols {
  display: flex;
}
.table__inline-edit-fields--cols .table__inline-edit-field {
  flex-flow: column wrap;
  align-items: stretch;
  margin-bottom: 0;
  white-space: nowrap;
}
.table__inline-edit-fields--cols .table__inline-edit-field + .table__inline-edit-field {
  margin-left: 8px;
}
.table__inline-edit-fields--cols .table__inline-edit-label,
.table__inline-edit-fields--cols .table__inline-edit-input {
  display: block;
  flex: 1 1 auto;
}
.table__inline-edit-fields--cols .table__inline-edit-label {
  margin-bottom: 4px;
}
.table__inline-edit-fields--rows .form-input--invalid .form-input__input--textlike {
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
}
.table__inline-edit-field {
  display: flex;
  flex-flow: row wrap;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  white-space: normal;
}
.table__inline-edit-field--has-error .table__inline-edit-label {
  color: #da1e28;
}
.table__inline-edit-label {
  display: inline-block;
  flex: 0 0 30%;
  padding-right: 12px;
  color: #161616;
  font-weight: 600;
}
.table__inline-edit-input-wrap {
  display: inline-block;
  flex: 0 1 60%;
}
.table__inline-edit-errors {
  display: block;
  padding: 0 4px;
  color: #da1e28;
  background-color: #ffece7;
  border: 1px solid #da1e28;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  font-size: 13px;
}
.table__dl {
  display: grid;
  grid-template-columns: max-content auto;
  margin: 10px;
  white-space: normal;
  word-break: break-all;
}
.table__dl dt,
.table__dl dd {
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #d0d0d0;
}
.table__dl dt:last-of-type,
.table__dl dd:last-of-type {
  border-bottom: 0;
}
.table__dl dt {
  font-weight: 600;
  padding-right: 30px;
}
.table__dl dd {
  margin-left: 0;
}
.table__reorder-buttons .action {
  width: 25px;
}
.table__reorder-buttons .action:not(:first-child) {
  margin-left: 6px;
}

.table-header-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.table-header-wrap--right {
  justify-content: flex-end;
}

.table-filtering {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.table-filtering__per-page {
  display: flex;
  align-items: center;
}
.table-filtering__per-page select {
  height: 28px;
  line-height: 16px;
}
.table-filtering__per-page .icon-sort {
  bottom: 7px;
}
.table-filtering__per-page label {
  color: #767676;
  font-weight: 500;
  margin-left: 5px;
}
.table-filtering__search input {
  height: 28px;
  line-height: 16px;
}
.table-filtering__search .icon-search {
  bottom: 7px;
}
.table-filtering__search .close-button {
  bottom: 3px;
}

.bulk-sidebar {
  position: absolute;
  display: none;
}

.table-per-page {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.table-per-page .form-field {
  margin-bottom: 0;
}
.table-per-page select {
  height: 28px;
  line-height: 16px;
}
.table-per-page .icon-sort {
  bottom: 7px;
}
.table-per-page label {
  color: #525252;
  font-weight: 500;
  margin-left: 5px;
}

.panel__subheader .table-per-page {
  margin-bottom: 5px;
  margin-right: 5px;
}

.tag {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 2.5px;
  border: 1px solid currentColor;
  border-radius: 3px;
  background-color: #fff;
  color: #525252;
  white-space: nowrap;
  cursor: default;
}
.tag__content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: inline-flex;
  padding: 0.18em 0.36em;
}
.tag__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.2;
}
.tag__icon {
  display: flex;
}
.tag__icon .icon {
  --primary-color: currentColor;
  display: block;
  width: 1em;
  height: auto;
  fill: currentColor;
}
.tag__icon + .tag__text, .tag__text + .tag__icon {
  margin-left: 4px;
}
.tag--strike {
  text-decoration: line-through;
}
.tag--action {
  cursor: pointer;
}
.tag--filled {
  background: #525252;
  border-color: #525252;
  color: #fff;
}
.tag--no-spacing {
  margin: 0;
}
.tag--size-small {
  margin: 3px;
  font-size: 13px;
}
.tag--size-small .tag__content {
  padding: 2px 4px;
}
.tag--size-large {
  margin: 4px;
  font-size: 13px;
}
.tag--size-large .tag__content {
  padding: 4px 8px;
}
.tag--theme-neutral {
  color: #525252;
}
.tag--theme-neutral.tag--split-contrast, .tag--theme-neutral.tag--split-uniform {
  border: 1px solid #525252;
}
.tag--theme-neutral.tag--split-contrast .tag__content + .tag__content, .tag--theme-neutral.tag--split-uniform .tag__content + .tag__content {
  border-left: 1px solid #525252;
}
.tag--theme-neutral.tag--split-contrast .tag__content:nth-child(odd) {
  background: #525252;
  color: #fff;
}
.tag--theme-neutral.tag--split-contrast .tag__content:nth-child(even) {
  background: none;
  color: #525252;
}
.tag--theme-neutral.tag--filled {
  background: #525252;
  border-color: #525252;
  color: #fff;
}
.tag--theme-neutral.tag--filled.tag--split-uniform .tag__content + .tag__content {
  border-left-color: #fff;
}
.tag--theme-primary {
  color: #893067;
}
.tag--theme-primary.tag--split-contrast, .tag--theme-primary.tag--split-uniform {
  border: 1px solid #893067;
}
.tag--theme-primary.tag--split-contrast .tag__content + .tag__content, .tag--theme-primary.tag--split-uniform .tag__content + .tag__content {
  border-left: 1px solid #893067;
}
.tag--theme-primary.tag--split-contrast .tag__content:nth-child(odd) {
  background: #893067;
  color: #fff;
}
.tag--theme-primary.tag--split-contrast .tag__content:nth-child(even) {
  background: none;
  color: #893067;
}
.tag--theme-primary.tag--filled {
  background: #893067;
  border-color: #893067;
  color: #fff;
}
.tag--theme-primary.tag--filled.tag--split-uniform .tag__content + .tag__content {
  border-left-color: #fff;
}
.tag--theme-alert {
  color: #525252;
}
.tag--theme-alert.tag--split-contrast, .tag--theme-alert.tag--split-uniform {
  border: 1px solid #525252;
}
.tag--theme-alert.tag--split-contrast .tag__content + .tag__content, .tag--theme-alert.tag--split-uniform .tag__content + .tag__content {
  border-left: 1px solid #525252;
}
.tag--theme-alert.tag--split-contrast .tag__content:nth-child(odd) {
  background: #525252;
  color: #fff;
}
.tag--theme-alert.tag--split-contrast .tag__content:nth-child(even) {
  background: none;
  color: #525252;
}
.tag--theme-alert.tag--filled {
  background: #525252;
  border-color: #525252;
  color: #fff;
}
.tag--theme-alert.tag--filled.tag--split-uniform .tag__content + .tag__content {
  border-left-color: #fff;
}
.tag--theme-danger {
  color: #da1e28;
}
.tag--theme-danger.tag--split-contrast, .tag--theme-danger.tag--split-uniform {
  border: 1px solid #da1e28;
}
.tag--theme-danger.tag--split-contrast .tag__content + .tag__content, .tag--theme-danger.tag--split-uniform .tag__content + .tag__content {
  border-left: 1px solid #da1e28;
}
.tag--theme-danger.tag--split-contrast .tag__content:nth-child(odd) {
  background: #da1e28;
  color: #fff;
}
.tag--theme-danger.tag--split-contrast .tag__content:nth-child(even) {
  background: none;
  color: #da1e28;
}
.tag--theme-danger.tag--filled {
  background: #da1e28;
  border-color: #da1e28;
  color: #fff;
}
.tag--theme-danger.tag--filled.tag--split-uniform .tag__content + .tag__content {
  border-left-color: #fff;
}
.tag--theme-ok {
  color: #198038;
}
.tag--theme-ok.tag--split-contrast, .tag--theme-ok.tag--split-uniform {
  border: 1px solid #198038;
}
.tag--theme-ok.tag--split-contrast .tag__content + .tag__content, .tag--theme-ok.tag--split-uniform .tag__content + .tag__content {
  border-left: 1px solid #198038;
}
.tag--theme-ok.tag--split-contrast .tag__content:nth-child(odd) {
  background: #198038;
  color: #fff;
}
.tag--theme-ok.tag--split-contrast .tag__content:nth-child(even) {
  background: none;
  color: #198038;
}
.tag--theme-ok.tag--filled {
  background: #198038;
  border-color: #198038;
  color: #fff;
}
.tag--theme-ok.tag--filled.tag--split-uniform .tag__content + .tag__content {
  border-left-color: #fff;
}
.tag--theme-workflow {
  color: #44f;
}
.tag--theme-workflow.tag--split-contrast, .tag--theme-workflow.tag--split-uniform {
  border: 1px solid #44f;
}
.tag--theme-workflow.tag--split-contrast .tag__content + .tag__content, .tag--theme-workflow.tag--split-uniform .tag__content + .tag__content {
  border-left: 1px solid #44f;
}
.tag--theme-workflow.tag--split-contrast .tag__content:nth-child(odd) {
  background: #44f;
  color: #fff;
}
.tag--theme-workflow.tag--split-contrast .tag__content:nth-child(even) {
  background: none;
  color: #44f;
}
.tag--theme-workflow.tag--filled {
  background: #44f;
  border-color: #44f;
  color: #fff;
}
.tag--theme-workflow.tag--filled.tag--split-uniform .tag__content + .tag__content {
  border-left-color: #fff;
}
.tag--theme-risk-reason {
  background: #ffdde2;
  border-color: #ff587c;
  color: #000;
  font-weight: normal;
}

.tag-list {
  display: flex;
  flex-flow: row wrap;
}

.take-control-banner {
  display: flex;
  align-items: center;
  padding: 9px 12px;
  background-color: var(--cc-takeControlBarBackgroundColor, #103c62);
  color: var(--cc-takeControlBarColor, #fff);
  border-bottom: 1px solid #fff;
  text-align: right;
}
.take-control-banner__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: inherit;
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
}
.take-control-banner__actions {
  margin-left: auto;
  padding-left: 8px;
}

.release-control-modal {
  width: 320px;
  min-height: auto;
  padding: 10px;
  text-align: center;
}
.release-control-modal .icon-gamepad {
  width: 70px;
  height: 70px;
  fill: var(--cc-primaryColor, #893067);
}
.release-control-modal .action-title {
  margin: 20px auto;
  font-size: 18px;
  font-weight: 600;
}

.accordion__actions {
  margin: 8px 0;
}
.accordion__actions button:disabled {
  color: #a8a8a8;
  cursor: auto;
}
.accordion__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.accordion__item {
  border-top: 1px solid #e8e8e8;
}
.accordion__item:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.accordion__item:not(.is-expanded) .accordion__expanded-state-icon {
  transform: rotateZ(0);
}
.accordion__item:not(.is-expanded) .accordion__content {
  display: none;
}
.accordion__header {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 12px 0;
  text-align: left;
}
.accordion__header:not(:disabled):hover {
  cursor: pointer;
  background-color: #e8e8e8;
}
.accordion__header:not(:disabled):focus {
  outline: 2px solid var(--cc-primaryColor, #893067);
}
.accordion__expanded-state-icon {
  display: block;
  flex: 0 0 auto;
  width: 16px;
  margin: 0 12px;
  font-size: 1rem;
  transform: rotateZ(180deg);
  transition: transform 0.2s ease-in-out;
}
.accordion__expanded-state-icon .icon {
  display: block;
  fill: currentColor;
}
.accordion__title {
  display: block;
  flex: 1 1 auto;
  margin: 0 12px;
  overflow-wrap: anywhere;
}
.accordion__content {
  padding: 16px 40px 24px 12px;
}

.action-search {
  position: relative;
}
.action-search__input {
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  line-height: 21px;
  width: 100%;
  border: 1px solid #c7c7c7;
  background-color: #fff;
  vertical-align: top;
  font-weight: 500;
  height: 30px;
  padding: 0 24px 0 29px;
  font-size: 13px;
}
.action-search__input:focus {
  border: 1px solid var(--cc-primaryColor, #893067);
  box-shadow: 0 0 5px 0 var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  outline: none;
}
.action-search .icon {
  display: flex;
  fill: #707070;
}
.action-search .icon-search {
  top: 1px;
  left: 10px;
  width: 12px;
  height: 28px;
  pointer-events: none;
  position: absolute;
  fill: #ccc;
}
.action-search .clear-button {
  position: absolute;
  top: 0;
  right: 6px;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

.amdl-editor-main-panel {
  height: 100%;
}
.amdl-editor-main-panel .panel__wrapper,
.amdl-editor-main-panel .panel__body {
  min-height: 0;
}
.amdl-editor-main-panel #panel-amdl-editor-ng-amdl-global-generator {
  display: none;
}
.amdl-editor-main-panel #panel-amdl-editor-ng-amdl-state-generator {
  display: none;
}
.amdl-editor-main-panel #panel-amdl-editor-ng-amdl-rule-generator {
  display: none;
}
.amdl-editor-main-panel #panel-amdl-editor-ng-amdl-event-type-generator {
  display: none;
}
.amdl-editor-main-panel #panel-amdl-editor-ng-amdl-field-type-generator {
  display: none;
}
.amdl-editor-main-panel #panel-amdl-editor-ng-amdl-tag-generator {
  display: none;
}
.amdl-editor-main-panel.is-fullscreen {
  position: fixed;
  top: 4px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.amdl-editor {
  display: flex;
  flex: 1;
  min-height: 0;
}
.amdl-editor__dropdown {
  width: 300px;
  padding: 14px;
}
.amdl-editor__dropdown-actions {
  display: flex;
}
.amdl-editor__dropdown .action + .action {
  margin-left: 5px;
}
.amdl-editor__dropdown-action-primary {
  flex: 1 0 auto;
}
.amdl-editor__dropdown-action-secondary {
  flex: 0 0 auto;
}
.amdl-editor__warning {
  margin: 0 0 1em;
  font-size: 14px;
  font-weight: 600;
  color: #da1e28;
}
.amdl-editor__close-tab-confirm-message {
  margin: 0 0 12px;
}
.amdl-editor__close-tab-confirm-actions {
  display: flex;
}
.amdl-editor__close-tab-confirm-action {
  flex: 1;
}
.amdl-editor__close-tab-confirm-action + .amdl-editor__close-tab-confirm-action {
  margin-left: 8px;
}
.amdl-editor__amdl-generator {
  width: 610px;
}
.amdl-editor__amdl-generator[data-amdl-generator-type=global] #panel-amdl-editor-ng-amdl-global-generator {
  display: block;
}
.amdl-editor__amdl-generator[data-amdl-generator-type=state] #panel-amdl-editor-ng-amdl-state-generator {
  display: block;
}
.amdl-editor__amdl-generator[data-amdl-generator-type=rule] #panel-amdl-editor-ng-amdl-rule-generator {
  display: block;
}
.amdl-editor__amdl-generator[data-amdl-generator-type=event-type] #panel-amdl-editor-ng-amdl-event-type-generator {
  display: block;
}
.amdl-editor__amdl-generator[data-amdl-generator-type=field-type] #panel-amdl-editor-ng-amdl-field-type-generator {
  display: block;
}
.amdl-editor__amdl-generator[data-amdl-generator-type=tag] #panel-amdl-editor-ng-amdl-tag-generator {
  display: block;
}
.amdl-editor__event-generator {
  width: 610px;
  position: relative;
}
.amdl-editor__event-generator #panel-amdl-editor-ng-event-generator {
  display: block;
}
.amdl-editor__amdl-generator-dropdown-content {
  display: flex;
  flex-flow: column nowrap;
  min-width: 130px;
  padding: 0;
}
.amdl-editor__amdl-generator-dropdown-action {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: flex;
  width: 100%;
  padding: 8px 24px 8px 14px;
  text-align: left;
}
.amdl-editor__amdl-errors {
  width: 690px;
}
.amdl-editor__amdl-errors-title {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  color: var(--cc-primaryColor, #893067);
}
.amdl-editor__amdl-errors-table table {
  table-layout: fixed;
}
.amdl-editor__amdl-errors-table .table__cell {
  white-space: normal;
}
.amdl-editor__amdl-errors-row-summary {
  word-break: break-all;
  cursor: pointer;
}
.amdl-editor__amdl-errors-row-detail-codeblock {
  background: #fff;
  border: 1px solid #c6c6c6;
  padding: 4px 8px;
  overflow: auto;
  white-space: pre;
}
.amdl-editor__import-results {
  margin-bottom: 20px;
}
.amdl-editor__import-results-outcome {
  color: #525252;
  margin-bottom: 10px;
  word-wrap: break-word;
  font-weight: bold;
}
.amdl-editor__import-results-outcome--success .amdl-editor__import-results-outcome-message {
  color: #198038;
}
.amdl-editor__import-results-outcome--error .amdl-editor__import-results-outcome-message {
  color: #da1e28;
}
.amdl-editor__import-annotated-code {
  margin: 0;
  padding: 8px;
  white-space: pre;
  overflow: auto;
  background: #f5f5f5;
  box-shadow: 1px 1px 3px 0 #bbb;
}
.amdl-editor__import-annotated-code-parser-problem {
  white-space: nowrap;
}
.amdl-editor__import-annotated-code-line {
  display: block;
}
.amdl-editor__import-annotated-code-line.has-error .amdl-editor__import-annotated-code-line-inner {
  position: relative;
}
.amdl-editor__import-annotated-code-line.has-error .amdl-editor__import-annotated-code-line-inner::before {
  content: "";
  position: absolute;
  top: 90%;
  width: 100%;
  height: 0.25em;
  background: linear-gradient(135deg, transparent, transparent 45%, #da1e28, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, #da1e28, transparent 55%, transparent 100%);
  background-size: 0.5em 0.5em;
  background-repeat: repeat-x, repeat-x;
}
.amdl-editor__import-annotated-code-line--error-annotation {
  color: #da1e28;
}
.amdl-editor__import-results-list {
  max-height: 360px;
  margin: 0;
  padding: 0;
  overflow: auto;
}
.amdl-editor__import-results-list-item {
  display: flex;
  margin-bottom: 2px;
  padding: 10px;
  background: #e8e8e8;
}
.amdl-editor__import-results-list-item-label-extra {
  margin-left: auto;
  color: #da1e28;
}
.amdl-editor__import-create-results-title {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  color: var(--cc-primaryColor, #893067);
}
.amdl-editor__import-create-results-list {
  max-height: 360px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  overflow: auto;
}
.amdl-editor__import-create-results-list-item {
  margin-bottom: 2px;
  padding: 6px;
  background: #ececec;
  color: #525252;
}
.amdl-editor__import-create-results-list-item--ok {
  color: #198038;
}
.amdl-editor__import-create-results-list-item--danger {
  color: #da1e28;
}
.amdl-editor__import-create-results-list-item-extra {
  display: block;
  font-weight: 600;
}
.amdl-editor__import-create-results-list-item-extra:not(:empty) {
  padding-top: 8px;
}

.amdl-editor-tree {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 240px;
  min-width: 0;
  margin-right: 6px;
  border: 1px solid #e8e8e8;
}
.amdl-editor-tree__actions-dropdown {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-left: 8px;
}
.amdl-editor-tree__actions-dropdown .static-tooltip {
  display: flex;
}
.amdl-editor-tree__actions-dropdown-content {
  min-width: 130px;
}
.amdl-editor-tree__actions-dropdown-action {
  display: block;
  width: 100%;
  padding: 10px;
  text-align: left;
}
.amdl-editor-tree__actions-dropdown-action:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.amdl-editor-tree__loading {
  padding: 20px;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.amdl-editor-tree__header {
  display: flex;
  flex: 0 0 auto;
  padding: 5px;
  background: #e8e8e8;
}
.amdl-editor-tree__search {
  flex: 1;
  margin-right: 5px;
}
.amdl-editor-tree__search .form-input--search {
  flex: 1;
}
.amdl-editor-tree__header-actions {
  flex: 0 0 auto;
}
.amdl-editor-tree__bulk-run-tests {
  display: flex;
  height: 34px;
  background: #e8e8e8;
  font-size: 13px;
}
.amdl-editor-tree__bulk-run-tests.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.amdl-editor-tree__bulk-run-tests, .amdl-editor-tree__bulk-run-tests-action {
  color: #525252;
}
.amdl-editor-tree__bulk-run-tests:focus, .amdl-editor-tree__bulk-run-tests-action:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: 1px;
}
.amdl-editor-tree__bulk-run-tests .icon, .amdl-editor-tree__bulk-run-tests-action .icon {
  height: 18px;
  width: auto;
}
.amdl-editor-tree__bulk-run-tests-content, .amdl-editor-tree__bulk-run-tests-actions {
  padding: 8px;
}
.amdl-editor-tree__bulk-run-tests .icon {
  display: block;
  fill: currentColor;
}
.amdl-editor-tree__bulk-run-tests-content {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
}
.amdl-editor-tree__bulk-run-tests-progress-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #a8a8a8;
}
.amdl-editor-tree__bulk-run-tests-progress-indicator-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(34, 132, 0, 0.75);
  transition: width 0.2s 0.2s ease;
}
.amdl-editor-tree__bulk-run-tests-progress-indicator--fail .amdl-editor-tree__bulk-run-tests-progress-indicator-bar {
  background-color: #da1e28;
}
.amdl-editor-tree__bulk-run-tests-actions {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.amdl-editor-tree__bulk-run-tests-action {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
}
.amdl-editor-tree__bulk-run-tests-action + .amdl-editor-tree__bulk-run-tests-action {
  margin-left: 12px;
}
.amdl-editor-tree__bulk-run-tests-label {
  position: relative;
  margin: 0 4px;
}
.amdl-editor-tree__bulk-run-tests-label--with-progress {
  color: #fff;
}
.amdl-editor-tree__bulk-run-tests-not-asked-icon {
  color: #da1e28;
}
.amdl-editor-tree__nodes-list {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  min-width: 0;
  padding: 0 10px 10px 0;
  overflow: auto;
}
.amdl-editor-tree__nodes {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 auto;
  min-width: 0;
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
}
.amdl-editor-tree__node {
  display: flex;
  flex-flow: column nowrap;
  min-width: 0;
}
.amdl-editor-tree__node.is-disabled {
  text-decoration: line-through;
}
.amdl-editor-tree__node-icon {
  margin-right: 6px;
}
.amdl-editor-tree__label {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 10px 10px 10px 16px;
  color: #161616;
  border-bottom: 1px solid rgba(223, 223, 223, 0.7);
}
.amdl-editor-tree__label-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  margin-right: auto;
  text-align: left;
  color: inherit;
  cursor: pointer;
}
.amdl-editor-tree__label-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: 1px;
}
.amdl-editor-tree__label-button-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}
.amdl-editor-tree__sub-node-count {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  flex: 0 1 auto;
  min-width: 8px;
}
.amdl-editor-tree__error-count {
  display: flex;
  align-items: center;
  color: #da1e28;
  font-weight: 500;
}
.amdl-editor-tree__error-count .icon {
  display: block;
  margin-right: 4px;
  fill: #da1e28;
}
.amdl-editor-tree__error-count--branch {
  position: absolute;
  left: -2px;
}
.amdl-editor-tree__error-count--leaf {
  cursor: pointer;
}
.amdl-editor-tree__branch-actions-toggle {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  color: #525252;
}
.amdl-editor-tree__branch-actions-toggle:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.amdl-editor-tree__branch-actions-toggle .icon {
  display: block;
  position: relative;
  top: 1px;
  fill: currentColor;
}
.amdl-editor-tree__branch-actions-toggle[disabled] {
  opacity: 0.5;
}
.amdl-editor-tree__branch-actions-divider {
  display: block;
  height: 1px;
  margin: 6px 0;
  background: rgba(82, 82, 82, 0.2);
}
.amdl-editor-tree__branch-actions-delete-dir {
  width: 170px;
  padding: 10px;
}
.amdl-editor-tree__branch-actions-delete-dir-title {
  display: block;
  margin-bottom: 8px;
}
.amdl-editor-tree__modal-update-directory {
  width: 700px;
  max-width: 100%;
}
.amdl-editor-tree__modal-import {
  width: 700px;
  max-width: 100%;
  padding: 5px;
}
.amdl-editor-tree__import-textarea {
  font-family: "Roboto Mono", monospace;
  height: 200px;
  white-space: pre;
  overflow: auto;
}

.amdl-editor-editor {
  flex: 1 1 auto;
  max-width: calc(100% - 246px);
  border: 1px solid #e8e8e8;
}
.amdl-editor-editor__tabs {
  min-height: 35px;
}
.amdl-editor-editor__tab {
  min-height: 100%;
  position: relative;
  display: flex;
  min-width: 150px;
  padding-left: 12px;
  padding-right: 20px;
  padding-top: 5.5px;
  background-color: rgba(255, 255, 255, 0.5);
}
.amdl-editor-editor__tab.panel__tab--active {
  background-color: #fff;
}
.amdl-editor-editor__tab:hover .amdl-editor-editor__tab-modified-indicator {
  visibility: hidden;
}
.amdl-editor-editor__tab:hover .amdl-editor-editor__tab-close-button {
  visibility: visible;
}
.amdl-editor-editor__tab-open-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
  flex: 1 1 auto;
  padding-right: 3px;
}
.amdl-editor-editor__tab-open-button.is-modified {
  font-style: italic;
}
.panel__tab--active .amdl-editor-editor__tab-open-button {
  color: var(--cc-primaryColor, #893067);
}
.amdl-editor-editor__tab-actions {
  position: absolute;
  right: 4px;
  margin-left: 4px;
}
.amdl-editor-editor__tab-close-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  position: relative;
  top: 1px;
  flex: 0 0 auto;
  fill: #525252;
  font-size: 13px;
  visibility: hidden;
}
.amdl-editor-editor__tab-close-button .icon {
  display: block;
}
.amdl-editor-editor__tab-modified-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: var(--cc-primaryColor, #893067);
  width: 6px;
  height: 6px;
  border-radius: 100%;
  visibility: visible;
}
.amdl-editor-editor__tab-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  font-size: 13px;
}
.amdl-editor-editor__extra-content-resizer {
  flex: 0 0 auto;
  margin-top: auto;
}
.amdl-editor-editor__extra-content-resizer .icon {
  display: block;
  margin: 0 auto;
}
.amdl-editor-editor__extra-content-resizer-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  width: 100%;
  padding: 4px;
  cursor: ns-resize;
}
.amdl-editor-editor__extra-content-resizer-button .icon {
  pointer-events: none;
}
.amdl-editor-editor__content {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
}
.amdl-editor-editor__action-bar {
  display: flex;
  flex-flow: row wrap;
  white-space: nowrap;
}
.amdl-editor-editor__action-bar-subgroup {
  display: flex;
  flex-flow: row wrap;
}
.amdl-editor-editor__action-bar-subgroup--right {
  margin-left: auto;
}
.amdl-editor-editor__action-bar-spinner {
  display: flex;
  align-items: center;
  padding: 0 10px;
  fill: currentColor;
}
.amdl-editor-editor__action-bar-action-wrap + .amdl-editor-editor__action-bar-action-wrap {
  border-left: 1px solid #e8e8e8;
}
.amdl-editor-editor__action-bar-action {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: flex;
  align-items: center;
  padding: 10px;
  color: #525252;
}
.amdl-editor-editor__action-bar-action .icon {
  display: block;
  margin-right: 4px;
  fill: currentColor;
}
.amdl-editor-editor__action-bar-action .icon + .icon:last-child {
  margin-right: 0;
  margin-left: 4px;
}
.amdl-editor-editor__action-bar-action:not([disabled]):hover {
  color: var(--cc-primaryColor, #893067);
}
.amdl-editor-editor__action-bar-action[disabled] {
  opacity: 0.5;
}
.amdl-editor-editor__action-bar-action-toggle-enabled-disabled {
  min-width: 95px;
}
.amdl-editor-editor__action-bar-action-toggle-enabled-disabled.is-disabled, .amdl-editor-editor__action-bar-action-toggle-enabled-disabled.is-disabled:hover {
  color: #da1e28;
  font-weight: bold;
}
.amdl-editor-editor__action-bar-action-toggle-enabled-disabled.is-disabled .icon, .amdl-editor-editor__action-bar-action-toggle-enabled-disabled.is-disabled:hover .icon {
  fill: #525252;
}
.amdl-editor-editor__action-bar-action:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -5px;
}
.amdl-editor-editor__extra-content {
  display: flex;
  flex-flow: column nowrap;
  min-height: 100px;
  overflow: auto;
}
.amdl-editor-editor__extra-content:empty {
  display: none;
}
.amdl-editor-editor__extra-content--tests {
  height: 250px;
  min-height: 250px;
}
.amdl-editor-editor__details {
  border-top: 1px solid #e8e8e8;
  display: flex;
  flex: 0 1 auto;
  padding: 20px;
}
.amdl-editor-editor__details .form-field__label-wrapper {
  flex: 0 1 30%;
}
.amdl-editor-editor__details .form-field__form-input-wrapper {
  flex: 1 0 60%;
}
.amdl-editor-editor__details-inner {
  flex: 1;
  max-width: 720px;
  margin: 0 auto;
}

.amdl-editor-tests {
  border-top: 1px solid #e8e8e8;
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  min-height: 0;
  padding: 10px;
}
.amdl-editor-tests__status-icon {
  display: block;
  fill: #525252;
}
.amdl-editor-tests__status-icon .icon {
  display: block;
}
.amdl-editor-tests__status-icon--success {
  fill: #198038;
}
.amdl-editor-tests__status-icon--failure {
  fill: #da1e28;
}
.amdl-editor-tests__header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  margin-bottom: 10px;
}
.amdl-editor-tests__main-actions {
  display: flex;
  margin-right: auto;
}
.amdl-editor-tests__subview-toggle-actions {
  margin-right: 6px;
}
.amdl-editor-tests__subview-toggle-action.is-active, .amdl-editor-tests__subview-toggle-action.is-active:hover {
  background: #dedede;
}
.amdl-editor-tests__title {
  display: block;
  flex: 1;
  font-size: 14px;
  font-weight: 600;
}
.amdl-editor-tests__content {
  display: flex;
  flex: 1;
  min-height: 0;
  background: #e8e8e8;
}
.amdl-editor-tests__test-list {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  width: 200px;
  margin-right: 6px;
  border-right: 1px solid rgba(82, 82, 82, 0.2);
}
.amdl-editor-tests__test-list--loading {
  align-items: center;
  justify-content: center;
}
.amdl-editor-tests__test-list-actions {
  display: flex;
  flex: 0 0 auto;
  justify-content: space-around;
}
.amdl-editor-tests__test-list-action {
  color: #525252;
}
.amdl-editor-tests__test-list-action[disabled] {
  opacity: 0.5;
}
.amdl-editor-tests__test-list-items {
  flex: 1 1 auto;
  overflow: auto;
  margin: 0 10px 10px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #c3c1c1;
  list-style: none;
}
.amdl-editor-tests__test-list-item {
  display: flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid transparent;
}
.amdl-editor-tests__test-list-item .amdl-editor-tests__status-icon {
  margin-right: 6px;
}
.amdl-editor-tests__test-list-item .action {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  width: 100%;
  min-height: 30px;
  text-align: left;
}
.amdl-editor-tests__test-list-item:hover,
.amdl-editor-tests__test-list-item:hover .action {
  color: var(--cc-primaryColor, #893067);
}
.amdl-editor-tests__test-list-item.is-selected,
.amdl-editor-tests__test-list-item.is-selected .action {
  background: var(--cc-primarySelectedBackgroundColorAlt, #fae8f2);
}
.amdl-editor-tests__test-list-item.is-editing {
  border-color: var(--cc-primaryColor, #893067);
}
.amdl-editor-tests__test-list-item-rename-input {
  width: 100%;
  background: none;
  border: none;
  min-height: 30px;
}
.amdl-editor-tests__edit-details {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  padding: 10px;
  overflow: hidden;
}
.amdl-editor-tests__edit-details-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 10px;
}
.amdl-editor-tests__edit-details-check-rule {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: 6px;
  margin-bottom: 0;
}
.amdl-editor-tests__edit-details-check-rule .form-field__label-wrapper {
  padding-bottom: 0;
  padding-right: 6px;
  color: inherit;
}
.amdl-editor-tests__edit-details-check-rule .form-field__form-input-wrapper {
  flex-basis: auto;
}
.amdl-editor-tests__edit-details-check-rule .form-input--select select {
  height: 2.3em;
  line-height: 1.2em;
}
.amdl-editor-tests__edit-details-check-rule .form-input--select .icon-sort {
  bottom: 7px;
}
.amdl-editor-tests__edit-details-check-rule-label {
  padding-right: 6px;
}
.amdl-editor-tests__edit-details-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 1 auto;
  min-width: 0;
}
.amdl-editor-tests__edit-details-content {
  display: flex;
  flex-flow: row nowrap;
  flex: 1;
}
.amdl-editor-tests__editor {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  border: 1px solid rgba(82, 82, 82, 0.2);
}
.amdl-editor-tests__editor + .amdl-editor-tests__editor {
  margin-left: 16px;
}
.amdl-editor-tests__editor-header {
  display: flex;
  align-items: center;
  padding: 6px;
  border-bottom: 1px solid rgba(82, 82, 82, 0.2);
}
.amdl-editor-tests__editor-actions {
  margin-left: auto;
}
.amdl-editor-tests__editor-actions .action--icon-only {
  width: auto;
  height: auto;
}
.amdl-editor-tests__editor-actions .action--icon-only .icon {
  display: block;
  width: 14px;
  height: auto;
}
.amdl-editor-tests__results {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  padding: 10px;
  overflow: auto;
}
.amdl-editor-tests__results-title {
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
  padding-bottom: 8px;
  background-color: #e8e8e8;
  border-bottom: 1px solid rgba(82, 82, 82, 0.2);
}
.amdl-editor-tests__results-title .icon {
  margin-right: 4px;
}
.amdl-editor-tests__results-list-not-run, .amdl-editor-tests__results-list-loading, .amdl-editor-tests__results-list-empty, .amdl-editor-tests__results-list-error, .amdl-editor-tests__results-list {
  flex: 1;
  padding: 16px;
  background: #fff;
}
.amdl-editor-tests__results-list-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.amdl-editor-tests__results-list-loading .icon {
  width: 20px;
}
.amdl-editor-tests__results-list-error {
  color: #da1e28;
}
.amdl-editor-tests__results-list {
  margin: 0;
  overflow: auto;
  list-style: none;
}
.amdl-editor-tests__results-list-item {
  margin-bottom: 10px;
}
.amdl-editor-tests__results-list-test-name {
  display: flex;
  align-items: center;
}
.amdl-editor-tests__results-list-test-name .icon {
  margin-right: 6px;
}
.amdl-editor-tests__results-list-test-failed-to-execute {
  display: flex;
  align-items: center;
  margin-left: 4px;
}
.amdl-editor-tests__results-list-test-failed-to-execute .icon {
  fill: #ffbe37;
  margin-right: 4px;
}
.amdl-editor-tests__results-list-item-expander {
  box-sizing: border-box;
}
.amdl-editor-tests__results-list-item-expander-summary {
  display: flex;
  align-items: center;
  outline: none;
  cursor: pointer;
}
.amdl-editor-tests__results-list-item-expander-summary::before {
  content: "";
  width: 1em;
  height: 1em;
  margin-right: 4px;
  background-image: url("/images/icons/fa-caret-right-solid.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.amdl-editor-tests__results-list-item-expander-summary::-webkit-details-marker {
  display: none;
}
.amdl-editor-tests__results-list-item-expander[open] > .amdl-editor-tests__results-list-item-expander-summary::before {
  background-image: url("/images/icons/fa-caret-down-solid.svg");
}
.amdl-editor-tests__results-list-item-content {
  margin: 10px 0 20px 10px;
  padding-left: 10px;
  border-left: 1px solid #dfdfdf;
}
.amdl-editor-tests__results-list-trigger-check {
  display: flex;
}
.amdl-editor-tests__results-list-trigger-check .icon {
  margin-right: 6px;
}
.amdl-editor-tests__results-list-trigger-check, .amdl-editor-tests__results-list-expectations, .amdl-editor-tests__results-list-codeblock {
  margin-bottom: 20px;
}
.amdl-editor-tests__results-list-expectations-title, .amdl-editor-tests__results-list-debug-log-title, .amdl-editor-tests__results-list-codeblock-title {
  display: block;
  font-weight: 600;
}
.amdl-editor-tests__results-list-expectations-title, .amdl-editor-tests__results-list-codeblock-title {
  margin-bottom: 10px;
}
.amdl-editor-tests__results-list-expectations {
  display: flex;
  flex-flow: column nowrap;
}
.amdl-editor-tests__results-list-expectation {
  display: flex;
}
.amdl-editor-tests__results-list-expectation .icon {
  margin-right: 6px;
}
.amdl-editor-tests__bulk-test-results {
  display: flex;
  width: 1080px;
  max-width: 100%;
  max-height: 70vh;
  min-height: 0;
}
.amdl-editor-tests__bulk-test-results-list {
  flex: 0 1 30%;
  min-width: 0;
  max-width: 300px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid rgba(82, 82, 82, 0.2);
  margin-right: 6px;
  overflow: auto;
}
.amdl-editor-tests__bulk-test-results-list-item {
  display: flex;
}
.amdl-editor-tests__bulk-test-results-list-item .icon {
  display: block;
  margin-right: 4px;
}
.amdl-editor-tests__bulk-test-results-list-item.is-selected {
  background: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.amdl-editor-tests__bulk-test-results-list-item.is-selected,
.amdl-editor-tests__bulk-test-results-list-item.is-selected button {
  color: var(--cc-primaryColor, #893067);
  font-weight: 500;
}
.amdl-editor-tests__bulk-test-results-list-item-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 8px;
}
.amdl-editor-tests__bulk-test-results-list-item-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -1px;
}
.amdl-editor-tests__bulk-test-results-list-item-label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.amdl-editor-tests__bulk-test-results-result {
  display: flex;
  flex: 1 1 70%;
  min-width: 0;
  background-color: #e8e8e8;
  border: 1px solid rgba(82, 82, 82, 0.2);
}

.amdl-editor-ace {
  display: flex;
  flex-grow: 1;
}
.amdl-editor-ace .juicy-ace-editor-wrapper {
  margin: 0;
  border-radius: 0;
  border: 0;
}
.amdl-editor-ace--main {
  min-height: 50px;
}
.amdl-editor-ace--main .juicy-ace-editor-wrapper {
  box-shadow: 0 -2px 2px 0 #c3c3c3;
}

.amdl-editor-icon {
  display: block;
  color: #767676;
}
.amdl-editor-icon .icon {
  display: block;
  fill: currentColor;
}
.amdl-editor-icon--directory {
  color: #525252;
}
.amdl-editor-icon--file-feature {
  color: #1b998b;
}
.amdl-editor-icon--file-global {
  color: #c20843;
}
.amdl-editor-icon--file-list {
  color: #bd5a1c;
}
.amdl-editor-icon--file-rule {
  color: #036da6;
}
.amdl-editor-icon--file-state {
  color: #916b1d;
}
.amdl-editor-icon--file-unknown {
  color: #161616;
}
.amdl-editor-icon--file-value {
  color: #9f427d;
}
.amdl-editor-icon--file-var {
  color: #512142;
}

.amdl-metrics {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin: 10px;
  padding: 10px;
  border: 1px solid #dfdfdf;
}
.amdl-metrics__wrapper {
  display: flex;
  justify-content: center;
  margin: 5px 0;
}
.amdl-metrics__wrapper > div {
  display: flex;
  align-items: center;
}
.amdl-metrics__info {
  flex: 0 5 auto;
  min-width: 0;
  margin: 6px 6px 6px 0;
}
.amdl-metrics__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}
.amdl-metrics__metrics {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  flex: 1 1 auto;
  justify-content: center;
  min-width: 0;
}
.amdl-metrics__metric {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
}
.amdl-metrics__metric-details {
  display: flex;
  flex: 1;
  flex-flow: column nowrap;
  min-width: 0;
  margin-left: 6px;
}
.amdl-metrics__metric-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  word-break: break-all;
}
.amdl-metrics__metric-subtitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  font-size: 13px;
  line-height: 16px;
  color: #a2a2a2;
}
.amdl-metrics__metric-icon {
  flex: 0;
  padding: 8px;
  border-radius: 100%;
  background: var(--cc-primaryColor, #893067);
}
.amdl-metrics__metric-icon .icon {
  display: block;
  position: relative;
  top: 1px;
  width: 26px;
}
.amdl-metrics__metric-graph {
  flex: 0 1 180px;
  margin: 0 20px;
}
.amdl-metrics__errors {
  display: flex;
  flex-flow: row wrap;
}
.amdl-metrics__errors-icon {
  fill: #da1e28;
  margin-right: 4px;
}
.amdl-metrics__errors-action {
  margin-left: 4px;
}
.amdl-metrics .chart .chart-y-axis {
  opacity: 0;
}
.amdl-metrics .chart text {
  font-size: 13px;
  fill: #525252;
}

.amdl-state__non-fatal-error {
  margin: 10px 0;
  color: #da1e28;
  font-weight: 600;
}
.amdl-state__result {
  display: block;
  margin: 0;
  padding: 11px;
  text-align: center;
}
.amdl-state__result--error {
  color: #da1e28;
}
.amdl-state__delete-confirm {
  min-width: 250px;
  font-size: 13px;
  white-space: normal;
}
.amdl-state__delete-confirm .form-field {
  margin-bottom: 14px;
}
.amdl-state__scope-select {
  margin-bottom: 0;
}
.amdl-state__scope-select select {
  line-height: 16px;
}
.amdl-state__scope-select .icon-sort {
  bottom: 8px;
}
.amdl-state__expand-all-button {
  min-width: 117px;
}

.amdl-tester {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  height: 250px;
}
.amdl-tester__status-icon {
  display: block;
  fill: #525252;
  margin-right: 6px;
}
.amdl-tester__status-icon .icon {
  display: block;
}
.amdl-tester__status-icon--success {
  fill: #198038;
}
.amdl-tester__status-icon--failure {
  fill: #da1e28;
}
.amdl-tester__header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  margin-bottom: 10px;
}
.amdl-tester__main-actions {
  display: flex;
  margin-right: auto;
}
.amdl-tester__subview-toggle-actions {
  margin-right: 6px;
}
.amdl-tester__subview-toggle-action.is-active, .amdl-tester__subview-toggle-action.is-active:hover {
  background: #dedede;
}
.amdl-tester__title {
  display: block;
  flex: 1;
  font-size: 14px;
  font-weight: bold;
}
.amdl-tester__content {
  display: flex;
  flex: 1;
  min-height: 0;
  background: #e8e8e8;
}
.amdl-tester__test-list {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  width: 200px;
  margin-right: 6px;
  border-right: 1px solid rgba(82, 82, 82, 0.2);
}
.amdl-tester__test-list-actions {
  display: flex;
  flex: 0 0 auto;
  justify-content: space-around;
}
.amdl-tester__test-list-action {
  color: #525252;
}
.amdl-tester__test-list-action[disabled] {
  opacity: 0.5;
}
.amdl-tester__test-list-items {
  flex: 1 1 auto;
  overflow: auto;
  margin: 0 10px 10px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #c3c1c1;
  list-style: none;
}
.amdl-tester__test-list-item {
  display: flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid transparent;
}
.amdl-tester__test-list-item .amdl-editor-tests__status-icon {
  margin-right: 6px;
}
.amdl-tester__test-list-item .action {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  width: 100%;
  min-height: 30px;
  text-align: left;
}
.amdl-tester__test-list-item:hover,
.amdl-tester__test-list-item:hover .action {
  color: var(--cc-primaryColor, #893067);
}
.amdl-tester__test-list-item.is-selected,
.amdl-tester__test-list-item.is-selected .action {
  background: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.amdl-tester__test-list-item.is-editing {
  border-color: var(--cc-primaryColor, #893067);
}
.amdl-tester__test-list-item-rename-input {
  width: 100%;
  background: none;
  border: none;
  min-height: 30px;
}
.amdl-tester__edit-details {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  padding: 10px;
  overflow: hidden;
}
.amdl-tester__edit-details-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 10px;
}
.amdl-tester__edit-details-header-field {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: 6px;
  margin-bottom: 0;
}
.amdl-tester__edit-details-header-field .form-field__label-wrapper {
  padding-bottom: 0;
  padding-right: 6px;
  color: inherit;
}
.amdl-tester__edit-details-header-field .form-field__form-input-wrapper {
  flex-basis: auto;
}
.amdl-tester__edit-details-header-field .form-input--text input {
  height: 2.3em;
  line-height: 1.2em;
}
.amdl-tester__edit-details-header-field .form-input--select select {
  height: 2.3em;
  line-height: 1.2em;
}
.amdl-tester__edit-details-header-field .form-input--select .icon-sort {
  bottom: 7px;
}
.amdl-tester__edit-details-header-field-label {
  padding-right: 6px;
}
.amdl-tester__edit-details-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 1 auto;
  min-width: 0;
}
.amdl-tester__edit-details-content {
  display: flex;
  flex-flow: row nowrap;
  flex: 1;
}
.amdl-tester__editor {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  border: 1px solid rgba(82, 82, 82, 0.2);
}
.amdl-tester__editor + .amdl-tester__editor {
  margin-left: 16px;
}
.amdl-tester__editor-header {
  display: flex;
  align-items: center;
  padding: 6px;
  border-bottom: 1px solid rgba(82, 82, 82, 0.2);
}
.amdl-tester__editor-actions {
  margin-left: auto;
}
.amdl-tester__editor-actions .action--icon-only {
  width: auto;
  height: auto;
}
.amdl-tester__editor-actions .action--icon-only .icon {
  display: block;
  width: 14px;
  height: auto;
}
.amdl-tester__results {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  padding: 10px;
  overflow: auto;
}
.amdl-tester__results-title {
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
  padding-bottom: 8px;
  background-color: #e8e8e8;
  border-bottom: 1px solid rgba(82, 82, 82, 0.2);
}
.amdl-tester__results-title .icon {
  margin-right: 4px;
}
.amdl-tester__results-list-not-run, .amdl-tester__results-list-loading, .amdl-tester__results-list-empty, .amdl-tester__results-list-error, .amdl-tester__results-list {
  flex: 1;
  padding: 16px;
  background: #fff;
}
.amdl-tester__results-list-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.amdl-tester__results-list-loading .icon {
  width: 20px;
}
.amdl-tester__results-list-error {
  color: #da1e28;
}
.amdl-tester__results-list {
  margin: 0;
  overflow: auto;
  list-style: none;
}
.amdl-tester__results-list-item {
  margin-bottom: 10px;
}
.amdl-tester__results-list-test-name {
  display: flex;
  align-items: center;
}
.amdl-tester__results-list-test-name .icon {
  margin-right: 6px;
}
.amdl-tester__results-list-test-failed-to-execute {
  display: flex;
  align-items: center;
  margin-left: 4px;
}
.amdl-tester__results-list-test-failed-to-execute .icon {
  fill: #ffbe37;
  margin-right: 4px;
}
.amdl-tester__results-list-item-expander {
  box-sizing: border-box;
}
.amdl-tester__results-list-item-expander-summary {
  display: flex;
  align-items: center;
  outline: none;
  cursor: pointer;
}
.amdl-tester__results-list-item-expander-summary::before {
  content: "";
  width: 1em;
  height: 1em;
  margin-right: 4px;
  background-image: url("/images/icons/fa-caret-right-solid.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.amdl-tester__results-list-item-expander-summary::-webkit-details-marker {
  display: none;
}
.amdl-tester__results-list-item-expander[open] > .amdl-tester__results-list-item-expander-summary::before {
  background-image: url("/images/icons/fa-caret-down-solid.svg");
}
.amdl-tester__results-list-item-content {
  margin: 10px 0 20px 10px;
  padding-left: 10px;
  border-left: 1px solid #dfdfdf;
}
.amdl-tester__results-list-trigger-check {
  display: flex;
}
.amdl-tester__results-list-trigger-check .icon {
  margin-right: 6px;
}
.amdl-tester__results-list-trigger-check, .amdl-tester__results-list-expectations, .amdl-tester__results-list-codeblock {
  margin-bottom: 20px;
}
.amdl-tester__results-list-expectations-title, .amdl-tester__results-list-debug-log-title, .amdl-tester__results-list-codeblock-title {
  display: block;
  font-weight: bold;
}
.amdl-tester__results-list-expectations-title, .amdl-tester__results-list-codeblock-title {
  margin-bottom: 10px;
}
.amdl-tester__results-list-expectations {
  display: flex;
  flex-flow: column nowrap;
}
.amdl-tester__results-list-expectation {
  display: flex;
}
.amdl-tester__results-list-expectation .icon {
  margin-right: 6px;
}
.amdl-tester__bulk-test-results {
  display: flex;
  width: 1080px;
  max-width: 100%;
}
.amdl-tester__bulk-test-results-list {
  flex: 0 1 30%;
  min-width: 0;
  max-width: 300px;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid rgba(82, 82, 82, 0.2);
  margin-right: 6px;
}
.amdl-tester__bulk-test-results-list-item {
  display: flex;
}
.amdl-tester__bulk-test-results-list-item .icon {
  display: block;
  margin-right: 4px;
}
.amdl-tester__bulk-test-results-list-item.is-selected {
  background: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.amdl-tester__bulk-test-results-list-item.is-selected,
.amdl-tester__bulk-test-results-list-item.is-selected button {
  color: var(--cc-primaryColor, #893067);
  font-weight: 600;
}
.amdl-tester__bulk-test-results-list-item-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 8px;
}
.amdl-tester__bulk-test-results-list-item-label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.amdl-tester__bulk-test-results-result {
  display: flex;
  flex: 1 1 70%;
  min-width: 0;
  background-color: #e8e8e8;
  border: 1px solid rgba(82, 82, 82, 0.2);
}

.auto-grow-textarea {
  display: grid;
  overflow: hidden;
}
.auto-grow-textarea__input, .auto-grow-textarea__sizer {
  display: block;
  padding: 2px;
  border: 1px solid #ccc;
  font: inherit;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  line-height: 1.16;
  grid-area: 1/1/2/2 !important;
  min-width: 0 !important;
}
.auto-grow-textarea__input {
  resize: none !important;
}
.auto-grow-textarea__sizer {
  visibility: hidden !important;
}

.bulk-select {
  position: relative;
  display: block;
  font-size: 13px;
}
.bulk-select__trigger-button {
  display: block;
  width: 100%;
}
.bulk-select__trigger-button-icon .icon {
  margin: 0 0 0 10px !important;
}
.bulk-select__dropdown {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 200px;
  background-color: #fff;
}
.bulk-select__dropdown.is-expanded {
  display: block;
}
.bulk-select__dropdown-actions {
  display: flex;
  padding: 10px;
}
.bulk-select__dropdown-actions > * {
  flex: 1;
}
.bulk-select__dropdown-actions * + * {
  margin-left: 6px;
}
.bulk-select__options-list {
  max-height: 200px;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
.bulk-select__options-list--empty {
  padding: 10px;
  color: #525252;
}
.bulk-select__option-list-item {
  display: flex;
  padding: 10px 0 2px;
}
.bulk-select__option-list-item + .bulk-select__option-list-item {
  border-top: 1px solid #dfdfdf;
}
.bulk-select__option-group {
  width: 100%;
  min-width: 0;
}
.bulk-select__option-group-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  position: sticky;
  top: 0;
  min-width: 0;
  font-weight: 600;
  padding: 6px 20px;
  color: #525252;
  background-color: #fff;
  line-height: 1.2;
  z-index: 1;
}
.bulk-select__option-group-list {
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}
.bulk-select__option {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: flex;
  width: 100%;
  padding: 0 20px;
  margin-bottom: 16px;
  line-height: 1.2;
}
.bulk-select__option .checkbox {
  width: 100%;
}
.bulk-select__option-icon {
  margin-right: 10px;
}
.bulk-select__option-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-auto-rows: minmax(0, auto);
  grid-gap: 16px;
  padding: 16px;
}
.cards .card {
  width: auto;
  height: 100%;
}

.card {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  flex: 0 0 auto;
  width: 250px;
  min-height: 130px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
}
.card--container-context-primary {
  background-color: #f4f4f4;
}
.card__main {
  display: flex;
  flex: 1;
  flex-flow: column nowrap;
  padding: 12px 16px 8px;
}
.card__header {
  display: flex;
  align-items: flex-start;
  margin: 0 0 12px 0;
}
.card__overline-title {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  min-width: 0;
  word-break: break-all;
}
.card__title {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0;
  height: 2.5rem;
  line-height: 1.25rem;
  word-break: break-all;
  word-break: break-word;
}
.card__secondary-actions {
  position: relative;
  flex: 0 0 auto;
}
.card__secondary-actions-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #fff;
  z-index: 1;
}
.card__secondary-actions-dropdown.is-hidden {
  display: none;
}
.card__description {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0;
  height: 3.375rem;
  line-height: 1.125rem;
  word-break: break-all;
  margin-bottom: 12px;
}
.card__extra-info-items {
  display: flex;
  flex-flow: row nowrap;
}
.card__extra-info-item {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  flex: 0 1 auto;
  max-width: 50%;
  flex: 0 1 auto;
  margin: 0 4px 4px 0;
  color: #525252;
  word-break: break-all;
}
@supports (max-width: fit-content) {
  .card__extra-info-item {
    flex: 1 1 50%;
    max-width: fit-content;
  }
}
.card__extra-info-item:not(:last-child) {
  border-right: 1px solid #e3e3e3;
  padding-right: 5px;
}
.card__footer {
  padding-bottom: 8px;
}
.card__primary-actions {
  padding: 8px 16px 0;
  border-top: 1px solid #e3e3e3;
}
.card__default-image {
  background-color: #fff;
}
.card__media {
  display: flex;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
}
.card__media-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 16px;
}
.card__media-image img,
.card__media-image svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.card__media-body {
  flex: 1;
  min-width: 0;
}

.c-checkbox {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: flex;
  align-items: center;
  color: #525252;
}
.c-checkbox:hover:not([disabled]) .c-checkbox__icon {
  border-color: var(--cc-primaryColor, #893067);
}
.c-checkbox:focus:not([disabled]) .c-checkbox__icon {
  box-shadow: 0 0 5px 1px rgba(201, 77, 139, 0.47);
  border-color: var(--cc-primaryColor, #893067);
}
.c-checkbox[data-checked=Checked] .c-checkbox__icon, .c-checkbox[data-checked=HalfChecked] .c-checkbox__icon {
  background-color: var(--cc-primaryColor, #893067);
  border-color: transparent;
}
.c-checkbox[disabled] .c-checkbox__icon {
  opacity: 0.5;
}
.c-checkbox__icon {
  display: block;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  padding: 1px;
  background-color: #dcdcdc;
  border-radius: 4px;
  border: 1px solid #525252;
  overflow: hidden;
}
.c-checkbox__icon .icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: #fff;
}
.c-checkbox__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin-left: 10px;
}

.column-settings {
  min-width: 100%;
  width: 250px;
  background-color: #fff;
  font-size: 13px;
  white-space: nowrap;
  padding: 14px;
}
.column-settings__button .icon-angle-down {
  margin-right: 0 !important;
  margin-left: 10px !important;
}
.column-settings__header {
  display: flex;
  text-align: center;
  font-weight: 500;
  padding-right: 10px;
}
.column-settings__header-visibility {
  flex: 1;
}
.column-settings__header-sorting {
  flex: 0 0 64px;
}
.column-settings__subheader {
  display: flex;
  text-align: center;
  margin: 10px 0;
  padding-right: 10px;
  font-weight: 500;
}
.column-settings__subheader-visibility {
  flex: 1;
}
.column-settings__subheader-primary-sorting {
  flex: 0 0 32px;
}
.column-settings__subheader-secondary-sorting {
  flex: 0 0 32px;
}
.column-settings__items {
  max-height: 280px;
  overflow: scroll;
}
.column-settings__column {
  display: flex;
  min-height: 30px;
  margin-bottom: 2px;
}
.column-settings__column .checkbox__label-text {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.column-settings__column-sortable .checkbox__label-text {
  max-width: 94px;
}
.column-settings__column-identification {
  display: flex;
  align-items: center;
  flex: 1;
}
.column-settings__column-primary-sorting, .column-settings__column-secondary-sorting {
  flex: 0 0 32px;
  text-align: center;
}
.column-settings__column-primary-sorting .icon, .column-settings__column-secondary-sorting .icon {
  width: 13px;
  height: 13px;
  margin: 0 !important;
  vertical-align: middle;
}
.column-settings__column-primary-sorting .icon-sort, .column-settings__column-secondary-sorting .icon-sort {
  fill: #dcdcdc;
}
.column-settings__manage-column-button {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  padding: 4px;
  font-size: 12px;
  border-radius: 100%;
  background: #525252;
  color: #fff;
  cursor: pointer;
}
.column-settings__manage-column-button .icon {
  width: 1em;
  height: 1em;
  margin: 0 !important;
}
.column-settings__manage-column-button.is-active {
  background-color: var(--cc-primaryColor, #893067);
}
.column-settings__add-column {
  min-width: 240px;
  padding: 14px;
}
.column-settings__add-column-tooltip {
  display: block;
}
.column-settings__add-column-button {
  width: 100%;
}
.column-settings__add-column-actions {
  display: flex;
}
.column-settings__add-column-actions .action {
  flex: 1 0 auto;
}
.column-settings__add-column-actions .action + .action {
  margin-left: 6px;
}

.fs-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  align-items: center;
  color: inherit;
  display: flex;
  padding: 0 3px;
}
.fs-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -1px;
}
.fs-button--primary {
  background-color: #893067;
  color: #fff;
}

.fs-data-grid {
  display: grid;
}
.fs-data-grid__header, .fs-data-grid__body, .fs-data-grid__row {
  display: contents;
}
.fs-data-grid__row--not-asked, .fs-data-grid__row--loading, .fs-data-grid__row--failure, .fs-data-grid__row--no-matches-found {
  text-align: center;
}
.fs-data-grid__row--failure {
  color: #da1e28;
  line-height: 1.4em;
}
.fs-data-grid__row--failure .icon {
  fill: currentColor;
  width: 1.4em;
  margin-right: 3px;
  vertical-align: bottom;
}
.fs-data-grid__header--dragging .fs-data-grid__cell-header:not(.fs-data-grid__cell-header--drag-started) * {
  pointer-events: none;
}
.fs-data-grid__body-row .fs-data-grid__row--expanded .fs-data-grid__cell {
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.fs-data-grid__body-row:nth-of-type(2n) .fs-data-grid__cell {
  background-color: #f4f4f4;
}
.fs-data-grid__body-row:nth-of-type(2n).fs-data-grid__row--expanded .fs-data-grid__cell {
  background-color: var(--cc-primarySelectedBackgroundColorAlt, #fae8f2);
}
.fs-data-grid__cell {
  color: #161616;
}
.fs-data-grid__cell-header {
  position: sticky;
  top: 0;
  border-bottom: 1px solid #ddd;
  background: #f3f3f3;
  color: #595959;
  display: flex;
  z-index: 1;
}
.fs-data-grid__cell-header-sort {
  display: flex;
  flex: 1;
  padding: 8px;
  overflow: hidden;
}
.fs-data-grid__cell-header-title {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  font-weight: 400;
}
.fs-data-grid__cell-header-sort-icon {
  fill: currentColor;
}
.fs-data-grid__cell-header:hover:not(.fs-data-grid__cell-header--drag-started) .fs-data-grid__resize-handle, .fs-data-grid__cell-header--resizing:not(.fs-data-grid__cell-header--drag-started) .fs-data-grid__resize-handle {
  opacity: 0.5;
}
.fs-data-grid__cell-header--draggable .fs-data-grid__cell-header-sort {
  padding-left: 24px;
}
.fs-data-grid__cell-header--drag-started {
  filter: brightness(1.2);
}
.fs-data-grid__cell-header--drag-over {
  filter: brightness(0.8);
}
.fs-data-grid__cell-body {
  padding: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fs-data-grid__cell-body--draggable {
  padding-left: 24px;
}
.fs-data-grid__cell-body-link {
  display: inline-flex;
}
.fs-data-grid__cell-body-link-icon {
  margin-right: 0.15rem;
}
.fs-data-grid__cell-body .fs-button--checkbox {
  font-size: 16px;
}
.fs-data-grid__drag-indicator {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: move;
}
.fs-data-grid__resize-handle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0;
  width: 3px;
  cursor: col-resize;
}

.page-incident-list__incidents .fs-data-grid__cell.fs-data-grid__cell-body > .fs-button.fs-button--toggle.fs-button--icon-only {
  padding-top: 8px;
}

.description-list--layout-row .description-list__inner {
  display: grid;
  grid-template-columns: calc(25% + 50px) 1fr;
  margin: 0;
  white-space: normal;
}
.description-list--layout-row.description-list--terms-fit-content .description-list__inner {
  grid-template-columns: fit-content(100%) minmax(auto, auto);
}
.description-list--layout-row .description-list__item {
  display: contents;
}
.description-list--layout-row .description-list__item:not(:last-child) .description-list__term,
.description-list--layout-row .description-list__item:not(:last-child) .description-list__details {
  border-bottom: 1px solid #d0d0d0;
}
.description-list--layout-row .description-list__term,
.description-list--layout-row .description-list__details {
  margin: 0;
  padding: 0.6em 0;
  line-height: 1.7;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.description-list--layout-row .description-list__term {
  padding-right: 50px;
  font-weight: 500;
}
.description-list--layout-column .description-list__inner {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: fit-content(100%) 1fr;
  grid-gap: 0 10px;
  margin: 0;
}
.description-list--layout-column.description-list--width-fit-content .description-list__inner {
  width: fit-content;
  max-width: 100%;
}
.description-list--layout-column .description-list__item {
  display: contents;
}
.description-list--layout-column .description-list__item:not(:last-child) .description-list__term,
.description-list--layout-column .description-list__item:not(:last-child) .description-list__details {
  padding-right: 10px;
  border-right: 1px solid #e3e3e3;
}
.description-list--layout-column .description-list__term {
  padding-bottom: 6px;
  font-weight: 500;
}
.description-list--layout-column .description-list__details {
  margin: 0;
}
.description-list--layout-pipe {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.description-list--layout-pipe .description-list__inner {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 0 calc(-1px - 4px);
}
.description-list--layout-pipe .description-list__item {
  flex: 0 0 auto;
  margin-bottom: 2px;
  padding: 0 4px;
  border-left: 1px solid #a8a8a8;
}
.description-list--layout-pipe .description-list__term {
  display: inline-block;
  margin-right: 2px;
}
.description-list--layout-pipe .description-list__term::after {
  content: ":";
}
.description-list--layout-pipe .description-list__details {
  display: inline-block;
  margin: 0;
}

.diff-viewer {
  color: var(--dv-default-color, #222);
  white-space: pre-wrap;
}
.diff-viewer--light .diff-viewer__unified,
.diff-viewer--light .diff-viewer__side-by-side-part {
  background-color: #fff;
}
.diff-viewer__side-by-side {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.diff-viewer__side-by-side-part {
  padding: 6px 10px;
}
.diff-viewer__unified {
  padding: 10px;
}
.diff-viewer del::before,
.diff-viewer del::after,
.diff-viewer ins::before,
.diff-viewer ins::after {
  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;
}
.diff-viewer del {
  text-decoration: line-through;
  background-color: var(--dv-del-background-color, #ffa4a2);
  color: var(--dv-del-color, #3a3939);
}
.diff-viewer del::before {
  content: var(--dv-deletion-start-label, " [deletion start] ");
}
.diff-viewer del::after {
  content: var(--dv-deletion-end-label, " [deletion end] ");
}
.diff-viewer ins {
  text-decoration: underline;
  background-color: var(--dv-ins-background-color, #80e27e);
  color: var(--dv-ins-color, #222);
}
.diff-viewer ins::before {
  content: var(--dv-insertion-start-label, " [insertion start] ");
}
.diff-viewer ins::after {
  content: var(--dv-insertion-end-label, " [insertion end] ");
}

.dropdown-actions--with-dropdown-style {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
}
.dropdown-actions__action {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding: 3px;
  cursor: pointer;
}
.dropdown-actions__action .action {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  padding: 3px 16px;
}
.dropdown-actions__action .action .icon {
  width: auto;
  height: 1em;
}
.dropdown-actions__action .action:hover {
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.dropdown-actions__action .action:focus {
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.dropdown-actions__action.is-selected {
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.dropdown-actions__action.is-selected .action {
  color: var(--cc-primaryColor, #893067);
  font-weight: 500;
}

.event-filter {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  width: 100%;
  height: 258px;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 1;
}
.event-filter__inner {
  display: flex;
  flex-flow: column;
  flex: 1;
  max-width: 100%;
}
.event-filter__actions {
  flex: 0 0 auto;
  padding: 10px;
  border-top: 1px solid #ccc;
  text-align: right;
}
.event-filter__action-clear {
  font-weight: 500;
  font-size: 14px;
}
.event-filter__sections {
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 auto;
  min-height: 0;
}
.event-filter__section {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  padding: 10px 20px;
  border-left: 1px solid #ccc;
  min-width: 0;
}
.event-filter__section--event-types {
  flex-grow: 2;
}
.event-filter__section--alert-activity {
  flex-grow: 1;
}
.event-filter__section--analyst-activity {
  flex-grow: 2;
}
.event-filter__section--alert-activity {
  border-left: 0;
}
.event-filter__section-header {
  display: flex;
  flex-flow: row wrap;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  min-height: 30px;
  margin-bottom: 6px;
  font-size: 13px;
}
.event-filter__section-title {
  margin: 0;
  font-size: inherit;
  font-weight: 500;
}
.event-filter__section-subtitle {
  margin-left: 4px;
  color: var(--cc-primaryColor, #893067);
  font-weight: 400;
}
.event-filter__filter-button {
  width: 100%;
  color: #525252;
  font-weight: 500;
  background: #fff;
  text-align: left;
  padding-left: 10px;
}
.event-filter__filter-button .icon {
  --primary-color: currentColor;
  fill: currentColor;
}
.event-filter__filter-button.is-selected {
  border-color: var(--cc-primaryColor, #893067);
  color: #161616;
}
.event-filter__filter-button.is-selected .icon {
  --primary-color: $global-primary-color;
  fill: var(--cc-primaryColor, #893067);
}
.event-filter__filter-button.is-selected, .event-filter__filter-button.is-selected:hover {
  background: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.event-filter__button-list {
  display: flex;
  flex-flow: row wrap;
  flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
}
.event-filter__button-list-item {
  max-width: 230px;
  flex: 1 0 100%;
  padding: 4px;
}
.event-filter__event-types {
  display: flex;
  flex: 0 1 auto;
  min-height: 0;
}
.event-filter__event-types-header-text {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-flow: column nowrap;
  flex: 1 0 auto;
  margin: 4px 8px 4px 0;
}
.event-filter__event-types-title {
  display: flex;
  flex: 0 0 auto;
  margin: 0 0 8px;
}
.event-filter__event-types-search {
  max-width: 164px;
}
.event-filter__event-types-search input::placeholder {
  font-size: 13px;
}
.event-filter__event-types-list {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
  /* stylelint-disable-next-line scss/operator-no-newline-after */
  margin-left: -12px;
}
.event-filter__event-types-item {
  display: block;
  min-width: 0;
  flex: 0 0 50%;
  padding: 2px;
  white-space: nowrap;
}
@media screen and (min-width: 1350px) {
  .event-filter__event-types-item {
    flex-basis: 33%;
  }
}
.event-filter__event-types-button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  text-align: left;
  padding: 6px 10px;
}
.event-filter__event-types-button.is-selected {
  color: var(--cc-primaryColor, #893067);
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.event-filter__event-types-button.is-applicable {
  font-weight: 600;
}
.event-filter__alert-activity {
  display: flex;
  flex: 0 1 auto;
  min-height: 0;
}
.event-filter__analyst-activity {
  display: flex;
  min-height: 0;
}
.event-filter__analyst-activity-inner {
  padding: 4px;
  overflow: auto;
}
.event-filter__analyst-activity-export-button {
  width: calc(100% - 10px);
  margin-left: 5px;
  margin-top: 8px;
}
@media screen and (min-width: 1150px) {
  .event-filter__analyst-activity .event-filter__button-list {
    margin-left: -5px;
  }
  .event-filter__analyst-activity .event-filter__button-list-item {
    flex: 1 0 230px;
    max-width: 50%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .event-filter__analyst-activity-export-button {
    width: calc(100% - 5px);
    margin-left: 0;
  }
}

.confirm-export {
  padding: 16px 8px;
}
.confirm-export__warning {
  margin-bottom: 1em;
  padding: 14px;
  color: #161616;
}
.confirm-export__buttons {
  display: flex;
}
.confirm-export__buttons .action--theme-primary {
  flex-grow: 1;
  margin-right: 5px;
}
.confirm-export__buttons .action--theme-default {
  flex-grow: 0;
}

/* Styles for the external reports (Reports that are included using an iframe) */
.external-reports {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.external-reports iframe {
  border: 0;
  width: 100%;
  height: 100%;
  flex-grow: 1;
}

.dropzone-overlay {
  position: relative;
}
.dropzone-overlay__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  background: rgba(255, 255, 255, 0.7);
  color: #000;
}
.dropzone-overlay__overlay-icon {
  font-size: 80px;
  animation: appear 0.25s ease;
}
@keyframes appear {
  from {
    transform: scale(0.4);
  }
  to {
    transform: scale(1);
  }
}
.dropzone-overlay__overlay-icon .icon {
  display: block;
  fill: currentColor;
}

.custom-filter {
  border-top: 1px solid #cbcbcb;
  padding: 13px 15px;
}
.custom-filter:first-of-type {
  border-top: 0;
}
.custom-filter .link,
.custom-filter .link-button {
  color: var(--cc-sidebarPrimaryColor, #893067);
}
.custom-filter__heading {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: flex;
  align-items: center;
  width: 100%;
  color: #4a4a4a;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
}
.custom-filter__heading-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  flex: 1;
}
.custom-filter__heading-icon {
  fill: var(--cc-sidebarPrimaryColor, #893067);
  vertical-align: middle;
}
.custom-filter__heading:focus {
  outline: 1px solid var(--cc-sidebarPrimaryColor, #893067);
  outline-offset: 2px;
}
.custom-filter__expanded-content {
  margin-top: 8px;
}
.custom-filter__update-button {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
}
.custom-filter .multirange {
  z-index: 0;
}
.custom-filter-value__inputs {
  display: flex;
  margin: 10px 0 0;
}
.custom-filter-value__custom-select {
  display: flex;
  flex: 0 0 auto;
  width: 50%;
  margin-right: 6px;
}
.custom-filter-value__custom-select .custom-select__dropdown {
  width: 200%;
  left: 0;
}
.custom-filter-value__text-input {
  flex: 1 1 auto;
  width: 50%;
}
.custom-filter-value__text-input .form-field {
  margin-bottom: 0;
}
.custom-filter-value__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-filter-value__label-symbol {
  font-weight: 600;
}
.custom-filter .list-item {
  display: flex;
}
.custom-filter .list-item__symbol {
  margin-right: 1em;
}
.custom-filter--date-range .form-field {
  margin-bottom: 0;
}
.custom-filter--date-range .form-input--datetime-range .form-field__label-wrapper {
  flex: 0 0 auto;
  width: 50px;
  padding: 0 10px 0 0;
  align-items: center;
}
.custom-filter--date-range .form-input--datetime-range .form-input__datetime-wrapper {
  flex: 1 1 auto;
}
.custom-filter--date-range .form-input--datetime-range .form-input__part {
  width: 100%;
}
.custom-filter--date-range .form-input--datetime-range .form-input__part + .form-input__part {
  margin: 0;
}
.custom-filter--score-range .multirange__slider-wrap {
  padding-left: 10px;
  padding-right: 10px;
}
.custom-filter__score-range-entity-type-select {
  margin: 6px 0 10px;
}
.custom-filter__active-indicator__remove-button {
  cursor: pointer;
}
.custom-filter__active-indicator__content {
  font-size: 12px;
}

.multiple-select-filter-input__header-text {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-flow: column nowrap;
  flex: 1 0 auto;
  margin: 4px 8px 4px 0;
}
.multiple-select-filter-input__title {
  display: flex;
  flex: 0 0 auto;
  margin: 0 0 8px;
}
.multiple-select-filter-input__search {
  width: 100%;
}
.multiple-select-filter-input__search .form-input {
  width: 100%;
}
.multiple-select-filter-input__search input {
  width: 100%;
}
.multiple-select-filter-input__search input::placeholder {
  font-size: 13px;
}
.multiple-select-filter-input__list-wrap {
  display: flex;
  flex: 0 1 auto;
  min-height: 0;
  margin-top: 10px;
}
.multiple-select-filter-input__list {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
}
.multiple-select-filter-input__item {
  display: block;
  min-width: 0;
  flex: 0 0 50%;
  padding: 2px;
  white-space: nowrap;
}
.multiple-select-filter-input__button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  text-align: left;
  padding: 6px 10px;
}
.multiple-select-filter-input__button:focus {
  outline: 1px solid var(--cc-sidebarPrimaryColor, #893067);
}
.multiple-select-filter-input__button.is-selected {
  color: var(--cc-sidebarPrimaryColor, #893067);
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.multiple-select-filter-input__button.is-applicable {
  font-weight: 600;
}

.flag {
  display: flex;
  justify-content: left;
}
.flag img {
  border: 1px solid rgba(118, 118, 118, 0.46);
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.11);
}

.ff-multiselect__input {
  outline: 0;
}
.ff-multiselect__input-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}
.ff-multiselect__input-value-count {
  margin-right: 2px;
  font-weight: 600;
}
.ff-multiselect__input-value-icon {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  height: 100%;
}
.ff-multiselect__input-value-icon .icon {
  fill: currentColor;
}
.ff-multiselect__input-value-icon--main {
  right: 4px;
  color: #525252;
}
.ff-multiselect__input-value-icon--error {
  right: 20px;
  color: #da1e28;
  font-size: 13px;
}
.ff-multiselect__input-dropdown {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-bottom: 60px;
  padding: 6px;
  background: #fff;
  border-top: 0;
  z-index: 10;
}
.ff-multiselect__input-search {
  margin-bottom: 6px;
}
.ff-multiselect__input-options,
.ff-multiselect__input-options .ff-multiselect__input-options-button {
  font-size: 13px;
}
.ff-multiselect__input-options-bulk-select {
  display: flex;
  padding: 0 0 2px;
  border-bottom: 1px solid rgba(168, 168, 168, 0.7);
}
.ff-multiselect__input-options-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 155px;
  overflow: auto;
}
.ff-multiselect__input-options-list:focus {
  outline: none;
}
.ff-multiselect__input-options-list--empty {
  padding: 8px;
  font-weight: 600;
}
.ff-multiselect__input-options-list-item {
  display: flex;
}
.ff-multiselect__input-options-list-item:nth-child(even) {
  background-color: #f5f2f2;
}
.ff-multiselect__input-options-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex: 1;
  padding: 6px;
  text-align: left;
  color: #525252;
  cursor: default;
}
.ff-multiselect__input-options-button:focus {
  color: var(--cc-primaryColor, #893067);
}
.ff-multiselect__checkbox {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  padding: 6px;
}
.ff-multiselect__checkbox .checkbox__label {
  flex: 1 1 auto;
}
.ff-multiselect__checkbox-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.ff-multiselect.form-field--invalid .ff-multiselect__input-value {
  padding-right: 30px;
  border-color: #da1e28 !important;
}
.ff-multiselect.form-field--invalid .ff-multiselect__input-dropdown {
  border-color: #da1e28;
}
.ff-multiselect.is-active:not(.form-field--invalid) .ff-multiselect__input-value, .ff-multiselect.is-active:not(.form-field--invalid) .ff-multiselect__input-dropdown {
  border-color: var(--cc-primaryColor, #893067);
}
.ff-multiselect.is-focused .ff-multiselect__input-value {
  box-shadow: 0 0 5px 0 var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  outline: none;
}
.ff-multiselect.is-expanded .ff-multiselect__input-value {
  border-radius: 3px 3px 0 0;
}
.ff-multiselect.is-expanded .ff-multiselect__input-dropdown {
  display: block;
}

.incident-event-json__error {
  color: #da1e28;
}
.incident-event-json__section {
  margin: 20px 0;
}
.incident-event-json__header {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 10px;
}
.incident-event-json__header-error {
  font-weight: 500;
  color: #da1e28;
}
.incident-event-json__title {
  font-weight: 600;
  font-size: 19px;
  color: var(--cc-primaryColor, #893067);
  margin: 0 0 10px;
  margin-bottom: 0;
}
.incident-event-json__copy-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  position: relative;
  top: 2px;
  margin-left: 4px;
  padding: 0 6px;
  color: #525252;
  transition: color 0.15s ease;
}
.incident-event-json__copy-button:hover {
  color: #000;
}
.incident-event-json__copy-button .icon {
  display: block;
  fill: currentColor;
}

.json-view {
  margin: 20px 0;
}
.json-view__header {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  margin-bottom: 10px;
}
.json-view__header-error {
  margin-left: 4px;
  font-weight: 500;
  color: #da1e28;
}
.json-view__subtitle {
  font-weight: 600;
  font-size: 19px;
  color: var(--cc-primaryColor, #893067);
  margin: 0 0 10px;
  margin-bottom: 0;
}
.json-view__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.json-view__error {
  color: #da1e28;
}

.list-page-filters__active-filters {
  margin-bottom: 10px;
}
.list-page-filters__active-filter-remove-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: flex;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.list-page-filters__sidebar {
  width: 600px;
}
.list-page-filters__sidebar:focus {
  outline: none;
}
.list-page-filters__sidebar .focus-trap:focus {
  outline: none;
}
.list-page-filters__header {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.list-page-filters__title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
  margin: 0;
  margin-right: 6px;
}
.list-page-filters__header-actions {
  margin-left: auto;
}
.list-page-filters__header-actions > * + * {
  margin-left: 6px;
}
.list-page-filters__filter {
  padding: 16px 0;
}
.list-page-filters__filter:not(:first-child) {
  border-top: 1px solid #8d8d8d;
}
.list-page-filters__filter-header {
  display: flex;
  align-items: center;
  margin: 0 0 4px;
}
.list-page-filters__filter-header-actions {
  display: flex;
  margin-left: auto;
  padding-left: 6px;
}
.list-page-filters__filter-title {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  display: block;
  margin: 0;
}
.list-page-filters__filter-error {
  padding-left: 4px;
  color: #da1e28;
}
.list-page-filters__range-filter--fill-width .list-page-filters__range-filter-fields {
  flex-flow: row nowrap;
}
.list-page-filters__range-filter--fill-width .list-page-filters__range-filter-field {
  flex: 1 1 40%;
  min-width: 0;
}
.list-page-filters__range-filter--fill-width .list-page-filters__range-filter-field .form-field {
  width: 100%;
  margin: 0;
}
.list-page-filters__range-filter--fill-width .list-page-filters__range-filter-field .form-field__label-wrapper {
  flex: 1 1 auto;
}
.list-page-filters__range-filter--fill-width .list-page-filters__range-filter-field .form-field__form-input-wrapper {
  flex: 1 1 auto;
}
.list-page-filters__range-filter--has-error .form-input__input--date {
  border-color: #da1e28;
}
.list-page-filters__range-filter--has-error .form-input__input--time {
  border-color: #da1e28;
}
.list-page-filters__range-filter-fields {
  display: flex;
  flex-flow: row wrap;
}
.list-page-filters__range-filter-field {
  flex: 0 1 auto;
  display: flex;
  flex-flow: row wrap;
}
.list-page-filters__range-filter-field .form-field__label-wrapper {
  flex-grow: 0;
}
.list-page-filters__range-filter-field + .list-page-filters__range-filter-field {
  margin-left: 10px;
}
.list-page-filters__checkbox-list-filter .list-page-filters__filter-header {
  border-bottom: 1px solid #e3e3e3;
}
.list-page-filters__checkbox-list-filter-counts {
  display: inline-block;
  margin-left: 4px;
  font-size: 12px;
}
.list-page-filters__checkbox-list-filter-search {
  margin-bottom: -1px;
}
.list-page-filters__checkbox-list-filter-options-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  height: 178px;
  font-size: 16px;
}
.list-page-filters__checkbox-list-filter-options-error {
  padding: 10px 0;
  color: #da1e28;
  word-break: break-word;
}
.list-page-filters__checkbox-list-filter-options-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-page-filters__checkbox-list-filter-option {
  border-bottom: 1px solid #e3e3e3;
  max-width: 100%;
  padding: 10px 0;
}
.list-page-filters__checkbox-list-filter-option .checkbox__secondary-label {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-network-analysis {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 300px;
  position: relative;
}
.panel-network-analysis a {
  color: var(--cc-primaryColor, #893067);
}
.panel-network-analysis .panel-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.panel-network-analysis .body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.panel-network-analysis .body {
  padding: 10px 0 0;
}
.panel-network-analysis .graph-network-analysis {
  font-weight: 500;
  position: relative;
  min-height: 100%;
  color: #525252;
}
.panel-network-analysis .graph-network-analysis button.active {
  color: #161616;
  background: #dedede;
}
.panel-network-analysis .graph-network-analysis button.action-toggle {
  border: 0;
  padding: 0;
}
.panel-network-analysis .graph-network-analysis hr {
  color: #e8e8e8;
  font-weight: 400;
  opacity: 0.3;
}
.panel-network-analysis .graph-network-analysis .visualization-draw-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.panel-network-analysis .graph-network-analysis .zoom-controls {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
}
.panel-network-analysis .graph-network-analysis .zoom-controls .zoom-control + .zoom-control {
  margin-left: 3px;
}
.panel-network-analysis .graph-network-analysis .controls {
  position: absolute;
  top: 0;
  right: 0;
}
.panel-network-analysis .graph-network-analysis .controls__label {
  margin-right: 20px;
  font-size: 15px;
  font-weight: 600;
  cursor: default;
}
.panel-network-analysis .graph-network-analysis .controls__buttons {
  display: flex;
}
.panel-network-analysis .graph-network-analysis .controls__layout {
  display: flex;
  align-items: center;
}
.panel-network-analysis .graph-network-analysis .controls__export {
  margin-left: 20px;
}
.panel-network-analysis .graph-network-analysis .controls__labels {
  margin-left: 4px;
}
.panel-network-analysis .graph-network-analysis .info {
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  bottom: 10px;
  right: 0;
  width: 260px;
  max-height: calc(100% - 80px);
  overflow: auto;
}
.panel-network-analysis .graph-network-analysis .info--open {
  min-height: 272px;
  border: #a8a8a8 1px dashed;
  padding: 20px;
}
.panel-network-analysis .graph-network-analysis .info--closed {
  overflow: hidden;
}
.panel-network-analysis .graph-network-analysis .info__icon {
  fill: #893067;
  margin-top: 2px;
  margin-right: 5px;
}
.panel-network-analysis .graph-network-analysis .info__link {
  display: flex;
  font-weight: 400;
}
.panel-network-analysis .graph-network-analysis .info__link a {
  max-width: 190px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-network-analysis .graph-network-analysis .info__title {
  font-size: 15px;
  margin-bottom: 5px;
}
.panel-network-analysis .graph-network-analysis .info .icon-info-circle {
  fill: #525252;
  margin-right: 5px;
  font-size: 22px;
  vertical-align: middle;
}
.panel-network-analysis .graph-network-analysis .info dt {
  font-weight: 500;
  margin: 12px 0 4px;
}
.panel-network-analysis .graph-network-analysis .info dd {
  display: flex;
  font-weight: 400;
  margin: 4px 0;
  margin-inline-start: 0;
}
.panel-network-analysis .graph-network-analysis .info dd:last-child {
  margin-bottom: 0;
}
.panel-network-analysis .graph-network-analysis .info__data-list {
  margin-top: -7px;
  margin-left: 6px;
  border-left: 1px solid #bbb;
  padding-left: 4px;
}
.panel-network-analysis .graph-network-analysis .info__state-header {
  margin: 20px 0 10px;
  font-size: 13px;
}
.panel-network-analysis .graph-network-analysis .info__state-content {
  margin-left: 5px;
}
.panel-network-analysis .graph-network-analysis .legend {
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 200px;
  max-height: calc(100% - 80px);
  overflow: auto;
}
.panel-network-analysis .graph-network-analysis .legend--bold {
  font-weight: 700;
}
.panel-network-analysis .graph-network-analysis .legend p {
  margin: 0;
  font-size: 15px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.panel-network-analysis .graph-network-analysis .legend__first-list {
  margin-top: 10px;
  margin-left: 4px;
}
.panel-network-analysis .graph-network-analysis .legend__first-list li {
  height: 30px;
}
.panel-network-analysis .graph-network-analysis .legend ul {
  padding: 0;
  list-style-type: none;
}
.panel-network-analysis .graph-network-analysis .legend .checkbox {
  margin-left: 11px;
  margin-top: 5px;
}
.panel-network-analysis .graph-network-analysis .legend .checkbox:first-child {
  margin-top: 0;
}
.panel-network-analysis .graph-network-analysis .legend .checkbox__label {
  margin-bottom: 0;
}
.panel-network-analysis .graph-network-analysis .legend .legend-item {
  display: flex;
  align-items: center;
  height: 26px;
}
.panel-network-analysis .graph-network-analysis .legend .legend-item__icon {
  flex: 1;
  display: flex;
  justify-content: center;
  fill: #525252;
}
.panel-network-analysis .graph-network-analysis .legend .legend-item__icon-data-list {
  fill: #da1e28;
  height: 18px;
}
.panel-network-analysis .graph-network-analysis .legend .legend-item__label {
  flex: 3;
  padding-left: 10px;
}
.panel-network-analysis .graph-network-analysis .legend-node-icons {
  font-size: 24px;
}
.panel-network-analysis .graph-network-analysis .high-connection {
  color: #ce1256;
}
.panel-network-analysis .graph-network-analysis .middle-connection {
  color: #df65b0;
}
.panel-network-analysis .graph-network-analysis .low-connection {
  color: #d7b5d8;
}
.panel-network-analysis .graph-network-analysis .very-low-connection {
  color: #f1eef6;
}
.panel-network-analysis .graph-network-analysis footer {
  font-weight: 400;
}
.panel-network-analysis .graph-network-analysis .icon-primary {
  font-size: 22px;
  color: #505050;
}

.d3-tip-no-arrow {
  color: #525252;
}

.number-format-component--warning {
  color: #e94b60;
}

.omnisearch {
  position: relative;
  display: flex;
  flex: 1;
  width: 0;
}
.omnisearch .icon {
  fill: currentColor;
}
.omnisearch__query {
  display: flex;
  flex: 1;
  width: 100%;
  height: 32px;
  color: #525252;
  border: 1px solid #c7c7c7;
}
.omnisearch__query-items {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  flex: 1;
  width: 0;
  overflow: hidden;
  padding: 6px 24px 6px 8px;
  white-space: nowrap;
}
.omnisearch__query-items-track {
  display: flex;
  width: 100%;
  padding: 1px 0;
  overflow: hidden;
}
.omnisearch__query-items-list {
  display: flex;
  flex: 0 0 auto;
}
.omnisearch__query-item {
  display: flex;
}
.omnisearch__query-item-string {
  display: flex;
  margin-right: 6px;
}
.omnisearch__query-item-field {
  display: flex;
  margin-right: 8px;
  border-bottom: 1px solid #525252;
}
.omnisearch__query-item-field-label {
  margin-right: 4px;
  padding: 0 2px;
  color: #000;
  font-weight: 500;
}
.omnisearch__query-item-field-label::after {
  content: ":";
}
.omnisearch__query-item-operator {
  margin-right: 6px;
  font-weight: 600;
  color: #000;
}
.omnisearch__query-item-operator:focus {
  outline: 1px dashed var(--cc-primaryColor, #893067);
}
.omnisearch__input {
  flex: 1 0 auto;
  min-width: 0.25em;
  height: 100%;
  margin: 0;
  border: 0;
  outline: 0;
  background: transparent;
  white-space: nowrap;
}
.omnisearch__query-clear-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding-right: 8px;
  color: #525252;
}
.omnisearch__query-clear-button .icon {
  display: block;
}
.omnisearch__query-clear-button:focus {
  color: #000;
}
.omnisearch__query-clear-button:focus .icon {
  outline: 1px dashed currentColor;
}
.omnisearch__query-submit-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  color: #525252;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.omnisearch__query-submit-button .icon {
  display: block;
}
.omnisearch__query-submit-button:focus {
  outline: 2px solid #000;
}
.omnisearch__dropdown {
  display: flex;
  max-height: 50vh;
  padding: 10px 20px;
  overflow: auto;
  background-color: #fff;
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  position: absolute;
  top: 100%;
  width: 100%;
  width: calc(100% - 30px);
  min-height: 200px;
  margin-top: 2px;
  z-index: 10;
}
.omnisearch__dropdown-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 0 auto;
  margin: 0 0 8px;
  padding-bottom: 2px;
  color: #525252;
  font-weight: 500;
}
.omnisearch__dropdown-title--sticky {
  position: sticky;
  top: 0;
  background-color: #fff;
}
.omnisearch__filter-shortcuts {
  display: flex;
  flex: 2 1 60%;
  flex-flow: row nowrap;
  min-width: 0;
}
@media screen and (max-width: 1014px) {
  .omnisearch__filter-shortcuts {
    flex-flow: column nowrap;
  }
}
.omnisearch__contextual-completions {
  min-width: 80px;
  margin-right: 20px;
  display: flex;
  flex: 1 1 auto;
  flex-flow: column nowrap;
  overflow: auto;
}
.omnisearch__contextual-completion-items-list {
  min-width: 0;
  margin: 0;
  padding: 2px 6px 2px 2px;
  list-style: none;
  overflow: auto;
}
.omnisearch__contextual-completion-item {
  margin-bottom: 6px;
  min-width: 0;
}
.omnisearch__contextual-completion-item-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  min-width: 0;
  padding: 1px;
  text-align: left;
  font-weight: 600;
  background-color: transparent;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 1, 1);
}
.omnisearch__contextual-completion-item-button.is-focused, .omnisearch__contextual-completion-item-button:focus {
  outline: 1px dashed var(--cc-primaryColor, #893067);
}
.omnisearch__contextual-completion-item-button.is-highlighted {
  background-color: var(--cc-primarySelectedBackgroundColorAlt, #fae8f2);
}
.omnisearch__search-operators {
  flex: 1 0 auto;
  min-width: 0;
}
@media screen and (max-width: 1014px) {
  .omnisearch__search-operators {
    order: -1;
    margin-bottom: 10px;
  }
}
.omnisearch__search-operators-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.omnisearch__search-operators-list + .omnisearch__search-operators-list {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #dfdfdf;
}
.omnisearch__search-operator-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: flex;
  width: 100%;
  text-align: left;
}
.omnisearch__search-operator-button:focus {
  outline: 1px dashed var(--cc-primaryColor, #893067);
}
.omnisearch__search-operator-symbol {
  width: 40px;
  font-weight: 600;
}
.omnisearch__search-operator-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  min-width: 0;
  color: #767676;
}
.omnisearch__results {
  display: flex;
  flex: 1 0 40%;
  flex-flow: column nowrap;
  min-width: 0;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #dfdfdf;
}
.omnisearch__results-title {
  display: flex;
  flex: 0 0 auto;
}
.omnisearch__results-title-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.omnisearch__results-loading-icon {
  display: block;
  margin-left: auto;
  visibility: hidden;
  opacity: 0;
  transition: none 0.15s ease;
  transition-property: visibility, opacity;
}
.omnisearch__results-loading-icon.is-active {
  visibility: visible;
  opacity: 1;
}
.omnisearch__results-error {
  flex: 1 1 auto;
  overflow: auto;
  word-wrap: break-word;
  color: #da1e28;
}
.omnisearch__results-section + .omnisearch__results-section {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #dfdfdf;
}
.omnisearch__results-section-title {
  margin: 0 2px 10px;
  font-weight: 500;
}
.omnisearch__results-section-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 30vh;
  padding-right: 10px;
  overflow: auto;
}
.omnisearch__results-section-list .link {
  font-weight: 500;
}
.omnisearch__results-section-item {
  display: flex;
  margin: 1px 1px 6px;
  padding: 1px;
}
.omnisearch__results-section-block-link {
  display: flex;
  flex-flow: row wrap;
  flex: 1;
  min-width: 0;
  padding: 1px;
  text-align: left;
}
.omnisearch__results-section-block-link:focus {
  outline: 1px dashed var(--cc-primaryColor, #893067);
}
.omnisearch__results-section-item-key {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  min-width: 0;
  flex: 1 1 auto;
  padding-right: 4px;
}
.omnisearch__results-section-item-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%;
  min-width: 0;
  flex: 0 0 auto;
  font-weight: 500;
}
.omnisearch__results-entity-group + .omnisearch__results-entity-group {
  margin-top: 12px;
}
.omnisearch__results-entity-group-title {
  display: flex;
  margin: 1px 1px 6px;
  padding: 1px;
  color: #a8a8a8;
  font-size: 13px;
}
.omnisearch__results-entity-group-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.omnisearch__results-section-main-data {
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 auto;
  min-width: 0;
}
.omnisearch__results-entity-extra-data {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  margin-top: 4px;
  color: #767676;
  font-size: 13px;
}
.omnisearch.is-showing-dropdown .omnisearch__query {
  border-color: var(--cc-primaryColor, #893067);
  background: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.omnisearch.is-showing-dropdown .omnisearch__query-submit-button {
  background-color: #893067;
  color: #fff;
}

.reports-loading, .reports-error {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.reports-error .icon {
  margin-right: 10px;
}

.panel--report {
  position: relative;
  z-index: 1;
}
.panel--report .panel__header {
  justify-content: space-between;
  align-items: baseline;
}
.panel--report:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.panel--report .sparkline-cell {
  border-bottom: 1px solid #ddd;
}
.panel--report .sparkline-cell figure {
  margin: 0;
}
.panel--report .panel__label {
  min-width: 0;
}
.panel--report .panel__label .panel__title {
  display: block;
}
.panel--report span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chart-component-time-options__dropdown {
  width: 100px;
  font-size: 14px;
  display: inline-block;
  padding: 2px 4px;
  background: #fff;
  border-radius: 3px;
  color: #525252;
  top: 10px;
  right: 35px;
}
.chart-component-time-options__dropdown button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  color: #525252;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
}
.chart-component-time-options__dropdown button:hover {
  color: #161616;
}
.chart-component-time-options__dropdown button:focus {
  border: 1px solid var(--cc-primaryColor, #893067);
}
.chart-component-time-options__dropdown-toggle {
  display: flex;
  justify-content: space-between;
  padding-left: 5px;
  cursor: pointer;
}
.chart-component-time-options__dropdown-menu {
  display: none;
  position: absolute;
  width: 100px;
  top: 22px;
  right: 0;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px #cfcfcf solid;
  box-shadow: 3px 3px 0 #e3e3e3;
  z-index: 999;
}
.chart-component-time-options__dropdown-menu li {
  list-style: none;
  padding: 2px 4px;
  font-weight: 500;
}
.chart-component-time-options__dropdown-menu--open {
  display: block;
}

.chart-component {
  margin: 0 10px;
  display: flex;
  flex: 1;
  justify-content: center;
}
.chart-component .hide {
  display: none;
}
.chart-component figcaption {
  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;
}
.chart-component .label {
  color: #525252;
}
.chart-component__wrapper {
  width: calc(100% - 10px);
  height: 100%;
}
.chart-component__wrapper.small-width .report-line__legend {
  display: none;
}
.chart-component__wrapper.small-width .report-line__chart {
  width: 100%;
}
.chart-component figure {
  display: flex;
  flex: 1;
  margin: 0;
}
.chart-component .content,
.chart-component .simple-graph .graph-wrapper {
  height: calc(100% - 1.5em);
}
.chart-component .compound-graph .content {
  display: flex;
}
.chart-component .labels,
.chart-component .values {
  margin: 0 0.25em 25px;
}
.chart-component .values .value {
  display: flex;
  width: 100%;
  font-size: 1.3em;
  font-weight: 500;
  justify-content: flex-end;
}
.chart-component .value .no-risk,
.chart-component .value .closed {
  color: #7569ae;
}
.chart-component .value .risk,
.chart-component .value .opened {
  color: #f78a03;
}
.chart-component .values .content {
  height: 100%;
}
.chart-component .title {
  color: #525252;
  font-size: 14px;
  font-weight: bold;
}
.chart-component .labels,
.chart-component .values .content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.chart-component .label {
  padding-left: 0.5em;
}
.chart-component .label:first-child {
  padding-left: 0;
}
.chart-component .compound-graph {
  padding: 0;
}
.chart-component .legend {
  display: flex;
  margin-bottom: 1em;
}
.chart-component .legend.hide {
  display: none;
}
.chart-component .legend .label {
  display: flex;
  align-items: flex-end;
}
.chart-component .legend .label.hide {
  display: none;
}
.chart-component .label-icon {
  font-size: 1.6em;
}
.chart-component .label-icon--risk {
  margin-bottom: -0.1em;
  color: #e9a3c9;
}
.chart-component .label-icon--no-risk {
  font-size: 1em;
  margin-bottom: 0.2em;
  padding-right: 0.2em;
  color: #a1d76a;
}
.chart-component .label-icon--avg {
  padding-right: 0.2em;
  margin-bottom: -0.2em;
  color: #a5a5ab;
}
.chart-component .label-icon--user {
  margin-bottom: -0.1em;
  color: #ab3363;
}
.chart-component .label-icon--others {
  font-size: 1em;
  margin-bottom: 0.1em;
  padding-right: 0.2em;
  color: #a5a5ab;
}
.chart-component .label-icon--closed {
  color: #b2abd2;
}
.chart-component .label-icon--min {
  font-size: 1em;
  margin-bottom: 0.2em;
  padding-right: 0.2em;
  color: #c84783;
}
.chart-component .label-icon--max {
  margin-bottom: -0.1em;
  color: #f9b415;
}
.chart-component .label-icon--open {
  font-size: 1em;
  margin-bottom: 0.2em;
  padding-right: 0.2em;
  color: #fdb863;
}
.chart-component .label-icon--closed {
  font-size: 1.6em;
  margin-bottom: -0.1em;
  color: #b2abd2;
}
.chart-component .two-plus-one-graphs,
.chart-component .two-plus-two-graphs,
.chart-component .two-plus-four-graphs,
.chart-component .two-graphs {
  height: 100%;
}
.chart-component .two-plus-one-graphs .wrapper,
.chart-component .two-plus-two-graphs .wrapper,
.chart-component .two-plus-four-graphs .wrapper,
.chart-component .two-graphs .wrapper {
  display: flex;
  height: calc(100% - 2em);
  flex-direction: column;
}
.chart-component .two-plus-one-graphs .one-two {
  height: 66%;
  padding-bottom: 0.6em;
}
.chart-component .two-plus-one-graphs .one-two .compound-graph {
  height: 50%;
}
.chart-component .two-plus-one-graphs .three {
  height: 34%;
}
.chart-component .two-plus-one-graphs .three .wrapper {
  height: 100%;
}
.chart-component .two-plus-one-graphs .three .compound-graph {
  height: 100%;
}
.chart-component .two-plus-two-graphs .one-two {
  height: 50%;
  padding-bottom: 0.6em;
}
.chart-component .two-plus-two-graphs .three-four {
  height: 50%;
  padding-top: 0.6em;
}
.chart-component .two-plus-two-graphs .compound-graph {
  height: 50%;
}
.chart-component .two-plus-two-graphs .simple-graph {
  width: 50%;
}
.chart-component .two-plus-four-graphs {
  width: 95%;
}
.chart-component .two-plus-four-graphs .one-two {
  height: 34%;
  padding-bottom: 0.6em;
}
.chart-component .two-plus-four-graphs .one-two .compound-graph {
  height: 50%;
}
.chart-component .two-plus-four-graphs .three-six {
  height: 65%;
  padding-top: 0.6em;
}
.chart-component .two-plus-four-graphs .three-six .compound-graph {
  height: 25%;
}
.chart-component .two-plus-four-graphs .simple-graph {
  width: 50%;
}
.chart-component .two-graphs .one-two {
  height: 100%;
  padding-bottom: 0.6em;
}
.chart-component .two-graphs .one,
.chart-component .two-graphs .two {
  height: 50%;
}
.chart-component .compound-graph .graph-wrapper,
.chart-component .standalone .graph-wrapper {
  flex: 2;
}
.chart-component .compound-graph .labels,
.chart-component .standalone .labels {
  flex: 1;
}
.chart-component .compound-graph .values,
.chart-component .standalone .values {
  flex: 1;
}
.chart-component .medium-width .compound-graph .graph-wrapper,
.chart-component .medium-width .standalone .graph-wrapper {
  flex: 5;
}
.chart-component .medium-width .compound-graph .labels,
.chart-component .medium-width .standalone .labels {
  flex: 1;
}
.chart-component .medium-width .compound-graph .values,
.chart-component .medium-width .standalone .values {
  flex: 1;
}
.chart-component .big-width .compound-graph .graph-wrapper,
.chart-component .big-width .standalone .graph-wrapper {
  flex: 6;
}
.chart-component .big-width .compound-graph .labels,
.chart-component .big-width .standalone .labels {
  flex: 1;
}
.chart-component .big-width .compound-graph .values,
.chart-component .big-width .standalone .values {
  flex: 1;
}
.chart-component__risk-score-distribution path,
.chart-component__risk-score-distribution line {
  stroke: #bbb;
}
.chart-component__risk-score-distribution rect {
  fill: #cf5a91;
}
.chart-component__risk-score-distribution .y-label {
  position: absolute;
  left: 2px;
  writing-mode: tb;
  font-size: 11px;
}
.chart-component__risk-score-distribution .x-label {
  position: absolute;
  right: 10px;
  bottom: 5px;
  font-size: 11px;
}

.panel--report .chart-component__wrapper {
  height: inherit;
}

report-alert-risk-score-distribution-chart .viz-wrapper {
  flex: 1;
}

report-acceptance .risk::before,
report-analyst-headline .risk::before,
report-analyst-activity .risk::before {
  background-color: #e9a3c9;
}
report-acceptance .no-risk::before,
report-analyst-headline .no-risk::before,
report-analyst-activity .no-risk::before {
  background-color: #a1d76a;
}
report-acceptance .user::before,
report-analyst-headline .user::before,
report-analyst-activity .user::before {
  background-color: #ab3363;
}
report-acceptance .others::before,
report-acceptance .avg::before,
report-analyst-headline .others::before,
report-analyst-headline .avg::before,
report-analyst-activity .others::before,
report-analyst-activity .avg::before {
  background-color: #9e9d9d;
}
report-acceptance .compound-graph .risk,
report-analyst-headline .compound-graph .risk,
report-analyst-activity .compound-graph .risk {
  fill: #e9a3c9;
}
report-acceptance .compound-graph .no-risk,
report-analyst-headline .compound-graph .no-risk,
report-analyst-activity .compound-graph .no-risk {
  fill: #a1d76a;
}
report-acceptance .compound-graph .bullet,
report-analyst-headline .compound-graph .bullet,
report-analyst-activity .compound-graph .bullet {
  opacity: 0.9;
  fill: #9e9d9d;
}
report-acceptance .compound-graph .usr,
report-analyst-headline .compound-graph .usr,
report-analyst-activity .compound-graph .usr {
  fill: #ab3363;
}
report-acceptance .compound-graph .avg,
report-analyst-headline .compound-graph .avg,
report-analyst-activity .compound-graph .avg {
  fill: #9e9d9d;
}
report-acceptance .compound-graph .bullet,
report-analyst-headline .compound-graph .bullet,
report-analyst-activity .compound-graph .bullet {
  opacity: 1;
  fill: #9e9d9d;
}
report-acceptance .small-height .three,
report-acceptance .small-height .three-four,
report-acceptance .small-height .three-six,
report-acceptance .extra-small-height .two-plus-one-graphs .two,
report-acceptance .extra-small-height .two-plus-two-graphs .two,
report-acceptance .extra-small-height .two-plus-four-graphs .two,
report-analyst-headline .small-height .three,
report-analyst-headline .small-height .three-four,
report-analyst-headline .small-height .three-six,
report-analyst-headline .extra-small-height .two-plus-one-graphs .two,
report-analyst-headline .extra-small-height .two-plus-two-graphs .two,
report-analyst-headline .extra-small-height .two-plus-four-graphs .two,
report-analyst-activity .small-height .three,
report-analyst-activity .small-height .three-four,
report-analyst-activity .small-height .three-six,
report-analyst-activity .extra-small-height .two-plus-one-graphs .two,
report-analyst-activity .extra-small-height .two-plus-two-graphs .two,
report-analyst-activity .extra-small-height .two-plus-four-graphs .two {
  display: none;
}
report-acceptance .small-height .two-plus-one-graphs .one-two,
report-acceptance .small-height .two-plus-two-graphs .one-two,
report-acceptance .small-height .two-plus-four-graphs .one-two,
report-analyst-headline .small-height .two-plus-one-graphs .one-two,
report-analyst-headline .small-height .two-plus-two-graphs .one-two,
report-analyst-headline .small-height .two-plus-four-graphs .one-two,
report-analyst-activity .small-height .two-plus-one-graphs .one-two,
report-analyst-activity .small-height .two-plus-two-graphs .one-two,
report-analyst-activity .small-height .two-plus-four-graphs .one-two {
  height: 100%;
}
report-acceptance .extra-small-height .two-plus-one-graphs .one-two .one,
report-acceptance .extra-small-height .two-plus-two-graphs .one-two .one,
report-acceptance .extra-small-height .two-plus-four-graphs .one-two .one,
report-analyst-headline .extra-small-height .two-plus-one-graphs .one-two .one,
report-analyst-headline .extra-small-height .two-plus-two-graphs .one-two .one,
report-analyst-headline .extra-small-height .two-plus-four-graphs .one-two .one,
report-analyst-activity .extra-small-height .two-plus-one-graphs .one-two .one,
report-analyst-activity .extra-small-height .two-plus-two-graphs .one-two .one,
report-analyst-activity .extra-small-height .two-plus-four-graphs .one-two .one {
  height: 100%;
}

report-data-processing .numbers .graph-wrapper,
report-data-processing .sparklines .graph-wrapper {
  flex: 2;
}
report-data-processing .numbers .labels,
report-data-processing .sparklines .labels {
  flex: 1;
}
report-data-processing .numbers .values,
report-data-processing .sparklines .values {
  flex: 1;
}
report-data-processing .numbers {
  padding-bottom: 0.75em;
}
report-data-processing .sparklines {
  height: 100%;
}
report-data-processing .numbers,
report-data-processing .sparklines {
  justify-content: center;
}
report-data-processing .numbers {
  display: flex;
  flex-direction: column;
}
report-data-processing .number-group {
  display: flex;
  align-items: center;
}
report-data-processing .number {
  font-size: 2em;
  color: #525252;
  text-align: right;
  flex: 1;
}
report-data-processing .graph-header {
  height: 3em;
  align-items: center;
}
report-data-processing .legend {
  height: 10px;
}
report-data-processing .legend .label::before {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-bottom: -0.111em;
  border-radius: 5px;
}
report-data-processing .values .sparkline-content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
report-data-processing .sparklines {
  flex: 1;
}
report-data-processing .sparkline-content {
  height: 100%;
  align-items: center;
  display: flex;
}
report-data-processing .sparkline-content .nc-chart-group > .line {
  fill: none;
  stroke: #a5a5ab;
  stroke-width: 0.16em;
}
report-data-processing .sparkline-content .dots path {
  opacity: 0;
}
report-data-processing .sparkline-content .dots .min-value {
  opacity: 1;
  fill: #c84783;
  stroke: #c84783;
}
report-data-processing .sparkline-content .dots .max-value {
  opacity: 1;
  fill: #f9b415;
  stroke: #f9b415;
}
report-data-processing .graph-wrapper {
  height: 80%;
  max-height: 50px;
  min-height: 25px;
}
report-data-processing.chart-component .labels, report-data-processing.chart-component .values {
  margin: 0;
}
report-data-processing .value {
  line-height: 1;
  text-align: right;
  flex-direction: column;
  justify-content: center;
}
report-data-processing .value .min {
  color: #c84783;
}
report-data-processing .value .max {
  color: #f9b415;
}
report-data-processing .background {
  fill: #f9f9f9;
}
report-data-processing .numbers-plus-sparkline-graphs {
  display: flex;
  height: 100%;
  flex-direction: column;
}
report-data-processing .numbers-plus-sparkline-graphs .numbers {
  flex: 2;
}
report-data-processing .numbers-plus-sparkline-graphs .sparklines {
  display: flex;
  flex-direction: column;
  flex: 3;
}
report-data-processing .small-height .values .value {
  font-size: 1.2em;
}
report-data-processing .extra-small-height .values .value {
  font-size: 1em;
}
report-data-processing .extra-small-height .values {
  display: none;
}

report-incident-management figure {
  justify-content: center;
}
report-incident-management .multi-graph-row {
  height: 100%;
}
report-incident-management .row {
  padding: 1em 0 0;
}
report-incident-management .row .simple-graph,
report-incident-management .row .compound-graph,
report-incident-management .row .donut-graph {
  width: 50%;
  height: 100%;
  padding: 0;
}
report-incident-management .row .donut-graph {
  padding-left: 1em;
}
report-incident-management .row .v-split > div {
  height: 50%;
}
report-incident-management .minimal-axis {
  padding-top: 0;
}
report-incident-management .row-avg-handling-time,
report-incident-management .row-open-closed {
  display: flex;
}
report-incident-management .row-avg-handling-time {
  height: 45%;
}
report-incident-management .row-unresolved-incidents {
  height: 25%;
}
report-incident-management .row-unresolved-incidents .wrapper {
  display: flex;
  height: calc(100% - 1.75em);
}
report-incident-management .row-unresolved-incidents .simple-graph .graph-wrapper {
  height: calc(100% - 0.75em);
}
report-incident-management .row-open-closed {
  width: 100%;
  height: 30%;
  padding-top: 1.2em;
}
report-incident-management .row-open-closed .compound-graph {
  width: 100%;
  height: 100%;
}
report-incident-management .row-open-closed .content {
  height: calc(100% - 3.25em);
}
report-incident-management .multi-graphs {
  display: flex;
  height: 100%;
  flex-direction: column;
}
report-incident-management .simple-graph:last-child {
  padding-left: 0.6em;
}
report-incident-management .opened {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
report-incident-management .nc-chart-group > .line {
  fill: none;
  stroke: #ab3363;
  stroke-width: 0.2em;
}
report-incident-management .nc-bar-g-0 .bar {
  fill: #ab3363;
}
report-incident-management .time-24h::before {
  background-color: #9caebd;
}
report-incident-management .time-30d::before {
  background-color: #9e9d9d;
}
report-incident-management .opened::before {
  background-color: #fdb863;
}
report-incident-management .closed::before {
  background-color: #b2abd2;
}
report-incident-management .nc-x-axis-label {
  font-size: 0.8125em;
}
report-incident-management .labels {
  margin-bottom: 23px;
}
report-incident-management .nc-bar-g .reviewtimes-bracketedreviewtimes-last-24hrs {
  fill: #9caebd;
}
report-incident-management .nc-bar-g .reviewtimes-bracketedreviewtimes-last-30days {
  fill: #9e9d9d;
}
report-incident-management .nc-bar-g .opened {
  opacity: 1;
  fill: #fdb863;
}
report-incident-management .nc-bar-g .closed {
  opacity: 1;
  fill: #b2abd2;
}
report-incident-management .donut-content {
  display: flex;
  padding-top: 1em;
  justify-content: center;
}
report-incident-management .donut-graph .donut-slice-0 {
  fill: #f1eef6;
}
report-incident-management .donut-graph .donut-slice-1 {
  fill: #d7b5d8;
}
report-incident-management .donut-graph .donut-slice-2 {
  fill: #df65b0;
}
report-incident-management .donut-graph .donut-slice-3 {
  fill: #dd1c77;
}
report-incident-management .donut-graph .donut-slice-4 {
  fill: #980043;
}
report-incident-management ul {
  padding-left: 1em;
  list-style: none;
}
report-incident-management .legend-donut {
  display: flex;
  padding-bottom: 0.6em;
  font-size: 0.8em;
  color: #666;
}
report-incident-management .legend-donut > div {
  padding-left: 1em;
}
report-incident-management .legend-donut .do-wrapper-0 {
  margin-top: 6px;
}
report-incident-management .legend-donut .do-wrapper-1 {
  margin-top: 3px;
}
report-incident-management .legend-donut .do-wrapper-2 {
  margin-top: 5px;
}
report-incident-management .legend-donut .do-wrapper-3 {
  margin-top: 6px;
}
report-incident-management .legend-donut span {
  display: inline-block;
}
report-incident-management .legend-donut .do-0 {
  font-size: 1.3em;
  color: #f1eef6;
}
report-incident-management .legend-donut .do-1 {
  font-size: 1.6em;
  color: #d7b5d8;
}
report-incident-management .legend-donut .do-2 {
  font-size: 1.4em;
  color: #df65b0;
}
report-incident-management .legend-donut .do-3 {
  font-size: 1.4em;
  color: #dd1c77;
}
report-incident-management .legend-donut .do-4 {
  font-size: 2.1em;
  color: #980043;
}
report-incident-management .arc-symbol {
  fill-opacity: 0;
  stroke: #fff;
  stroke-width: 3;
}
report-incident-management .small-height,
report-incident-management .extra-small-height {
  font-size: 12px;
}
report-incident-management .small-height .nc-x-marker-label,
report-incident-management .extra-small-height .nc-x-marker-label {
  font-size: 13px;
}
report-incident-management .small-height .content,
report-incident-management .extra-small-height .content {
  height: calc(100% - 55px);
}
report-incident-management .small-height .row-open-closed .content,
report-incident-management .extra-small-height .row-open-closed .content {
  height: calc(100% - 3.25em);
}
report-incident-management .extra-small-height .row-unresolved-incidents,
report-incident-management .extra-small-height .row-open-closed {
  display: none;
}
report-incident-management .extra-small-height .row-avg-handling-time {
  height: 100%;
}
report-incident-management .extra-small-height .row-avg-handling-time .v-split > div:first-child {
  height: 100%;
}
report-incident-management .extra-small-height .row-avg-handling-time .v-split > div:last-child {
  display: none;
}
report-incident-management .donut-graph.extra-small-width {
  display: none;
}

report-geolocation {
  position: relative;
  z-index: 0;
}
report-geolocation .map {
  height: 100%;
}
report-geolocation .map > div {
  width: 100%;
  height: 100%;
  background-color: #fbfbfb;
}
report-geolocation .info {
  padding: 6px 8px;
  color: #666;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
report-geolocation .leaflet-legend {
  line-height: 18px;
  color: #666;
}
report-geolocation .leaflet-legend i {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  opacity: 0.7;
}
report-geolocation input:focus,
report-geolocation .leaflet-control-zoomhome-in:focus,
report-geolocation .leaflet-control-zoomhome-home:focus,
report-geolocation .leaflet-control-zoomhome-out:focus {
  outline: 1px solid var(--cc-primaryColor, #893067) !important;
}

report-custom-line .report-line {
  display: flex;
  height: calc(100% - 60px);
  padding: 0;
  margin: 10px;
  justify-content: space-around;
}
report-custom-line .report-line__chart {
  width: 60%;
}
report-custom-line .report-line__legend {
  position: relative;
  width: 40%;
}
report-custom-line .report-line .legend {
  display: block;
}
report-custom-line .nc-chart-group > .line {
  fill: none;
  stroke: #ddd;
}
report-custom-line .line .dots path {
  fill: #ddd;
  stroke: #fff;
  stroke-width: 0;
}
report-custom-line .nc-chart-group > .colour-total {
  stroke: #512142;
}
report-custom-line .colour-total .dots path {
  fill: #512142;
  stroke-width: 2px;
}
report-custom-line .nc-chart-group > .colour-0 {
  stroke: #058ed9;
}
report-custom-line .nc-chart-group > .colour-0-sub {
  stroke: #62c5fb;
}
report-custom-line .colour-0 .dots path,
report-custom-line .colour-0-sub .dots path {
  fill: #058ed9;
  stroke-width: 2px;
}
report-custom-line .nc-chart-group > .colour-1 {
  stroke: #e62559;
}
report-custom-line .nc-chart-group > .colour-1-sub {
  stroke: #f397b0;
}
report-custom-line .colour-1 .dots path,
report-custom-line .colour-1-sub .dots path {
  fill: #e62559;
  stroke-width: 2px;
}
report-custom-line .nc-chart-group > .colour-2 {
  stroke: #1b998b;
}
report-custom-line .nc-chart-group > .colour-2-sub {
  stroke: #53e1d1;
}
report-custom-line .colour-2 .dots path,
report-custom-line .colour-2-sub .dots path {
  fill: #1b998b;
  stroke-width: 2px;
}
report-custom-line .nc-chart-group > .colour-3 {
  stroke: #c84783;
}
report-custom-line .nc-chart-group > .colour-3-sub {
  stroke: #e5a9c5;
}
report-custom-line .colour-3 .dots path,
report-custom-line .colour-3-sub .dots path {
  fill: #c84783;
  stroke-width: 2px;
}
report-custom-line .nc-chart-group > .colour-4 {
  stroke: #ee742c;
}
report-custom-line .nc-chart-group > .colour-4-sub {
  stroke: #f8c2a2;
}
report-custom-line .colour-4 .dots path,
report-custom-line .colour-4-sub .dots path {
  fill: #ee742c;
  stroke-width: 2px;
}
report-custom-line .nc-chart-group > .colour-5 {
  stroke: #f9b415;
}
report-custom-line .nc-chart-group > .colour-5-sub {
  stroke: #fcdc91;
}
report-custom-line .colour-5 .dots path,
report-custom-line .colour-5-sub .dots path {
  fill: #f9b415;
  stroke-width: 2px;
}
report-custom-line .nc-chart-group > .line {
  fill: none;
  opacity: 1;
  stroke-width: 2px;
}
report-custom-line .nc-chart-group > .colour-0-sub,
report-custom-line .nc-chart-group > .colour-1-sub,
report-custom-line .nc-chart-group > .colour-2-sub,
report-custom-line .nc-chart-group > .colour-3-sub,
report-custom-line .nc-chart-group > .colour-4-sub,
report-custom-line .nc-chart-group > .colour-5-sub {
  stroke-width: 2px;
}
report-custom-line .nc-marker {
  fill: none;
  stroke: #ccc;
  stroke-width: 1px;
  shape-rendering: crispEdges;
  stroke-dasharray: 5 5;
}
report-custom-line .nc-x-marker-grp text {
  fill: #555;
}
report-custom-line .legend-active-time,
report-custom-line ul {
  padding: 5px 0 0 12px;
  color: #333;
}
report-custom-line .legend-active-time {
  height: 20px;
}
report-custom-line ul {
  list-style: none;
}
report-custom-line li {
  position: relative;
  margin-bottom: 5px;
  margin-left: 24px;
}
report-custom-line .legend-label {
  position: relative;
  padding-left: 12px;
  font-weight: 500;
}
report-custom-line .legend-label--value {
  padding-left: 5px;
  font-weight: 400;
}
report-custom-line .no-pre {
  margin-left: 0;
}
report-custom-line .legend-label-subcategory {
  position: relative;
  margin: 0;
}
report-custom-line .legend-label:first-child {
  padding-left: 0;
}
report-custom-line .legend-label::before,
report-custom-line .legend-label-subcategory::before {
  position: absolute;
  top: 6px;
  left: -24px;
  display: inline-block;
  width: 20px;
  height: 3px;
  content: "";
}
report-custom-line .legend-label input {
  margin: 0 2px;
}
report-custom-line .legend .colour-total::before {
  background: #512142;
}
report-custom-line .legend .colour-0::before {
  background: #058ed9;
}
report-custom-line .legend .colour-0-sub::before {
  background: #62c5fb;
}
report-custom-line .legend .colour-1::before {
  background: #e62559;
}
report-custom-line .legend .colour-1-sub::before {
  background: #f397b0;
}
report-custom-line .legend .colour-2::before {
  background: #1b998b;
}
report-custom-line .legend .colour-2-sub::before {
  background: #53e1d1;
}
report-custom-line .legend .colour-3::before {
  background: #c84783;
}
report-custom-line .legend .colour-3-sub::before {
  background: #e5a9c5;
}
report-custom-line .legend .colour-4::before {
  background: #ee742c;
}
report-custom-line .legend .colour-4-sub::before {
  background: #f8c2a2;
}
report-custom-line .legend .colour-5::before {
  background: #f9b415;
}
report-custom-line .legend .colour-5-sub::before {
  background: #fcdc91;
}
report-custom-line .legend .colour-0 .legend-symbol {
  color: #058ed9;
  font-size: 0.6em;
}
report-custom-line .legend .colour-0-sub .legend-symbol {
  color: #62c5fb;
  font-size: 0.6em;
}
report-custom-line .legend .colour-1 .legend-symbol {
  color: #e62559;
  font-size: 0.8em;
}
report-custom-line .legend .colour-1-sub .legend-symbol {
  color: #f397b0;
  font-size: 0.8em;
}
report-custom-line .legend .colour-2 .legend-symbol {
  color: #1b998b;
}
report-custom-line .legend .colour-2-sub .legend-symbol {
  color: #53e1d1;
}
report-custom-line .legend .colour-3 .legend-symbol {
  color: #c84783;
}
report-custom-line .legend .colour-3-sub .legend-symbol {
  color: #e5a9c5;
}
report-custom-line .legend .colour-4 .legend-symbol {
  color: #ee742c;
}
report-custom-line .legend .colour-4-sub .legend-symbol {
  color: #f8c2a2;
}
report-custom-line .legend .colour-5 .legend-symbol {
  color: #f9b415;
}
report-custom-line .legend .colour-5-sub .legend-symbol {
  color: #fcdc91;
}
report-custom-line .extra-small-height .report-line {
  height: calc(100% - 1px);
}
report-custom-line .nc-tip-rect-wrapper rect:hover {
  stroke: #000 !important;
  opacity: 0.4 !important;
}

.report-fraud-prevented {
  overflow: auto;
  margin: 5px;
}
.report-fraud-prevented .tables-wrapper {
  display: flex;
  flex-direction: column;
}
.report-fraud-prevented .table-wrapper {
  padding-bottom: 1.2rem;
  flex: 1;
}
.report-fraud-prevented table {
  width: 100%;
  table-layout: fixed;
}
.report-fraud-prevented th {
  text-align: right;
}
.report-fraud-prevented .header-title {
  font-size: 1.2em;
  text-align: left;
}
.report-fraud-prevented td {
  line-height: 1.6;
  text-align: right;
}
.report-fraud-prevented .title {
  text-align: left;
}
.report-fraud-prevented th,
.report-fraud-prevented .title {
  color: #161616;
}
.report-fraud-prevented .value {
  font-size: 1.5em;
  color: #525252;
}
.report-fraud-prevented .avg {
  font-weight: 500;
}

.report-avg-risk-scores {
  overflow-y: auto;
}
.report-avg-risk-scores .entity-type-child > td:first-child {
  color: #161616;
  padding-left: 15px;
}
.report-avg-risk-scores .text-center {
  text-align: center;
}
.report-avg-risk-scores .table-responsive {
  width: 100%;
  overflow-y: hidden;
}
.report-avg-risk-scores table {
  width: 100%;
}
.report-avg-risk-scores thead {
  border-bottom: 2px solid #ddd;
}
.report-avg-risk-scores thead th {
  padding: 8px;
  text-align: left;
  white-space: nowrap;
}
.report-avg-risk-scores tbody tr:nth-child(odd) {
  background-color: #f9f9f9;
}
.report-avg-risk-scores tbody tr:hover {
  background-color: #f5f5f5;
}
.report-avg-risk-scores tbody td {
  padding: 8px;
  white-space: nowrap;
}
.report-avg-risk-scores .table-row-header {
  font-weight: 600;
}
.report-avg-risk-scores .table-row-break {
  height: 34px;
}
.report-avg-risk-scores .table-footer {
  padding: 8px;
  text-align: left;
  white-space: nowrap;
}
.report-avg-risk-scores polyline {
  opacity: 1;
  stroke: #c84783;
}

.report-avg-risk-scores th,
.report-avg-risk-scores td {
  text-align: center;
  border: 1px solid #fff;
}
.report-avg-risk-scores th {
  background-color: #e4e4e4;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 2px;
}
.report-avg-risk-scores th.no-style {
  background-color: #fff;
}
.report-avg-risk-scores th[rowspan] span {
  transform: rotate(180deg);
  writing-mode: vertical-lr;
}

.marker-cluster-vsmall,
.marker-cluster-vsmall div {
  background-color: rgba(250, 159, 181, 0.7);
}

.marker-cluster-small,
.marker-cluster-small div {
  background-color: rgba(247, 104, 161, 0.7);
}

.marker-cluster-medium,
.marker-cluster-medium div {
  background-color: rgba(221, 52, 151, 0.7);
}

.marker-cluster-large,
.marker-cluster-large div {
  background-color: rgba(174, 1, 126, 0.7);
}

.marker-cluster-vlarge,
.marker-cluster-vlarge div {
  background-color: rgba(122, 1, 119, 0.7);
}

.marker-cluster {
  display: flex;
  border-radius: 50px;
  background-clip: padding-box;
  align-items: center;
  justify-content: center;
}

.marker-cluster div {
  display: flex;
  width: 80%;
  height: 80%;
  font-size: 1.25em;
  text-align: center;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}

.marker-cluster div div {
  color: #fff;
}

.nc-marker {
  fill: none;
  stroke: #a5a5ab;
  stroke-width: 1px;
  stroke-dasharray: 10 5;
  shape-rendering: crispEdges;
}

.light {
  color: #555;
}

.leaders-report {
  width: 100%;
}
.leaders-report__details {
  font-size: 14px;
  margin: 8px 0 14px 4px;
}
.leaders-report__details-item {
  margin-bottom: 6px;
}

.overview-report__loading, .overview-report__error {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.overview-report__loading .icon, .overview-report__error .icon {
  fill: currentColor;
}
.overview-report__loading .icon {
  font-size: 18px;
}
.overview-report__error {
  color: #da1e28;
  font-size: 16px;
}
.overview-report__error .icon {
  margin-right: 6px;
}
.overview-report__blocks {
  display: flex;
  flex-flow: row wrap;
  margin-top: 8px;
}
.overview-report__block {
  display: flex;
  align-items: center;
  padding: 0 10px;
  flex: 2;
}
.overview-report__block--title {
  flex: 1.5;
}
.overview-report__block-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  margin-right: 8px;
  background: var(--cc-primaryColor, #893067);
  border-radius: 100%;
}
.overview-report__block-value {
  display: block;
  font-size: 24px;
  font-weight: 600;
}
.overview-report__block-label {
  display: block;
  color: #525252;
  font-weight: 600;
}
.overview-report__date-range-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}

.tenancy-overview .table__body .table__cell {
  background-color: transparent;
  border-bottom: 1px solid #ddd;
}
.tenancy-overview .table__row.tenancy-overview__tenant-row {
  background-color: #fff;
}
.tenancy-overview .table__row .table__cell {
  padding-top: 0;
  padding-bottom: 0;
}
.tenancy-overview .table__row .table__cell:first-child {
  position: relative;
  padding: 0 10px;
  line-height: 1.5;
  overflow: hidden;
  height: 53px;
}
.tenancy-overview .table__row:nth-child(1) .tenancy-overview__tree-line-container--group .tenancy-overview__tree-line-marker::before {
  display: none;
}
.tenancy-overview .table__row:nth-child(1) .tenancy-overview__tree-line-container--group .tenancy-overview__tree-line-marker::after {
  height: 50%;
}
.tenancy-overview .table__row:not(.has-child-groups):not(.next-node-is-sibling) .tenancy-overview__tree-line-container--item .tenancy-overview__tree-line-marker {
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
  width: calc(20px * (var(--next-node-indent-level) - 0));
}
.tenancy-overview .table__row:not(.has-child-groups):not(.next-node-is-sibling).is-last-child .tenancy-overview__tree-line-container--item .tenancy-overview__tree-line-marker::after {
  height: 50%;
}
.tenancy-overview .table__row.is-deeper-indentation-level .tenancy-overview__tree-line-container--group .tenancy-overview__tree-line-marker::after {
  height: 50%;
}
.tenancy-overview__table-cell-indented-content {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.tenancy-overview__table-cell-indented-content-inner {
  display: flex;
  align-items: center;
}
.tenancy-overview__table-row-actions {
  display: flex;
  padding: 0 30px;
}
.tenancy-overview__table-row-action {
  flex: 0 0 auto;
  text-align: center;
}
.tenancy-overview__table-row-action--main {
  flex-grow: 1;
}
.tenancy-overview__table-row-action + .tenancy-overview__table-row-action {
  margin-left: 8px;
}
.tenancy-overview__table-row-action--link-style {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  font-weight: 600;
  font-size: 13px;
}
.tenancy-overview__table-row-action--link-style:hover {
  color: var(--cc-primaryColor, #893067);
}
.tenancy-overview__acg-row {
  background: #f5f5f5;
  border-bottom: 1px solid var(--cc-primaryColor, #893067);
}
.tenancy-overview__tenant-row {
  border-bottom: 1px solid #f7f5f5;
}
.tenancy-overview__group-title, .tenancy-overview__group-title-divider {
  color: var(--cc-primaryColor, #893067);
}
.tenancy-overview__group-title {
  font-weight: 700;
  font-size: 16px;
}
.tenancy-overview__group-title-divider {
  margin: 0 4px;
}
.tenancy-overview__group-subtitle {
  font-weight: 500;
}
.tenancy-overview__tree-line-container {
  position: relative;
  left: 3.5px;
  display: block;
  /* stylelint-disable-next-line function-calc-no-unspaced-operator */
  width: calc(20px * (var(--indent-level) - 1));
  height: 100%;
}
.tenancy-overview__tree-line-container .tenancy-overview__tree-line-marker {
  display: block;
  width: 100%;
  height: 100%;
  background-image: repeating-linear-gradient(90deg, #b8b8b8, #b8b8b8 1px, transparent 1px, transparent 20px);
}
.tenancy-overview__tree-line-container .tenancy-overview__tree-line-marker::before {
  content: "";
  position: absolute;
  top: 0;
  width: 20px;
  height: 100%;
  background-image: linear-gradient(to left, #b8b8b8 0%, #b8b8b8 100%);
  background-size: 100% 1px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  right: 0;
}
.tenancy-overview__tree-line-container .tenancy-overview__tree-line-marker::after {
  content: "";
  position: absolute;
  right: -0.5px;
  width: 1px;
  height: 100%;
  background: #b8b8b8;
  bottom: 0;
}
.tenancy-overview__tree-line-container--group {
  margin: 0 0.5px 0 3.5px;
}
.tenancy-overview__tree-line-container--group .tenancy-overview__tree-line-marker::before {
  right: 0;
}
.tenancy-overview__tree-line-container--group .tenancy-overview__tree-line-marker::after {
  bottom: 0;
}
.tenancy-overview__tree-line-container--item {
  margin: 0 29.5px 0 3.5px;
}
.tenancy-overview__tree-line-container--item .tenancy-overview__tree-line-marker::before {
  left: 100%;
}
.tenancy-overview__tree-line-container--item .tenancy-overview__tree-line-marker::after {
  top: 0;
}
.tenancy-overview__tree-node {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 6px;
  font-size: 7px;
}
.tenancy-overview__tree-node .icon {
  display: block;
  fill: #80366a;
  box-shadow: 0 0 0 3px #f5f5f5;
}
.tenancy-overview .panel-group__shim {
  padding-bottom: 0;
}

.user-display-name {
  line-height: 1.1;
}
.user-display-name--truncate-fluid {
  min-width: 100%;
}
.user-display-name--truncate-fluid .user-display-name__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-display-name__text {
  display: inline;
}
.user-display-name__icon {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 4px 0 1px;
}
.user-display-name__icon .icon {
  display: block;
  fill: currentColor;
  width: auto;
  height: 0.9em;
}

.user-profile__tag-list {
  display: block;
}
.user-profile__tag-list .tag {
  margin: 0;
}

.bulk-actions-tooltip {
  padding: 4px 0;
  display: flex;
  flex-direction: column;
}
.bulk-actions-tooltip .action {
  border: 0;
  border-radius: 0;
  font-weight: 500;
  text-align: left;
  padding: 0 14px;
}
.bulk-actions-tooltip .action:focus {
  outline-offset: 0;
}
.bulk-actions-tooltip .action:hover {
  background-color: #d8d8d8;
}
.bulk-actions-tooltip .action:disabled {
  opacity: 0.5;
}
.bulk-actions-tooltip :not(.action--theme-danger) {
  color: #525252;
}

.dsv2-dropzone__button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  width: 100%;
  padding: 16px;
  border: 1px dashed grey;
  outline: 1px solid transparent;
  color: var(--cc-primaryColor, #893067);
  text-align: center;
  cursor: pointer;
  transition: all 0.1s ease;
}
.dsv2-dropzone__button:hover, .dsv2-dropzone__button:focus, .dsv2-dropzone__button.is-active {
  border: 1px solid var(--cc-primaryColor, #893067);
  outline-color: var(--cc-primaryColor, #893067);
  text-decoration: underline;
}

.dsv2-file {
  position: relative;
  display: grid;
  grid-auto-rows: auto;
  grid-gap: 1rem;
  grid-template-columns: 1fr auto;
  align-items: center;
  max-width: 20rem;
  min-height: 3rem;
  word-break: break-word;
  background-color: #f4f4f4;
}
.dsv2-file.is-invalid {
  padding: 1rem 0;
  outline: 2px solid #da1e28;
  outline-offset: -2px;
}
.dsv2-file__filename {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 1rem;
}
.dsv2-file__progress {
  position: absolute;
  bottom: 0;
  width: 0;
  max-width: 100%;
  height: 2px;
  background: #0f62fe;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, width 0.2s ease;
}
.dsv2-file__progress.is-visible {
  opacity: 1;
  visibility: visible;
}
.dsv2-file__status-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  padding-right: 1rem;
}
.dsv2-file__action {
  cursor: pointer;
}
.dsv2-file__action:focus {
  outline-offset: 2px;
}
.dsv2-file__action .icon {
  display: block;
}
.dsv2-file__status {
  margin-right: 0.4rem;
}
.dsv2-file__status-error {
  display: block;
}
.dsv2-file__status-error .icon {
  display: block;
  fill: #da1e28;
}
.dsv2-file__status-loading {
  display: block;
}
.dsv2-file__status-loading .icon {
  display: block;
}
.dsv2-file__status-success {
  display: block;
}
.dsv2-file__status-success .icon {
  display: block;
  fill: #0f62fe;
}
.dsv2-file__error-details {
  display: block;
  grid-column: 1/-1;
  max-height: none;
  margin: 0;
  padding: 1rem 1rem 0;
  border-top: 1px solid #e0e0e0;
}
.dsv2-file__error-details-subject {
  display: block;
  color: #da1e28;
}
.dsv2-file__error-details-body {
  display: block;
  margin-top: 2px;
}

.page-header {
  flex: 0 0 auto;
  margin-bottom: 20px;
}
.page-header__breadcrumbs {
  margin-bottom: 2px;
}
.page-header__title {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.25rem;
  margin: 0;
  word-break: break-word;
}
.page-header__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
}
.page-header__action + .page-header__action {
  margin-left: 6px;
}

.analytical-workflow-modal__content {
  width: 320px;
  min-height: auto;
  padding: 10px;
  text-align: center;
}
.analytical-workflow-modal__action-icon .icon {
  width: 70px;
  height: 70px;
  color: var(--cc-analyticsDefaultBackgroundColor, #808080);
  fill: currentColor;
}
.analytical-workflow-modal__title {
  font-weight: bold;
  margin: 20px auto;
  font-size: 18px;
}
.analytical-workflow-modal.is-previous-version .analytical-workflow-modal__content .analytical-workflow-modal__action-icon .icon {
  color: var(--cc-analyticsDefaultBackgroundColor, #808080);
}
.analytical-workflow-modal.is-staging-version .analytical-workflow-modal__content .analytical-workflow-modal__action-icon .icon {
  color: var(--cc-analyticsStagingBackgroundColor, #893067);
}
.analytical-workflow-modal.is-live-version .analytical-workflow-modal__content .analytical-workflow-modal__action-icon .icon {
  color: var(--cc-analyticsLiveBackgroundColor, #cc3a7f);
}

.page-aggregator-detail__repeatable-inputs {
  margin-top: 16px;
}
.page-aggregator-detail__content-wrap {
  display: flex;
  flex-flow: row wrap;
}
.page-aggregator-detail__content-item {
  width: 100%;
  flex: 1 0 auto;
}
@media screen and (min-width: 1800px) {
  .page-aggregator-detail__content-item {
    width: 50%;
  }
  .page-aggregator-detail__content-item:first-child {
    padding-right: 10px;
  }
}
.page-aggregator-detail__risk-level-section .form-field:last-child {
  margin-bottom: 0;
}
.page-aggregator-detail__risk-level-add, .page-aggregator-detail__inputs-add {
  margin-top: 10px;
}
.page-aggregator-detail__is-required-icon {
  padding-left: 2px;
}
.page-aggregator-detail__is-required-icon .icon {
  fill: var(--cc-primaryColor, #893067);
  vertical-align: top;
  height: 20px;
  width: 7px;
}
.page-aggregator-detail__required-list-empty {
  color: #da1e28;
  font-weight: 400;
  padding-left: 2px;
}

.analytics-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 54px;
  transition: background-color 0.2s ease;
  background-color: var(--cc-analyticsDefaultBackgroundColor, #808080);
  color: var(--cc-analyticsDefaultColor, #fff);
}
.analytics-header.is-previous-version {
  background-color: var(--cc-analyticsDefaultBackgroundColor, #808080);
  color: var(--cc-analyticsDefaultColor, #fff);
}
.analytics-header.is-staging-version {
  background-color: var(--cc-analyticsStagingBackgroundColor, #893067);
  color: var(--cc-analyticsStagingColor, #fff);
}
.analytics-header.is-live-version {
  background-color: var(--cc-analyticsLiveBackgroundColor, #cc3a7f);
  color: var(--cc-analyticsLiveColor, #fff);
}
.analytics-header .action--theme-default:focus {
  outline-color: #fff;
  outline-offset: 2px;
}
.analytics-header .loading-spinner .icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.analytics-header__tooltip {
  width: 278px;
  color: #525252;
  padding: 14px;
}
.analytics-header__tooltip-actions {
  display: flex;
  margin-top: 6px;
}
.analytics-header__tooltip-actions .action {
  flex: 1;
}
.analytics-header__title {
  display: block;
  font-weight: 400;
  margin-right: 4px;
  padding: 0;
  font-size: 16px;
  line-height: 1.2;
  border-bottom: 1px solid currentColor;
  color: inherit;
  text-decoration: none;
}
.analytics-header__title:focus {
  outline: 1px solid #fff;
  outline-offset: 3px;
}
.analytics-header__left {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  padding: 0 0 0 15px;
}
.analytics-header__left,
.analytics-header__left .link-button {
  color: currentColor;
}
.analytics-header__right {
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  padding: 0 15px;
}
.analytics-header .version-status {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.analytics-header .version-status .icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
.analytics-header .analytics-landlord-options,
.analytics-header .version-history-select {
  display: flex;
  margin: 0 10px;
}
.analytics-header .analytics-landlord-options {
  margin-right: 24px;
}
.analytics-header .analytics-landlord-options__loading .icon {
  fill: currentColor;
}
.analytics-header .analytics-landlord-options .custom-select {
  width: 200px;
}
.analytics-header .version-history-select .custom-select {
  width: 200px;
}
.analytics-header .analytics-landlord-select__label {
  display: flex;
}
.analytics-header .analytics-landlord-select__label--list-item .analytics-landlord-select__label-part {
  line-height: 1.3;
}
.analytics-header .analytics-landlord-select__label-part {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  flex: 0 1 auto;
  max-width: 50%;
}
@supports (max-width: fit-content) {
  .analytics-header .analytics-landlord-select__label-part {
    flex: 1 1 50%;
    max-width: fit-content;
  }
}
.analytics-header .analytics-landlord-select__label-separator {
  display: block;
  flex: 0;
  margin: 0 4px;
}
.analytics-header__version-selector-wrap {
  display: flex;
  align-items: center;
}
.analytics-header .analytical-workflow-pending-review {
  display: flex;
  align-items: center;
  margin-left: 10px;
  padding: 0;
  color: currentColor;
}
.analytics-header .analytical-workflow-pending-review:focus {
  outline: 1px solid #fff;
  outline-offset: 1px;
}
.analytics-header .analytical-workflow-pending-review .icon {
  fill: currentColor;
  margin-right: 8px;
  font-size: 18px;
}
.analytics-header .analytical-workflow-pending-review span {
  text-decoration: underline;
  font-weight: 500;
}
.analytics-header .analytics-header-meta-actions-container {
  display: flex;
  align-items: center;
  min-width: 0;
  margin-left: auto;
  flex: 0 1 auto;
}
.analytics-header .analytical-workflow-meta {
  display: flex;
  flex: 0 1 auto;
  min-width: 100px;
  margin-right: 8px;
  color: currentColor;
}
.analytics-header .analytical-workflow-meta__desc, .analytics-header .analytical-workflow-meta__date {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.analytics-header .analytical-workflow-meta__desc {
  margin: 0 4px;
}
.analytics-header .analytical-workflow-meta__comment {
  margin-right: 10px;
}
.analytics-header .analytical-workflow-meta__comment .icon {
  fill: currentColor;
}
.analytics-header .analytical-workflow-meta__user .icon {
  fill: currentColor;
  vertical-align: top;
}
.analytics-header .analytical-workflow-actions {
  display: flex;
}
.analytics-header .analytical-workflow-actions__item {
  margin-left: 8px;
}
.analytics-header .analytical-workflow-actions .action + .action {
  margin-left: 6px;
}
.analytics-header .analytical-workflow-action-icon--ok {
  color: #198038;
}
.analytics-header .analytical-workflow-action-icon--danger {
  color: #da1e28;
}

.app-environment .sandbox {
  display: flex;
  background-color: #f4dae6;
  flex: 0 0 36px;
}
.app-environment .sandbox .icon {
  height: 36px;
  width: 12px;
  vertical-align: top;
  margin-right: 4px;
}
.app-environment .sandbox .sandbox-label {
  overflow: hidden;
  font-size: 13px;
  line-height: 36px;
  color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #ab3363;
  flex: 0 0 280px;
}
.app-environment .sandbox .sandbox-label .icon {
  fill: currentColor;
}
.app-environment .sandbox .nav nav a {
  text-decoration: none;
  outline: none;
}
.app-environment .sandbox .nav nav ul {
  background: inherit;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}
.app-environment .sandbox .nav nav > ul > li {
  background: inherit;
  position: relative;
  float: left;
}
.app-environment .sandbox .nav nav a,
.app-environment .sandbox .nav nav button {
  display: block;
  padding: 0 10px;
  font-weight: 400;
  font-size: 13px;
  line-height: 36px;
  background: #f4dae6;
  color: #000;
}
.app-environment .sandbox .nav nav a:hover,
.app-environment .sandbox .nav nav button:hover {
  color: #c94784;
}
.app-environment .sandbox .nav nav a:hover .icon,
.app-environment .sandbox .nav nav button:hover .icon {
  fill: #c94784;
}
.app-environment .sandbox .nav nav a.active,
.app-environment .sandbox .nav nav button.active {
  background-color: #ab3363;
  color: #fff;
}
.app-environment .sandbox .nav nav a.active .icon,
.app-environment .sandbox .nav nav button.active .icon {
  fill: #fff;
}
.app-environment .sandbox .nav nav a:focus,
.app-environment .sandbox .nav nav button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -1px;
}

@media screen and (max-width: 768px) {
  .application--sidebar-expanded .analytics-header > * {
    display: none !important;
  }
}
.page-model__main-table .table__header-item:nth-child(1) {
  width: 1px;
}
.page-model__main-table .table__header-item:nth-child(3) {
  width: 1px;
}
.page-model__main-table .table__cell:nth-child(3) {
  text-align: center;
}
.page-model__mode-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  left: -6px;
}
.page-model__mode-icon--active {
  fill: #198038;
}
.page-model__mode-icon--inactive {
  fill: #da1e28;
}
.page-model__mode-icon--silent {
  fill: #ffbe37;
}
.page-model .table__cell--html a {
  color: var(--cc-primaryColor, #893067);
}
.page-model__error-cell--success {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #da1e28;
  text-decoration: underline;
}
.page-model__error-cell--success div,
.page-model__error-cell--success span {
  padding-left: 4px;
}
.page-model__error-cell--success .icon {
  fill: #da1e28;
}
.page-model__error-cell--success .icon-exclamation-triangle {
  height: 19px;
}
.page-model__error-cell--failure .icon {
  fill: #da1e28;
}
.page-model__error-cell--loading .icon {
  fill: #e3e3e3;
}
.page-model__error-extendable .icon-circle {
  fill: #da1e28;
  padding-top: 4px;
  padding-right: 2px;
}
.page-model__error-content {
  white-space: normal;
}
.page-model__risk-level-section .form-field:last-child {
  margin-bottom: 0;
}
.page-model .sparkline {
  padding: 0;
  margin-right: 5px;
  width: 90px;
  height: 25px;
}
.page-model .sparkline polyline {
  stroke-width: 2px;
}
.page-model .avg-value {
  padding-left: 4px;
  color: #9e9e9e;
  font-size: 13px;
}

.page-model__risk-level-section:last-of-type,
.page-model-details__risk-level-section:last-of-type {
  margin-bottom: 25px;
}

.page-model-details .add-risk-level-button {
  margin-bottom: 25px;
}
.page-model-details__model-blob-identifier-hint-warning {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
  margin-bottom: 0;
}
.page-model-details__model-blob-identifier-hint-warning p {
  margin: 0 0 1em;
}
.page-model-details__model-blob-identifier-hint-warning p:last-child {
  margin-bottom: 0;
}
.page-model-details__info-field-message, .page-model-details__warning-field-message {
  padding: 10px 10px 10px 0;
}
.page-model-details__info-field--not-asked, .page-model-details__info-field--loading, .page-model-details__info-field--error, .page-model-details__warning-field--not-asked, .page-model-details__warning-field--loading, .page-model-details__warning-field--error {
  padding: 6px 0;
}
.page-model-details__info-field--error, .page-model-details__warning-field--error {
  word-break: break-word;
  color: #da1e28;
}
.page-model-details__info-field-content, .page-model-details__warning-field-content {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
}
.page-model-details__info-field-content p, .page-model-details__warning-field-content p {
  margin: 0 0 1em;
}
.page-model-details__info-field-content p:last-child, .page-model-details__warning-field-content p:last-child {
  margin-bottom: 0;
}
.page-model-details__info-field .checkbox__label, .page-model-details__warning-field .checkbox__label {
  margin-bottom: 0;
}
.page-model-details__info-field-checkbox-hint, .page-model-details__warning-field-checkbox-hint {
  display: block;
  margin-top: 2px;
  margin-left: 24px;
  font-weight: 400;
}
.page-model-details__info-field-checkbox-required, .page-model-details__warning-field-checkbox-required {
  margin-left: 4px;
}
.page-model-details__info-field-item, .page-model-details__warning-field-item {
  color: #161616;
}
.page-model-details__info-field-item:last-child .page-model-details__info-field-expanded-content, .page-model-details__info-field-item:last-child .page-model-details__warning-field-expanded-content, .page-model-details__warning-field-item:last-child .page-model-details__info-field-expanded-content, .page-model-details__warning-field-item:last-child .page-model-details__warning-field-expanded-content {
  border-bottom: 0;
}
.page-model-details__info-field-dl, .page-model-details__warning-field-dl {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 0;
  border-bottom: 1px solid #d8d8d8;
}
.page-model-details__info-field-dl-key, .page-model-details__warning-field-dl-key {
  flex: 1 0 auto;
}
.page-model-details__info-field-dl-value, .page-model-details__warning-field-dl-value {
  flex: 0 0 auto;
  margin-left: auto;
  color: var(--cc-primaryColor, #893067);
  font-weight: 500;
}
.page-model-details__info-field-expand-button, .page-model-details__warning-field-expand-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  flex: 0 0 auto;
  margin-right: 6px;
}
.page-model-details__info-field-expand-button .icon, .page-model-details__warning-field-expand-button .icon {
  display: block;
}
.page-model-details__info-field-expand-button--hidden, .page-model-details__warning-field-expand-button--hidden {
  visibility: hidden;
}
.page-model-details__info-field-expanded-content, .page-model-details__warning-field-expanded-content {
  padding: 8px 6px 8px 20px;
  border-bottom: 1px solid #d8d8d8;
}
.page-model-details__info-field-dl-expanded-item, .page-model-details__warning-field-dl-expanded-item {
  display: block;
  margin-bottom: 2px;
  font-size: 13px;
}
.page-model-details__info-field-checkbox, .page-model-details__warning-field-checkbox {
  margin-top: 10px;
  font-weight: 500;
}

.model-chart {
  color: #525252;
}
.model-chart .panel__body {
  align-items: center;
}
.model-chart .tick text {
  font-size: 13px;
}
.model-chart .chart__header {
  display: flex;
  justify-content: space-between;
}
.model-chart .chart__footer {
  text-align: right;
}
.model-chart .chart__area-path {
  fill: rgba(15, 98, 254, 0.3);
}
.model-chart .chart__line-path {
  stroke: #ffb433;
}
.model-chart .chart__header h2 {
  margin: 0;
  font-size: 14px;
}

.model-retain-report-table h2 {
  color: #525252;
}
.model-retain-report-table .table {
  max-height: 500px;
  max-height: 50vh;
}
.model-retain-report-table .table table {
  min-width: 800px;
  table-layout: fixed;
  border-collapse: separate;
}
.model-retain-report-table .table .table__header {
  border-bottom: 0;
}
.model-retain-report-table .table__header-item {
  position: relative;
  position: sticky;
  top: 0;
  padding-left: 10px;
  white-space: normal;
  background: #fff;
  text-align: center;
}
.model-retain-report-table .table__header-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 2px solid #ddd;
}
.model-retain-report-table .table thead {
  vertical-align: top;
}
.model-retain-report-table .table th:first-child {
  width: 100px;
}
.model-retain-report-table__table .table__header-item:not(:first-child),
.model-retain-report-table__table .table__cell:not(:first-child) {
  border-left: 1px solid #ccc;
}
.model-retain-report-table__table--compare .table__cell:nth-child(odd) {
  border-left-color: transparent;
}
.model-retain-report-table__spannable-header-cell {
  box-sizing: border-box;
}
.model-retain-report-table__spannable-header-cell-content {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  padding-bottom: 30px;
}
.model-retain-report-table__spannable-header-cell-primary-title {
  flex: 0 0 auto;
  text-align: center;
}
.model-retain-report-table__spannable-header-cell-secondary-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  text-align: center;
  width: 100%;
  border: 1px solid #893067;
}
.model-retain-report-table th:nth-child(2n+1) .model-retain-report-table__spannable-header-cell-secondary-title {
  border-color: #0f62fe;
}

.model-classifier-chart {
  max-width: 650px;
  margin: 0 auto;
}

.model-auc-history {
  padding: 20px 0;
}

.model-auc-history-chart {
  max-width: 750px;
  margin: 0 auto;
}

.classifier-type {
  display: inline-block;
  margin: 0;
  padding: 2px 8px;
  text-align: center;
}
.classifier-type--large {
  min-width: 205px;
  padding: 8px 18px;
  border-width: 2px;
}
.classifier-type--primary, .classifier-type--secondary {
  border: 1px solid currentColor;
  font-weight: 500;
}
.classifier-type--primary {
  background: var(--cc-primaryColor, #893067);
  color: #fff;
}
.classifier-type--secondary {
  background: transparent;
  color: #4d4d4f;
}

.model-classifier-promote-button .icon {
  width: 16px;
}

.page-model-classifier-details__data-source-select {
  max-width: 100%;
  margin-bottom: 6px;
}
.page-model-classifier-details__content {
  padding: 0 14px;
}
.page-model-classifier-details__content-header {
  display: flex;
  margin: 16px 0;
}
.page-model-classifier-details__content-header-item {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  margin: 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc;
}
.page-model-classifier-details__content-header-item + .page-model-classifier-details__content-header-item {
  margin-left: 14px;
}
.page-model-classifier-details__content-header-item + .page-model-classifier-details__content-header-item .page-model-classifier-details__content-title {
  border-color: #0f62fe;
}
.page-model-classifier-details__content-header-actions {
  display: flex;
  flex: 1;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.page-model-classifier-details__content-subheader {
  display: flex;
  margin: 0 0 16px;
}
.page-model-classifier-details__content-subheader-item {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex: 1;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid #893067;
  border-radius: 3px;
}
.page-model-classifier-details__content-subheader-item.toCompare {
  border-color: #0f62fe;
  margin-left: 14px;
}
.page-model-classifier-details__content-subheader-item > span {
  display: inline-flex;
  min-width: 90px;
  justify-content: space-between;
}
.page-model-classifier-details__content-title {
  display: flex;
  flex: 0;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  margin: 0 0 16px;
  padding: 8px 10px;
  border: 2px solid #893067;
  border-radius: 3px;
}
.page-model-classifier-details__content-title + .page-model-classifier-details__content-title {
  border-color: #0f62fe;
}
.page-model-classifier-details__content-title-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.page-model-classifier-details__content-subtitle {
  margin-left: 10px;
  font-weight: 400;
  font-size: 13px;
}
.page-model-classifier-details__section {
  padding: 30px 0;
}
.page-model-classifier-details__section-header {
  margin-bottom: 2em;
  color: #525252;
  font-weight: 600;
  font-size: 14px;
}
.page-model-classifier-details__section-title, .page-model-classifier-details__section-subtitle {
  display: inline;
  margin: 0;
  font-size: inherit;
}
.page-model-classifier-details__section .classifier-roc-auc__mouse-interaction {
  margin-bottom: 16px;
}
.page-model-classifier-details__section-header {
  margin-bottom: 0.2em;
}
.page-model-classifier-details__info-field {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
}
.page-model-classifier-details__info-field p {
  margin: 0 0 1em;
}
.page-model-classifier-details__info-field p:last-child {
  margin-bottom: 0;
}
.page-model-classifier-details__info-field h3 {
  margin-top: 0;
}
.page-model-classifier-details__mouse-hint {
  margin-bottom: 1.2em;
  color: #525252;
}

.model-chart .chart__lines-group path:nth-child(1) {
  stroke: #893067;
}
.model-chart .chart__lines-group path:nth-child(2) {
  stroke: #0f62fe;
}
.model-chart .chart__areas-group path:nth-child(1) {
  fill: rgba(137, 48, 103, 0.2);
}
.model-chart .chart__areas-group path:nth-child(2) {
  fill: rgba(15, 98, 254, 0.3);
}

@media only screen and (max-height: 840px) {
  .model-classifier-chart {
    max-width: 450px;
  }
}
.page-amdl__metrics-errors {
  width: 690px;
  max-width: 100%;
}
.page-amdl__metrics-errors h1 {
  font-size: 18px;
  font-weight: 500;
  color: #cd4488;
}
.page-amdl__metrics-errors .table__cell--html .clickable {
  cursor: pointer;
}
.page-amdl__metrics-errors .table__cell--expand {
  vertical-align: top;
}

.page-analytics-status {
  position: relative;
  z-index: 0;
}
.page-analytics-status .state-icon {
  vertical-align: middle;
  margin-right: 5px;
}
.page-analytics-status .state-icon.state-icon--completed .icon {
  fill: #69be4a;
}
.page-analytics-status .state-icon.state-icon--failed .icon {
  fill: #f1a236;
}
.page-analytics-status .state-icon.state-icon--loading .icon {
  fill: #727272;
}
.page-analytics-status .state-icon.state-icon--pending .icon {
  fill: #727272;
}
.page-analytics-status .state-icon.state-icon--warning .icon {
  fill: #f1a236;
}
.page-analytics-status .state-icon.state-icon--dead .icon {
  fill: #da1e28;
}
.page-analytics-status .state-icon .icon {
  width: 12px;
  height: 12px;
}
.page-analytics-status .form-field--list-values-field {
  display: flex;
}
.page-analytics-status .form-field--list-values-field-tag {
  max-width: 460px;
}
.page-analytics-status .form-field--list-values-field-content {
  margin-left: 230px;
  margin-bottom: 10px;
}
.page-analytics-status .time-allocation-overview {
  line-height: 1.55;
}
.page-analytics-status .time-allocation-overview .arrow-right {
  height: 8px;
  margin: 2px;
  border: 0;
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(#fff 2.6666666667px, #727272 2.6666666667px, #727272 5.3333333333px, #fff 5.3333333333px);
}
.page-analytics-status .time-allocation-overview .arrow-right::after, .page-analytics-status .time-allocation-overview .arrow-right::before {
  content: "";
  position: absolute;
}
.page-analytics-status .time-allocation-overview .arrow-right::after {
  right: -4px;
  border: 4px solid;
  border-color: #fff #fff #fff #727272;
}
.page-analytics-status .time-allocation-overview .arrow-left {
  height: 8px;
  margin: 2px;
  border: 0;
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(#fff 2.6666666667px, #727272 2.6666666667px, #727272 5.3333333333px, #fff 5.3333333333px);
}
.page-analytics-status .time-allocation-overview .arrow-left::after, .page-analytics-status .time-allocation-overview .arrow-left::before {
  content: "";
  position: absolute;
}
.page-analytics-status .time-allocation-overview .arrow-left::before {
  left: -4px;
  border: 4px solid;
  border-color: #fff #fff #fff #727272;
  transform: rotate(-180deg);
}
.page-analytics-status .time-allocation-overview__right {
  display: flex;
  flex-direction: column;
}
.page-analytics-status .time-allocation-overview__viz {
  display: flex;
  color: #727272;
  font-size: 12px;
}
.page-analytics-status .time-allocation-overview__viz > div {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.page-analytics-status .time-allocation-overview__viz > div:nth-child(odd) {
  flex: 1 1 35%;
  background: #000;
  color: #fff;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.page-analytics-status .time-allocation-overview__viz > div:nth-child(even) {
  flex: 1 1 30%;
  background: #fff;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
}
.page-analytics-status .time-allocation-overview__range-label {
  display: flex;
  align-items: center;
  color: #727272;
  font-size: 12px;
}
.page-analytics-status .time-allocation-overview__range-label > * {
  flex: 2;
}
.page-analytics-status .time-allocation-overview__range-label > span {
  flex: 3;
  padding: 5px;
  text-align: center;
}
.page-analytics-status .remaining-slots-tooltip {
  margin-left: 4px;
}
.page-analytics-status .remaining-slots-tooltip .tooltip-icon .icon {
  fill: #525252;
}
.page-analytics-status .static-tooltip__content {
  min-width: 200px;
  text-align: left;
}

.status-container {
  min-height: 230px;
}
.status-container .stages-container {
  width: 100%;
  height: 100%;
  display: flex;
  padding-top: 40px;
}
.status-container .stage-submit--user .icon {
  fill: currentColor;
  vertical-align: top;
  margin-right: 2px;
}
.status-container .stage {
  display: inline-block;
  position: relative;
  flex: 1 1 0;
  height: 100%;
  text-align: center;
}
.status-container .stage .state-bar {
  position: absolute;
  width: 100%;
  height: 4px;
  right: 50%;
  top: 35px;
  background: #c1c1c1;
}
.status-container .stage .stage-icon {
  position: relative;
  height: 70px;
  width: 70px;
  background: #c1c1c1;
  border-radius: 35px;
  margin: 0 auto;
  z-index: 1;
}
.status-container .stage .stage-icon .icon {
  height: 30px;
  width: 30px;
  margin: 20px;
  fill: #fff;
}
.status-container .stage .state-heading {
  position: relative;
  color: #161616;
  font-size: 13px;
  font-weight: 600;
  margin-top: 15px;
}
.status-container .stage .state-info {
  color: #161616;
  margin-top: 4px;
}
.status-container .stage .state-info .state-info--dashed {
  border-bottom: 1px dashed;
}
.status-container .stage .button-container {
  margin-top: 8px;
}
.status-container .stage .button-container button {
  margin: 2px;
}
.status-container .stage.active .state-bar, .status-container .stage.active .stage-icon {
  background-color: var(--cc-analyticsDefaultBackgroundColor, #808080);
  color: var(--cc-analyticsDefaultColor, #fff);
}
.page-analytics-status.is-previous-version .status-container .stage.active .state-bar, .page-analytics-status.is-previous-version .status-container .stage.active .stage-icon {
  background-color: var(--cc-analyticsDefaultBackgroundColor, #808080);
  color: var(--cc-analyticsDefaultColor, #fff);
}
.page-analytics-status.is-staging-version .status-container .stage.active .state-bar, .page-analytics-status.is-staging-version .status-container .stage.active .stage-icon {
  background-color: var(--cc-analyticsStagingBackgroundColor, #893067);
  color: var(--cc-analyticsStagingColor, #fff);
}
.page-analytics-status.is-live-version .status-container .stage.active .state-bar, .page-analytics-status.is-live-version .status-container .stage.active .stage-icon {
  background-color: var(--cc-analyticsLiveBackgroundColor, #cc3a7f);
  color: var(--cc-analyticsLiveColor, #fff);
}

.status-container .stage.current .stage-icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  opacity: 0.5;
  box-shadow: 0 0 0 6px var(--cc-analyticsDefaultBackgroundColor, #808080);
}
.page-analytics-status.is-previous-version .stage.current .stage-icon::before {
  box-shadow: 0 0 0 6px var(--cc-analyticsDefaultBackgroundColor, #808080);
}
.page-analytics-status.is-staging-version .stage.current .stage-icon::before {
  box-shadow: 0 0 0 6px var(--cc-analyticsStagingBackgroundColor, #893067);
}
.page-analytics-status.is-live-version .stage.current .stage-icon::before {
  box-shadow: 0 0 0 6px var(--cc-analyticsLiveBackgroundColor, #cc3a7f);
}

@media screen and (max-width: 1200px) {
  .status-container {
    display: flex;
    justify-content: center;
  }
  .status-container .stages-container {
    display: flex;
    flex-flow: column wrap;
    width: auto;
    padding: 0 20px 20px;
  }
  .status-container .stage {
    display: flex;
    align-items: center;
    flex-basis: auto;
    width: initial;
    height: initial;
    text-align: left;
    padding: 8px 0;
  }
  .status-container .stage .stage-icon {
    margin: 0 24px 0 0;
  }
  .status-container .stage .state-bar {
    width: 4px;
    height: 100%;
    top: -35px;
    left: 33px;
  }
  .status-container .stage .state-heading {
    margin-top: 0;
  }
}

.analytics-status-run-preview-modal .modal__body-wrap {
  max-width: 970px;
}

.analytics-status-compare-versions-modal__content,
.analytics-status-revert-modal__content {
  display: flex;
  flex-direction: column;
}
.analytics-status-compare-versions-modal__content .elm-changes,
.analytics-status-revert-modal__content .elm-changes {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.analytics-status-compare-versions-modal__content .elm-changes__no-changes-container,
.analytics-status-revert-modal__content .elm-changes__no-changes-container {
  flex-grow: 1;
  text-align: center;
}
.analytics-status-compare-versions-modal__top-section,
.analytics-status-revert-modal__top-section {
  color: #525252;
}

.analytics-status-revert-modal .elm-changes-category-heading-container {
  margin: 0 15px;
}
.analytics-status-revert-modal .modal__content {
  margin: 0;
}
.analytics-status-revert-modal .analytics-status__note {
  margin: 15px 18px;
}
.analytics-status-revert-modal__content {
  padding: 0;
}
.analytics-status-revert-modal__top-section {
  display: flex;
  margin: 15px 18px;
}
.analytics-status-revert-modal__top-section .top-section-badges-container {
  display: flex;
  margin-left: auto;
}
.analytics-status-revert-modal__top-section .top-section-badges-container .top-section-badges {
  display: block;
}
.analytics-status-revert-modal__top-section .top-section-badges-container .version-badge {
  padding: 4px 8px;
  margin: 0 10px;
  border: 1px solid #727272;
  border-radius: 3px;
}
.analytics-status-revert-modal__top-section .top-section-badges-container .version-badge.staging {
  color: var(--cc-analyticsStagingBackgroundColor, #893067);
  border: 1px solid var(--cc-analyticsStagingBackgroundColor, #893067);
}
.analytics-status-revert-modal__top-section .top-section-badges-container .arrow {
  vertical-align: middle;
}
.analytics-status-revert-modal__top-section .top-section-badges-container .arrow .icon {
  fill: #727272;
}
.analytics-status-revert-modal__comment-section {
  padding: 18px;
  background: #f4f4f4;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.analytics-status-revert-modal__submit-container {
  display: flex;
  align-items: center;
}
.analytics-status-revert-modal__submit-container .form-field {
  display: block;
  flex: 1;
  margin-right: 15px;
}
.analytics-status-revert-modal__submit-container .analytics-status-revert-modal__revert-submit {
  flex: 0;
}

.analytics-status-compare-versions-modal .elm-changes-category-heading-container {
  margin: 0 15px;
}
.analytics-status-compare-versions-modal__content {
  width: 690px;
  max-width: 100%;
  min-height: 400px;
  padding-bottom: 10px;
}
.analytics-status-compare-versions-modal .modal__header {
  margin-bottom: 0;
}
.analytics-status-compare-versions-modal .modal__content {
  margin: 0;
}
.analytics-status-compare-versions-modal__top-section {
  padding: 18px;
  background: #f4f4f4;
}

.fs-select-container {
  display: flex;
}
.fs-select-container .custom-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex: 1;
}
.fs-select-container .custom-select__input-label {
  width: 100%;
  padding: 6px 2px;
}
.fs-select-container .custom-select__input-label div {
  line-height: 16px;
}
.fs-select-container .custom-select__input-label .version-label {
  font-weight: 500;
}
.fs-select-container .custom-select.is-open .custom-select__options {
  width: 100%;
  max-height: 160px;
}
.fs-select-container .custom-select__input {
  height: 55px;
}
.fs-select-container .custom-select__input-icon {
  margin-left: auto;
}
.fs-select-container .arrow-container {
  line-height: 55px;
  margin: 0 10px;
}
.fs-select-container__select-checkbox-button {
  cursor: pointer;
  vertical-align: top;
  background: none;
  border: 0;
  padding: 0 4px;
  margin-right: 0;
}
.fs-select-container__select-checkbox-button .icon {
  margin-right: 0 !important;
}
.fs-select-container__select-checkbox-button .icon-square {
  fill: #d8d8d8;
}
.fs-select-container__select-checkbox-button .icon-check-square,
.fs-select-container__select-checkbox-button .icon-minus-square {
  fill: var(--cc-primaryColor, #893067);
}
.fs-select-container__select-checkbox-button .icon-angle-down {
  margin-right: 0;
}
.fs-select-container__select-checkbox-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.fs-select-container__select-all-dropdown-button .icon {
  margin: 0 5px !important;
}

.analytics-status__view-sandbox-preview-modal-content__table {
  overflow: visible;
}
.analytics-status__view-sandbox-preview-modal-content__table + .analytics-status__view-sandbox-preview-modal-content__table {
  margin-top: 20px;
}
.analytics-status__view-sandbox-preview-modal-content__table .table__cell--with-tooltip {
  overflow: visible;
}
.analytics-status__view-sandbox-preview-modal-content__table .static-tooltip__content {
  padding: 14px;
}
.analytics-status__view-sandbox-preview-modal-content__table .static-tooltip__content .static-tooltip__header-content-wrap {
  font-weight: normal;
  white-space: normal;
  min-width: 320px;
}
.analytics-status__view-sandbox-preview-modal-content__table .static-tooltip__content .static-tooltip__default-content-wrap {
  white-space: normal;
}
.analytics-status__view-sandbox-preview-modal-content__table .static-tooltip__content .static-tooltip__default-content-wrap .static-tooltip__image {
  margin: 10px;
}
.analytics-status__view-sandbox-preview-modal-content .form-field, .analytics-status__run-sandbox-preview-modal-content .form-field {
  display: flex;
}
.analytics-status__view-sandbox-preview-modal-content .form-field__label-wrapper, .analytics-status__run-sandbox-preview-modal-content .form-field__label-wrapper {
  padding-right: 20px;
  max-width: 230px;
}
.analytics-status__view-sandbox-preview-modal-content {
  padding: 16px;
  max-width: 100%;
  color: #727272;
  line-height: 15px;
  width: 690px;
}
.analytics-status__view-sandbox-preview-modal-content .state-info--dashed {
  border-bottom: 1px dashed;
}
.analytics-status__view-sandbox-preview-modal-content .state-icon {
  vertical-align: middle;
  margin-right: 5px;
}
.analytics-status__view-sandbox-preview-modal-content .state-icon.state-icon--completed .icon {
  fill: #69be4a;
}
.analytics-status__view-sandbox-preview-modal-content .state-icon.state-icon--failed .icon {
  fill: #f1a236;
}
.analytics-status__view-sandbox-preview-modal-content .state-icon.state-icon--loading .icon {
  fill: #727272;
}
.analytics-status__view-sandbox-preview-modal-content .state-icon.state-icon--pending .icon {
  fill: #727272;
}
.analytics-status__view-sandbox-preview-modal-content .state-icon.state-icon--warning .icon {
  fill: #f1a236;
}
.analytics-status__view-sandbox-preview-modal-content .export-csv__dropdown {
  width: 300px;
  padding: 14px;
  overflow: visible;
  font-weight: normal;
  white-space: normal;
}
.analytics-status__view-sandbox-preview-modal-content .export-csv__dropdown-actions {
  display: flex;
}
.analytics-status__view-sandbox-preview-modal-content .export-csv__dropdown .action + .action {
  margin-left: 5px;
}
.analytics-status__view-sandbox-preview-modal-content .export-csv__dropdown-action-primary {
  flex: 1 0 auto;
}
.analytics-status__view-sandbox-preview-modal-content .export-csv__dropdown-action-secondary {
  flex: 0 0 auto;
}
.analytics-status__view-sandbox-preview-modal-content .analytics-status__view-no-results {
  padding-left: 10px;
  padding-top: 15px;
  color: #616161;
}
.analytics-status__view-sandbox-preview-modal-content .analytics-status__view-no-results .state-icon {
  display: inline-block;
}
.analytics-status__view-sandbox-preview-modal-content .analytics-status__view-no-results .icon {
  width: 2em;
  height: 2em;
  margin-right: 2px;
  fill: #616161;
}
.analytics-status__view-sandbox-preview-modal-content .analytics-status__view-no-results .analytics-status__error-title {
  font-size: 15px;
  margin-bottom: 5px;
}
.analytics-status__view-sandbox-preview-modal-content .analytics-status__view-no-results .analytics-status__error-title > strong {
  color: #161616;
}
.analytics-status__view-sandbox-preview-modal-content .analytics-status__view-no-results .analytics-status__error-title .icon {
  width: 1em;
  height: 1em;
}
.analytics-status__view-sandbox-preview-modal-content .analytics-status__no-previews {
  text-align: center;
}
.analytics-status__view-sandbox-preview-modal-content .form {
  padding-bottom: 25px;
}
.analytics-status__view-sandbox-preview-modal-content .form .form-field__action-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.analytics-status__view-sandbox-preview-modal-content .form .form-field__action-container .form-field__actions {
  display: flex;
  flex: 0 0 auto;
}
.analytics-status__view-sandbox-preview-modal-content .form .form-field__action-container .form-field__actions .view-sandbox-preview-modal-content__delete, .analytics-status__view-sandbox-preview-modal-content .form .form-field__action-container .form-field__actions .view-sandbox-preview-modal-content__stop {
  margin-left: auto;
}
.analytics-status__run-sandbox-preview-modal-content {
  padding: 16px;
}
.analytics-status__run-sandbox-preview-modal-content .form-field .static-tooltip__content {
  right: auto;
  min-width: 200px;
  padding: 14px;
}
.analytics-status__run-sandbox-preview-modal-content .form-field__form-input-wrapper {
  flex: 1;
}
.analytics-status__run-sandbox-preview-modal-content .form-input--radios {
  display: flex;
  flex-flow: row wrap;
}
.analytics-status__run-sandbox-preview-modal-content .form-input--radios .radio {
  flex: 1 1 auto;
  margin: 0 0 0 8px;
}
.analytics-status__run-sandbox-preview-modal-content .form-input--radios .radio:first-child {
  margin-left: 0;
}
.analytics-status__run-sandbox-preview-modal-content .form-input__datetime-wrapper {
  flex: 1;
}
.analytics-status__run-sandbox-preview-modal-content .form-input--datetime-range {
  width: 450px;
}
@media screen and (max-width: 992px) {
  .analytics-status__run-sandbox-preview-modal-content .form-input--datetime-range {
    display: flex;
  }
}
.analytics-status__run-sandbox-preview-modal-content .form-field__label {
  white-space: normal;
}
.analytics-status__burn-in-field-group .form-field__label-wrapper, .analytics-status__run-sandbox-preview-modal-content .form-input--datetime-range .form-field__label-wrapper {
  font-size: 13px;
}
.analytics-status__burn-in-field-group .form-input__input--textlike, .analytics-status__run-sandbox-preview-modal-content .form-input--datetime-range .form-input__input--textlike {
  padding: 2px 6px;
}
.analytics-status__burn-in-field-group .form-input__input--date, .analytics-status__burn-in-field-group .form-input__input--time, .analytics-status__run-sandbox-preview-modal-content .form-input--datetime-range .form-input__input--date, .analytics-status__run-sandbox-preview-modal-content .form-input--datetime-range .form-input__input--time {
  letter-spacing: -1px;
  padding: 2px;
}
.analytics-status__date-range-type-field .form-field {
  margin-bottom: 0;
}
.analytics-status__run-sandbox-preview-subfield {
  margin-left: 26px;
}
.analytics-status__burn-in-tooltip {
  display: flex;
  align-items: center;
  width: 290px;
}
.analytics-status__burn-in-tooltip-image {
  margin-right: 14px;
}
.analytics-status__burn-in-field {
  position: relative;
}
.analytics-status__burn-in-field-type {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.analytics-status__burn-in-field-type .form-input {
  position: relative;
  z-index: 2;
}
.analytics-status__burn-in-field-type .form-field {
  margin: 0;
}
.analytics-status__burn-in-field-type .radio + .radio {
  flex-grow: 0;
}
.analytics-status__burn-in-field-group, .analytics-status__leeway-field-group {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 25px 230px;
}
@media screen and (max-width: 992px) {
  .analytics-status__burn-in-field-group, .analytics-status__leeway-field-group {
    margin-left: 0;
    padding-top: 26px;
  }
}
.analytics-status__burn-in-field-group-item, .analytics-status__leeway-field-group-item {
  position: relative;
}
.analytics-status__burn-in-field-group-item + .analytics-status__burn-in-field-group-item, .analytics-status__burn-in-field-group-item + .analytics-status__leeway-field-group-item, .analytics-status__leeway-field-group-item + .analytics-status__burn-in-field-group-item, .analytics-status__leeway-field-group-item + .analytics-status__leeway-field-group-item {
  padding-left: 20px;
}
.analytics-status__burn-in-field-group-item--percentage, .analytics-status__leeway-field-group-item--percentage {
  width: 84px;
}
.analytics-status__burn-in-field-group-item--percentage::after, .analytics-status__leeway-field-group-item--percentage::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "%";
  display: block;
  left: calc(100% - 16px);
}
.analytics-status__burn-in-field-group-item--percentage .form-field, .analytics-status__leeway-field-group-item--percentage .form-field {
  margin-bottom: 0;
}
.analytics-status__burn-in-field-group-item--percentage .form-input__input, .analytics-status__leeway-field-group-item--percentage .form-input__input {
  padding-right: 20px;
  -moz-appearance: textfield;
}
.analytics-status__burn-in-field-group-item--percentage .form-input__input::-webkit-inner-spin-button, .analytics-status__leeway-field-group-item--percentage .form-input__input::-webkit-inner-spin-button {
  display: none;
}
.analytics-status__burn-in-field-group-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-color: #fff;
  z-index: 1;
}
.analytics-status__run-sandbox-preview-configuration-chooser .table tbody {
  display: block;
  max-height: 185px;
  overflow-x: auto;
}
.analytics-status__run-sandbox-preview-configuration-chooser .table tr {
  display: block;
}
.analytics-status__note {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
  margin-top: 14px;
}
.analytics-status__note p {
  margin: 0 0 1em;
}
.analytics-status__note p:last-child {
  margin-bottom: 0;
}

.quota-status {
  display: flex;
  justify-content: space-between;
  margin-top: 0;
}

.run-sandbox-replay-modal__sampling-fields {
  border-top: solid 1px #dedede;
  border-bottom: solid 1px #dedede;
  padding-top: 20px;
  margin-bottom: 20px;
}
.run-sandbox-replay-modal__sampling-percentage {
  color: #525252;
  font-size: 13px;
  line-height: 18px;
}

/* stylelint-disable scss/operator-no-newline-after */
.visual-amdl__breadcrumb-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex: 0 1 auto;
}
.visual-amdl__breadcrumb-title .breadcrumb {
  min-width: 0;
}
.visual-amdl__breadcrumb-title .breadcrumb__action-item-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex-flow: row nowrap;
  min-width: 0;
}
.visual-amdl__breadcrumb-title .breadcrumb__resource-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 3px;
}
.visual-amdl__breadcrumb-title .visual-amdl__breadcumb-action {
  display: flex;
  min-width: 0;
}
.visual-amdl.panel--sticky-headers {
  position: relative;
  z-index: 0;
}
.visual-amdl.panel--sticky-headers .panel__header {
  z-index: 7;
}
.visual-amdl.panel--sticky-headers .visual-amdl-details__panel-subheader {
  position: sticky;
  top: 26px;
  z-index: 7;
  background: #fff;
}

.visual-amdl-import__select-workflow-field .form-field {
  margin-bottom: 0;
}
.visual-amdl-import__select-workflow-field .form-field__label-wrapper {
  display: none;
}

.visual-amdl-list__assign-event-types-intro {
  color: #525252;
  font-size: 14px;
  word-break: break-word;
}

.visual-amdl-details__panel-group:not(:last-child) {
  margin-left: 0;
}

.visual-amdl-properties .form__section-form-fields {
  max-width: 900px;
}
.visual-amdl-properties .visual-amdl-support-variables {
  margin-top: -25px;
  padding-top: 0;
}

.visual-amdl-rule-sets-details__toggle-button[aria-pressed=true], .visual-amdl-rule-sets-details__toggle-button[aria-pressed=true]:hover {
  background: #dedede;
}
.visual-amdl-rule-sets-details .form__section-form-fields {
  max-width: 1280px;
}
.visual-amdl-rule-sets-details__amdl-tester-field {
  margin-bottom: 25px;
}
.visual-amdl-rule-sets-details__amdl-tester-field .amdl-tester {
  height: 400px;
}
.visual-amdl-rule-sets-details__variables-section {
  display: none;
}
.visual-amdl-rule-sets-details__variables-section.is-visible {
  display: block;
}
.visual-amdl-rule-sets-details__variables-section .visual-amdl-support-variables {
  padding-top: 0;
}
.visual-amdl-rule-sets-details__variables-section .form__section-form-fields {
  padding-top: 0;
}

.visual-amdl-support-variables {
  padding-top: 15px;
  padding-bottom: 50px;
}
.visual-amdl-support-variables .form-field__group-list-item-fields {
  flex: 1 1 auto;
}
.visual-amdl-support-variables .form-field__group-list-item-fields > .form-field {
  flex: 0 0 auto;
  width: 33%;
}

.visual-amdl-parameters {
  padding-bottom: 25px;
}
.visual-amdl-parameters .form-field__group-list-item-fields {
  flex: 1 1 auto;
}
.visual-amdl-parameters .form-field__group-list-item-fields > .form-field {
  flex: 0 0 auto;
  width: calc((100% - 100px) / 4);
}
.visual-amdl-parameters .form-field__group-list-item-fields > .form-field:nth-child(5) {
  width: 100px;
  flex: 1 1 auto;
}
.visual-amdl-parameters .form-field__group-list-item-fields > .form-field:nth-child(5) .form-field__form-input-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}

.visual-amdl-scorecards-field__toggle-scorecards-expanded-button {
  margin-left: 10px;
}
.visual-amdl-scorecards-field__collapsed-scorecard-info {
  color: #525252;
  word-break: break-word;
}
.visual-amdl-scorecards-field .form-field__label-wrapper {
  flex: 1 1 auto;
}
.visual-amdl-scorecards-field__scorecard {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  position: relative;
  margin: 50px 0;
  padding: 10px;
}
.visual-amdl-scorecards-field__scorecard-remove-button {
  position: absolute;
  top: -20px;
  right: -15px;
  border-radius: 100%;
}
.visual-amdl-scorecards-field__scorecard-reorder-buttons {
  position: absolute;
  top: -20px;
  right: 15px;
}
.visual-amdl-scorecards-field__scorecard-reorder-button {
  border-radius: 100%;
  margin-right: 4px;
}
.visual-amdl-scorecards-field__matchers {
  padding-top: 10px;
}
.visual-amdl-scorecards-field__matchers-titles {
  display: flex;
  margin-bottom: 10px;
}
.visual-amdl-scorecards-field__matchers-title {
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #525252;
  border: 1px solid #dfdfdf;
  border-bottom: 0;
}
.visual-amdl-scorecards-field__matchers-title--condition {
  flex: 0 0 auto;
  width: calc(40% - 20px);
  margin-left: 41px;
  margin-right: 20px;
}
.visual-amdl-scorecards-field__matchers-title--effects {
  flex: 1 0 auto;
  width: calc(
    60% - 61px
  );
}
.visual-amdl-scorecards-field__matchers-title-text {
  position: relative;
  top: -10px;
  padding: 0 6px;
  background-color: #fff;
}
.visual-amdl-scorecards-field__matcher {
  display: flex;
  flex-flow: row nowrap;
}
.visual-amdl-scorecards-field__matcher-remove-button {
  width: 35px;
  height: 35px;
  margin-right: 6px;
  top: 28px;
}
.visual-amdl-scorecards-field__matcher-condition {
  flex: 1 0 auto;
  width: calc(40% - 20px);
  padding-right: 20px;
}
.visual-amdl-scorecards-field__matcher-effects {
  flex: 1 0 auto;
  width: calc(
    60% - 61px
  );
  margin-bottom: 16px;
}
.visual-amdl-scorecards-field__matcher-effect {
  display: block;
  flex: 1 0 auto;
}
.visual-amdl-scorecards-field__matcher-effect .form-field__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.visual-amdl-scorecards-field__matcher-effect-remove-button {
  width: 35px;
  height: 35px;
  margin-bottom: 25px;
}
@media screen and (min-width: 1260px) {
  .visual-amdl-scorecards-field__matcher-remove-button {
    top: 28px;
  }
  .visual-amdl-scorecards-field__matcher-effect-remove-button {
    top: 28px;
  }
  .visual-amdl-scorecards-field__matcher-effect-data-list-properties-button {
    display: flex;
    align-items: flex-end;
  }
  .visual-amdl-scorecards-field__matcher-effect-data-list-properties-button .action {
    height: 35px;
  }
  .visual-amdl-scorecards-field__matcher-condition {
    display: flex;
    flex: 1 0 auto;
    width: calc(40% - 20px);
    padding-right: 10px;
  }
  .visual-amdl-scorecards-field__matcher-condition > *:not(:first-child) {
    margin-left: 10px;
  }
  .visual-amdl-scorecards-field__matcher-condition .form-field {
    flex: 0 0 auto;
    width: calc(33% - 10px);
  }
  .visual-amdl-scorecards-field__matcher-condition .form-field__label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .visual-amdl-scorecards-field__matcher-effect {
    display: flex;
    margin-bottom: 0;
  }
  .visual-amdl-scorecards-field__matcher-effect > .form-field {
    flex: 0 0 auto;
    width: calc((100% - 35px - 40px) / 4);
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .visual-amdl-scorecards-field__matcher-effect-remove-button {
    margin-bottom: 0;
    margin-left: auto;
  }
}

.visual-amdl-override-properties__override-field .form-field {
  margin-bottom: 0;
}
.visual-amdl-override-properties__override-field .form-field__label-wrapper {
  display: none;
}

.visual-amdl-override-rule-sets-details__fields {
  padding-top: 50px;
}
.visual-amdl-override-rule-sets-details__static-field {
  display: flex;
  margin-bottom: 25px;
  color: #525252;
  font-size: 14px;
}
.visual-amdl-override-rule-sets-details__static-field-label {
  padding-right: 10px;
  flex: 0 0 100px;
}
.visual-amdl-override-rule-sets-details__scorecard-enabled-field .form-field {
  margin-bottom: 0;
}
.visual-amdl-override-rule-sets-details__scorecard-enabled-field .form-field__label-wrapper {
  display: none;
}

.page-bootstrap {
  align-items: center;
  background: #e3e3e3;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.page-bootstrap .icon-loading {
  width: 24px;
  height: 30px;
}

.case-age {
  font-size: 13px;
}
.case-age--past .case-age__value {
  color: #da1e28;
}
.case-age__value {
  margin-right: 6px;
  font-size: 16px;
}
.case-age__max {
  margin-right: 2px;
  color: #525252;
}
.case-age__label {
  color: #525252;
}

.page-case-details-audit__cell-comment {
  display: block;
  white-space: normal;
}
.page-case-details-audit__cell-content-change {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
.page-case-details-audit__cell-content-change .icon {
  display: block;
  fill: currentColor;
}
.page-case-details-audit__cell-document {
  display: block;
}
.page-case-details-audit__cell-entity {
  display: inline-block;
}
.page-case-details-audit__cell-list {
  margin: 0;
  padding: 0 0 0 15px;
}
.page-case-details-audit #diff-modal .modal__body {
  background-color: #f4f4f4;
}
.page-case-details-audit__diff-modal-content {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  min-width: 500px;
  min-height: 100px;
}

.page-case-details-case-work {
  display: flex;
  flex: 1;
}
.page-case-details-case-work:not(.is-loaded) {
  display: flex;
  flex: 1 1 auto;
}
.page-case-details-case-work__loading {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.page-case-details-case-work__error {
  display: flex;
  flex: 1 1 auto;
  color: #da1e28;
}
.page-case-details-case-work__content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 16px;
  flex: 1;
  min-height: 600px;
  padding: 16px;
  background: #f4f4f4;
}
@media only screen and (max-width: 830px) {
  .page-case-details-case-work__content {
    grid-template-columns: 1fr;
  }
}
.page-case-details-case-work__section {
  min-height: 0;
  padding: 16px;
  background-color: #fff;
}
.page-case-details-case-work__section-header {
  margin: 4px 0 12px;
}
.page-case-details-case-work__section-title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
  margin: 0;
}
.page-case-details-case-work__section-header-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
.page-case-details-case-work__section-header-actions > * + * {
  margin-left: 8px;
}
.page-case-details-case-work__section--comments {
  display: flex;
  flex-flow: column nowrap;
}
.page-case-details-case-work__comment-search {
  flex: 1 1 auto;
}
.page-case-details-case-work__comment-filter {
  flex: 0 1 auto;
  width: 130px;
}
.page-case-details-case-work__comment-list-wrap {
  display: flex;
  flex: 1;
  margin-bottom: 16px;
  overflow: auto;
}
.page-case-details-case-work__comment-list {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  height: 0;
  min-height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 830px) {
  .page-case-details-case-work__comment-list {
    height: unset;
    min-height: 0;
    max-height: 500px;
  }
}
.page-case-details-case-work__comment-item {
  color: #525252;
}
.page-case-details-case-work__comment-item:not(:last-child) {
  margin-bottom: 16px;
}
.page-case-details-case-work__comment-meta {
  margin-bottom: 4px;
}
.page-case-details-case-work__comment-meta > * + * {
  margin-left: 6px;
}
.page-case-details-case-work__comment-timestamp {
  font-weight: 500;
}
.page-case-details-case-work__comment-user {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.page-case-details-case-work__comment-text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  white-space: break-spaces;
  word-break: break-word;
}
.page-case-details-case-work__comment-documents-toggle-expanded {
  display: flex;
  align-items: flex-end;
  cursor: pointer;
}
.page-case-details-case-work__comment-documents-toggle-expanded-icon {
  margin-left: 2px;
}
.page-case-details-case-work__comment-documents-toggle-expanded-icon .icon {
  display: block;
}
.page-case-details-case-work__comment-documents-list {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}
.page-case-details-case-work__comment-documents-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  margin-bottom: 8px;
  padding-right: 20px;
}
.page-case-details-case-work__comment-documents-item.has-active-tooltip .page-case-details-case-work__comment-document-action, .page-case-details-case-work__comment-documents-item:hover .page-case-details-case-work__comment-document-action {
  opacity: 1;
}
.page-case-details-case-work__comment-document-action {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: flex;
  align-items: center;
  max-height: 3rem;
  margin-left: 16px;
  padding: 10.5px 16px;
  background-color: #f3f3f3;
  color: #000;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.page-case-details-case-work__comment-document-action:not([disabled]) {
  cursor: pointer;
}
.page-case-details-case-work__comment-document-action .icon {
  display: block;
}
.page-case-details-case-work__comment-document-action:hover:not([disabled]) {
  background-color: #dedede;
}
.page-case-details-case-work__comment-document-action:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  opacity: 1;
}
.page-case-details-case-work__comment-document-action[disabled] {
  cursor: wait;
  opacity: 0.6 !important;
}
.page-case-details-case-work__comment-document-action-icon:not(:empty) {
  margin-right: 4px;
}
.page-case-details-case-work__comment-document-action-icon.is-error {
  color: #da1e28;
}
.page-case-details-case-work__comment-document-action-icon.is-success {
  color: #198038;
}
.page-case-details-case-work__comment-document-action-icon .icon {
  fill: currentColor;
}
.page-case-details-case-work__comment-add-field {
  position: relative;
}
.page-case-details-case-work__comment-add-input {
  box-sizing: border-box;
  width: 100%;
  max-height: 200px;
  padding: 6px 28px 6px 8px;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  background-color: #fff;
  font-size: 13px;
}
.page-case-details-case-work__comment-add-input:focus {
  border: 1px solid var(--cc-primaryColor, #893067);
  box-shadow: 0 0 5px 0 var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
  outline: none;
}
.page-case-details-case-work__comment-add-field-error {
  color: #da1e28;
  padding-bottom: 10px;
}
.page-case-details-case-work__comment-add-submit-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 3px;
  color: inherit;
}
.page-case-details-case-work__comment-add-submit-button .icon {
  display: block;
  fill: currentColor;
}
.page-case-details-case-work__comment-add-submit-button:focus {
  outline: none;
  border-color: var(--cc-primaryColor, #893067);
  background-color: #fff;
}
.page-case-details-case-work__comment-add-submit-button:not([disabled]) {
  cursor: pointer;
}
.page-case-details-case-work__comment-add-submit-button[disabled] {
  opacity: 0.3;
}
.page-case-details-case-work__document-upload-dropzone {
  margin-top: 16px;
}
.page-case-details-case-work__document-upload-files {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-case-details-case-work__document-upload-files:not(:empty) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 16px;
  max-height: 112px;
  margin: 24px 0 0;
  padding: 0 4px 0 0;
  overflow: auto;
}
.page-case-details-case-work__document-upload-file .dsv2-file {
  max-width: unset;
}
.page-case-details-case-work__irrelevant-file {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  min-width: 0;
  padding: 10px 16px;
}
.page-case-details-case-work__irrelevant-file-meta {
  display: flex;
  width: 100%;
  margin-bottom: 2px;
}
.page-case-details-case-work__irrelevant-file-meta > * {
  flex: 1 1 auto;
  min-width: 0;
}
.page-case-details-case-work__irrelevant-file-timestamp {
  flex: 0 0 auto;
  margin-right: 6px;
  font-weight: 500;
}
.page-case-details-case-work__irrelevant-file-user {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 0 1 auto;
}
.page-case-details-case-work__irrelevant-file-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  min-width: 0;
}
.page-case-details-case-work__section--narrative {
  display: flex;
  flex-flow: column nowrap;
}
.page-case-details-case-work__narrative-content {
  flex: 1;
  min-height: 0;
}
.page-case-details-case-work__narrative-value-wrap {
  height: 100%;
  overflow: auto;
}
.page-case-details-case-work__narrative-value {
  height: 0;
  white-space: pre-wrap;
}
.page-case-details-case-work__narrative-editor {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 1px solid #e3e3e3;
  outline-offset: 2px;
  resize: none;
}
.page-case-details-case-work__narrative-editor:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.page-case-details-case-work__narrative-editor[readonly] {
  background: #e3e3e3;
}
.page-case-details-case-work__narrative-value, .page-case-details-case-work__narrative-editor {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  display: block;
  color: #525252;
}
@media only screen and (max-width: 830px) {
  .page-case-details-case-work__narrative-value, .page-case-details-case-work__narrative-editor {
    height: 500px;
  }
}

.page-case-details.main-body {
  display: flex;
  flex-flow: column nowrap;
  scroll-behavior: smooth;
}
.page-case-details.main-body .panel:last-child {
  /*
  The normal `.main-body .panel:last-child { min-height: 100% }` doesnt work here
  because the new page header will take up some of that 100% which causes a scrollbar to always be shown.
  The same effect is achieved using flexbox.
  */
  min-height: unset;
  flex: 1 1 auto;
}
.page-case-details .panel__tab {
  max-width: none;
}
.page-case-details__primary-action-close-content {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e3e3e3;
}
.page-case-details__primary-action-close-content .form {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(6, 1fr);
  grid-template-areas: "decision reason action comment         comment          comment" ".        reason action commentTemplate confirmNarrative confirmNarrative" ".        reason action footer          footer           footer";
}
@media only screen and (max-width: 870px) {
  .page-case-details__primary-action-close-content .form {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: "decision        reason           action" "comment         comment          comment" "commentTemplate confirmNarrative confirmNarrative" "footer          footer           footer";
  }
  .page-case-details__primary-action-close-content .form .form-field:nth-child(6) {
    padding-left: 0;
  }
}
.page-case-details__primary-action-close-content .form-field {
  margin-bottom: 0;
  min-width: 0;
}
.page-case-details__primary-action-close-content .form-field:nth-child(1) {
  grid-area: decision;
}
.page-case-details__primary-action-close-content .form-field-comment-template .form-field:nth-child(1) {
  grid-area: comment;
}
.page-case-details__primary-action-close-content .form-field-comment-template .form-field:nth-child(2) {
  grid-area: commentTemplate;
}
.page-case-details__primary-action-close-content .form-field-comment-template .form-field:nth-child(2) .form-field__label-wrapper {
  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;
}
.page-case-details__primary-action-close-content .form-field:nth-child(5) {
  grid-area: confirmNarrative;
  padding-left: 16px;
  align-items: center;
}
.page-case-details__primary-action-close-content .form-field:nth-child(5) .form-field__label-wrapper {
  padding-bottom: 0;
}
.page-case-details__primary-action-close-content .page-case-details__primary-action-close-action-custom {
  grid-area: action;
  min-width: 0;
}
.page-case-details__primary-action-close-content .page-case-details__primary-action-close-reason-custom {
  grid-area: reason;
  min-width: 0;
}
.page-case-details__primary-action-close-content .page-case-details__primary-action-close-summary {
  margin-top: 8px;
}
.page-case-details__primary-action-close-content .form__footer {
  grid-area: footer;
  align-items: flex-start;
  justify-content: flex-end;
}
.page-case-details__primary-action-close-content .form__footer .action {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  flex: 0 1 auto;
  max-width: 50%;
}
@supports (max-width: fit-content) {
  .page-case-details__primary-action-close-content .form__footer .action {
    flex: 1 1 50%;
    max-width: fit-content;
  }
}
.page-case-details__primary-action-close-content .form__footer .action-submit {
  width: auto;
}
.page-case-details__primary-action-close-content .form__fieldset {
  display: contents;
}
.page-case-details__primary-action-close-content .form__section-form-fields {
  display: contents;
}

.case-event-type__icon {
  display: inline-block;
  margin-right: 0.1em;
}

.case-list-summary-cell {
  display: flex;
}
.case-list-summary-cell__item {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.case-list-summary-cell__extras {
  flex: 0 0 auto;
}

.page-case-details-overview:not(.is-loaded) {
  display: flex;
  flex: 1 1 auto;
}
.page-case-details-overview__loading {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.page-case-details-overview__error {
  display: flex;
  flex: 1 1 auto;
  color: #da1e28;
}
.page-case-details-overview__associated-cases {
  flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-case-details-overview__associated-cases + .page-case-details-overview__associated-cases {
  margin-top: 16px;
}
.page-case-details-overview__associated-case {
  display: flex;
  align-items: flex-start;
  flex-flow: row nowrap;
}
.page-case-details-overview__associated-case:not(:last-child) {
  margin-bottom: 16px;
}
.page-case-details-overview__associated-case-info {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  flex: 1;
}
.page-case-details-overview__associated-case-action-button {
  margin-right: 8px;
  cursor: pointer;
}
.page-case-details-overview__associated-case-identifier {
  display: flex;
  align-items: center;
  margin: 0 6px 4px 0;
  word-break: break-word;
}
.page-case-details-overview__associated-case-status {
  min-width: 0;
  margin-left: auto;
}
.page-case-details-overview__associated-case-meta {
  width: 100%;
  margin-top: 8px;
}
.page-case-details-overview__content {
  display: flex;
  flex-flow: row nowrap;
  padding: 16px;
  background: #f4f4f4;
}
.page-case-details-overview__column1, .page-case-details-overview__column2, .page-case-details-overview__column3 {
  display: flex;
  flex-flow: column wrap;
}
.page-case-details-overview__column1 {
  flex: 2 2 auto;
  width: 30%;
  margin-right: 16px;
}
.page-case-details-overview__column2 {
  flex: 2 2 auto;
  width: 35%;
  margin-right: 16px;
}
.page-case-details-overview__column3 {
  flex: 1 1 auto;
  width: 30%;
}
.page-case-details-overview__section {
  max-width: 100%;
  padding: 16px;
  background-color: #fff;
}
.page-case-details-overview__section:not(:last-child) {
  margin-bottom: 16px;
}
.page-case-details-overview__section:last-child {
  flex-grow: 1;
}
.page-case-details-overview__section-header {
  display: flex;
  align-items: baseline;
  flex-flow: row wrap;
  margin: 0 0 12px;
}
.page-case-details-overview__section-title {
  flex: 0 1 auto;
}
.page-case-details-overview__section-primary-title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
  display: block;
  margin: 0;
}
.page-case-details-overview__section-secondary-title {
  display: block;
  margin-left: auto;
  padding-left: 6px;
  font-size: 13px;
  color: #525252;
  word-break: break-word;
}
.page-case-details-overview__section-header-actions {
  margin-left: 8px;
}
.page-case-details-overview__section-header-actions * + * {
  margin-left: 8px;
}
@media only screen and (max-width: 850px) {
  .page-case-details-overview__content {
    display: block;
    border-bottom: 0;
  }
  .page-case-details-overview__content > *:last-child .page-case-details-overview__section:last-child {
    margin-bottom: 0;
  }
  .page-case-details-overview__column1, .page-case-details-overview__column2, .page-case-details-overview__column3 {
    flex: unset;
    width: unset;
    margin-right: 0;
    border: 0;
  }
  .page-case-details-overview__section {
    border-bottom: 1px solid #e3e3e3;
  }
  .page-case-details-overview__section, .page-case-details-overview__section:not(:last-child) {
    margin-bottom: 16px;
  }
}
.page-case-details-overview__status-meta1 {
  margin-bottom: 16px;
}
.page-case-details-overview__status-level {
  display: inline-block;
  margin-right: 4px;
  word-break: break-word;
}
.page-case-details-overview__summary-description-header {
  display: flex;
  align-items: flex-end;
  margin-bottom: 12px;
}
.page-case-details-overview__summary-description-label {
  font-weight: 500;
}
.page-case-details-overview__summary-description-actions {
  padding-left: 8px;
}
.page-case-details-overview__summary-description-actions * + * {
  margin-left: 8px;
}
.page-case-details-overview__summary-description-content {
  margin-bottom: 16px;
}
.page-case-details-overview__summary-description-value {
  display: block;
  outline: 1px solid transparent;
}
.page-case-details-overview__summary-description-editor {
  width: 100%;
  height: 160px;
  padding: 0;
  border: 0;
  outline: 1px solid #e3e3e3;
  outline-offset: 2px;
  resize: vertical;
}
.page-case-details-overview__summary-description-editor:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.page-case-details-overview__summary-description-editor[readonly] {
  background: #e3e3e3;
}
.page-case-details-overview__summary-description-editing-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
}
.page-case-details-overview__summary-description-editing-actions > * + * {
  margin-left: 6px;
}
.page-case-details-overview__risks-alert-count {
  margin: 12px 0;
}
.page-case-details-overview__primary-entity-id {
  margin: 12px 0;
}
.page-case-details-overview__primary-entity-id-value {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  word-break: break-word;
}
.page-case-details-overview__primary-entity-id-editing-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
}
.page-case-details-overview__primary-entity-id-editing-actions > * + * {
  margin-left: 6px;
}
.page-case-details-overview__associated-entities {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-case-details-overview__associated-entity:not(:last-child) {
  margin-bottom: 16px;
}
.page-case-details-overview__associated-entity-identifier {
  min-width: 0;
}
.page-case-details-overview__associated-entity-identifier .page-case-details-overview__entity-link__link,
.page-case-details-overview__associated-entity-identifier .page-case-details-overview__entity-link__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  word-break: break-word;
}
.page-case-details-overview__linked-cases-search {
  margin: 10px 0 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #dfdfdf;
}
.page-case-details-overview__linked-cases-search-results:not(:empty) {
  display: flex;
  padding-top: 16px;
}
.page-case-details-overview__linked-cases-search-results-loading, .page-case-details-overview__linked-cases-search-results-error, .page-case-details-overview__linked-cases-search-no-results, .page-case-details-overview__linked-cases-search-result {
  min-height: 59px;
}
.page-case-details-overview__linked-cases-search-results-loading, .page-case-details-overview__linked-cases-search-results-error, .page-case-details-overview__linked-cases-search-no-results {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: center;
}
.page-case-details-overview__linked-cases-search-result {
  display: flex;
  align-items: center;
  flex: 1;
}
.page-case-details-overview__linked-cases-search-results-error {
  color: #da1e28;
}
.page-case-details-overview__linked-cases-search-results-error .icon {
  display: block;
  margin-right: 4px;
  fill: currentColor;
}
.page-case-details-overview__linked-cases-search-results-error-text {
  display: block;
}
.page-case-details-overview__linked-cases-editing-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
}
.page-case-details-overview__linked-cases-editing-actions > * + * {
  margin-left: 6px;
}

.page-case-details-sar {
  display: flex;
  flex-flow: row nowrap;
  gap: 24px;
  flex: 1 0 auto;
  padding: 16px;
  background: #f4f4f4;
}
.main-body .page-case-details-sar * {
  scroll-margin-top: 63px;
}

.page-case-details-sar__section {
  padding: 16px;
  background-color: #fff;
}
.page-case-details-sar__main {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}
.page-case-details-sar__main > * {
  flex: 1 1 auto;
}
.page-case-details-sar__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
}
.page-case-details-sar__error {
  color: #da1e28;
  white-space: pre-wrap;
}
.page-case-details-sar__locked {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  min-width: 100px;
}
.page-case-details-sar__locked .icon {
  font-size: 100px;
  padding-bottom: 24px;
}
.page-case-details-sar__progress-sidebar {
  display: flex;
  flex-flow: column nowrap;
  gap: inherit;
  flex: 0 0 280px;
}
.page-case-details-sar__choose-jurisdiction-select .form-field__label-wrapper, .page-case-details-sar__choose-sar-section-title {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  margin: 0 0 8px;
}
.page-case-details-sar__choose-jurisdiction-select {
  margin: 0;
}
.page-case-details-sar__choose-jurisdiction-select .form-field__label-wrapper {
  display: block;
  padding: 0;
  color: inherit;
}
.page-case-details-sar__choose-sar-section-item:not(:last-child) {
  margin-bottom: 8px;
}
.page-case-details-sar__section-error-count {
  display: inline-flex;
  align-items: start;
  margin-left: 8px;
  color: #da1e28;
}
.page-case-details-sar__section-error-count .icon {
  width: auto;
  height: 1em;
  margin-left: 2px;
  fill: currentColor;
}
.page-case-details-sar__choose-jurisdiction-items {
  margin: 0 0 0 8px;
  padding: 0;
  list-style: none;
}
.page-case-details-sar__choose-sar-section {
  flex: 1 1 auto;
}
.page-case-details-sar__choose-sar-section-content {
  position: sticky;
  top: 0;
}
.page-case-details-sar__choose-sar-section-items {
  margin: 0;
  padding: 0 0 0 32px;
}
.page-case-details-sar__sar-placeholder {
  color: #525252;
}
.page-case-details-sar__sar {
  flex: 1 1 auto;
  min-width: 0;
}
.page-case-details-sar__sar-actions {
  margin: 8px 0 16px;
}
.page-case-details-sar__sar-review-note {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
  margin: 16px 0;
}
.page-case-details-sar__sar-review-note p {
  margin: 0 0 1em;
}
.page-case-details-sar__sar-review-note p:last-child {
  margin-bottom: 0;
}
.page-case-details-sar__submission-info {
  display: flex;
  gap: 8px;
}
.page-case-details-sar__submission-info p {
  margin: 0 0 4px;
}
.page-case-details-sar__submission-info p:first-child {
  font-weight: 600;
}
.page-case-details-sar__submission-info-icon {
  flex: 0 0 auto;
  font-size: 1.2em;
}
.page-case-details-sar__submission-info-icon .icon {
  fill: #525252;
}
.page-case-details-sar__submission-info-details {
  flex: 1 1 auto;
  overflow-wrap: anywhere;
}
.page-case-details-sar__sar-section-title {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.625rem;
  display: block;
  width: 100%;
  margin: 0 0 16px;
  padding-bottom: 8px;
  color: var(--cc-primaryColor, #893067);
  font-weight: 600;
}
.page-case-details-sar__sar-section-header {
  font-weight: 600;
  padding-bottom: 32px;
}
.page-case-details-sar__link-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  color: black;
  text-decoration: underline;
  cursor: pointer;
  text-align: left;
}
.page-case-details-sar__link-button.is-active {
  color: var(--cc-primaryColor, #893067);
}
.page-case-details-sar__transactions-chooser-table {
  width: 80vw;
}

.page-case-transactions-table__table-row {
  background-color: #fff;
}
.page-case-transactions-table__table-row--stripe {
  background-color: #f4f4f4;
}
.page-case-transactions-table .table__cell {
  vertical-align: top;
}
.page-case-transactions-table__toggle-contributing-events {
  display: flex;
  cursor: pointer;
}
.page-case-transactions-table__toggle-contributing-events .icon {
  margin-right: 4px;
}
.page-case-transactions-table__contributing-event-row .table__cell:first-child {
  position: relative;
}
.page-case-transactions-table__contributing-event-row .table__cell:first-child::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #ddd;
}
.page-case-transactions-table__contributing-events-error {
  color: #da1e28;
}
.page-case-transactions-table .table__cell .percentage-bar {
  min-width: 130px;
}
.page-case-transactions-table__inline-form-field-cell .form-field {
  margin-bottom: 0;
}
.page-case-transactions-table__inline-form-field-cell .form-field__label-wrapper {
  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;
}
.page-case-transactions-table__review-cell-alert-unreviewed {
  width: 240px;
}
.page-case-transactions-table__review-no-risk-reasons-field-expand-button {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: #525252;
}
.page-case-transactions-table__review-no-risk-reasons-field-expand-button:not([disabled]) {
  cursor: pointer;
}
.page-case-transactions-table__review-no-risk-reasons-field-expand-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.page-case-transactions-table__review-no-risk-reasons-field-expand-icon .icon {
  width: 16px;
}
.page-case-transactions-table__review-no-risk-reasons-field-selected-label {
  display: block;
  margin-left: 26px;
}
.page-case-transactions-table__review-no-risk-reasons-field-options {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-case-transactions-table__review-no-risk-reasons-field-options:not(:empty) {
  margin-top: 6px;
}
.page-case-transactions-table__review-no-risk-reasons-field-option {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  margin-bottom: 6px;
  color: #525252;
}
.page-case-transactions-table__review-no-risk-reasons-field-option .c-checkbox {
  line-height: inherit;
}
.page-case-transactions-table__review-cell-event .icon, .page-case-transactions-table__review-cell-event-removed .icon {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 4px;
}
.page-case-transactions-table__risk-identified-cell {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  white-space: normal;
}

.page-case-details-tooltip-content {
  min-width: 250px;
  padding: 14px;
}
.page-case-details-tooltip-content .form__section-form-fields {
  padding-top: 0;
}

.page-case-details-transactions__review-toolbar {
  display: flex;
  align-items: center;
}
.page-case-details-transactions__review-toolbar-item + .page-case-details-transactions__review-toolbar-item {
  margin-left: 6px;
}
.page-case-details-transactions__review-summary {
  color: #525252;
}
.page-case-details-transactions__review-summary-error {
  margin-bottom: 10px;
  color: #da1e28;
  font-size: 14px;
}
.page-case-details-transactions__details-sidebar {
  width: 600px;
}
.page-case-details-transactions__details-sidebar:focus {
  outline: 0;
}
.page-case-details-transactions__details-sidebar-actions {
  display: flex;
  justify-content: flex-end;
}
.page-case-details-transactions__details-sidebar-title {
  margin: 16px 0;
  font-size: 24px;
  font-weight: 500;
  color: #3c3c3c;
}
.page-case-details-transactions__details-sidebar-actions {
  display: flex;
}
.page-case-details-transactions__details-sidebar-actions-navigate {
  margin-right: auto;
}
.page-case-details-transactions__details-sidebar-actions-navigate > * {
  margin-right: 5px;
}

.page-case-list__relative-time-cell.is-past {
  color: #da1e28;
}
.page-case-list__bulk-action-label {
  display: flex;
  align-items: center;
}
.page-case-list__bulk-action-label--delete {
  color: #da1e28;
}
.page-case-list__bulk-action-label--noRisk .icon {
  color: #25be52;
}
.page-case-list__bulk-action-label--escalate .icon {
  color: #fdd13a;
}
.page-case-list__bulk-action-label--risk .icon {
  color: #da1e28;
}

.default-dashboard {
  display: flex;
  flex-flow: column;
  flex: 1;
}
.default-dashboard__logo-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 auto;
}
.default-dashboard__logo {
  position: relative;
  margin: 1em 0;
  padding-bottom: 20px;
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  word-break: break-word;
}
.default-dashboard__logo::before {
  background-image: linear-gradient(to right, #512142 0%, #512142 12.5%, #83376a 12.5%, #83376a 25%, #c84683 25%, #c84683 37.5%, #e62559 37.5%, #e62559 50%, #e52729 50%, #e52729 62.5%, #e7411e 62.5%, #e7411e 75%, #ee742c 75%, #ee742c 87.5%, #f9b415 87.5%);
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  flex: 0 0 auto;
  width: 100%;
  height: 8px;
}
.cc-stripe-set .default-dashboard__logo::before {
  background: var(--cc-stripeBackgroundColor);
}

.advanced-dashboard {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 100%;
  z-index: 0;
}
.advanced-dashboard .globe-3d {
  flex: 1;
  margin-left: 12px;
}
.advanced-dashboard__grid {
  display: flex;
  flex: 1 0 auto;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.advanced-dashboard__grid.is-loaded {
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.advanced-dashboard__grid--manage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #fff;
}
.advanced-dashboard__manage-templates-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 3;
}
.advanced-dashboard__manage-templates-placeholder-icon {
  width: 79px;
  height: 82px;
  margin: 0 auto 16px;
  background: url("/images/dashboard/DashboardIcon.png") no-repeat;
}
.advanced-dashboard__manage-templates-placeholder-title {
  font-size: 18px;
  margin: 0 0 10px;
}
.advanced-dashboard__manage-templates-placeholder-body {
  margin: 0;
  font-size: 14px;
  color: #525252;
}
.advanced-dashboard__content-loading, .advanced-dashboard__content-error {
  display: flex;
  align-items: center;
  font-size: 20px;
}
.advanced-dashboard__content-loading .icon, .advanced-dashboard__content-error .icon {
  fill: currentColor;
  margin-right: 6px;
}
.advanced-dashboard__content-error {
  color: #da1e28;
}

.dashboard-grid {
  position: relative;
  width: 100%;
  flex: 1 1 auto;
}
.dashboard-grid__drop-placeholder {
  width: 33.3333333333%;
  height: 33.3333333333%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex: 0 0 auto;
  min-height: fit-content;
  padding: 8px;
}
.dashboard-grid__drop-placeholder-inner {
  display: flex;
  flex: 1 0 auto;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border: 2px dashed #aeb2b7;
  color: #717478;
  font-size: 19px;
  text-align: center;
}
.dashboard-grid__drop-placeholder-icon {
  display: block;
  width: 68px;
  height: 67px;
  background: url("/images/dashboard/dragdrop-icon.png") no-repeat;
  margin-bottom: 6px;
  flex: 0 0 auto;
}
.dashboard-grid__dropzones {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  height: 100%;
  padding: 0 8px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: none 0.001s;
  transition-property: opacity, visibility;
}
.dashboard-grid__dropzones.is-visible {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.dashboard-grid__dropzone {
  width: 33.3333333333%;
  height: 33.3333333333%;
  min-height: 260px;
  flex: 1 1 auto;
  border: 8px solid transparent;
}
.dashboard-grid__dropzone.is-available {
  background: #eac7de;
  z-index: 3;
}
.dashboard-grid__dropzone.is-active {
  background: #dda3c8;
}
.dashboard-grid__items {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.dashboard-grid__item {
  position: absolute;
  z-index: 2;
  min-height: 260px;
  padding: 8px;
  background: #fff;
  pointer-events: initial;
  width: 33.3333333333%;
  height: 33.3333333333%;
}
.dashboard-grid__item--width1 {
  width: 33.3333333333%;
}
.dashboard-grid__item--width2 {
  width: 66.6666666667%;
}
.dashboard-grid__item--width3 {
  width: 100%;
}
.dashboard-grid__item--height1 {
  height: 33.3333333333%;
}
.dashboard-grid__item--height2 {
  height: 66.6666666667%;
}
.dashboard-grid__item--height3 {
  height: 100%;
}
.dashboard-grid__item--position0 {
  top: 0%;
  left: 0%;
}
.dashboard-grid__item--position1 {
  top: 0%;
  left: 33.3333333333%;
}
.dashboard-grid__item--position2 {
  top: 0%;
  left: 66.6666666667%;
}
.dashboard-grid__item--position3 {
  top: 33.3333333333%;
  left: 0%;
}
.dashboard-grid__item--position4 {
  top: 33.3333333333%;
  left: 33.3333333333%;
}
.dashboard-grid__item--position5 {
  top: 33.3333333333%;
  left: 66.6666666667%;
}
.dashboard-grid__item--position6 {
  top: 66.6666666667%;
  left: 0%;
}
.dashboard-grid__item--position7 {
  top: 66.6666666667%;
  left: 33.3333333333%;
}
.dashboard-grid__item--position8 {
  top: 66.6666666667%;
  left: 66.6666666667%;
}
.dashboard-grid__item-inner {
  position: relative;
  border: 1px solid #dfdfdf;
  height: 100%;
  padding-bottom: 16px;
}
.dashboard-grid__item-inner:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.dashboard-grid__draggable {
  height: 100%;
}
.dashboard-grid__item-content-wrap {
  position: static;
  overflow: auto;
  height: 100%;
  margin-right: 12px;
}
.dashboard-grid__report-content {
  display: flex;
  height: calc(100% - 1px);
  padding: 0;
  min-height: 160px;
}
.dashboard-grid__actions {
  display: flex;
}
.dashboard-grid__remove-item {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: block;
  margin-left: auto;
  padding: 0 4px;
  opacity: 0.5;
  transition: opacity 0.25s;
}
.dashboard-grid__remove-item:hover {
  opacity: 1;
}
.dashboard-grid__remove-item:focus {
  border: 1px solid var(--cc-primaryColor, #893067);
}
.dashboard-grid__resize-handle {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  display: block;
  opacity: 0.5;
  visibility: hidden;
  transition: opacity 0.25s;
}
.dashboard-grid__resize-handle:hover {
  opacity: 1;
}
.dashboard-grid__resize-handle.is-active {
  visibility: visible;
}
.dashboard-grid__resize-handle--x {
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("/images/dashboard/SideDrag.png");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: auto auto;
  cursor: col-resize;
}
.dashboard-grid__resize-handle--y {
  width: 100%;
  height: 12px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("/images/dashboard/BottomDrag.png");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: auto auto;
  cursor: row-resize;
}
.dashboard-grid__resize-handle--xy {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("/images/dashboard/CornerDrag.png");
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background-size: 75% auto;
  cursor: nwse-resize;
}
.dashboard-grid__panel {
  padding-bottom: 0;
}
.dashboard-grid__panel,
.dashboard-grid__panel .panel__body,
.dashboard-grid__panel .panel__wrapper {
  height: 100%;
}
.dashboard-grid__panel .panel__body {
  min-height: 0;
  padding-bottom: 0;
}
.dashboard-grid__panel-header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  flex: 1;
  min-height: 35px;
  justify-content: space-between;
}
@media screen and (max-width: 1240px) {
  .dashboard-grid__drop-placeholder {
    display: none;
  }
  .dashboard-grid__dropzones {
    display: none;
  }
  .dashboard-grid__items {
    position: static;
  }
  .dashboard-grid__item {
    position: static;
    top: initial;
    left: initial;
    width: auto;
    height: auto;
  }
  .dashboard-grid__resize-handle {
    display: none;
  }
}

.dashboard-summary {
  width: auto;
  height: 80px;
  flex: 0 0 auto;
  margin: 0 8px 8px;
  padding: 8px;
  border: 1px solid #dfdfdf;
}

.advanced-dashboard-sidebar {
  padding-bottom: 220px;
}
.advanced-dashboard-sidebar__manage-templates.is-active {
  border-bottom: 2px solid #cbcbcb;
}
.advanced-dashboard-sidebar__manage-templates-button {
  margin: 15px;
}
.advanced-dashboard-sidebar__manage-templates-button .action {
  width: 100%;
}
.advanced-dashboard-sidebar__manage-templates-scope-select, .advanced-dashboard-sidebar__manage-templates-copy-to-select {
  margin: 15px;
}
.advanced-dashboard-sidebar__manage-templates-scope-select .form-field, .advanced-dashboard-sidebar__manage-templates-copy-to-select .form-field {
  margin: 0;
}
.advanced-dashboard-sidebar__manage-templates-scope-select .form-field__label, .advanced-dashboard-sidebar__manage-templates-copy-to-select .form-field__label {
  font-weight: 500;
  color: var(--cc-sidebarColor, #525252);
}
.advanced-dashboard-sidebar__manage-templates-copy-to-button {
  display: flex;
  justify-content: flex-end;
  margin: 4px 15px 15px;
}
.advanced-dashboard-sidebar__summary-panel-select {
  margin: 15px;
}
.advanced-dashboard-sidebar__summary-panel-select .form-field {
  margin: 0;
}
.advanced-dashboard-sidebar__summary-panel-select .form-field__label {
  font-weight: 500;
}
.advanced-dashboard-sidebar__panels-search {
  margin: 18px 15px 4px;
}
.advanced-dashboard-sidebar__panel-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.advanced-dashboard-sidebar__panel-list-item:first-child .advanced-dashboard-sidebar__panel-list-item-button {
  border-top: 0;
}
.advanced-dashboard-sidebar__panel-list-item-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 13px 15px;
  border-top: 1px solid #cbcbcb;
  text-align: left;
  font-weight: 500;
  color: inherit;
}
.advanced-dashboard-sidebar__panel-list-item-button-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  flex: 0 1 auto;
  min-width: 0;
}
.advanced-dashboard-sidebar__panel-list-item-button .icon {
  fill: currentColor;
  font-size: 18px;
  width: auto;
  height: 1em;
}
.advanced-dashboard-sidebar__panel-list-item-button-type-icon {
  display: block;
  flex: 0 0 auto;
  padding-right: 6px;
}
.advanced-dashboard-sidebar__panel-list-item-button-status-icon {
  display: block;
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: 6px;
}
.advanced-dashboard-sidebar__panel-list-item-button:hover {
  color: var(--cc-sidebarNavItemHoverColor, var(--cc-sidebarColor, #161616));
  background-color: var(--cc-sidebarNavItemHoverBackgroundColor, #eee);
}
.advanced-dashboard-sidebar__panel-list-item-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -1px;
}

.page-data-list-details__add-to-list {
  font-size: 13px;
  border: 2px solid #e3e3e3;
  padding: 10px;
  margin-left: 10px;
}
.page-data-list-details__add-to-list-title {
  font-weight: 700;
  display: block;
  font-size: 18px;
  margin: 8px 0 0;
  color: #525252;
}
.page-data-list-details__add-to-list-title .icon {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.page-data-list-details__add-to-list-subtitle {
  display: block;
  color: #525252;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  margin: 8px 0 0;
  line-height: 16px;
}

.page-data-list-items .table__row--expandable.is-highlighted .table__cell {
  white-space: normal;
  overflow: visible;
  word-break: break-all;
  vertical-align: top;
}
.page-data-list-items__modal-content {
  width: 660px;
  max-width: 100%;
}
.page-data-list-items__import-results {
  margin-bottom: 20px;
  word-break: break-word;
}
.page-data-list-items__import-results-item {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 12px;
  color: #525252;
  font-size: 14px;
}
.page-data-list-items__import-results-item .icon {
  display: block;
  margin-right: 4px;
  font-size: 16px;
}
.page-data-list-items__import-results-item--ok .icon {
  fill: #198038;
}
.page-data-list-items__import-results-item--warning .icon {
  fill: #ffbe37;
}
.page-data-list-items__import-results-extra {
  display: block;
  width: 100%;
  margin: 4px 0 0 20px;
  font-size: 13px;
}
.page-data-list-items__batch-actions {
  display: flex;
  flex-flow: column nowrap;
  padding: 14px;
}
.page-data-list-items__batch-actions .action + .action {
  margin-top: 10px;
}
.page-data-list-items__batch-delete-modal .form-field__hint {
  word-break: break-all;
}
.page-data-list-items__delete-warning {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
}
.page-data-list-items__delete-warning p {
  margin: 0 0 1em;
}
.page-data-list-items__delete-warning p:last-child {
  margin-bottom: 0;
}

.dli-filterable-search {
  display: flex;
}
.dli-filterable-search__filter-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  background: #a8a8a8;
  fill: #fff;
}
.dli-filterable-search__filter-input {
  display: flex;
}
.dli-filterable-search__search-input {
  margin-left: 5px;
}
.dli-filterable-search__filter-input-select {
  margin-bottom: 0;
}
.dli-filterable-search .form-input--select {
  width: 100px;
}
.dli-filterable-search .form-input--select .form-input__input--select {
  padding-top: 3.5px;
  padding-bottom: 3.5px;
  border-radius: 0;
}
.dli-filterable-search .form-input--select .icon-sort {
  bottom: 9px;
}
.dli-filterable-search.has-active-filter .dli-filterable-search__filter-icon {
  background: var(--cc-primaryColor, #893067);
}

.data-list-scope__name {
  margin-left: 5px;
}

.page-diagnostic-show__log .table__row.is-expanded .table__cell {
  white-space: normal;
}
.page-diagnostic-show__log .table__cell {
  vertical-align: top;
}

.page-event-list__title {
  display: flex;
  align-items: baseline;
  min-width: 0;
}
.page-event-list__subtitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  margin-left: 8px;
  padding-right: 4px;
  font-size: 14px;
  font-weight: 400;
}
.page-event-list__subtitle > * {
  margin: 0 2px;
}
.page-event-list__subtitle-query {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-event-list__subtitle strong {
  font-weight: 600;
}
.page-event-list__active-filters {
  min-width: 208px;
  max-width: 528px;
  color: #525252;
  padding: 14px;
}
.page-event-list__active-filters-toggle-button .icon-angle-down {
  margin-right: 0 !important;
  margin-left: 10px !important;
}
.page-event-list__active-filters-toggle-button.is-active {
  color: var(--cc-primaryColor, #893067);
}
.page-event-list__active-filters-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 500px;
  max-height: 50vh;
  overflow: auto;
}
.page-event-list__active-filters-item {
  width: 100%;
}
.page-event-list__active-filters-item:hover {
  color: var(--cc-primaryColor, #893067);
}
.page-event-list__active-filters-item + .page-event-list__active-filters-item {
  margin-top: 8px;
}
.page-event-list__active-filters-item-button {
  position: relative;
  width: 100%;
  padding: 0 16px;
  text-align: left;
  border: 1px solid transparent;
}
.page-event-list__active-filters-item-button:focus {
  border-color: var(--cc-primaryColor, #893067);
}
.page-event-list__active-filters-item-remove-button {
  position: absolute;
  right: 2px;
  top: 2px;
}
.page-event-list__active-filters-item-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  word-wrap: break-word;
  font-weight: 600;
}
.page-event-list__active-filters-item-label {
  display: block;
  word-wrap: break-word;
}
.page-event-list__active-filters-item-value {
  word-break: break-all;
}
.page-event-list__active-filters-item-value-date-range {
  white-space: nowrap;
}
.page-event-list__column-settings {
  width: 250px;
  background-color: #fff;
  font-size: 13px;
  white-space: nowrap;
  padding: 14px;
}
.page-event-list__column-settings-button .icon-angle-down {
  margin-right: 0 !important;
  margin-left: 10px !important;
}
.page-event-list__column-settings-header {
  display: flex;
  text-align: center;
  font-weight: 500;
  padding-right: 10px;
}
.page-event-list__column-settings-header-visibility {
  flex: 1;
}
.page-event-list__column-settings-header-sorting {
  flex: 0 0 64px;
}
.page-event-list__column-settings-subheader {
  display: flex;
  text-align: center;
  margin: 10px 0;
  padding-right: 10px;
  font-weight: 500;
}
.page-event-list__column-settings-subheader-visibility {
  flex: 1;
}
.page-event-list__column-settings-subheader-primary-sorting {
  flex: 0 0 32px;
}
.page-event-list__column-settings-subheader-secondary-sorting {
  flex: 0 0 32px;
}
.page-event-list__column-settings-items {
  max-height: 280px;
  overflow: scroll;
}
.page-event-list__column-settings-column {
  display: flex;
}
.page-event-list__column-settings-column-sortable .checkbox__secondary-label {
  max-width: 94px;
}
.page-event-list__column-settings-column-identification {
  flex: 1;
}
.page-event-list__column-settings-column-primary-sorting, .page-event-list__column-settings-column-secondary-sorting {
  flex: 0 0 32px;
  text-align: center;
}
.page-event-list__column-settings-column-primary-sorting .icon, .page-event-list__column-settings-column-secondary-sorting .icon {
  width: 13px;
  height: 13px;
  margin: 0 !important;
}
.page-event-list__column-settings-column-primary-sorting .icon-sort, .page-event-list__column-settings-column-secondary-sorting .icon-sort {
  fill: #dcdcdc;
}
.page-event-list__column-settings-manage-column-button {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  font-size: 13px;
  border-radius: 100%;
  background: #525252;
  color: #fff;
  cursor: pointer;
}
.page-event-list__column-settings-manage-column-button:hover {
  color: #525252;
}
.page-event-list__column-settings-manage-column-button.action--icon-only {
  padding: 4px !important;
}
.page-event-list__column-settings-manage-column-button .icon {
  width: 1em;
  height: 1em;
  margin: 0 !important;
}
.page-event-list__column-settings-manage-column-button.is-active {
  background-color: var(--cc-primaryColor, #893067);
  color: #fff;
}
.page-event-list__column-settings-manage-column-button.is-active:hover {
  color: #525252;
}
.page-event-list__column-settings-add-column {
  min-width: 240px;
  padding: 14px;
}
.page-event-list__column-settings-add-column-tooltip {
  display: block;
}
.page-event-list__column-settings-add-column-button {
  width: 100%;
}
.page-event-list__column-settings-add-column-actions {
  display: flex;
}
.page-event-list__column-settings-add-column-actions .action {
  flex: 1 0 auto;
}
.page-event-list__column-settings-add-column-actions .action + .action {
  margin-left: 6px;
}
.page-event-list__cell-entity-list {
  display: flex;
}
.page-event-list__cell-entity-show-list-button {
  cursor: pointer;
  display: flex;
  padding-top: 3px;
}
.page-event-list__cell-entity-show-list-button:hover {
  color: var(--cc-primaryColor, #893067);
}
.page-event-list__cell-entity-show-list-button .icon {
  margin-left: 4px;
}
.page-event-list__table-cell {
  padding: 8px 8px 9px;
}
.page-event-list__table-cell .action--icon-only {
  height: 19px;
  line-height: 17px;
}
.page-event-list__table-cell .action--icon-only .icon {
  height: 17px;
  line-height: 17px;
}
.page-event-list .table.is-status-success .table__row:not(.table__row--no-matches) .table__cell {
  padding: 0;
}
.page-event-list .table.is-status-success .table__row:not(.table__row--no-matches) .table__cell + .table__cell .page-event-list__table-cell {
  padding-left: 2px;
}
.page-event-list .table.is-status-success .table__row:not(.table__row--no-matches).is-selected .page-event-list__table-cell {
  position: relative;
  z-index: 7;
}

.page-event-list-details-sidebar .form-field {
  padding-top: 0;
}
.page-event-list-details-sidebar .incident-event-json__section:first-child {
  margin-top: 0;
}

.page-event-search__details-markdown {
  white-space: nowrap;
}
.page-event-search__details-markdown p {
  display: inline-block;
  margin: 0;
}
.page-event-search__details-markdown em {
  background-color: #f3f0ae;
  font-style: normal;
}
.page-event-search__filters-sidebar .panel__body {
  position: relative;
}
.page-event-search__filters-sidebar .static-tooltip__content {
  min-width: 180px;
  word-break: break-word;
}
.page-event-search__filters-sidebar .form-field-keywords-wrapper {
  position: relative;
}
.page-event-search__filters-sidebar .form-field-keywords-wrapper .icon-search {
  position: absolute;
  top: 53px;
  left: 8px;
  fill: #b3b3b3;
  z-index: 1;
}
.page-event-search__filters-sidebar .form-field-keywords-wrapper .action--update-additional-keywords {
  position: absolute;
  top: 46px;
  right: 2px;
}
.page-event-search__filters-sidebar .form-field-keywords-wrapper .action--update-additional-keywords svg.icon-arrow-right {
  margin-right: 0;
}
.page-event-search__filters-sidebar .form-field-keywords-wrapper .form-input--text-with-submit input {
  padding-left: 29px;
  padding-right: 30px;
}

.checkbox--reverse .checkbox__label {
  flex-direction: row-reverse;
  padding-top: 15px;
}
.checkbox--reverse .checkbox__input--inline ~ .checkbox__label-text {
  display: flex;
  flex: 1;
  margin-left: 0;
}

.checkbox--reverse + .form-field {
  padding-top: 0;
}

@media screen and (max-width: 992px) {
  .form-input--datetime-range .form-input__part {
    width: 100%;
  }
  .form-input--datetime-range .form-input__part + .form-input__part {
    margin-top: 10px;
    margin-left: 0;
  }
  .form-input--datetime-range .form-input__part .form-field__label-wrapper {
    flex: 1 1 230px;
  }
  .form-input--datetime-range .form-input__part .form-input__datetime-wrapper {
    flex: 1;
  }
}
.page-event-list .pagination__list .pagination__item:last-child {
  display: none;
}
.page-event-list__no-content-notice {
  margin-top: 90px;
  margin-bottom: 60px;
}
.page-event-list__no-content-notice__heading {
  font-weight: bold;
}
.page-event-list__info-field {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
  margin: 0 auto 20px;
}
.page-event-list__info-field p {
  margin: 0 0 1em;
}
.page-event-list__info-field p:last-child {
  margin-bottom: 0;
}
.page-event-list__column-settings-column-identification .checkbox__label-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 118px;
}

.page-event-list-details-sidebar .details-sidebar__header {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  margin-bottom: 10px;
}
.page-event-list-details-sidebar .details-sidebar__subtitle {
  margin-bottom: 0;
}
.page-event-list-details-sidebar .details-sidebar__copy-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  position: relative;
  top: 2px;
  margin-left: 4px;
  padding: 0 6px;
  color: #525252;
  transition: color 0.15s ease;
}
.page-event-list-details-sidebar .details-sidebar__copy-button:hover {
  color: #000;
}
.page-event-list-details-sidebar .details-sidebar__copy-button .icon {
  display: block;
  fill: currentColor;
}

.sidebar-event-list {
  padding: 15px 0 220px;
}
.sidebar-event-list .page-incident-details__back-to-list {
  width: calc(100% - 30px);
  margin-left: 15px;
  margin-right: 15px;
}
.sidebar-event-list .custom-filter__heading {
  color: inherit;
}
.sidebar-event-list .form-field__label-wrapper {
  color: var(--cc-sidebarColor, #525252);
}
.sidebar-event-list .multirange__tickmarks {
  color: var(--cc-sidebarColor, #656565);
}

.incident-list-advanced-search {
  margin-top: 10px;
  padding-top: 10px;
  letter-spacing: normal;
}
.incident-list-advanced-search__header {
  font-size: 14px;
}
.incident-list-advanced-search__component {
  padding: 10px 0;
}
.incident-list-advanced-search .icon-tree-structure {
  margin-right: 10px;
}
.incident-list-advanced-search .advanced-search__inner {
  max-width: 250px;
  width: 250px;
}
.incident-list-advanced-search .advanced-search__input {
  background: #fff;
}
.incident-list-advanced-search .advanced-search .icon {
  width: 14px;
  height: 17px;
  fill: #b3b3b3;
}
.incident-list-advanced-search--open .advanced-search__results {
  padding: 0 8px;
}
.incident-list-advanced-search--open dl {
  margin: 0;
}
.incident-list-advanced-search--open dt,
.incident-list-advanced-search--open dd {
  font-size: 15px;
  margin: 5px 0;
  padding: 5px;
}
.incident-list-advanced-search--open dt {
  display: flex;
  justify-content: space-between;
  color: var(--cc-primaryColor, #893067);
  font-weight: 500;
}
.incident-list-advanced-search--open dt:not(:first-child) {
  border-top: 2px solid #dfdfdf;
  padding-top: 12px;
}
.incident-list-advanced-search--open dd,
.incident-list-advanced-search--open .advanced-search__result-button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #161616;
}
.incident-list-advanced-search--open dd {
  margin-left: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
}
.incident-list-advanced-search--open .advanced-search__result-button {
  display: block;
  width: 100%;
}

.incident-amdl-state {
  display: flex;
  align-items: center;
}
.incident-amdl-state__show-more-button {
  display: flex;
  padding-left: 6px;
  color: #525252;
}
.incident-amdl-state__list {
  padding: 0 10px;
  text-align: left;
  list-style: none;
}
.incident-amdl-state__list-item {
  margin-bottom: 8px;
}
.incident-amdl-state__label {
  display: block;
  margin-bottom: 4px;
  padding-right: 4px;
  font-weight: 500;
  color: #525252;
}
.incident-amdl-state__custom-field {
  flex: 0 1 auto;
}
.incident-amdl-state__custom-field--single {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.incident-amdl-state__custom-field--all {
  flex: 1;
  color: #161616;
}
.incident-amdl-state__tooltip {
  max-width: 600px;
  max-height: 250px;
  overflow: auto;
  white-space: normal;
  word-break: break-word;
}

.page-biometrics-sidebar-context-wrapper .radio__label-text {
  max-width: 116px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-incident-details__activity-loading {
  display: flex;
  flex-flow: row wrap;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
}
.page-incident-details__activity-loading .icon {
  font-size: 24px;
}
.page-incident-details__activity-error {
  display: flex;
  flex-flow: row wrap;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  color: #da1e28;
}
.page-incident-details__activity-error-message {
  display: flex;
  align-items: center;
}
.page-incident-details__activity-error .icon {
  display: block;
  margin-right: 6px;
  fill: currentColor;
}
.page-incident-details__contributing-events-toggle {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  position: relative;
  display: flex;
  align-items: center;
  border-style: solid;
  border-color: #ddd;
  border-width: 2px 0;
  width: 100%;
  padding: 6px 18px;
  background-color: #f4f4f4;
  text-align: left;
  line-height: 1;
  cursor: pointer;
}
.page-incident-details__contributing-events-toggle .icon {
  margin-right: 10px;
}
.page-incident-details__contributing-events-toggle:hover {
  background-color: #ddd;
}
.page-incident-details__contributing-events-toggle:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
  outline-offset: -2px;
}
.page-incident-details__contributing-events-toggle.is-collapsed {
  border-bottom-color: transparent;
}
.page-incident-details__contributing-events-toggle-content {
  position: relative;
  display: flex;
  align-items: center;
}
.page-incident-details__contributing-events-list-loading, .page-incident-details__contributing-events-list-error {
  display: flex;
  justify-content: center;
  height: 100%;
}
.page-incident-details__contributing-events-list-error {
  color: #da1e28;
}
.page-incident-details__contributing-events-list {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.page-incident-details__contributing-events-list .grid-row-wrapper-clickable {
  position: relative !important;
}
.page-incident-details__contributing-events-list .grid-row-wrapper-clickable--stripe .grid-row {
  background-color: #f4f4f4;
}
.page-incident-details__contributing-events-list .grid-row-wrapper-clickable:last-child .grid-row {
  background-image: none;
}
.page-incident-details__contributing-events-item-no-data {
  display: block;
  padding: 0 10px;
}

.data-services-modal__grid,
.page-incident-details__grid {
  flex: 1;
  overflow: hidden;
  display: grid;
  grid-template: "table ." "table vscroll" "hscroll hscroll";
  grid-template-columns: minmax(0, 1fr) 30px;
  grid-template-rows: 39px auto 0 6px;
}
.data-services-modal__grid .page-incident-details__table,
.page-incident-details__grid .page-incident-details__table {
  grid-area: table;
  overflow: hidden;
}
.data-services-modal__grid-bring-to-front,
.page-incident-details__grid-bring-to-front {
  z-index: 7;
}
.data-services-modal__grid .dot--action, .data-services-modal__grid .dot--event,
.page-incident-details__grid .dot--action,
.page-incident-details__grid .dot--event {
  fill: #525252;
}
.data-services-modal__grid .dot--no-risk,
.page-incident-details__grid .dot--no-risk {
  fill: #198038;
}
.data-services-modal__grid .dot--risk,
.page-incident-details__grid .dot--risk {
  fill: #da1e28;
}
.data-services-modal__grid .dot--unreviewed-alert,
.page-incident-details__grid .dot--unreviewed-alert {
  fill: #f57423;
}
.data-services-modal__grid .dot--case,
.page-incident-details__grid .dot--case {
  fill: #c6c6c6;
}
.data-services-modal__grid .grid-header,
.page-incident-details__grid .grid-header {
  height: 39px;
  overflow: hidden;
  font-weight: 600;
  letter-spacing: 0.04px;
  color: #525252;
  text-align: left;
  flex: 0 0 39px;
}
.data-services-modal__grid .grid-header .grid-row,
.page-incident-details__grid .grid-header .grid-row {
  display: inline-block;
  position: relative;
  padding: 0;
  font-size: 13px;
}
.data-services-modal__grid .grid-header .grid-cell,
.page-incident-details__grid .grid-header .grid-cell {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 14px 10px 5px;
  text-align: left;
  cursor: default;
  line-height: 14px;
}
.data-services-modal__grid .grid-body-wrapper,
.page-incident-details__grid .grid-body-wrapper {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.data-services-modal__grid .grid-body,
.page-incident-details__grid .grid-body {
  position: relative;
  overflow: hidden;
  color: #161616;
  flex-grow: 1;
  background: #fff;
  display: block;
}
.data-services-modal__grid .grid-empty,
.page-incident-details__grid .grid-empty {
  position: static;
}
.data-services-modal__grid .grid-canvas,
.page-incident-details__grid .grid-canvas {
  position: relative;
  display: flex;
  flex-direction: column;
}
.data-services-modal__grid .grid-canvas,
.data-services-modal__grid .grid-canvas .backdrop,
.page-incident-details__grid .grid-canvas,
.page-incident-details__grid .grid-canvas .backdrop {
  min-height: 100%;
}
.data-services-modal__grid .no-activity,
.page-incident-details__grid .no-activity {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
}
.data-services-modal__grid .no-activity__action,
.page-incident-details__grid .no-activity__action {
  margin: 10px auto 0;
}
.data-services-modal__grid .grid-row-wrapper-clickable,
.page-incident-details__grid .grid-row-wrapper-clickable {
  display: block;
  background-color: #fff;
  width: 100%;
  position: absolute;
}
.data-services-modal__grid .grid-row-wrapper-clickable--stripe,
.page-incident-details__grid .grid-row-wrapper-clickable--stripe {
  background-color: #f4f4f4;
}
.data-services-modal__grid .grid-row-wrapper-clickable--dimmed::after,
.page-incident-details__grid .grid-row-wrapper-clickable--dimmed::after {
  content: "";
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  pointer-events: none;
}
.data-services-modal__grid .grid-row,
.page-incident-details__grid .grid-row {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 6px 0 8px;
  min-width: 100%;
  height: 47px;
  font-size: 13px;
  white-space: nowrap;
}
.data-services-modal__grid .grid-row .action,
.page-incident-details__grid .grid-row .action {
  margin-right: 4px;
}
.data-services-modal__grid .grid-row .event-search-link,
.page-incident-details__grid .grid-row .event-search-link {
  color: var(--cc-primaryColor, #893067);
  font-weight: 500;
  text-decoration: underline;
}
.data-services-modal__grid .grid-row .icon:not(.icon-check):not(.icon-minus),
.page-incident-details__grid .grid-row .icon:not(.icon-check):not(.icon-minus) {
  fill: currentColor;
  --primary-color: currentColor;
}
.data-services-modal__grid .grid-row .c-checkbox__icon .icon,
.page-incident-details__grid .grid-row .c-checkbox__icon .icon {
  fill: #fff;
}
.data-services-modal__grid .grid-row--xl,
.page-incident-details__grid .grid-row--xl {
  height: 63px;
}
.data-services-modal__grid .grid-row--event,
.page-incident-details__grid .grid-row--event {
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position-y: 100%;
  background-image: linear-gradient(to right, #d6d6d6 0%, #d6d6d6 100%);
}
.data-services-modal__grid .grid-row--action,
.page-incident-details__grid .grid-row--action {
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position-y: 100%;
  background-image: linear-gradient(to right, #d6d6d6 0%, #d6d6d6 100%);
}
.data-services-modal__grid .grid-row--action .grid-cell__event-type-icon,
.page-incident-details__grid .grid-row--action .grid-cell__event-type-icon {
  color: var(--cc-primaryColor, #893067);
}
.data-services-modal__grid .grid-row--alert-unreviewed,
.page-incident-details__grid .grid-row--alert-unreviewed {
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position-y: 100%;
  background-color: #fffcf7;
  background-image: linear-gradient(to right, #ff6b39 0%, #ff6b39 100%);
}
.data-services-modal__grid .grid-row--alert-unreviewed .grid-cell__event-type-icon .icon,
.data-services-modal__grid .grid-row--alert-unreviewed .grid-row__tag-list-separator,
.page-incident-details__grid .grid-row--alert-unreviewed .grid-cell__event-type-icon .icon,
.page-incident-details__grid .grid-row--alert-unreviewed .grid-row__tag-list-separator {
  color: #525252;
}
.data-services-modal__grid .grid-row--alert-reviewed-risk,
.page-incident-details__grid .grid-row--alert-reviewed-risk {
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position-y: 100%;
  background-color: #fffafa;
  background-image: linear-gradient(to right, #ff3c46 0%, #ff3c46 100%);
}
.data-services-modal__grid .grid-row--alert-reviewed-risk .grid-cell__event-type-icon .icon,
.data-services-modal__grid .grid-row--alert-reviewed-risk .grid-row__tag-list-separator,
.page-incident-details__grid .grid-row--alert-reviewed-risk .grid-cell__event-type-icon .icon,
.page-incident-details__grid .grid-row--alert-reviewed-risk .grid-row__tag-list-separator {
  color: #da1e28;
}
.data-services-modal__grid .grid-row--alert-reviewed-no-risk,
.page-incident-details__grid .grid-row--alert-reviewed-no-risk {
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position-y: 100%;
  background-color: #f8fcf4;
  background-image: linear-gradient(to right, #6ebe36 0%, #6ebe36 100%);
}
.data-services-modal__grid .grid-row--alert-reviewed-no-risk .grid-cell__event-type-icon .icon,
.data-services-modal__grid .grid-row--alert-reviewed-no-risk .grid-row__tag-list-separator,
.page-incident-details__grid .grid-row--alert-reviewed-no-risk .grid-cell__event-type-icon .icon,
.page-incident-details__grid .grid-row--alert-reviewed-no-risk .grid-row__tag-list-separator {
  color: #198038;
}
.data-services-modal__grid .grid-row--alert-reviewed-case,
.page-incident-details__grid .grid-row--alert-reviewed-case {
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position-y: 100%;
  background-image: linear-gradient(to right, #d6d6d6 0%, #d6d6d6 100%);
}
.data-services-modal__grid .grid-row__main-content,
.page-incident-details__grid .grid-row__main-content {
  position: relative;
}
.data-services-modal__grid .grid-row--highlighted,
.page-incident-details__grid .grid-row--highlighted {
  background: #fefd2b8f;
  border-bottom: 1px solid #000;
}
.data-services-modal__grid .grid-row--current-highlighted,
.page-incident-details__grid .grid-row--current-highlighted {
  background: #febb2cb8;
  border-bottom: 1px solid #000;
}
.data-services-modal__grid .grid-row__content,
.page-incident-details__grid .grid-row__content {
  position: relative;
}
.data-services-modal__grid .grid-row__primary,
.page-incident-details__grid .grid-row__primary {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
}
.data-services-modal__grid .grid-row__secondary,
.page-incident-details__grid .grid-row__secondary {
  display: block;
}
.data-services-modal__grid .grid-row__secondary .activity-comment,
.page-incident-details__grid .grid-row__secondary .activity-comment {
  margin-left: 8px;
  vertical-align: middle;
}
.data-services-modal__grid .grid-row__extra-content,
.page-incident-details__grid .grid-row__extra-content {
  display: block;
  position: relative;
  top: 4px;
  margin-top: auto;
}
.data-services-modal__grid .grid-row__review-actions,
.page-incident-details__grid .grid-row__review-actions {
  position: absolute;
  top: 0;
  right: 0;
  height: calc(100% - 2px);
  display: flex;
  align-items: center;
  padding-right: 13px;
  padding-left: 33px;
  background-image: linear-gradient(to right, transparent, #fffcf7 30px, #fffcf7);
}
.data-services-modal__grid .grid-row__review-actions .action + .action,
.page-incident-details__grid .grid-row__review-actions .action + .action {
  margin-left: 4px;
}
.data-services-modal__grid .grid-row__review-multiselect,
.page-incident-details__grid .grid-row__review-multiselect {
  padding-top: 8px;
}
.data-services-modal__grid .grid-row__review-details,
.page-incident-details__grid .grid-row__review-details {
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  position: relative;
  padding: 5px;
  margin: 0 10px;
}
.data-services-modal__grid .grid-row__review-details .form-input__validation-icon,
.page-incident-details__grid .grid-row__review-details .form-input__validation-icon {
  bottom: 6px;
  color: #e94b60;
}
.data-services-modal__grid .grid-row__review-details--no-risk,
.page-incident-details__grid .grid-row__review-details--no-risk {
  background-color: #f5fcf1;
  border-color: #6dbd54;
}
.data-services-modal__grid .grid-row__review-details--no-risk .grid-row__review-details-arrow,
.page-incident-details__grid .grid-row__review-details--no-risk .grid-row__review-details-arrow {
  border-bottom-color: #6dbd54;
}
.data-services-modal__grid .grid-row__review-details--no-risk .grid-row__review-details-arrow::before,
.page-incident-details__grid .grid-row__review-details--no-risk .grid-row__review-details-arrow::before {
  border-bottom-color: #f5fcf1;
}
.data-services-modal__grid .grid-row__review-details--risk,
.page-incident-details__grid .grid-row__review-details--risk {
  background-color: #ffeded;
  border-color: #ff3c46;
}
.data-services-modal__grid .grid-row__review-details--risk .grid-row__review-details-arrow,
.page-incident-details__grid .grid-row__review-details--risk .grid-row__review-details-arrow {
  border-bottom-color: #ff3c46;
}
.data-services-modal__grid .grid-row__review-details--risk .grid-row__review-details-arrow::before,
.page-incident-details__grid .grid-row__review-details--risk .grid-row__review-details-arrow::before {
  border-bottom-color: #ffeded;
}
.data-services-modal__grid .grid-row__review-details-arrow,
.page-incident-details__grid .grid-row__review-details-arrow {
  position: absolute;
  top: -6px;
  right: 11px;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 0 6px 6px;
  padding: 0;
  margin: 0;
}
.data-services-modal__grid .grid-row__review-details-arrow::before,
.page-incident-details__grid .grid-row__review-details-arrow::before {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
  top: 1px;
  left: -5px;
  border-width: 0 5px 5px;
}
.data-services-modal__grid .grid-row__review-details-wrapper,
.page-incident-details__grid .grid-row__review-details-wrapper {
  display: flex;
  overflow: hidden;
}
.data-services-modal__grid .grid-row__review-details .form-field,
.page-incident-details__grid .grid-row__review-details .form-field {
  margin-bottom: 0;
}
.data-services-modal__grid .grid-row__review-details .form-field + .form-field,
.page-incident-details__grid .grid-row__review-details .form-field + .form-field {
  margin-left: 5px;
}
.data-services-modal__grid .grid-row__review-details .form-input--select,
.page-incident-details__grid .grid-row__review-details .form-input--select {
  flex: 1 0 auto;
  max-width: 188px;
}
.data-services-modal__grid .grid-row__review-details .form-input--select select,
.page-incident-details__grid .grid-row__review-details .form-input--select select {
  line-height: 11px;
}
.data-services-modal__grid .grid-row__review-details .form-input--select .icon-sort,
.page-incident-details__grid .grid-row__review-details .form-input--select .icon-sort {
  bottom: 6px;
}
.data-services-modal__grid .grid-row__review-details-no-risk-tag, .data-services-modal__grid .grid-row__review-details-risk-tag,
.page-incident-details__grid .grid-row__review-details-no-risk-tag,
.page-incident-details__grid .grid-row__review-details-risk-tag {
  flex: 0 1 auto;
  max-width: 188px;
  min-width: 0;
  display: flex;
  padding: 3px 9px;
  margin-left: 5px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 400;
}
.data-services-modal__grid .grid-row__review-details-no-risk-tag-label, .data-services-modal__grid .grid-row__review-details-risk-tag-label,
.page-incident-details__grid .grid-row__review-details-no-risk-tag-label,
.page-incident-details__grid .grid-row__review-details-risk-tag-label {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-services-modal__grid .grid-row__review-details-no-risk-tag-remove, .data-services-modal__grid .grid-row__review-details-risk-tag-remove,
.page-incident-details__grid .grid-row__review-details-no-risk-tag-remove,
.page-incident-details__grid .grid-row__review-details-risk-tag-remove {
  border: 0;
  height: 13px;
  width: 11px;
  padding: 0;
}
.data-services-modal__grid .grid-row__review-details-no-risk-tag-remove .icon, .data-services-modal__grid .grid-row__review-details-risk-tag-remove .icon,
.page-incident-details__grid .grid-row__review-details-no-risk-tag-remove .icon,
.page-incident-details__grid .grid-row__review-details-risk-tag-remove .icon {
  height: 13px !important;
  margin: 0 !important;
}
.data-services-modal__grid .grid-row__review-details-no-risk-tag, .data-services-modal__grid .grid-row__review-details-risk-tag,
.page-incident-details__grid .grid-row__review-details-no-risk-tag,
.page-incident-details__grid .grid-row__review-details-risk-tag {
  color: #161616;
  background: #fff;
}
.data-services-modal__grid .grid-row__review-details-no-risk-tag,
.page-incident-details__grid .grid-row__review-details-no-risk-tag {
  border-color: #198038;
}
.data-services-modal__grid .grid-row__review-details-risk-tag,
.page-incident-details__grid .grid-row__review-details-risk-tag {
  border-color: #da1e28;
}
.data-services-modal__grid .grid-row__tag-list,
.page-incident-details__grid .grid-row__tag-list {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  overflow-x: clip;
}
.data-services-modal__grid .grid-row__tag-list-separator,
.page-incident-details__grid .grid-row__tag-list-separator {
  margin-left: 3px;
}
.data-services-modal__grid .grid-row__tag-item,
.page-incident-details__grid .grid-row__tag-item {
  font-size: 13px;
  display: flex;
  align-items: center;
}
.data-services-modal__grid .grid-row__tag-item:first-child .tag,
.page-incident-details__grid .grid-row__tag-item:first-child .tag {
  margin-left: 0;
}
.data-services-modal__grid .grid-row__tag-item .tag,
.page-incident-details__grid .grid-row__tag-item .tag {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.data-services-modal__grid .grid-cell,
.page-incident-details__grid .grid-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
  padding: 0 10px;
}
.data-services-modal__grid .grid-cell .user-display-name .icon,
.page-incident-details__grid .grid-cell .user-display-name .icon {
  margin-right: 2px;
  position: relative;
  top: -2px;
}
.data-services-modal__grid .grid-cell__time,
.page-incident-details__grid .grid-cell__time {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.data-services-modal__grid .grid-cell__title,
.page-incident-details__grid .grid-cell__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 500;
}
.data-services-modal__grid .grid-cell__subtitle,
.page-incident-details__grid .grid-cell__subtitle {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  font-size: 13px;
  color: #525252;
}
.data-services-modal__grid .grid-cell__extra,
.page-incident-details__grid .grid-cell__extra {
  display: block;
}
.data-services-modal__grid .grid-cell__extra-case-details,
.page-incident-details__grid .grid-cell__extra-case-details {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.data-services-modal__grid .grid-cell--details,
.page-incident-details__grid .grid-cell--details {
  padding-top: 3px;
  padding-bottom: 3px;
}
.data-services-modal__grid .grid-cell--event-type .icon, .data-services-modal__grid .grid-cell--event-type-action .icon,
.page-incident-details__grid .grid-cell--event-type .icon,
.page-incident-details__grid .grid-cell--event-type-action .icon {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  margin-right: 5px;
  font-size: 14px;
}
.data-services-modal__grid .grid-cell--event-type .icon-event, .data-services-modal__grid .grid-cell--event-type-action .icon-event,
.page-incident-details__grid .grid-cell--event-type .icon-event,
.page-incident-details__grid .grid-cell--event-type-action .icon-event {
  font-size: 13px;
}
.data-services-modal__grid .grid-cell--event-type-action,
.page-incident-details__grid .grid-cell--event-type-action {
  max-width: calc(100% - 150px);
}
.data-services-modal__grid .grid-cell--event-type-action .grid-cell__extra,
.data-services-modal__grid .grid-cell--event-type-action .activity-comment,
.page-incident-details__grid .grid-cell--event-type-action .grid-cell__extra,
.page-incident-details__grid .grid-cell--event-type-action .activity-comment {
  max-width: 100%;
}
.data-services-modal__grid .grid-cell__tag-list,
.page-incident-details__grid .grid-cell__tag-list {
  overflow: auto;
}
.data-services-modal__grid .grid-scrollbar,
.page-incident-details__grid .grid-scrollbar {
  background: #fff;
}
.data-services-modal__grid .grid-scrollbar .track,
.page-incident-details__grid .grid-scrollbar .track {
  position: absolute;
  width: 100%;
  overflow: hidden;
}
.data-services-modal__grid .grid-scrollbar .dots,
.page-incident-details__grid .grid-scrollbar .dots {
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.data-services-modal__grid .grid-scrollbar .thumb,
.page-incident-details__grid .grid-scrollbar .thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #a8a8a8;
  cursor: pointer;
}
.data-services-modal__grid .grid-vertical-scrollbar,
.page-incident-details__grid .grid-vertical-scrollbar {
  grid-area: vscroll;
}
.data-services-modal__grid .grid-vertical-scrollbar .track,
.page-incident-details__grid .grid-vertical-scrollbar .track {
  width: 23px;
  margin-left: 7px;
  height: 100%;
}
.data-services-modal__grid .grid-vertical-scrollbar .thumb,
.page-incident-details__grid .grid-vertical-scrollbar .thumb {
  height: 100%;
  background: transparent;
  border-color: #a8a8a8;
  border-style: solid;
  border-width: 9px 1px;
  border-radius: 4px;
  box-sizing: border-box;
}
.data-services-modal__grid .grid-vertical-scrollbar-backdrop,
.page-incident-details__grid .grid-vertical-scrollbar-backdrop {
  background: rgba(0, 0, 0, 0.15);
}
.data-services-modal__grid .grid-horizontal-scrollbar,
.page-incident-details__grid .grid-horizontal-scrollbar {
  grid-area: hscroll;
}
.data-services-modal__grid .grid-horizontal-scrollbar .track,
.page-incident-details__grid .grid-horizontal-scrollbar .track {
  height: 8px;
}
.data-services-modal__grid .grid-horizontal-scrollbar .track .thumb,
.page-incident-details__grid .grid-horizontal-scrollbar .track .thumb {
  width: 100%;
}
.data-services-modal__grid .activity-comment,
.page-incident-details__grid .activity-comment {
  position: relative;
  background: #fff;
  border: 1px solid #d9d9d9;
  display: inline-block;
  position: relative;
  padding: 1px 5px;
  border-radius: 3px;
  color: #525252;
  font-weight: 500;
  line-height: 1.2;
}
.data-services-modal__grid .activity-comment::before, .data-services-modal__grid .activity-comment::after,
.page-incident-details__grid .activity-comment::before,
.page-incident-details__grid .activity-comment::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  border: solid transparent;
  height: 0;
  width: 0;
}
.data-services-modal__grid .activity-comment::before,
.page-incident-details__grid .activity-comment::before {
  border-color: transparent;
  border-right-color: #d9d9d9;
  border-width: 6px;
  margin-top: -6px;
}
.data-services-modal__grid .activity-comment::after,
.page-incident-details__grid .activity-comment::after {
  border-color: transparent;
  border-right-color: #fff;
  border-width: 5px;
  margin-top: -5px;
}
.data-services-modal__grid .activity-comment__quote,
.page-incident-details__grid .activity-comment__quote {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.data-services-modal__grid .activity-comment__quote::before,
.page-incident-details__grid .activity-comment__quote::before {
  content: "“";
}
.data-services-modal__grid .activity-comment__quote::after,
.page-incident-details__grid .activity-comment__quote::after {
  content: "”";
}

.data-services-modal__section {
  margin-bottom: 0;
}
.data-services-modal__grid {
  display: block;
  margin-bottom: 20px;
}
.data-services-modal__grid .grid-row__content {
  row-gap: 10px;
  display: flex;
  flex-direction: column;
}
.data-services-modal__data-service {
  padding-bottom: 50px;
}
.data-services-modal__navigation {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: #fff;
}
.data-services-modal__navigation .action {
  margin-right: 4px;
}
.data-services-modal__navigation-controls {
  display: flex;
  justify-content: flex-end;
  margin: 10px;
}
.data-services-modal__navigation-controls-center-justified {
  display: flex;
  justify-content: space-between;
  margin: 10px;
}
.data-services-modal__navigation-controls-no-margin {
  margin: 0;
}
.data-services-modal__navigation-controls-border-top {
  border-top: solid 2px gray;
  padding-top: 1rem;
}
.data-services-modal .grid-row {
  margin-bottom: 10px;
}

.page-incident-details {
  outline: 0;
}
.page-incident-details .incident-toggle-filter-button-wrap {
  position: relative;
}
.page-incident-details .incident-toggle-filter-button-wrap .incident-toggle-filter-button-arrow {
  position: relative;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-color: transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
  z-index: 2;
  display: none;
}
.page-incident-details .incident-toggle-filter-button-wrap .incident-toggle-filter-button-arrow::before, .page-incident-details .incident-toggle-filter-button-wrap .incident-toggle-filter-button-arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  border: solid transparent;
  height: 0;
  width: 0;
}
.page-incident-details .incident-toggle-filter-button-wrap .incident-toggle-filter-button-arrow::before {
  border-color: transparent;
  border-bottom-color: #d9d9d9;
  border-width: 7px;
  margin-left: -7px;
}
.page-incident-details .incident-toggle-filter-button-wrap .incident-toggle-filter-button-arrow::after {
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}
.page-incident-details .incident-toggle-filter-button-wrap.is-expanded .incident-toggle-filter-button-arrow {
  display: block;
}
.page-incident-details .incident-toggle-filter-button.has-active-filters {
  color: var(--cc-primaryColor, #893067);
}
.page-incident-details .incident-toggle-filter-button.has-active-filters .icon {
  fill: currentColor;
}
.page-incident-details .event-filter {
  z-index: 8;
  outline: none;
}
.page-incident-details__back-to-list {
  text-align: center;
  margin-bottom: 15px;
}
.page-incident-details .sidebar-right__backdrop {
  background: rgba(0, 0, 0, 0.15);
}
.page-incident-details__page-title {
  display: flex;
  align-items: baseline;
  font-size: 25px;
  margin: 0 !important;
}
.page-incident-details__page-title .detokenize__container {
  min-width: 0;
}
.page-incident-details__page-subtitle {
  font-weight: 400;
  font-size: 13px;
  margin-left: 8px;
}
.page-incident-details__timer {
  color: #525252;
  line-height: 16px;
  padding-right: 16px;
}
.page-incident-details__timer .icon {
  vertical-align: top;
  fill: currentColor;
  margin-right: 5px;
}
.page-incident-details__main-body.main-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.page-incident-details__read-only-header {
  background: #fff;
  margin-bottom: 15px;
  color: #767676;
}
.page-incident-details__read-only-header-title {
  padding: 10px;
  font-weight: 500;
  display: flex;
  justify-content: center;
}
.page-incident-details__read-only-header-title .icon {
  fill: currentColor;
  margin-right: 5px;
  vertical-align: text-top;
  width: 30px;
  height: 16px;
}
.page-incident-details__read-only-header-body {
  padding: 0 4px 10px;
  font-size: 13px;
  justify-content: center;
  text-align: center;
}
.page-incident-details__read-only-header-user {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  line-height: 1.3;
}
.page-incident-details__read-only-header .display-name .icon {
  fill: currentColor;
  position: relative;
  top: 1px;
  margin-right: 2px;
}
.page-incident-details__sidebar-block {
  background-color: #fff;
  padding: 10px 15px 20px;
  margin-bottom: 15px;
  color: #525252;
  fill: currentColor;
}
.page-incident-details__sidebar-block-header {
  display: flex;
  line-height: 30px;
}
.page-incident-details__sidebar-block-header .icon {
  margin-right: 7px;
  vertical-align: top;
  width: 18px;
  height: 30px;
}
.page-incident-details__sidebar-block-header h1 {
  margin: 0;
  font-size: 18px;
}
.page-incident-details__sidebar-block-alerts-count {
  font-weight: 500;
  font-size: 13px;
  color: #525252;
  text-align: right;
  flex: 1;
}
.page-incident-details__review-block {
  position: relative;
  display: flex;
  flex-direction: column;
}
.page-incident-details__review-block::before {
  background-image: linear-gradient(to right, #ee742c 0%, #ee742c 25%, #f9b415 25%, #f9b415 50%, #ee742c 50%, #ee742c 75%, #e52729 75%);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  flex: 0 0 auto;
  width: 100%;
  height: 4px;
}
.cc-stripe-set .page-incident-details__review-block::before {
  background: var(--cc-stripeBackgroundColor);
}
.page-incident-details__review-block .action--theme-no-risk,
.page-incident-details__review-block .action--theme-risk {
  border-color: #c7c7c7;
}
.page-incident-details__review-block .action--theme-no-risk.active,
.page-incident-details__review-block .action--theme-risk.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.page-incident-details__review-block .action--theme-no-risk .icon,
.page-incident-details__review-block .action--theme-risk .icon {
  width: 16px;
}
.page-incident-details__review-block .action--theme-danger.active {
  border-color: #da1e28;
  border: 2px solid;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.page-incident-details__review-block .action--theme-accept.active {
  border-color: #198038;
  border: 2px solid;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.page-incident-details__review-block-risk, .page-incident-details__review-block-no-risk, .page-incident-details__review-block-case {
  padding: 8px 10px;
  margin: 0 0 5px;
  font-weight: 500;
  color: #5b5b5b;
  border-radius: 0 0 3px 3px;
  border: 2px solid;
}
.page-incident-details__review-block-risk .checkbox__label, .page-incident-details__review-block-no-risk .checkbox__label, .page-incident-details__review-block-case .checkbox__label {
  margin: 0;
}
.page-incident-details__review-block-risk .form-field, .page-incident-details__review-block-no-risk .form-field, .page-incident-details__review-block-case .form-field {
  margin: 6px 0 0;
}
.page-incident-details__review-block-risk .form-field__label, .page-incident-details__review-block-no-risk .form-field__label, .page-incident-details__review-block-case .form-field__label {
  font-size: 13px;
  padding: 0;
  margin: 6px 0 0;
}
.page-incident-details__review-block-risk {
  border-color: #da1e28;
}
.page-incident-details__review-block-risk .zelm-action--theme-default {
  width: 100%;
}
.page-incident-details__review-block-no-risk.active {
  border-color: #198038;
}
.page-incident-details__review-block .zelm-form-field {
  margin: 10px 0;
}
.page-incident-details__review-block-case {
  background-color: #fff;
  border: 1px solid var(--cc-primaryColor, #893067);
}
.page-incident-details__review-block-case .form-field:first-child {
  margin-top: 0;
}
.page-incident-details__review-block-hint {
  color: #5b5b5b;
  display: block;
  margin: 6px 0;
  font-size: 12px;
  font-weight: 400;
}
.page-incident-details__review-block-risk-tag, .page-incident-details__review-block-no-risk-tag, .page-incident-details__review-block-case-tag {
  display: flex;
  width: 100%;
  padding: 5px 9px;
  margin-top: 5px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 13px;
  font-size: 12px;
  font-weight: 400;
  color: #000;
}
.page-incident-details__review-block-risk-tag-label, .page-incident-details__review-block-no-risk-tag-label, .page-incident-details__review-block-case-tag-label {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-incident-details__review-block-risk-tag-remove, .page-incident-details__review-block-no-risk-tag-remove, .page-incident-details__review-block-case-tag-remove {
  border: 0;
  height: 13px;
  width: 11px;
  padding: 0;
}
.page-incident-details__review-block-risk-tag-remove .icon, .page-incident-details__review-block-no-risk-tag-remove .icon, .page-incident-details__review-block-case-tag-remove .icon {
  height: 13px !important;
  margin: 0 !important;
}
.page-incident-details__review-block-tag-list {
  margin: 8px 0;
}
.page-incident-details__review-block-no-risk-tag {
  background: #e5f9d6;
  border-color: #72bc44;
}
.page-incident-details__review-block-risk-tag {
  background: #ffdde2;
  border-color: #ff587c;
}
.page-incident-details__review-block-case-tag {
  background: #f6f6f6;
  border-color: #525252;
  color: #555;
}
.page-incident-details__review-block-start-action {
  width: 100%;
  height: 34px;
  margin-top: 5px;
  font-size: 15px;
}
.page-incident-details__review-block-case-management {
  margin-top: 12px;
  padding-top: 7px;
  border-top: 1px solid #e3e3e3;
}
.page-incident-details__review-block-warnings {
  margin: 10px 0;
  font-size: 13px;
}
.page-incident-details__review-block-warnings .ui-note {
  padding: 10px;
}
.page-incident-details__refer-block-refer-to {
  margin: 8px 0 0;
}
.page-incident-details__add-to-list-block-data-lists {
  margin-top: 8px;
}
.page-incident-details__add-to-list-block-comment, .page-incident-details__pending-block-comment, .page-incident-details__refer-block-comment, .page-incident-details__review-block-comment {
  margin: 8px 0 6px;
}
.page-incident-details__add-to-list-block--bring-to-front, .page-incident-details__pending-block--bring-to-front, .page-incident-details__refer-block--bring-to-front, .page-incident-details__review-block--bring-to-front {
  z-index: 10;
}
.page-incident-details__add-to-list-block-actions, .page-incident-details__pending-block-actions, .page-incident-details__refer-block-actions, .page-incident-details__review-block-actions {
  display: flex;
  margin-top: 6px;
}
.page-incident-details__actions-block {
  background-color: #fff;
}
.page-incident-details__actions-block--transparent {
  background: transparent;
}
.page-incident-details__actions-block--readonly {
  opacity: 0.3;
  pointer-events: none;
}
.page-incident-details__actions-block .sidebar-switch-view .icon {
  margin-right: 5px;
  fill: #ab3363;
}
.page-incident-details__actions-block .sidebar-switch-view .version {
  font-size: 16px;
}
.page-incident-details__actions-block .sidebar-switch-view .action {
  font-weight: 600;
  color: #ab3363;
  text-decoration: underline;
}
.page-incident-details__action-section-button:focus {
  outline-offset: 5px;
}
.page-incident-details__action-section {
  position: relative;
  padding: 10px 15px;
}
.page-incident-details__action-section-button {
  text-align: left;
  width: 100%;
  line-height: 13.8px;
}
.page-incident-details__action-section--bring-to-front {
  z-index: 10;
  background: #fff;
}
.page-incident-details__action-section--readonly {
  background-color: #f1f1f1;
  color: #767676;
}
.page-incident-details__action-section:hover:not(.page-incident-details__action-section--readonly) {
  background: #f9f9f9;
}
.page-incident-details__action-section + .page-incident-details__action-section {
  border-top: 2px solid #e3e3e3;
}
.page-incident-details__action-section-header {
  display: block;
}
.page-incident-details__action-section-header--clickable {
  cursor: pointer;
}
.page-incident-details__action-section-title {
  font-weight: 700;
  display: block;
  font-size: 18px;
  margin: 8px 0 0;
  color: #525252;
}
.page-incident-details__action-section-title .icon {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  vertical-align: middle;
}
.page-incident-details__action-section-subtitle {
  display: block;
  color: #525252;
  font-size: 13px;
  font-weight: 500;
  margin: 8px 0 0;
  line-height: 16px;
}
.page-incident-details__action-section-subtitle a {
  color: var(--cc-primaryColor, #893067);
  text-decoration: underline;
}
.page-incident-details__action-section__secondary-action {
  font-weight: 600;
  cursor: pointer;
}
.page-incident-details__action-section .form-field--horizontal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 6px;
}
.page-incident-details__action-section-tags .icon {
  height: 12px;
  width: 12px;
  display: block;
  margin: 10px auto;
}
.page-incident-details__action-section-tag {
  display: flex;
  width: 100%;
  padding: 5px 9px;
  margin-top: 5px;
  background-color: #e7e7e7;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 500;
}
.page-incident-details__action-section-tag-label {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-incident-details__action-section-tag-remove {
  border: 0;
  height: 13px;
  width: 11px;
  padding: 0;
}
.page-incident-details__action-section-tag-remove .icon {
  fill: #8a8a8a;
  height: 13px !important;
  margin: 0 !important;
}
.page-incident-details__action-section-pending-timeout {
  margin-top: 10px;
}
.page-incident-details__action-section-pending-timeout .form-field,
.page-incident-details__action-section-pending-timeout .checkbox__label {
  margin-bottom: 6px;
}
.page-incident-details__action-section-pending-timeout .form-input--unit {
  display: flex !important;
}
.page-incident-details__action-section-pending-timeout .form-input__unit-value,
.page-incident-details__action-section-pending-timeout .form-input__unit-units {
  flex: 1;
}
.page-incident-details__incident-summary {
  flex: 0 0 auto;
  padding-bottom: 0;
}
.page-incident-details__incident-summary .panel__header {
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  justify-content: space-between;
}
.page-incident-details__incident-summary .panel__body {
  padding-top: 5px;
}
.page-incident-details__tablist {
  display: flex;
}
.page-incident-details__incident-tabs {
  flex: 1 1 auto;
  min-height: unset !important;
  overflow: hidden;
}
.page-incident-details__incident-tabs .panel__wrapper {
  height: 100%;
}
.page-incident-details__incident-tabs .panel__group {
  align-items: flex-start;
}
.page-incident-details__incident-tabs .panel__body {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.page-incident-details__filter {
  display: flex;
  align-items: center;
}
.page-incident-details__filter-button {
  border: 1px solid #c7c7c7;
}
.page-incident-details__filter-button .icon {
  position: relative;
  left: 1px;
  margin: 0 0 0 4px !important;
}
.page-incident-details__filter-button:hover {
  border-color: #aaa;
}
.page-incident-details__filter-tooltip .static-tooltip__content {
  max-height: 400px;
  overflow: auto;
  width: 200px;
  padding: 0;
}
.page-incident-details__filter-label {
  font-weight: 600;
  margin-right: 6px;
  font-size: 13px;
  color: #525252;
}
.page-incident-details__filter-list {
  font-weight: 400;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: #525252;
}
.page-incident-details__filter-item {
  padding: 8px 12px;
  cursor: pointer;
}
.page-incident-details__filter-item,
.page-incident-details__filter-item .checkbox__label-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-incident-details__filter-item.is-active {
  background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb);
}
.page-incident-details__filter-item .checkbox__label {
  margin: 0;
}
.page-incident-details__tooltip {
  position: relative;
}
.page-incident-details__tooltip .action .icon-angle-down {
  margin-right: 0;
  margin-left: 3px;
}
.page-incident-details__tooltip-arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(-10px - 1px);
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  z-index: 4;
}
.page-incident-details__tooltip-arrow::before {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
}
.page-incident-details__tooltip-arrow--top {
  border-bottom-color: #cecece;
  border-width: 0 6px 6px;
}
.page-incident-details__tooltip-arrow--top::before {
  top: 1px;
  left: -5px;
  border-bottom-color: #fff;
  border-width: 0 5px 5px;
}
.page-incident-details__tooltip-content-actions {
  display: flex;
  margin-top: 15px;
}
.page-incident-details__tooltip-content-action-cancel {
  flex: 0 1 auto;
}
.page-incident-details__tooltip-content .panel--tooltip {
  width: 300px;
}
.page-incident-details__tooltip-content .panel--tooltip .panel__body {
  margin: 0 13px;
  padding-top: 0;
}
.page-incident-details__tooltip-content .panel--tooltip .panel__section-form-fields {
  padding-top: 0;
}
.page-incident-details__tooltip-content .panel--tooltip .form-field__validation-message {
  font-weight: 400;
}
.page-incident-details__tooltip-content .panel--tooltip .form-field__label {
  max-width: none;
  padding-right: 0;
  white-space: normal;
}
.page-incident-details__tooltip-content .panel--tooltip .form-field__hint {
  font-weight: 400;
}
.page-incident-details__tooltip-content-actions {
  display: flex;
  margin-top: 15px;
}
.page-incident-details__tooltip-content-action-submit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  margin-right: 5px;
}
.page-incident-details__tooltip-content-action-cancel {
  flex: 0 1 auto;
}
.page-incident-details__data-list-select {
  margin: 10px 0 6px;
}
.page-incident-details__data-list-select-no-json-paths {
  font-weight: 600;
  display: block;
  margin: 4px;
  font-size: 13px;
  color: #da1e28;
}
.page-incident-details__data-list-option--list-name {
  font-weight: 500;
  line-height: 18px;
}
.page-incident-details__data-list-option--scope-name {
  font-size: 13px;
  line-height: 10px;
}
.page-incident-details .incident-search-group {
  display: flex;
}
.page-incident-details .incident-search-group__find {
  display: flex;
  align-items: center;
  color: #525252;
  padding: 0 2px;
}
.page-incident-details .incident-search-group__find-info {
  padding: 0 10px;
  background-color: #fdfdfd;
  border: 1px solid #c7c7c7;
  border-left-width: 0;
  font-size: 13px;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.page-incident-details .incident-search-group__find-desc {
  color: #525252;
}
.page-incident-details .incident-search-group__find-navigation {
  background: #fdfdfd;
  font-size: 17px;
  border: 1px solid #c7c7c7;
  border-left-width: 0;
  display: flex;
}
.page-incident-details .incident-search-group__find-navigation .action--icon-only {
  width: 20px;
  height: 20px;
}
.page-incident-details .incident-search-group__find-navigation .action--icon-only button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-incident-details .incident-search-group__toggle-mode {
  padding: 0;
  display: flex;
  align-items: center;
}
.page-incident-details .incident-search-group__toggle-mode > .action {
  border-left-width: 0;
  border-radius: 0 3px 3px 0;
  padding: 0;
  background-color: #fdfdfd;
  background-image: none;
  width: 30px;
  height: 30px;
}
.page-incident-details .incident-search-group__toggle-mode .action .icon {
  height: 20px;
  width: auto;
  margin-right: 0;
  transform: rotate(0);
  transition: transform 0.2s ease;
}
.page-incident-details .incident-search-group__toggle-mode .action:focus {
  outline-offset: 0;
}
.page-incident-details .incident-search-group__toggle-mode .static-tooltip__body {
  font-size: 10px;
}
.page-incident-details .incident-search-group--toggle-mode-open .action .icon {
  transform: rotate(180deg);
}
.page-incident-details .incident-search-group button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-incident-details .incident-search-group > .action {
  border-radius: 0;
  border-left: 1px solid #c7c7c7;
  background-color: #fff;
}
.page-incident-details .incident-search-group > .action .icon {
  border-right: 0;
}
.page-incident-details .incident-search-group .static-tooltip__arrow {
  border-width: 0 6px 6px;
}
.page-incident-details .incident-search-group .static-tooltip__content {
  border-width: 1px;
  padding: 5px;
}
.page-incident-details .incident-search-group .static-tooltip__content .focus-trap {
  display: flex;
  flex-flow: column;
  align-items: start;
}
.page-incident-details .incident-search-group .static-tooltip__content .action {
  font-size: 10px;
  line-height: 20px;
  border-radius: 0;
  width: 100%;
}
.page-incident-details .incident-search-group--highlighted {
  background-color: #fefd2b8f;
}

.details-tab {
  overflow: auto;
}
.details-tab__panel-empty-state, .details-tab__panel-error-state {
  display: block;
  margin: 0;
  padding: 10px;
  text-align: center;
}
.details-tab__panel-error-state {
  color: #da1e28;
}
.details-tab .main-default .panel-incident-details-event-json {
  display: none;
}
.details-tab__summary-header, .details-tab__summary-content {
  display: flex;
  justify-content: center;
}
.details-tab__summary-content-wrapper {
  flex-direction: column;
  width: 650px;
}
.details-tab__summary-header-cell {
  border-right: 1px solid #dedede;
  margin: 40px 0;
  padding: 0 50px;
  text-align: center;
}
.details-tab__summary-header-cell:last-child {
  border-right: 0;
}
.details-tab__summary-header-cell-value {
  color: #161616;
  font-size: 40px;
}
.details-tab__summary-header-cell-label {
  color: #161616;
}
.details-tab__summary-tags-warning {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
  fill: #ffbe37;
}
.details-tab__summary-content-row {
  color: #161616;
  display: flex;
  justify-content: flex-start;
  padding: 10px 0;
}
.details-tab__summary-content-row:nth-child(2n) {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.details-tab__summary-content-cell-label {
  margin: 2px 0;
  padding: 2px 0;
  width: 33%;
}
.details-tab__summary-content-cell-value {
  width: 67%;
  flex-wrap: wrap;
}
.details-tab .x-axis-labels {
  margin-left: 72px;
  margin-right: 72px;
  display: flex;
}
.details-tab .x-axis-label {
  color: #525252;
  text-align: center;
  width: 20%;
}
.details-tab__charts {
  display: flex;
  margin-top: 25px;
  margin-bottom: 25px;
}
.details-tab__charts > div {
  width: calc(50% - 10px);
}
.details-tab__charts_distribution {
  margin-right: 5px;
}
.details-tab__charts_breakdown {
  margin-left: 5px;
}
.details-tab__charts .panel__header {
  padding: 10px;
}
.details-tab__charts_container {
  height: 180px;
}
.details-tab__charts .axis text {
  font-size: 13px;
}
.details-tab__extra-panels {
  margin-top: 25px;
}
.details-tab__extra-panels:first-child {
  margin-top: 10px;
}
.details-tab__extra-panels .panel {
  padding-bottom: 0;
}
.details-tab__extra-panels .panel__header {
  background: transparent;
}
.details-tab__extra-panels .panel__title {
  color: #000;
}
.details-tab__extra-panels .panel__body {
  padding: 0;
}
.details-tab__extra-panels .details-tab__extra-panels-group-header {
  background: #e7dce4;
  line-height: 20px;
  font-weight: 500;
  border-right: 1px solid #fff;
}
.details-tab__extra-panels .details-tab__extra-panels-group-header:last-child {
  border-right: 0;
}
.details-tab__extra-panels-key-val > div {
  padding: 8px;
}
.details-tab__extra-panels-key-val .key {
  color: #767676;
  font-weight: 600;
}
.details-tab__extra-panels-key-val .value {
  padding-left: 10px;
}
@media screen and (max-width: 1300px) {
  .details-tab .x-axis-labels {
    margin-left: 60px;
    margin-right: 60px;
  }
  .details-tab .x-axis-label {
    font-size: 13px;
  }
}
@media screen and (max-width: 1100px) {
  .details-tab .x-axis-labels {
    margin-left: 72px;
    margin-right: 72px;
  }
  .details-tab__charts {
    display: block;
  }
  .details-tab__charts > div {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .details-tab__charts > div:first-child {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 500px) {
  .details-tab .x-axis-label {
    font-size: 13px;
  }
}

.sidebar--incident-details {
  overflow: scroll;
}
.sidebar--incident-details.bring-to-front {
  z-index: 8;
  position: relative;
}
.sidebar--incident-details.bring-to-front .page-incident-details__left-sidebar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(0, 0, 0, 0.15);
}

.page-incident-details__left-sidebar {
  z-index: 5;
  position: relative;
  padding: 15px 12px 220px 20px;
  min-height: 100%;
}

.details-sidebar {
  overflow-y: scroll;
  display: flex;
  flex-flow: column;
}
.details-sidebar__json-display-panel {
  flex: 0 0 auto;
}
.details-sidebar__googlemap--hidden {
  display: none;
}
.details-sidebar .panel--sidebar-googlemap {
  flex: 0 0 auto;
}
.details-sidebar__in-session-tabs {
  display: flex;
}
.details-sidebar__in-session-tabs .panel__tab {
  padding-top: 5.5px;
  color: var(--cc-panelHeaderColor, #000);
  background-color: var(--cc-panelHeaderBackgroundColor, #e3e3e3);
}
.details-sidebar__in-session-tabs .panel__tab--active {
  color: var(--cc-primaryColor, #893067);
  background-color: #fff;
  border: 1px solid #b9b9b9;
  border-bottom: none;
  margin-bottom: -1px;
  z-index: 1;
}
.details-sidebar .main-default {
  padding: 0 !important;
}
.details-sidebar .main-default .panel-json {
  display: none;
}
.details-sidebar .main-default .panel-incident-details-event-json {
  text-align: center;
}
.details-sidebar .main-default .panel-incident-details-event-json .body {
  text-align: left;
}
.details-sidebar .main-default .panel-incident-details-event-json label {
  font-weight: 600;
  font-size: 19px;
  color: var(--cc-primaryColor, #893067);
  margin: 0 0 10px;
  display: inline-block;
  margin-top: 15px;
}
.details-sidebar .main-default .panel-incident-details-event-json label .clipboard {
  margin-left: 5px;
  color: #000;
}
.details-sidebar .action--active {
  background: var(--cc-primaryColor, #893067);
  color: #fff;
  border: none;
}
.details-sidebar--json-display {
  width: 600px;
}
.details-sidebar__models-table table {
  table-layout: fixed;
}
.details-sidebar__models-table .table__header-item {
  width: 33%;
}
.details-sidebar__models-table .table__cell {
  max-width: 33%;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
}
.details-sidebar__title {
  word-wrap: break-word;
}
.details-sidebar__date-time {
  padding: 0 10px;
  margin: 0 0 22px;
  font-size: 13px;
  font-weight: 400;
  color: #525252;
}
.details-sidebar__comment {
  position: relative;
  padding: 7px 11px;
  color: #6e6e6e;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  margin-bottom: 10px;
  word-wrap: break-word;
  white-space: pre-wrap;
  line-height: 16px;
}
.details-sidebar__comment .quote::after,
.details-sidebar__comment .quote::before {
  content: "”";
}
.details-sidebar__comment::before, .details-sidebar__comment::after {
  position: absolute;
  left: -12px;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
}
.details-sidebar__comment::before {
  top: 2px;
  left: -14px;
  border-color: transparent;
  border-right-color: #d2d2d2;
  border-width: 7px;
}
.details-sidebar__comment::after {
  top: 3px;
  border-right-color: #fff;
  border-width: 6px;
}
.details-sidebar__case-info {
  color: #525252;
}
.details-sidebar__custom-review-fields {
  margin: 20px 0 10px;
}
.details-sidebar__custom-review-fields .title {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}
.details-sidebar__subtitle {
  font-weight: 600;
  font-size: 19px;
  color: var(--cc-primaryColor, #893067);
  margin: 0 0 10px;
}
.details-sidebar__title {
  padding: 0 10px;
  margin: 5px 0 10px;
  font-size: 21px;
  font-weight: 500;
  line-height: 21px;
  color: #161616;
}
.details-sidebar__title-text {
  margin-left: 8px;
}
.details-sidebar__title-icon {
  display: inline-block;
  vertical-align: text-top;
}
.details-sidebar__title-icon .icon {
  display: block;
  --primary-color: color(grey);
  fill: #525252;
}
.details-sidebar__title svg {
  width: 21px;
  height: 21px;
}
.details-sidebar__title--activity .icon {
  --primary-color: $global-primary-color;
  fill: var(--cc-primaryColor, #893067);
}
.details-sidebar__title--no-risk .icon {
  --primary-color: #198038;
  fill: #198038;
}
.details-sidebar__title--risk .icon {
  --primary-color: #da1e28;
  fill: #da1e28;
}
.details-sidebar__title--unreviewed .icon {
  --primary-color: #f57423;
  fill: #f57423;
}
.details-sidebar__review-details {
  padding: 15px 10px;
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  border-bottom: 0;
  border-style: solid;
  border-width: 1px;
  background-position-y: 100%;
}
.details-sidebar__review-details.no-risk {
  background-color: #f8fcf4;
  border-color: #6ebe36;
  background-image: linear-gradient(to right, #6ebe36 0%, #6ebe36 100%);
}
.details-sidebar__review-details.risk {
  background-color: #fffafa;
  border-color: #ff3c46;
  background-image: linear-gradient(to right, #ff3c46 0%, #ff3c46 100%);
}
.details-sidebar__review-details.case {
  background-color: #f9f9f9;
  border-color: #525252;
  background-image: linear-gradient(to right, #525252 0%, #525252 100%);
}
.details-sidebar__review-details dt {
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 500;
  color: #525252;
}
.details-sidebar__review-details dd {
  margin: 0;
  font-size: 13px;
  color: #161616;
  word-wrap: break-word;
}
.details-sidebar__review-details .header {
  display: flex;
  padding: 0;
  margin: 0 0 10px;
}
.details-sidebar__review-details .header .icon-wrapper .icon {
  width: 29px;
  height: 29px;
}
.details-sidebar__review-details .header .title {
  margin: 0;
  flex: 1;
  word-break: break-word;
}
.details-sidebar__review-details .header .title h1 {
  font-size: 14px;
  font-weight: 500;
  line-height: 12px;
  margin: 0 0 5px 10px;
  color: #525252;
}
.details-sidebar__review-details .header .title h2 {
  font-size: 13px;
  font-weight: 400;
  color: #161616;
  margin: 0 0 0 10px;
}
.details-sidebar__review-details .header .title h2 .user-display-name .icon {
  fill: currentColor;
  margin-right: 2px;
  position: relative;
  top: 1px;
}
.details-sidebar__custom-fields {
  margin: 20px 0 0;
  color: #525252;
  border-width: 1px 0;
  border-style: solid;
  border-color: #ccc;
}
.details-sidebar__custom-fields .description-list__term {
  padding-right: 40px;
  font-weight: 500;
  color: #525252;
  word-break: break-word;
}
.details-sidebar__custom-fields .description-list__details {
  word-break: break-word;
}
.details-sidebar__custom-fields .event-search-link {
  color: var(--cc-primaryColor, #893067);
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}
.details-sidebar__custom-review-fields {
  color: #525252;
}
.details-sidebar__alert-details {
  margin-bottom: 15px;
  padding: 15px 10px 17px;
  border: 1px solid #c7c7c7;
}
.details-sidebar__alert-details dl {
  display: flex;
}
.details-sidebar__alert-details dl dt {
  flex: 0 0 64px;
  padding-right: 12px;
  font-size: 13px;
  font-weight: 500;
}
.details-sidebar__alert-details dl dd {
  overflow: hidden;
  flex: 1;
  margin: 0;
}
.details-sidebar__alert-details dl dt,
.details-sidebar__alert-details dl dd {
  line-height: 15px;
  vertical-align: top;
  color: #525252;
}
.details-sidebar__alert-details .title {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #525252;
}
.details-sidebar__alert-details .title .icon {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  vertical-align: bottom;
  --primary-color: #ff6b39;
}
.details-sidebar__alert-details span.title {
  margin: 0 0 10px;
}
.details-sidebar__alert-details-tag .tag {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(100% - 10px);
  margin: 0 3px 0 0;
  font-size: 13px;
}
.details-sidebar__alert-details.unreviewed {
  background-color: #fffcf7;
  border: 1px solid #ff6b39;
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position-y: 100%;
  background-image: linear-gradient(to right, #ff6b39 0%, #ff6b39 100%);
}
.details-sidebar__create-alert-button {
  margin-left: 16px;
}
.details-sidebar__edit-review h1 {
  color: #515151;
  font-size: 17px;
  margin: 10px 0 8px;
  font-weight: 500;
}
.details-sidebar__edit-review .edit-review-buttons {
  display: flex;
}
.details-sidebar__edit-review .edit-review-buttons .confirm-edit-review {
  width: 100%;
}
.details-sidebar__edit-review .edit-review-buttons .cancel-edit-review {
  width: auto;
  padding: 0 10px;
  margin-left: 5px;
}
.details-sidebar__edit-review select {
  margin-bottom: 6px;
}
.details-sidebar__edit-review ul {
  padding-left: 0;
}
.details-sidebar__edit-review ul > li {
  margin-bottom: 5px;
}
.details-sidebar__edit-review ul > li:last-child {
  margin-bottom: 0;
}
.details-sidebar__edit-review .reason-tag {
  display: inline-block;
  height: 29px;
  line-height: 20px;
  width: 100%;
  padding: 4px 9px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  box-sizing: border-box;
}
.details-sidebar__edit-review .reason-tag button {
  float: right;
  padding: 0 0 0 5px;
  margin-top: -5px;
}
.details-sidebar__edit-review .reason-select {
  margin-bottom: 0;
}
.details-sidebar__edit-review .reason-tag-no-risk {
  color: #000;
  background: #e5f9d6;
  border-color: #72bc44;
}
.details-sidebar__edit-review .reason-tag-risk {
  color: #000;
  background: #ffdde2;
  border-color: #ff587c;
}
.details-sidebar__edit-review .risk-buttons {
  display: flex;
  margin-bottom: 8px;
}
.details-sidebar__edit-review .risk-buttons button {
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
}
.details-sidebar__edit-review .risk-buttons button + button {
  margin-left: 5px;
}
.details-sidebar__edit-review .form-field {
  padding: 0;
  border: 0 !important;
}
.details-sidebar__edit-review .form-field__label-wrapper {
  margin-top: 6px;
}
.details-sidebar__edit-review textarea {
  margin-bottom: 6px;
}
.details-sidebar__subtitle .tag {
  font-size: 13px;
}
.details-sidebar__subtitle--no-workflow {
  font-style: italic;
  color: #525252;
}

.page-incident-details .entity-meta,
.page-editor-configuration .entity-meta {
  display: flex;
}
.page-incident-details .entity-meta__left,
.page-editor-configuration .entity-meta__left {
  flex: 2 2 63%;
  min-width: 0;
}
.page-incident-details .entity-meta__left .static-tooltip__body,
.page-editor-configuration .entity-meta__left .static-tooltip__body {
  position: relative;
  z-index: 8;
}
.page-incident-details .entity-meta__left .link-button,
.page-editor-configuration .entity-meta__left .link-button {
  line-height: 28px;
}
.page-incident-details .entity-meta__left .entity-meta__left-item,
.page-editor-configuration .entity-meta__left .entity-meta__left-item {
  display: flex;
  flex-flow: row nowrap;
  min-width: 0;
  padding: 0 4px 6px 0;
  line-height: 1.25;
  margin-right: 5px;
}
@media screen and (max-width: 1439px) {
  .page-incident-details .entity-meta__left .entity-meta__left-item,
.page-editor-configuration .entity-meta__left .entity-meta__left-item {
    flex: 0 0 49%;
  }
}
.page-incident-details .entity-meta__left--full .entity-meta__left-item,
.page-editor-configuration .entity-meta__left--full .entity-meta__left-item {
  flex: 0 0 32%;
}
.page-incident-details .entity-meta__left-list,
.page-editor-configuration .entity-meta__left-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-incident-details .entity-meta__left-list--summary,
.page-editor-configuration .entity-meta__left-list--summary {
  display: flex;
  flex-flow: wrap;
}
.page-incident-details .entity-meta__left-list--summary .entity-meta__left-item-title,
.page-incident-details .entity-meta__left-list--summary .entity-meta__left-item-value,
.page-editor-configuration .entity-meta__left-list--summary .entity-meta__left-item-title,
.page-editor-configuration .entity-meta__left-list--summary .entity-meta__left-item-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.page-incident-details .entity-meta__left-list--summary .entity-meta__left-item-value,
.page-editor-configuration .entity-meta__left-list--summary .entity-meta__left-item-value {
  display: flex;
  align-items: flex-start;
  padding-left: 2px;
}
.page-incident-details .entity-meta__left-list--expanded,
.page-editor-configuration .entity-meta__left-list--expanded {
  display: flex;
  flex-flow: row wrap;
  width: 640px;
  max-width: 100%;
  max-height: 200px;
  padding: 14px;
  overflow: auto;
}
.page-incident-details .entity-meta__left-list--expanded .entity-meta__left-item:not(:last-child),
.page-editor-configuration .entity-meta__left-list--expanded .entity-meta__left-item:not(:last-child) {
  margin-bottom: 6px;
}
.page-incident-details .entity-meta__left-list--expanded .entity-meta__left-item-title,
.page-incident-details .entity-meta__left-list--expanded .entity-meta__left-item-value,
.page-editor-configuration .entity-meta__left-list--expanded .entity-meta__left-item-title,
.page-editor-configuration .entity-meta__left-list--expanded .entity-meta__left-item-value {
  word-wrap: break-word;
}
.page-incident-details .entity-meta__left-list--expanded .entity-meta__left-item-title,
.page-editor-configuration .entity-meta__left-list--expanded .entity-meta__left-item-title {
  margin-bottom: 4px;
}
@media screen and (max-width: 1024px) {
  .page-incident-details .entity-meta__left-list--expanded,
.page-editor-configuration .entity-meta__left-list--expanded {
    width: 400px;
  }
}
.page-incident-details .entity-meta__left-item,
.page-editor-configuration .entity-meta__left-item {
  flex: 0 0 32%;
  font-weight: 500;
}
.page-incident-details .entity-meta__left-item .flag,
.page-editor-configuration .entity-meta__left-item .flag {
  height: 16px;
}
@media screen and (max-width: 1024px) {
  .page-incident-details .entity-meta__left-item,
.page-editor-configuration .entity-meta__left-item {
    flex-basis: 50%;
  }
}
.page-incident-details .entity-meta__left-item-title,
.page-editor-configuration .entity-meta__left-item-title {
  display: block;
  min-width: 0;
  flex: 0 0 auto;
  color: #161616;
}
.page-incident-details .entity-meta__left-item-value,
.page-editor-configuration .entity-meta__left-item-value {
  display: block;
  min-width: 0;
  flex: 1 1 auto;
  color: #161616;
}
.page-incident-details .entity-meta__left-item-value .incident-amdl-state,
.page-editor-configuration .entity-meta__left-item-value .incident-amdl-state {
  width: 100%;
}
.page-incident-details .entity-meta__right,
.page-editor-configuration .entity-meta__right {
  display: flex;
  flex: 1 1 37%;
  min-width: 0;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-end;
}
.page-incident-details .entity-meta__col,
.page-editor-configuration .entity-meta__col {
  min-width: 0;
  color: #161616;
  text-align: right;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  min-height: 65px;
  padding: 10px 16px 0;
  margin: 0;
}
.page-incident-details .entity-meta__col-title,
.page-editor-configuration .entity-meta__col-title {
  display: block;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-incident-details .entity-meta__col-value,
.page-editor-configuration .entity-meta__col-value {
  display: block;
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-incident-details .entity-meta__col-detail,
.page-editor-configuration .entity-meta__col-detail {
  display: block;
  font-size: 13px;
}
.page-incident-details .merchant-monitoring-summary,
.page-editor-configuration .merchant-monitoring-summary {
  display: flex;
  flex-direction: row;
  overflow: auto;
}
.page-incident-details .merchant-monitoring-summary .details-tab__extra-panels,
.page-editor-configuration .merchant-monitoring-summary .details-tab__extra-panels {
  flex: 1;
  margin: 10px 5px 0 0;
}
.page-incident-details .merchant-monitoring-summary .details-tab__extra-panels:last-child,
.page-editor-configuration .merchant-monitoring-summary .details-tab__extra-panels:last-child {
  margin-right: 0;
}

.modal__content .create-alerts {
  width: 600px;
}

.create-alerts {
  padding: 15px 10px 17px;
  border: 1px solid #c7c7c7;
  margin-bottom: 15px;
  margin-top: 8px;
}
.create-alerts h1 {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  color: #525252;
}
.create-alerts__warning {
  margin-top: 1em;
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
}
.create-alerts__warning p {
  margin: 0 0 1em;
}
.create-alerts__warning p:last-child {
  margin-bottom: 0;
}
.create-alerts .form-input--textarea {
  margin: 8px 0 6px;
}
.create-alerts .form-input--select {
  margin-bottom: 6px;
}
.create-alerts .create-alert-buttons {
  display: flex;
}
.create-alerts .create-alert-buttons .confirm-create-alert {
  flex: 1;
  margin-right: 5px;
}
.create-alerts .create-alert-buttons .cancel-create-alert {
  flex: 0 1 auto;
}
.create-alerts .form-field {
  margin-bottom: 1px;
  padding: 15px 0;
}

.in-session-visualizer .modal__body-wrap {
  max-width: 100%;
  width: 100%;
  height: 100%;
  padding: 0 20px 52px;
}
.in-session-visualizer .modal__body {
  margin: auto;
  width: 100%;
  height: calc(100% - 52px);
}

.tooltip .entity-meta__list {
  padding: 0 10px;
  text-align: left;
  list-style: none;
}
.tooltip .entity-meta__list-item {
  margin-bottom: 8px;
}
.tooltip .entity-meta__label {
  display: block;
  margin-bottom: 4px;
  padding-right: 4px;
  font-weight: 500;
  color: #525252;
}
.tooltip .entity-meta__tooltip {
  max-width: 600px;
  max-height: 250px;
  overflow: auto;
  white-space: normal;
  word-break: break-word;
}

.incident-eac {
  display: flex;
  flex-flow: column nowrap;
  width: 70vw;
  height: 70vh;
}
.incident-eac__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #525252;
  padding: 20px;
}
.incident-eac__loading .icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
  font-size: 18px;
}
.incident-eac__error {
  color: #da1e28;
  padding: 20px;
  font-size: 14px;
  text-align: center;
}
.incident-eac__error .icon {
  width: 1em;
  height: 1em;
  margin-right: 6px;
  font-size: 16px;
  fill: currentColor;
}
.incident-eac__error-detail {
  margin-top: 10px;
}
.incident-eac__review-progress {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid #dfdfdf;
  color: #525252;
}
.incident-eac__alert-review {
  display: flex;
  flex-flow: column nowrap;
  min-height: 0;
  flex: 1 1 auto;
}
.incident-eac__alert-review .alert-summary {
  flex-shrink: 0;
}
.incident-eac__review-table-actions {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 250px auto auto;
  gap: 5px;
  justify-content: end;
  margin: 10px 0;
}
.incident-eac__review-table-actions .bulk-select {
  grid-column-start: 2;
  z-index: 3;
}
.incident-eac__review-table-actions .action-search {
  grid-column-start: 3;
}
.incident-eac__review-table-actions .form-field {
  grid-column-start: 1;
  grid-column-end: 4;
  display: grid;
  grid-template-columns: 250px auto;
  gap: 5px;
  margin: 0;
}
.incident-eac__review-table-actions .form-field .form-field__label-wrapper {
  display: flex;
  align-items: center;
  padding: 0;
  justify-content: flex-end;
}
.incident-eac__review-table-actions .form-field .form-field__form-input-wrapper {
  max-width: 400px;
}
.incident-eac__review-table {
  display: flex;
  flex: 0 1 auto;
  min-height: 0;
}
.incident-eac__review-table table {
  table-layout: fixed;
}
.incident-eac__tag-list-cell {
  white-space: normal;
}
.incident-eac__add-to-data-list-field {
  overflow: visible;
}
.incident-eac__add-to-data-list-field .form-field {
  margin-bottom: 0;
}
.incident-eac__add-to-data-list-field .form-field__label-wrapper {
  display: none;
}
.incident-eac__footer {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 16px;
}
.incident-eac__nature-of-fraud-warning {
  color: #da1e28;
  font-size: 14px;
  margin-top: 5px;
}

.page-incident-list__breadcrumb-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.page-incident-list__pending-time {
  color: #525252;
  font-size: 13px;
  padding: 0 2px;
}
.page-incident-list__pending-time--hightlight {
  background-color: #da1e28;
  color: #fff;
}
.page-incident-list__pending-time .snooze-time {
  font-weight: 500;
  margin-left: 4px;
}
.page-incident-list__pending-time .icon {
  fill: #525252;
  margin-bottom: -1px;
}
.page-incident-list__table-header-wrap {
  display: flex;
  margin-bottom: 10px;
}
.page-incident-list__table-header-wrap .page-incident-list__currently-selected {
  color: #525252;
  line-height: 28px;
  margin-left: 5px;
}
.page-incident-list__table-header-actions {
  margin-left: auto;
}
.page-incident-list__currently-selected::before {
  content: "(";
}
.page-incident-list__currently-selected::after {
  content: ")";
}
.page-incident-list__tooltip {
  position: relative;
}
.page-incident-list__tooltip .action .icon-angle-down {
  margin-right: 0;
  margin-left: 10px;
}
.page-incident-list__tooltip-arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(-10px - 1px);
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  z-index: 4;
}
.page-incident-list__tooltip-arrow::before {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
}
.page-incident-list__tooltip-arrow--top {
  border-bottom-color: #cecece;
  border-width: 0 6px 6px;
}
.page-incident-list__tooltip-arrow--top::before {
  top: 1px;
  left: -5px;
  border-bottom-color: #fff;
  border-width: 0 5px 5px;
}
.page-incident-list__tooltip-arrow--no-risk {
  border-bottom-color: #6dbd54;
}
.page-incident-list__tooltip-arrow--no-risk::before {
  border-bottom-color: #f5fcf1;
}
.page-incident-list__tooltip-arrow--risk {
  border-bottom-color: #ff3c46;
}
.page-incident-list__tooltip-arrow--risk::before {
  border-bottom-color: #ffeded;
}
.page-incident-list__server-driven-fields {
  margin-top: 15px;
}
.page-incident-list__tooltip-content {
  font-size: 13px;
}
.page-incident-list__tooltip-content-column-settings {
  width: 260px;
  padding: 14px;
  max-height: calc(100vh - 190px);
  overflow: auto;
}
.page-incident-list__tooltip-content-column-settings-button {
  margin-bottom: 10px;
}
.page-incident-list__tooltip-content-column-settings-header {
  display: flex;
  text-align: center;
  font-weight: 500;
}
.page-incident-list__tooltip-content-column-settings-header-visibility {
  flex: 1;
}
.page-incident-list__tooltip-content-column-settings-header-sorting {
  flex: 0 0 64px;
}
.page-incident-list__tooltip-content-column-settings-subheader {
  display: flex;
  text-align: center;
  margin: 10px 0;
  font-weight: 500;
}
.page-incident-list__tooltip-content-column-settings-subheader-visibility {
  flex: 1;
}
.page-incident-list__tooltip-content-column-settings-subheader-primary-sorting {
  flex: 0 0 32px;
}
.page-incident-list__tooltip-content-column-settings-subheader-secondary-sorting {
  flex: 0 0 32px;
}
.page-incident-list__tooltip-content-column-settings-column {
  display: flex;
  height: 30px;
}
.page-incident-list__tooltip-content-column-settings-column .checkbox__secondary-label {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-incident-list__tooltip-content-column-settings-column-sortable .checkbox__secondary-label {
  max-width: 94px;
}
.page-incident-list__tooltip-content-column-settings-column-identification {
  flex: 1;
  white-space: nowrap;
}
.page-incident-list__tooltip-content-column-settings-column-primary-sorting, .page-incident-list__tooltip-content-column-settings-column-secondary-sorting {
  flex: 0 0 32px;
  text-align: center;
}
.page-incident-list__tooltip-content-column-settings-column-primary-sorting .icon, .page-incident-list__tooltip-content-column-settings-column-secondary-sorting .icon {
  width: 13px;
  height: 13px;
  margin: 0 !important;
}
.page-incident-list__tooltip-content-column-settings-column-primary-sorting .icon-sort, .page-incident-list__tooltip-content-column-settings-column-secondary-sorting .icon-sort {
  fill: #dcdcdc;
}
.page-incident-list__tooltip-content-actions {
  display: flex;
  margin-top: 15px;
}
.page-incident-list__tooltip-content-action-submit {
  flex: 1;
  margin-right: 5px;
}
.page-incident-list__tooltip-content-action-cancel {
  flex: 0 1 auto;
}
.page-incident-list__incident-link {
  color: var(--cc-primaryColor, #893067);
  font-weight: 500;
}
.page-incident-list__sidebar-right {
  width: 600px;
}
.page-incident-list__filter-sidebar-scope-and-date {
  display: flex;
  flex-direction: column;
}
.page-incident-list__filter-sidebar-scope-and-date .incident-list-advanced-search {
  margin-top: 0;
  padding-top: 0;
  padding-right: 10px;
}
.page-incident-list__filter-sidebar-scope-and-date .incident-list-advanced-search__header {
  margin-bottom: 1px;
  color: #525252;
}
.page-incident-list__filter-sidebar-scope-and-date .advanced-search__input {
  height: 37px;
  border-color: #c7c7c7;
}
.page-incident-list__filter-sidebar-scope-and-date .advanced-search__input:hover {
  border-color: #aaa;
}
.page-incident-list__filter-sidebar-scope-and-date .form-field {
  flex: 1;
  padding: 0;
}
.page-incident-list__filter-sidebar-checkbox-list .checkbox {
  margin-bottom: 0 !important;
  padding-right: 20px;
}
.page-incident-list__filter-sidebar-checkbox-list .checkbox__label {
  align-items: flex-start;
  padding: 16px 0;
  border-bottom: 1px solid #dfdfdf;
}
.page-incident-list__filter-sidebar-checkbox-list .checkbox__label-wrapper {
  flex-direction: row;
  min-width: 0;
}
.page-incident-list__filter-sidebar-checkbox-list .checkbox__label-icon {
  margin-top: 1px;
}
.page-incident-list__filter-sidebar-checkbox-list .checkbox__label-sub-text {
  display: flex;
  min-width: 0;
  font-size: 13px;
}
.page-incident-list__filter-sidebar-checkbox-list__icon-loading {
  display: flex;
  justify-content: center;
  height: 204px;
  width: 100%;
  padding-top: 90px;
}
.page-incident-list__filter-sidebar-checkbox-list-icon {
  display: flex;
  margin-right: 8px;
  flex: 0;
}
.page-incident-list__filter-sidebar-checkbox-list-icon .icon {
  width: 14px;
  fill: currentColor;
}
.page-incident-list__filter-sidebar-checkbox-list-sub-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  flex: 1 1 auto;
}
.page-incident-list__pagination-and-per-page {
  display: flex;
  justify-content: center;
}
.page-incident-list__pagination-and-per-page .table-per-page {
  margin: 0 0 0 15px;
}
.page-incident-list__tooltip-content-column-settings-column-identification .checkbox__label-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
}

.main-body--data-grid {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.main-body--data-grid .panel {
  height: 100%;
}
.main-body--data-grid .panel__wrapper {
  height: 100%;
  display: flex;
}
.main-body--data-grid .panel-body {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.main-body--data-grid .panel__body {
  overflow: hidden;
}
.main-body--data-grid .panel .table {
  overflow: auto;
  flex: 1;
}
.main-body--data-grid .incident-amdl-state {
  justify-content: space-between;
}

.table__cell-viewing {
  border: 1px solid var(--cc-primaryColor, #893067);
  border-radius: 2px;
  font-weight: 500;
  font-size: 13px;
  color: var(--cc-primaryColor, #893067);
  padding: 2px 4px;
}
.table__cell-viewing button {
  border: none;
  background-color: transparent;
  padding-right: 2px;
}
.table__cell-viewing .icon {
  fill: currentColor;
}
.table__cell-viewing .action,
.table__cell-viewing .action .icon,
.table__cell-viewing .user-name {
  height: 15px;
  line-height: 15px;
}
.table__cell-viewing .action {
  padding-right: 0;
  padding-left: 4px;
}
.table__cell-viewing .action .icon {
  margin: 0;
}
.table__cell-viewing .user-name {
  margin-right: 2px;
}
.table__cell-viewing .user-name .icon {
  vertical-align: top;
  margin-right: 1px;
}

.table__cell--incident-details {
  padding-left: 0;
}
.table__cell--incident-details dl {
  display: grid;
  grid-template-columns: 100px auto;
}
.table__cell--incident-details dt,
.table__cell--incident-details dd {
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #ddd;
}
.table__cell--incident-details dt:last-of-type,
.table__cell--incident-details dd:last-of-type {
  border-bottom: 0;
}
.table__cell--incident-details dt {
  font-weight: 600;
}
.table__cell--incident-details dd {
  margin-left: 0;
}

.expanded-row-details {
  display: grid;
  grid-template-columns: 100px auto;
}
.expanded-row-details dt,
.expanded-row-details dd {
  padding-top: 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #ddd;
}
.expanded-row-details dt:last-of-type,
.expanded-row-details dd:last-of-type {
  border-bottom: 0;
}
.expanded-row-details dt {
  font-weight: 600;
}
.expanded-row-details dd {
  margin-left: 0;
}

.table__cell-incident-tag {
  padding: 0 4px;
  margin-left: 4px;
  border: 1px solid #525252;
  border-radius: 3px;
  color: #525252;
  font-weight: 500;
  background: #fff;
}

.percentage-bar__bar {
  min-width: 100px;
}

.page-landing {
  display: flex;
  justify-content: center;
  min-height: 100%;
}
.page-landing__loading {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 20px 0;
  font-size: 16px;
}
.page-landing__loading .icon {
  fill: currentColor;
}
.page-landing__error {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 20px 0;
  color: #da1e28;
  font-size: 16px;
}
.page-landing__error .icon {
  fill: currentColor;
}
.page-landing__success {
  width: 100%;
  flex: 1 1 auto;
}
.page-landing__solutions-title {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 1rem 32px 0;
}
.page-landing__cards {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 4px;
  list-style: none;
}
.page-landing__card {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  flex: 0 0 auto;
  width: 250px;
  min-height: 130px;
  margin: 4px;
  background-color: #fff;
}
.page-landing__card-main {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 10px;
}
.page-landing__card-media-image {
  max-width: 50px;
  margin-right: 8px;
}
.page-landing__card-media-image img {
  display: block;
  max-width: 100%;
}
.page-landing__card-media-body {
  flex: 1 1 auto;
}
.page-landing__card-title {
  margin: 0;
}
.page-landing__card-actions {
  width: 100%;
  margin-top: 4px;
  padding: 10px 10px;
  border-top: 1px solid #dfdfdf;
}

.page-report-analyst-headline-dashboard__table-cell + .page-report-analyst-headline-dashboard__table-cell,
.page-report-analyst-headline-dashboard__table-cell + .page-report-analyst-review__table-cell,
.page-report-analyst-headline-dashboard__table-cell + .page-report-performance__table-cell,
.page-report-analyst-headline-dashboard__table-cell + .page-report-my-activity__table-cell,
.page-report-analyst-review__table-cell + .page-report-analyst-headline-dashboard__table-cell,
.page-report-analyst-review__table-cell + .page-report-analyst-review__table-cell,
.page-report-analyst-review__table-cell + .page-report-performance__table-cell,
.page-report-analyst-review__table-cell + .page-report-my-activity__table-cell,
.page-report-performance__table-cell + .page-report-analyst-headline-dashboard__table-cell,
.page-report-performance__table-cell + .page-report-analyst-review__table-cell,
.page-report-performance__table-cell + .page-report-performance__table-cell,
.page-report-performance__table-cell + .page-report-my-activity__table-cell,
.page-report-my-activity__table-cell + .page-report-analyst-headline-dashboard__table-cell,
.page-report-my-activity__table-cell + .page-report-analyst-review__table-cell,
.page-report-my-activity__table-cell + .page-report-performance__table-cell,
.page-report-my-activity__table-cell + .page-report-my-activity__table-cell {
  padding-left: 8px;
}

.page-custom-table-report .table-header-label {
  padding: 8px;
  white-space: nowrap;
  border-bottom: 2px solid #ddd;
}

.page-analyst-activity-log__advanced-search-toggle-button .icon-angle-down {
  margin-right: 0 !important;
}
.page-analyst-activity-log__advanced-search-content {
  width: 400px;
  padding: 14px;
}
.page-analyst-activity-log__advanced-search-content .form__section-form-fields {
  padding-top: 0;
}

.page-report-error-all-zero-values {
  padding: 1rem;
  font-weight: bold;
  font-size: 1rem;
  align-content: center;
  text-align: center;
}

.page-report-management__report-dashboard-enabled--yes {
  fill: #198038;
}
.page-report-management__report-dashboard-enabled--no {
  fill: #da1e28;
}

.page-login {
  background: #181830 url("/images/login-background.jpg");
  background-size: cover;
  min-height: 100%;
  overflow: hidden;
}
.page-login .logo {
  background: url("/images/login-logo.png") no-repeat;
  height: 101px;
  left: 20px;
  position: absolute;
  top: 20px;
  width: 282px;
}
.page-login .logo--custom {
  background: unset;
}
.page-login .logo--custom > img {
  height: 100%;
}
.page-login section {
  margin: 160px auto 80px;
  max-width: 380px;
}
.page-login .environment {
  padding: 8px;
  background-color: var(--cc-loginFormBackgroundColor, #eaeaea);
  color: var(--cc-loginFormColor, currentColor);
}
.page-login .environment h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  padding: 5px 10px 12px;
}
.page-login__panel {
  background-color: #fff;
  padding: 24px;
  position: relative;
}
.page-login__panel--button-only {
  padding: 34px;
}
.page-login fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.page-login .form-field {
  display: block;
}
.page-login .action {
  width: 100%;
  text-align: center;
}
.page-login__copyright {
  color: #525252;
  margin-top: 20px;
  text-align: right;
}
.page-login__multi-auth {
  position: relative;
}
.page-login__multi-auth-menu {
  display: flex;
  background-color: #fff;
  justify-content: flex-end;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
.page-login__multi-auth-menu-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
}
.page-login__multi-auth-menu-button .icon {
  display: block;
}
.page-login__multi-auth-menu-content {
  border: 1px solid rgba(151, 151, 151, 0.46);
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.11);
  position: absolute;
  top: 100%;
  right: 0;
  width: 200px;
  margin: 0;
  padding: 0;
  background: #ffff;
  list-style: none;
}
.page-login__multi-auth-menu-content-item:first-child .page-login__multi-auth-menu-content-item-button {
  padding-top: 10px;
}
.page-login__multi-auth-menu-content-item:last-child .page-login__multi-auth-menu-content-item-button {
  padding-bottom: 10px;
}
.page-login__multi-auth-menu-content-item-button {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  background: 0;
  border: 0;
  outline: 0;
  width: 100%;
  padding: 5px;
  text-align: left;
}
.page-login__multi-auth-menu-content-item-button:hover, .page-login__multi-auth-menu-content-item-button.is-selected {
  color: var(--cc-primaryColor, #893067);
}
.page-login__multi-auth-menu-content-item-button:focus {
  outline: 1px solid var(--cc-primaryColor, #893067);
}
.page-login__multi-auth-menu-content-item-button .icon {
  height: 0.8em;
  margin-right: 4px;
  fill: currentColor;
}
.page-login__language-select {
  margin-top: 9px;
  margin-bottom: 9px;
}
.page-login__language-select .form-field,
.page-login__language-select .fs-form-field {
  margin: 0;
}

.page-sandbox-list__main-container {
  text-align: center;
}
.page-sandbox-list__icon {
  font-size: 42px;
  margin-top: 120px;
  color: #161616;
}
.page-sandbox-list__title {
  font-size: 20px;
  color: #161616;
}
.page-sandbox-list__subtitle {
  color: #525252;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  margin: 0;
}
.page-sandbox-list__actions {
  margin-top: 15px;
}
.page-sandbox-list__actions * {
  margin-left: 5px;
}
.page-sandbox-list__actions *:first-child {
  margin-left: 0;
}
.page-sandbox-list__progress-bar {
  height: 11px;
  width: 265px;
  margin: 15px auto 0;
  border-radius: 8px;
  background-color: #2bc253;
  background-image: linear-gradient(to top, #893067 37%, #f581bc 69%);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
.page-sandbox-list__progress-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  background-size: 50px 50px;
  animation: progress-bar-move 2s linear infinite;
  overflow: hidden;
}

@keyframes progress-bar-move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.page-sandbox-status {
  height: 100%;
}
.page-sandbox-status > div:last-child {
  margin-top: 20px;
  min-height: 100%;
  min-height: calc(100% + 20px);
}
.page-sandbox-status .panels-split-wrapper {
  position: relative;
  height: 310px;
}
.page-sandbox-status .panels-split {
  display: flex;
  height: 100%;
}
.page-sandbox-status .panels-split > div {
  width: 50%;
  padding-top: 10px;
}
.page-sandbox-status .panels-split > div:first-child {
  margin-right: 10px;
}
.page-sandbox-status .panel__wrapper {
  height: 100%;
}
.page-sandbox-status .panel__body {
  height: calc(100% - 40px);
}
.page-sandbox-status .chart-wrapper {
  height: calc(100% - 30px);
}
.page-sandbox-status .chart-with-pointer rect {
  cursor: pointer;
}
.page-sandbox-status .alert-difference-chart .chart-wrapper {
  height: calc(100% - 6px);
}
.page-sandbox-status .panel--chart {
  height: 100%;
}
.page-sandbox-status .chart-group > .live {
  stroke: #eebc49;
}
.page-sandbox-status .chart-group > .sandbox {
  stroke: #c57299;
}
.page-sandbox-status .live-only,
.page-sandbox-status .live-performance {
  fill: #eebc49;
}
.page-sandbox-status .sandbox-only,
.page-sandbox-status .sandbox-performance {
  fill: #c57299;
}
.page-sandbox-status .live-and-sandbox {
  fill: #2eaea0;
}
.page-sandbox-status .current-status .panel__body {
  margin-right: 10px;
}
.page-sandbox-status .current-status dl {
  display: flex;
  margin: 0;
  float: left;
  color: #727272;
}
.page-sandbox-status .current-status dt,
.page-sandbox-status .current-status dd {
  display: table-cell;
  padding: 8px;
  line-height: 22px;
  vertical-align: top;
  border-bottom: 1px solid #dedede;
}
.page-sandbox-status .current-status dt {
  font-weight: 600;
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-sandbox-status .current-status dd {
  flex: 1;
  padding-left: 0;
  margin: 0;
}
.page-sandbox-status .modal__content .row-wrapper {
  display: flex;
}
.page-sandbox-status .modal__content .row-wrapper > div {
  flex: 1;
  justify-content: space-between;
}
.page-sandbox-status .modal__content .tick text {
  font-size: 13px;
}
.page-sandbox-status .table__cell {
  padding: 2px;
}
.page-sandbox-status .aric-performance-modal .sandbox {
  fill: #c57299;
}
.page-sandbox-status .aric-performance-modal .live {
  fill: #eebc49;
}
.page-sandbox-status .chart-wrapper {
  position: relative;
}
.page-sandbox-status .alert-difference-chart .ordinal-axis text {
  font-size: 13px;
}
.page-sandbox-status .legend {
  margin-top: 10px;
}
.page-sandbox-status .legend ul {
  margin-top: 0;
  list-style-type: none;
}
.page-sandbox-status .legend li {
  display: inline;
  float: left;
  margin-left: 20px;
  position: relative;
  padding-left: 20px;
  line-height: 1.6;
}
.page-sandbox-status .legend li:first-child {
  margin-left: 0;
}
.page-sandbox-status .legend .sandbox {
  fill: #c57299;
}
.page-sandbox-status .legend .live {
  fill: #eebc49;
}
.page-sandbox-status .legend span::before {
  position: absolute;
  left: 0;
  display: inline-block;
  content: "";
}
.page-sandbox-status .legend span.sandbox::before {
  background: #c57299;
}
.page-sandbox-status .legend span.live::before {
  background: #eebc49;
}
.page-sandbox-status .aric-performance-chart .legend span::before {
  width: 15px;
  height: 15px;
  top: 3px;
}
.page-sandbox-status .score-distribution-chart .legend span::before {
  width: 15px;
  height: 3px;
  top: 9px;
}
.page-sandbox-status .x-axis-labels {
  position: absolute;
  bottom: 0;
}
.page-sandbox-status .x-axis-labels ul {
  display: flex;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
.page-sandbox-status .x-axis-labels li {
  display: inline-block;
  padding: 0 2px;
  overflow: hidden;
  font-size: 13px;
  color: #555;
  text-align: center;
  text-overflow: ellipsis;
  flex: 1;
}
.page-sandbox-status .promote-modal .question,
.page-sandbox-status .delete-modal .question {
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
  font-weight: 600;
  text-align: center;
}
.page-sandbox-status .promote-modal .confirm-wrapper,
.page-sandbox-status .delete-modal .confirm-wrapper {
  display: flex;
  margin: 10px 0 0;
  justify-content: center;
}
.page-sandbox-status .promote-modal .confirm,
.page-sandbox-status .delete-modal .confirm {
  margin: 5px;
  flex: 1;
}
@media (max-width: 1190px) {
  .page-sandbox-status .panels-split-wrapper {
    height: 640px;
  }
  .page-sandbox-status .panels-split {
    display: block;
  }
  .page-sandbox-status .panels-split > div {
    width: 100%;
  }
  .page-sandbox-status .panels-split > div {
    margin-right: 10px;
  }
  .page-sandbox-status .panel--chart {
    height: 50%;
  }
  .page-sandbox-status .panel:last-child {
    min-height: 50%;
  }
}
.page-sandbox-status .axis line,
.page-sandbox-status .axis path {
  stroke: #555;
}
.page-sandbox-status .axis text {
  fill: #555;
}

@media screen and (max-width: 768px) {
  .app-environment > .sandbox .sandbox-label {
    flex-basis: 60px;
    width: 60px;
  }
  .app-environment > .sandbox .sandbox-label span {
    display: none;
  }

  .application--sidebar-expanded .app-environment > .sandbox .sandbox-label {
    flex-basis: 280px;
    width: 280px;
  }
  .application--sidebar-expanded .app-environment > .sandbox .sandbox-label span {
    display: inline;
  }
}
.page-service-configuration__backdrop {
  background-color: rgba(0, 0, 0, 0.1);
  pointer-events: all;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.page-service-configuration__service-list-link {
  font-weight: 500;
}
.page-service-configuration__service-list-unpublished-label {
  font-weight: 400;
  color: #525252;
}
.page-service-configuration__deploying-service .icon, .page-service-configuration__online-service .icon, .page-service-configuration__offline-service .icon {
  height: 19px;
  width: 13px;
  vertical-align: top;
}
.page-service-configuration__online-service .icon {
  fill: #71bc41;
}
.page-service-configuration__deploying-service .icon {
  fill: #f0ad4e;
}
.page-service-configuration__offline-service {
  color: #da1e28;
}
.page-service-configuration__offline-service .icon {
  fill: #da1e28;
}
.page-service-configuration__publish-note {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
  white-space: normal;
}
.page-service-configuration__publish-note p {
  margin: 0 0 1em;
}
.page-service-configuration__publish-note p:last-child {
  margin-bottom: 0;
}
.page-service-configuration__publish-note .icon-exclamation-triangle {
  display: inline-block;
  vertical-align: baseline;
  position: relative;
  top: 1px;
}
.page-service-configuration__tooltip {
  z-index: 3;
  position: relative;
}
.page-service-configuration__tooltip--version-selector {
  display: flex;
  align-items: center;
}
.page-service-configuration__tooltip--version-selector .page-service-configuration__tooltip-content {
  width: 160px;
  padding: 6px 0;
}
.page-service-configuration__tooltip-arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(-10px - 1px);
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  z-index: 4;
}
.page-service-configuration__tooltip-arrow::before {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  content: "";
}
.page-service-configuration__tooltip-arrow--top {
  border-bottom-color: #cecece;
  border-width: 0 6px 6px;
}
.page-service-configuration__tooltip-arrow--top::before {
  top: 1px;
  left: -5px;
  border-bottom-color: #fff;
  border-width: 0 5px 5px;
}
.page-service-configuration__tooltip-content {
  border: 0;
  min-width: 280px;
  padding: 14px;
}
.page-service-configuration__tooltip-content .form-field {
  display: block;
  margin-bottom: 5px;
}
.page-service-configuration__tooltip-content .form-field__label-wrapper {
  font-weight: 600;
  font-size: 13px;
  padding-right: 0;
  max-width: none;
}
.page-service-configuration__tooltip-content .page-service-configuration__nodes-title {
  font-weight: 600;
  display: block;
  margin: 12px 0 6px;
  color: #525252;
  font-size: 13px;
}
.page-service-configuration__tooltip-content .page-service-configuration__nodes {
  padding: 5px 0;
  margin-bottom: 5px;
  max-height: 240px;
  overflow: auto;
}
.page-service-configuration__tooltip-content .page-service-configuration__nodes::-webkit-scrollbar:vertical {
  width: 9px;
}
.page-service-configuration__tooltip-content .page-service-configuration__nodes::-webkit-scrollbar-thumb:vertical {
  border-left: 1px solid #fff;
}
.page-service-configuration__tooltip-content .page-service-configuration__node-details {
  display: flex;
  flex-direction: row;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #727272;
}
.page-service-configuration__tooltip-content .page-service-configuration__node-details .checkbox {
  flex: 1;
}
.page-service-configuration__tooltip-content .page-service-configuration__node-status .icon {
  width: 15px;
  height: 20px;
  vertical-align: top;
}
.page-service-configuration__tooltip-content .page-service-configuration__node-status--success .icon, .page-service-configuration__tooltip-content .page-service-configuration__node-status--up-to-date .icon {
  fill: #5ebc4c;
}
.page-service-configuration__tooltip-content .page-service-configuration__node-status--updating .icon {
  fill: #d54a89;
}
.page-service-configuration__tooltip-content .page-service-configuration__node-status--error .icon {
  fill: #e94b60;
}
.page-service-configuration__tooltip-content .page-service-configuration__node-status--error-message {
  color: #e94b60;
  margin-bottom: 10px;
  white-space: normal;
}
.page-service-configuration__tooltip-content .page-service-configuration__auto-rollback {
  border-top: 1px solid #dedede;
  padding-top: 8px;
}
.page-service-configuration__tooltip-content .page-service-configuration__auto-rollback label {
  margin-bottom: 0;
}
.page-service-configuration__tooltip-content .page-service-configuration__auto-rollback span {
  margin-top: 0;
  margin-bottom: 5px;
}
.page-service-configuration__tooltip-actions {
  display: flex;
  margin-top: 6px;
}
.page-service-configuration__tooltip-action {
  flex: 0 1 auto;
}
.page-service-configuration__tooltip-action--primary {
  flex: 1 1 auto;
}
.page-service-configuration__warning-message {
  background-color: #fc3f5e;
  color: #fff;
  display: flex;
  padding: 5px;
  line-height: 32px;
  margin-bottom: 6px;
  font-weight: 600;
}
.page-service-configuration__warning-message .editor-toolbar__group {
  margin-left: auto;
  padding: 0;
}
.page-service-configuration__warning-message .icon {
  fill: #fff;
  height: 32px;
  vertical-align: top;
  width: 13px;
  margin: 0 11px;
}
.page-service-configuration__version-selector, .page-service-configuration__version-selector-panels {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  height: 100%;
}
.page-service-configuration__version-selector-toggle-menu {
  font-weight: 600;
}
.page-service-configuration__version-selector-toggle-menu,
.page-service-configuration__version-selector-toggle-menu .icon-with-text__text {
  text-decoration: underline;
}
.page-service-configuration__version-selector-toggle-menu .icon {
  width: 9px;
  height: 9px;
  margin: 0 0 0 3px;
}
.page-service-configuration__version-selector-filter {
  width: 170px;
}
.page-service-configuration__version-selector-preview {
  width: 170px;
}
.page-service-configuration__version-selector-list {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 295px;
  overflow-x: auto;
}
.page-service-configuration__version-selector-item-version-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.page-service-configuration__version-selector-item-timestamp {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-service-configuration__version-selector-item-timestamp, .page-service-configuration__version-selector-item-timestamp.is-active {
  display: block;
  margin-top: 4px;
  font-weight: 400;
  font-size: 13px;
  color: #525252;
}
.page-service-configuration__changes-preview {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 6px;
  padding: 10px;
  border: 1px solid #c6c6c6;
  border-radius: 4px;
}
.page-service-configuration__changes-preview-header {
  display: flex;
  flex-flow: row nowrap;
  padding-bottom: 6px;
  color: #525252;
  font-weight: 500;
}
.page-service-configuration__changes-preview-version-left, .page-service-configuration__changes-preview-version-right {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  flex: 1;
}
.page-service-configuration__changes-preview-version-left .tag, .page-service-configuration__changes-preview-version-right .tag {
  margin-left: 6px;
}
.page-service-configuration__changes-preview-version-right {
  padding-left: 60px;
}

.confirm-navigation-modal {
  width: 430px;
  max-width: 100%;
}

.page-case-workflow .form__section-title {
  min-height: 42px;
}

.page-editor-configuration {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.page-editor-configuration .panel__editor-manage-container {
  padding-right: 5px;
  margin-bottom: 15px;
}
.page-editor-configuration .panel__editor-manage-container .panel__editor-manage {
  margin: 10px 2px 0;
}
.page-editor-configuration .data-service-selector {
  margin: 0 10px;
}
.page-editor-configuration .panel--main__manage-data-services .panel__section-form-fields {
  display: none;
}
.page-editor-configuration .form-field--column-headers-list .form-field {
  margin-bottom: 0;
  padding: 0px 0;
}

.page-configuration .panel__tab--active:focus {
  outline: 0;
}
.page-configuration .panel__tab .icon {
  fill: #da1e28;
}
.page-configuration .panel__tab .tab-with-icon {
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.page-configuration__main-panel .panel__header {
  min-height: 40px;
}
.page-configuration .panel--fields-new .panel__body {
  padding: 0;
}
.page-configuration .panel--fields-new .form-field--configuration-field .form__section--block:first-child {
  border: none;
  box-shadow: none;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}
.page-configuration__incidents-list-manage, .page-configuration__case-list-manage, .page-configuration__event-list-manage {
  padding: 25px;
}
.page-configuration__incidents-list-columns, .page-configuration__case-list-columns, .page-configuration__event-list-columns {
  flex: 1 1 auto;
}
.page-configuration__table-filtering {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.page-configuration__table-filtering .fs-form-field {
  margin-bottom: 0;
}
.page-configuration__table-filtering .form-input--select select {
  margin-left: 5px;
  height: 28px;
  line-height: 16px;
}
.page-configuration__table-filtering .form-input--select .icon-sort {
  bottom: 7px;
}
.page-configuration__table-filtering-actions {
  display: flex;
  margin-left: auto;
}
.page-configuration__table-filtering-actions > * {
  margin-left: 5px;
}
.page-configuration__table-filtering-actions > *:first-child {
  margin-left: 0;
}
.page-configuration__ui-editor-content {
  position: relative;
  flex: 1;
  display: flex;
  overflow: hidden;
}
.page-configuration__ui-editor-content__sidebar, .page-configuration__ui-editor-content__main {
  flex: 0 0 auto;
  margin-right: 10px;
  padding: 0 10px;
}
.page-configuration__ui-editor-content__main {
  flex: 1 1 auto;
}
.page-configuration__ui-editor-content__sidebar {
  background-color: var(--cc-sidebarBackgroundColor, #e3e3e3);
  min-width: 201px;
}
.page-configuration__ui-editor-content .sidebar-right-ui-editor__backdrop {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-configuration__ui-editor-content .sidebar-right-ui-editor-manage-fields {
  margin-top: 12px;
}
.page-configuration__ui-editor-content .sidebar-right-ui-editor .panel__wrapper {
  background-color: inherit;
}
.page-configuration__ui-editor-content .sidebar-right-ui-editor .panel__header {
  background-color: inherit;
}
.page-configuration__ui-editor-content .sidebar-right-ui-editor .panel__group-left {
  margin-left: 0;
}
.page-configuration__ui-editor-content .sidebar-right-ui-editor .panel__section-form-fields {
  padding-top: 20px;
}
.page-configuration__summary {
  padding: 25px 0;
}
.page-configuration__summary-title h1,
.page-configuration__summary-title h2 {
  display: inline;
}
.page-configuration__summary-title h2 {
  color: #9a9a9a;
  padding-left: 10px;
}
.page-configuration__timer--wrapper {
  color: #161616;
  display: flex;
  justify-content: space-between;
}
.page-configuration__timer--wrapper .page-configuration__timer {
  opacity: 0.6;
  text-align: right;
  margin-bottom: 10px;
  margin-right: 16px;
}
.page-configuration__timer--wrapper .page-configuration__timer span {
  position: relative;
}
.page-configuration__timer--wrapper .page-configuration__timer svg {
  left: -15px;
  position: absolute;
  top: 3px;
}
.page-configuration__summary-manage-details-wrapper {
  display: flex;
  justify-content: space-between;
}
.page-configuration__summary-manage-details-wrapper .update-status {
  color: #161616;
  margin-top: 10px;
}
.page-configuration__incident-details-tabs-panel .panel__header {
  height: 40px;
}
.page-configuration .panel__section-form-fields-wrapper {
  position: relative;
}
.page-configuration .footnote {
  background: #f8f7df;
  border: 1px solid #e6db95;
  margin: 16px 0;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
}
.page-configuration .footnote p {
  margin: 0 0 1em;
}
.page-configuration .footnote p:last-child {
  margin-bottom: 0;
}
.page-configuration .form__sub-section {
  display: flex;
  align-items: center;
}
.page-configuration .form__sub-section .form-field:not(:first-child) {
  margin-left: 20px;
}
.page-configuration .form__preview {
  color: #525252;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 25px;
}
.page-configuration .currency-format {
  font-size: 20px;
  color: #161616;
}
.page-configuration .currency-format__hint {
  color: #525252;
  font-size: 12px;
}
.page-configuration .actions {
  display: flex;
}
.page-configuration .actions__group {
  margin-left: auto;
}
.page-configuration .actions__group > * {
  margin-left: 5px;
}
.page-configuration .actions__group > *:first-child {
  margin-left: 0;
}
.page-configuration .page-configuration__ui-editor-content__sidebar .form__section {
  padding-top: 50px;
}
.page-configuration__select-field {
  margin-bottom: 0;
}
.page-configuration__multi-select-options {
  display: flex;
  flex-wrap: wrap;
}
.page-configuration__multi-select-option {
  display: flex;
  align-items: center;
  padding: 2px;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 12px;
  font-weight: 400;
  color: #525252;
  margin: 1px;
}
.page-configuration__multi-select-option-label {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-configuration__multi-select-option-remove {
  display: flex;
  border: 0;
  width: 11px;
  padding: 0;
}
.page-configuration__multi-select-option-remove .icon {
  height: 13px !important;
  margin: 0 !important;
}
.page-configuration .table .page-configuration__multi-select-option .action {
  height: 13px;
}
.page-configuration .data-service-selector td:last-child {
  max-width: 200px;
}

.page-settings-import-export .form__fieldset {
  margin-top: 30px;
  padding-top: 0;
}
.page-settings-import-export__intro {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
  margin-bottom: 30px;
}
.page-settings-import-export__intro p {
  margin: 0 0 1em;
}
.page-settings-import-export__intro p:last-child {
  margin-bottom: 0;
}

.page-incident-filter-details__time-range-subset-field {
  max-width: 800px;
  margin: 0 auto;
}
.page-incident-filter-details__time-range-subset-field > .form-field__label-wrapper .form-field__label {
  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;
}
.page-incident-filter-details__time-range-subset-option {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 auto 30px;
  padding: 15px 30px;
}
.page-incident-filter-details__time-range-subset-option--before-now .page-incident-filter-details__time-range-subset-graphic-range-label--left {
  width: 51.8%;
}
.page-incident-filter-details__time-range-subset-option--before-now .page-incident-filter-details__time-range-subset-graphic-range-label--right,
.page-incident-filter-details__time-range-subset-option--before-now .page-incident-filter-details__time-range-subset-field-group:nth-child(1) {
  width: 47.9%;
}
.page-incident-filter-details__time-range-subset-option--before-now .page-incident-filter-details__time-range-subset-field-group:nth-child(1) {
  margin-left: 52.2%;
}
.page-incident-filter-details__time-range-subset-option--before-offset .page-incident-filter-details__time-range-subset-graphic-range-label--left {
  width: 51.6%;
}
.page-incident-filter-details__time-range-subset-option--before-offset .page-incident-filter-details__time-range-subset-graphic-range-label--right,
.page-incident-filter-details__time-range-subset-option--before-offset .page-incident-filter-details__time-range-subset-field-group:nth-child(1) {
  width: 48.1%;
}
.page-incident-filter-details__time-range-subset-option--before-offset .page-incident-filter-details__time-range-subset-field-group:nth-child(1) {
  margin-left: 51.4%;
}
.page-incident-filter-details__time-range-subset-option--between .page-incident-filter-details__time-range-subset-graphic-range-label--left {
  width: 22%;
}
.page-incident-filter-details__time-range-subset-option--between .page-incident-filter-details__time-range-subset-graphic-range-label--center,
.page-incident-filter-details__time-range-subset-option--between .page-incident-filter-details__time-range-subset-field-group:nth-child(1) {
  width: 37.8%;
}
.page-incident-filter-details__time-range-subset-option--between .page-incident-filter-details__time-range-subset-field-group:nth-child(1) {
  margin-left: 23%;
}
.page-incident-filter-details__time-range-subset-option--between .page-incident-filter-details__time-range-subset-graphic-range-label--right,
.page-incident-filter-details__time-range-subset-option--between .page-incident-filter-details__time-range-subset-field-group:nth-child(2) {
  width: 40%;
}
.page-incident-filter-details__time-range-subset-option--between .page-incident-filter-details__time-range-subset-field-group:nth-child(2) {
  margin-left: 0;
}
.page-incident-filter-details__time-range-subset-graphic {
  display: flex;
  flex-flow: row wrap;
  flex: 0 0 100%;
  margin-bottom: 16px;
  padding: 5px 4px 0;
}
.page-incident-filter-details__time-range-subset-graphic svg {
  max-width: 100%;
  height: auto;
}
.page-incident-filter-details__time-range-subset-graphic-axis-labels {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  flex-flow: row;
  margin-bottom: 4px;
}
.page-incident-filter-details__time-range-subset-graphic-oldest-label {
  display: block;
}
.page-incident-filter-details__time-range-subset-graphic-now-label {
  display: block;
}
.page-incident-filter-details__time-range-subset-graphic-range-label-group {
  display: flex;
  flex-flow: row nowrap;
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  margin-top: -6px;
}
.page-incident-filter-details__time-range-subset-graphic-range-label {
  display: block;
  flex: 0 0 auto;
  padding: 0 6px;
  text-align: center;
}
.page-incident-filter-details__time-range-subset-field-groups {
  display: flex;
  width: 100%;
  min-width: 0;
}
.page-incident-filter-details__time-range-subset-field-group {
  padding: 0 6px;
}
.page-incident-filter-details__time-range-subset-field-group .form-field {
  margin-bottom: 10px;
}
.page-incident-filter-details__time-range-subset-field-group .form-field__label-wrapper {
  flex: 0 1 80px;
}
.page-incident-filter-details__time-range-subset-field-group .form-field__form-input-wrapper {
  flex: 0 0 70px;
}
.page-incident-filter-details__time-range-subset-field-group-title {
  margin-bottom: 10px;
  font-size: 14px;
  color: #525252;
}

.page-team-details .form-field {
  justify-content: center;
  margin: 25px 0;
}

.page-user-details__user-panel .panel__section-form-fields {
  margin-top: 20px;
  margin-bottom: 30px;
  padding-top: 0;
}
.page-user-details__account-lockout-banner {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
  margin-bottom: 20px;
}
.page-user-details__account-lockout-banner p {
  margin: 0 0 1em;
}
.page-user-details__account-lockout-banner p:last-child {
  margin-bottom: 0;
}
.page-user-details__account-lockout-tooltip {
  width: 200px;
  padding: 14px;
}
.page-user-details__account-lockout-tooltip-message {
  font-weight: 700;
  display: block;
  margin-bottom: 1em;
  font-size: 14px;
  color: #525252;
}

.page-user-role-list__table-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.page-user-role-list .table-per-page {
  margin-bottom: 0;
}
.page-user-role-list__scope-filter-wrap {
  display: flex;
  align-items: center;
}
.page-user-role-list__scope-filter-label {
  padding-right: 14px;
}
.page-user-role-list__scope-filter-input {
  margin-bottom: 0;
}
.page-user-role-list__scope-filter-input select {
  height: 28px;
  line-height: 16px;
}
.page-user-role-list__scope-filter-input .icon-sort {
  bottom: 7px;
}

.page-user-role-details .table {
  color: #525252;
}
.page-user-role-details .form-field {
  justify-content: center;
  margin: 25px 0;
}
.page-user-role-details__permissions-section .table__header-item {
  min-width: 100px;
  max-width: 100px;
}
.page-user-role-details__permissions-section .table__header-item .checkbox__label-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-user-role-details__permissions-section .table__header-item:first-of-type {
  min-width: 400px;
  max-width: none;
}
.page-user-role-details__permissions-section table .table__row--inactive {
  opacity: 0.5;
}
.page-user-role-details__permissions-section table .table__header-item {
  padding-left: 2px;
  vertical-align: bottom;
}
.page-user-role-details__permissions-section table .table__cell {
  white-space: normal;
}
.page-user-role-details__permissions-section table .table__cell--indented {
  padding-left: 35px;
}
.page-user-role-details__permissions-section table .checkbox {
  margin: 0;
  margin-top: 10px;
  display: flex;
}
.page-user-role-details__permissions-section table .checkbox__label {
  margin: auto;
}
.page-user-role-details__permissions-section .table__row--inactive .table__cell {
  color: #b1b1b1;
}
.page-user-role-details__permissions-section .panel__body {
  margin-left: 13px;
}
.page-user-role-details__permissions-section .panel__body > section {
  margin-bottom: 10px;
}
.page-user-role-details .permission-name {
  padding-bottom: 8px;
  color: var(--cc-primaryColor, #893067);
  font-weight: 600;
}
.page-user-role-details__permissions-title {
  position: sticky;
  top: 25px;
  background: #fff;
  margin: 0;
  padding: 18px 0 18px 8px;
  font-weight: 500;
  color: var(--cc-primaryColor, #893067);
  font-size: 18px;
  z-index: 1;
}
.page-user-role-details__permission-item > div {
  display: flex;
}
.page-user-role-details__user-role-section .panel__header {
  display: flex;
  justify-content: space-between;
  z-index: 3;
}

.page-async-task__cell-async-id {
  max-width: 259px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-async-task__cell-async-executor-id {
  max-width: 405px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-async-task__cell-async-status-running {
  max-width: 270px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-async-task__cell .icon {
  vertical-align: middle;
}
.page-async-task__cell-async-status-pending .icon-circle {
  fill: #f57423;
  margin-right: 5px;
}
.page-async-task__cell-async-status-claimed .icon-circle {
  fill: #616161;
  margin-right: 5px;
}
.page-async-task__cell-async-status-in-progress .icon-circle {
  fill: #198038;
  margin-right: 5px;
}
.page-async-task__cell-async-status-stopping .icon-circle {
  fill: #da1e28;
  margin-right: 5px;
}
.page-async-task__cell-async-status-sleeping .icon-circle {
  fill: #616161;
  margin-right: 5px;
}
.page-async-task__cell-async-status-stopped .icon-circle {
  fill: #da1e28;
  margin-right: 5px;
}
.page-async-task__cell-async-status-cancelled .icon-circle {
  fill: #da1e28;
  margin-right: 5px;
}
.page-async-task__cell-async-status-dead .icon-circle {
  fill: #f57423;
  margin-right: 5px;
}
.page-async-task__cell-async-status-failed .icon-circle {
  fill: #da1e28;
  margin-right: 5px;
}
.page-async-task__cell-async-status-completed .icon-circle {
  fill: #198038;
  margin-right: 5px;
}
.page-async-task__cell-async-status-unknown .icon-circle {
  fill: #f57423;
  margin-right: 5px;
}
.page-async-task__cell-async-status-init .icon-circle {
  fill: #ffbe37;
  margin-right: 5px;
}
.page-async-task__cell-async-status-idle .icon-circle {
  fill: #616161;
  margin-right: 5px;
}
.page-async-task__cell-async-status-blocked .icon-circle {
  fill: #f57423;
  margin-right: 5px;
}
.page-async-task__cell-async-status-running .icon-circle {
  fill: #198038;
  margin-right: 5px;
}
.page-async-task__cell-async-status-paused .icon-circle {
  fill: #da1e28;
  margin-right: 5px;
}
.page-async-task__cell-async-status-scheduled .icon-circle {
  fill: #198038;
  margin-right: 5px;
}
.page-async-task__cell-async-status-suspended .icon-circle {
  fill: #da1e28;
  margin-right: 5px;
}

.config-management .create-instance-selection {
  display: flex;
  gap: 15px;
  flex-direction: row;
}
.config-management .create-instance-selection .form-field,
.config-management .create-instance-selection .fs-form-field {
  flex: 1;
}
.config-management__expanded-row {
  display: grid;
  grid-template-columns: 100px auto;
}
.config-management__expanded-row dt,
.config-management__expanded-row dd {
  padding-bottom: 6px;
}
.config-management__expanded-row dt {
  font-weight: 600;
}
.config-management__expanded-row dd {
  margin-left: 0;
}
.config-management__expanded-row-label {
  font-weight: 600;
  padding-top: 6px;
  border-top: 1px solid #cacaca;
}
.config-management .import-button {
  flex: none;
  flex-direction: inherit;
  align-items: inherit;
}
.config-management__modal-cancel {
  flex: 1;
  margin-right: 5px;
}
.config-management__modal-accept {
  flex: 1;
  margin-left: 5px;
}
.config-management__review-changes {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 6px;
  padding: 10px;
  border: 1px solid #cacaca;
  border-radius: 4px;
}
.config-management__review-changes-header {
  display: flex;
  flex-flow: row nowrap;
  padding-bottom: 6px;
  color: #525252;
  font-weight: 500;
}
.config-management__review-changes-version-left, .config-management__review-changes-version-right {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  flex: 1;
}
.config-management__review-changes-version-left .tag, .config-management__review-changes-version-right .tag {
  margin-left: 6px;
}
.config-management__review-changes-version-right {
  padding-left: 60px;
}
.config-management .static-tooltip__content {
  width: 278px;
  padding: 14px;
  z-index: 10;
}
.config-management__status::before {
  width: 12px;
  height: 12px;
  content: "";
  display: inline-block;
  border-radius: 15px;
  margin-right: 5px;
}
.config-management__status--staging::before {
  background-color: #fdd13a;
}
.config-management__status--inactive::before {
  background-color: #6f6f6f;
}
.config-management__status--live::before {
  background-color: #25be52;
}
.config-management td {
  position: relative;
}

.page-diagnostic-list__context {
  display: flex;
}
.page-diagnostic-list__context .icon {
  display: block;
}
.page-diagnostic-list__context-name {
  margin-left: 4px;
}

.page-event-sequence-show__content {
  margin-top: 10px;
}
.page-event-sequence-show__event-item {
  display: flex;
  flex-flow: row wrap;
  margin: 0 0 20px;
  padding: 20px;
  background: #e3e3e3;
}
.page-event-sequence-show__event-item-header {
  display: flex;
  flex: 0 0 100%;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 16px;
}
.page-event-sequence-show__event-item-title {
  margin: 0;
}
.page-event-sequence-show__event-item-header-response-status {
  display: flex;
  align-items: baseline;
  font-weight: 600;
}
.page-event-sequence-show__event-item-copy-request, .page-event-sequence-show__event-item-copy-response {
  margin-left: 10px;
  color: #525252;
}
.page-event-sequence-show__event-item-copy-request .icon, .page-event-sequence-show__event-item-copy-response .icon {
  fill: currentColor;
  display: block;
}
.page-event-sequence-show__event-item-copy-request {
  font-size: 14px;
}
.page-event-sequence-show__event-item-copy-response {
  font-size: 13px;
}
.page-event-sequence-show__event-item-content {
  display: grid;
  grid-template-columns: 50% 1fr;
  min-width: 100%;
}
.page-event-sequence-show__event-item-message {
  display: flex;
  padding: 10px;
}
.page-event-sequence-show__event-item-message--loading {
  margin: 0 auto;
  align-self: center;
  font-size: 18px;
}
.page-event-sequence-show__event-item-message--error {
  word-break: break-all;
  color: #da1e28;
  align-self: center;
  margin: 0 auto;
}
.page-event-sequence-show__event-item-request, .page-event-sequence-show__event-item-response {
  display: flex;
  flex: 0 1 50%;
  height: 400px;
  overflow: auto;
  background: #fff;
  border: 1px solid #a8a8a8;
}
.page-event-sequence-show__event-item-request {
  margin-right: 20px;
}
.page-event-sequence-show__json-view {
  display: block;
  height: 100%;
  min-width: 300px;
  flex: 0 0 100%;
}

.queue-viewer .action-toggle {
  font-size: 13px;
}

.schema-editor__status {
  margin-left: 20px;
}
.schema-editor__status::before {
  width: 12px;
  height: 12px;
  content: "";
  display: inline-block;
  border-radius: 15px;
  position: absolute;
  left: 5px;
  top: 11px;
}
.schema-editor__status--staging::before {
  background-color: #fdd13a;
}
.schema-editor__status--inactive::before {
  background-color: #6f6f6f;
}
.schema-editor__status--live::before {
  background-color: #25be52;
}
.schema-editor__changes-preview {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 6px;
  padding: 10px;
  border: 1px solid #c6c6c6;
  border-radius: 4px;
}
.schema-editor__changes-preview-header {
  display: flex;
  flex-flow: row nowrap;
  padding-bottom: 6px;
  color: #525252;
  font-weight: 500;
}
.schema-editor__changes-preview-version-left, .schema-editor__changes-preview-version-right {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  flex: 1;
}
.schema-editor__changes-preview-version-left .tag, .schema-editor__changes-preview-version-right .tag {
  margin-left: 6px;
}
.schema-editor__changes-preview-version-right {
  padding-left: 60px;
}
.schema-editor-list .static-tooltip__content {
  width: 250px;
}
.schema-editor__info-field {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
  margin: 0 auto 20px;
  max-width: 800px;
}
.schema-editor__info-field p {
  margin: 0 0 1em;
}
.schema-editor__info-field p:last-child {
  margin-bottom: 0;
}
.schema-editor__action-group {
  justify-content: space-between;
}

#panel-schema-list .static-tooltip__content {
  width: 220px;
  padding: 10px;
}
#panel-schema-list td {
  position: relative;
}
#panel-schema-list td .action {
  min-width: 75px;
}
#panel-schema-list .static-tooltip:not(.static-tooltip--trigger-click) .static-tooltip__body {
  display: block;
}
#panel-schema-list .table__cell {
  white-space: normal;
}

#panel-processing-control,
.processing-control {
  margin-bottom: 5px;
}
#panel-processing-control .processor-content,
.processing-control .processor-content {
  padding-top: 20px;
}
#panel-processing-control .processor-content--inactive,
.processing-control .processor-content--inactive {
  padding-top: 20px;
  margin-left: 15px;
  color: #da1e28;
}
#panel-processing-control .deactivate-topology,
#panel-processing-control .activate-topology,
.processing-control .deactivate-topology,
.processing-control .activate-topology {
  margin-left: 3px;
}
#panel-processing-control .topology-status-active .icon,
.processing-control .topology-status-active .icon {
  fill: #198038;
  margin-right: 5px;
  vertical-align: middle;
}
#panel-processing-control .topology-status-inactive .icon,
.processing-control .topology-status-inactive .icon {
  fill: #f57423;
  margin-right: 5px;
  vertical-align: middle;
}
#panel-processing-control .topology-status-undeployed .icon,
#panel-processing-control .topology-status-killed .icon,
.processing-control .topology-status-undeployed .icon,
.processing-control .topology-status-killed .icon {
  fill: #da1e28;
  margin-right: 5px;
  vertical-align: middle;
}
#panel-processing-control .topology-status-deactivating .icon,
#panel-processing-control .topology-status-activating .icon,
#panel-processing-control .topology-status-deploying .icon,
#panel-processing-control .topology-status-undeploying .icon,
.processing-control .topology-status-deactivating .icon,
.processing-control .topology-status-activating .icon,
.processing-control .topology-status-deploying .icon,
.processing-control .topology-status-undeploying .icon {
  fill: #616161;
  margin-right: 5px;
  vertical-align: middle;
}

.topology-content,
.entity-content,
.global-content {
  width: 100%;
  max-width: 1240px;
  padding: 50px 10px 20px;
  margin: 0 auto;
}
.topology-content .undeploy-topology,
.entity-content .undeploy-topology,
.global-content .undeploy-topology {
  margin-bottom: 25px;
}
.topology-content .json-viewer,
.entity-content .json-viewer,
.global-content .json-viewer {
  border: 1px solid #ddd;
}
.topology-content__info-section,
.entity-content__info-section,
.global-content__info-section {
  margin-bottom: 25px;
}
.topology-content__info-section .form-field,
.entity-content__info-section .form-field,
.global-content__info-section .form-field {
  margin: auto;
}
.topology-content__info-section .action,
.entity-content__info-section .action,
.global-content__info-section .action {
  margin-top: 5px;
}
@media screen and (max-width: 1092px) {
  .topology-content__info-section,
.entity-content__info-section,
.global-content__info-section {
    display: block;
  }
}
.topology-content__button-container,
.entity-content__button-container,
.global-content__button-container {
  margin-right: 30px;
}
.topology-content .large-info-download__info-field-content,
.topology-content .empty-info__info-field-content,
.entity-content .large-info-download__info-field-content,
.entity-content .empty-info__info-field-content,
.global-content .large-info-download__info-field-content,
.global-content .empty-info__info-field-content {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
}
.topology-content .large-info-download__info-field-content p,
.topology-content .empty-info__info-field-content p,
.entity-content .large-info-download__info-field-content p,
.entity-content .empty-info__info-field-content p,
.global-content .large-info-download__info-field-content p,
.global-content .empty-info__info-field-content p {
  margin: 0 0 1em;
}
.topology-content .large-info-download__info-field-content p:last-child,
.topology-content .empty-info__info-field-content p:last-child,
.entity-content .large-info-download__info-field-content p:last-child,
.entity-content .empty-info__info-field-content p:last-child,
.global-content .large-info-download__info-field-content p:last-child,
.global-content .empty-info__info-field-content p:last-child {
  margin-bottom: 0;
}
.topology-content .large-info-download__info-field button,
.topology-content .empty-info__info-field button,
.entity-content .large-info-download__info-field button,
.entity-content .empty-info__info-field button,
.global-content .large-info-download__info-field button,
.global-content .empty-info__info-field button {
  margin-left: 15px;
}

.page-usage-metrics__main-container {
  text-align: center;
}
.page-usage-metrics__icon {
  font-size: 96px;
  margin-top: 120px;
}
.page-usage-metrics__icon .icon {
  fill: var(--cc-primaryColor, #893067);
  background-color: #f7eaf0;
}
.page-usage-metrics__title {
  font-size: 20px;
}
.page-usage-metrics__subtitle {
  color: #525252;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  margin: 0;
}
.page-usage-metrics__actions {
  margin-top: 15px;
}
.page-usage-metrics__actions * {
  margin-left: 5px;
}
.page-usage-metrics__actions *:first-child {
  margin-left: 0;
}

.page-tenant-list__create {
  width: 690px;
  max-width: 100%;
  padding: 16px;
}
.page-tenant-list__take-control-modal {
  width: 320px;
  min-height: auto;
  padding: 10px;
  text-align: center;
}
.page-tenant-list__take-control-modal .icon-gamepad {
  width: 70px;
  height: 70px;
  fill: var(--cc-primaryColor, #893067);
}
.page-tenant-list__take-control-modal .action-title {
  margin: 20px auto;
  font-size: 18px;
  font-weight: 600;
}

.page-ui-config-group-edit__panel {
  flex-grow: 1;
}

.page-version-history__row-expanded-details {
  margin: 5px 10px;
  display: flex;
  flex-flow: row wrap;
}
.page-version-history__row-expanded-details-live-dates {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  width: auto;
  margin: 2px 0;
}
.page-version-history__row-expanded-details-live-dates .icon {
  display: block;
  margin-right: 4px;
  fill: currentColor;
}
.page-version-history__row-history-list {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  list-style: none;
  word-wrap: break-word;
}
.page-version-history__row-history-list-item {
  display: flex;
  justify-content: space-between;
  min-width: 0;
  padding: 6px 0;
}
.page-version-history__row-history-list-item + .page-version-history__row-history-list-item {
  border-top: 1px solid #dfdfdf;
}
.page-version-history__row-history-list-left, .page-version-history__row-history-list-right {
  display: block;
  flex: 1 1 50%;
}
.page-version-history__row-history-list-right {
  padding-left: 16px;
}
.page-version-history__row-history-list-user {
  font-weight: 500;
  word-break: break-all;
}
.page-version-history__row-history-list-comment {
  word-break: break-all;
}
.page-version-history .table__cell--custom {
  padding-top: 0;
  white-space: normal;
}
.page-version-history .table__cell .display-name .icon {
  fill: currentColor;
  margin-right: 2px;
  position: relative;
  top: 1px;
}

.elm-changes.is-loading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.elm-changes__loading-icon {
  margin: 20px;
  font-size: 28px;
}
.elm-changes__error {
  margin: 0 16px;
  color: #da1e28;
  font-size: 14px;
}
.elm-changes .change-status {
  padding: 10px 0;
}
.elm-changes .change-status .status-heading {
  font-weight: 600;
}
.elm-changes .change-status .status-state {
  margin-left: 15px;
}
.elm-changes__no-changes-container {
  padding: 30px 0;
  text-align: center;
}
.elm-changes__no-changes-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 121px;
  background: url("/images/analytical-workflow/analytics-config-diff-no-changes.svg") no-repeat;
  background-position: center;
}
.elm-changes__no-changes-themed-image {
  background-color: var(--cc-analyticsDefaultBackgroundColor, #808080);
  color: var(--cc-analyticsDefaultColor, #fff);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border-radius: 100%;
}
.elm-changes__no-changes-themed-image .icon {
  width: 60%;
  fill: currentColor;
}
.page-analytics-status.is-previous-version .elm-changes__no-changes-themed-image {
  background-color: var(--cc-analyticsDefaultBackgroundColor, #808080);
  color: var(--cc-analyticsDefaultColor, #fff);
}
.page-analytics-status.is-staging-version .elm-changes__no-changes-themed-image {
  background-color: var(--cc-analyticsStagingBackgroundColor, #893067);
  color: var(--cc-analyticsStagingColor, #fff);
}
.page-analytics-status.is-live-version .elm-changes__no-changes-themed-image {
  background-color: var(--cc-analyticsLiveBackgroundColor, #cc3a7f);
  color: var(--cc-analyticsLiveColor, #fff);
}

.elm-changes__no-changes-text {
  margin-top: 10px;
  color: #525252;
  font-weight: 500;
}
.elm-changes .elm-changes-category {
  margin: 15px 0;
}
.elm-changes .elm-changes-category .table table {
  table-layout: fixed;
}
.elm-changes .elm-changes-category .table__cell {
  text-overflow: ellipsis;
  overflow: hidden;
}
.elm-changes .elm-changes-category .table__header-item--select {
  width: 61px;
}
.elm-changes .elm-changes-category .elm-changes-category-heading-container__icon {
  display: inline-flex;
  padding: 12px;
  margin-right: 10px;
  background: #f2f2f2;
  border-radius: 25px;
}
.elm-changes .elm-changes-category .elm-changes-category-heading-container__icon .icon {
  width: 1.4em;
  height: 1.4em;
}
.elm-changes .elm-changes-category .elm-changes-category-heading-container__heading {
  font-size: 18px;
  font-weight: 600;
}
.elm-changes .elm-changes-category .code {
  margin: 0;
  white-space: pre;
  text-align: left !important;
}
.elm-changes .elm-changes-category .code span {
  display: block;
  min-height: 15px;
  line-height: 15px;
  padding: 0;
}
.elm-changes .diff-table {
  width: 100%;
  border-spacing: 10px;
  table-layout: fixed;
}
.elm-changes .diff-table .state-badge {
  padding: 0 4px;
  margin-left: 3px;
  color: #853267;
  font-weight: 400;
  border: 1px solid #853267;
  border-radius: 3px;
}
.elm-changes .diff-table .state-badge.live-state {
  color: #fff;
  background-color: #d2317e;
  border: none;
}
.elm-changes .diff-table td {
  width: 100%;
  padding-bottom: 5px;
}
.elm-changes .diff-table.split .diff-content--before {
  margin: 0 5px 0 0;
}
.elm-changes .diff-table.split .diff-content--after {
  margin: 0 0 0 5px;
}
.elm-changes .diff-table.split td {
  width: 50%;
  height: 0;
}
.elm-changes .diff-table .no-diff {
  font-weight: 500;
  color: #999;
  text-align: center;
}
.elm-changes .diff-table .no-diff td {
  padding: 20px;
}
.elm-changes .diff-table .no-diff .tick span {
  padding: 5px;
  margin-bottom: 5px;
  font-weight: 100;
  border: 2px solid #999;
  border-radius: 12px;
}
.elm-changes .diff-table .diff-content {
  background-color: rgba(255, 255, 255, 0.85);
}
.elm-changes .diff-table .diff-content--before .property.changed,
.elm-changes .diff-table .diff-content--before .property .changed {
  background: #efbcbf;
}
.elm-changes .diff-table .diff-content--after .property.changed,
.elm-changes .diff-table .diff-content--after .property .changed {
  background: #64d481;
}
.elm-changes .diff-table .title td {
  padding: 8px 0;
}
.elm-changes .diff-table .title td div {
  padding: 10px;
  background: #f2f2f2;
  border-radius: 1px;
}
.elm-changes .diff-table .header {
  font-weight: 600;
}
.elm-changes .diff-table .diff-content {
  padding: 5px 0;
  overflow: auto;
  border-radius: 8px;
}
.elm-changes .diff-table .diff-content--empty {
  height: 100%;
  min-height: 67px;
  background-color: #efefef;
}
.elm-changes .diff-table .description .diff-content--empty {
  height: 36px;
}
.elm-changes .diff-table .property {
  display: flex;
  padding: 4px 10px;
  margin: 5px 0;
  overflow: auto;
}
.elm-changes .diff-table .property.no-label {
  padding-left: 0;
  padding-right: 0;
}
.elm-changes .diff-table .property.no-label .code-line {
  padding: 0 10px;
}
.elm-changes .diff-table .property.label-block {
  display: block;
  padding-left: 0;
  padding-right: 0;
}
.elm-changes .diff-table .property.label-block .term {
  padding: 0 10px;
}
.elm-changes .diff-table .property.label-block .code-line {
  padding: 0 10px;
}
.elm-changes .diff-table .property .term,
.elm-changes .diff-table .property .description {
  flex: 1;
}
.elm-changes .diff-table .property .term {
  font-weight: 600;
  padding-right: 4px;
}
.elm-changes .diff-table .property .description {
  text-align: right;
}

.config-diff-header-container {
  display: flex;
  margin: 10px 0 25px;
  color: #525252;
}
.config-diff-header-container .label {
  margin: 0 5px 0 15px;
}
.config-diff-header-container .version-badge {
  padding: 4px 8px;
  margin: 0 10px;
  border: 1px solid #727272;
  border-radius: 3px;
}
.config-diff-header-container .arrow {
  vertical-align: middle;
}
.config-diff-header-container .arrow .icon {
  fill: #727272;
}
.config-diff-header-container .compare-button {
  font-weight: 500;
  color: var(--cc-primaryColor, #893067);
  text-decoration: underline;
}
.config-diff-header-container .change-counters {
  flex: 1;
  text-align: right;
  margin-right: 10px;
}
.config-diff-header-container .change-counters .change-item {
  font-size: 13px;
  margin: 0 15px 0 5px;
}
.config-diff-header-container .change-counters .change-item .change-number {
  margin-left: 5px;
  padding: 2px 8px;
  border-radius: 20px;
  background-color: #f1f1f1;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body::-webkit-scrollbar,
body *::-webkit-scrollbar {
  -webkit-appearance: none;
  position: absolute;
}
body::-webkit-scrollbar:horizontal,
body *::-webkit-scrollbar:horizontal {
  height: 8px;
}
body::-webkit-scrollbar:vertical,
body *::-webkit-scrollbar:vertical {
  width: 8px;
}
body::-webkit-scrollbar-corner,
body *::-webkit-scrollbar-corner {
  background: #fff;
}
body::-webkit-scrollbar-thumb, body::-webkit-scrollbar-track,
body *::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-track {
  background-clip: padding-box !important;
  border-radius: 3px;
  color: #fff;
}
body::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-thumb {
  background: #d9d9de;
  background-clip: padding-box !important;
  background-color: rgba(113, 114, 116, 0.5);
}
body::-webkit-scrollbar-thumb:horizontal,
body *::-webkit-scrollbar-thumb:horizontal {
  box-shadow: inset -2px 0, inset -3px 0, inset 2px 0, inset 3px 0;
  min-width: 36px;
}
body::-webkit-scrollbar-thumb:vertical,
body *::-webkit-scrollbar-thumb:vertical {
  box-shadow: inset 0 -2px, inset 0 -3px, inset 0 2px, inset 0 3px;
  min-height: 36px;
}
body::-webkit-scrollbar-thumb:hover,
body *::-webkit-scrollbar-thumb:hover {
  background-color: rgba(113, 114, 116, 0.8);
}
body::-webkit-scrollbar-track,
body *::-webkit-scrollbar-track {
  background: #f3f3f3;
  box-shadow: inset 0 -4px 0 0, inset 0 4px 0 0;
}

html {
  box-sizing: border-box;
}

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

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #fff;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
}

.root,
.application-wrapper,
.application {
  height: 100%;
}

.application {
  outline: 0;
}

.cabinet {
  display: flex;
  height: 100%;
}

.front-frame {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.page-header-wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.page-header-wrapper .page-header {
  flex: 0 0 54px;
}
.page-header-wrapper .page-header-analytics {
  background-color: #823969;
}
.page-header-wrapper .page-header-sandbox {
  background-color: #f12c59;
}

.main-container {
  display: flex;
  flex: 1;
  flex-flow: row wrap;
  overflow: hidden;
  position: relative;
}
.main-container, .main-container:focus, .main-container:active {
  outline: none;
}

.report-wrapper {
  display: flex;
  margin-top: 12px;
  border: 1px solid #cacaca;
  box-shadow: 3px 3px #e9e9e9;
}

.skip-links-container {
  position: absolute;
}

.skip-links {
  transition: top 0.5s ease-out;
  top: -58px;
}
.skip-links:focus, .skip-links:active {
  color: inherit !important;
  background-color: #fff !important;
  position: fixed !important;
  padding: 0 10px !important;
  border: solid 1px #c94d8c !important;
  z-index: 100;
  top: 9px;
  left: 5px;
  transition: top 0.5s ease-in;
  line-height: 32px;
}

.leaflet-control-zoomhome-home {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAC7UlEQVRIie1VP0gbYRx933cXDUa9gLGHkCWCipuICIIIRglxEaH+AZcMQhzEyU03EXTywMFDODAgiiBdzNJNhC4idhPFxSGIUhAPYjQ35F4HE5vEGOnQdumD33L3eH9+33ecIIk/CflH1f+GgQrgE4D+aqSHhwdMTk7i9vYW29vb6OnpgRACkUgE19fXUBQFhmFgZGQEJCGEAIBvAH6oALpJfsk/LCYAAB4fH5FIJHB+fo6npydsbW2ho6MDjY2NSKVSuLu7g6qqsG27JBTJESHEV7iuGyVJ13VZjqurK05MTNDj8dDv9zMYDFJVVQ4NDfH09JTNzc0EQEVRaFkWi3XyugDJaLlwLpfjyckJh4eHCYC6rtOyLCaTSQ4MDFAIwa6uLtbW1r4xKJgUDNSiShBCIJvNYm9vD8vLy7i5uUE4HEY8HkcymUQqlcL8/Dza29txcHAAx3Eqnlnxiksa3N/fc3V1lQ0NDVQUhdPT00wkEhwcHKSUkgAYCoVomiYNw2AgEChpULQe5nVfDFzX5eXlJcfHx+n1etnS0sLFxUWura1R13UKIQjgdfx+P+fm5rizs8Pe3l56PB729/fz6OiIjuMU8r4YZDKZ6PHxMfv6+l4TbmxscHZ2lvX19SXC5TM6Osr9/X3GYjEKIRgMBmkYBtPp9C+DeDwe7e7uZk1NDcPhMDc3N19TVRMHQCklOzs7aZoml5aWqOs6NU3j+vo6n5+fXwzOzs6iKysrXFhY4O7uLltbWz8ULp+6ujoahsHDw0POzMzw4uKi9AzS6TQzmQxN0/xt8cKMjY0xl8vRtu2S70AFAJ/PV/G6FRCJRNDW1gYAcBwHlmW94ZCElBKappVcVfXNva2AWCyGqakpAIBt2xUNys0KumpVZh5SSkgpIYSAoihVhYUQJYFl8ctq+KjlexxZXMfn88Hr9b6brhqampoq8lQhxHcAnwEgEAhA0zRks9nfaiClRCgUeuXlV/UdAMT/f/I/N/gJU0ohgUO24jwAAAAASUVORK5CYII=");
}

.leaflet-container {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.x-axis-group line,
.x-axis-group path,
.y-axis-group line,
.y-axis-group path {
  fill: none;
  shape-rendering: crispEdges;
}

.hide {
  display: none;
}

.d3-tip-no-arrow {
  background: #fff;
  padding: 2px;
}

.ui-note {
  background: #ffffe6;
  border: solid #e6db95;
  border-width: 2px 2px 2px 8px;
  margin-bottom: 1em;
  padding: 14px;
  color: #525252;
  line-height: 1.35;
}
.ui-note p {
  margin: 0 0 1em;
}
.ui-note p:last-child {
  margin-bottom: 0;
}

/*# sourceMappingURL=app.css.map */