@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: #7f7f7f;
    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, #be4692);
          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: #ef4f4f; }
  .tooltip--validation .tooltip__content {
    background: #ef4f4f;
    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: 4;
    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: 0;
    margin-top: 10px;
    padding: 0;
    background-color: #fff;
    z-index: 9; }
  .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;
  text-transform: none;
  background: none;
  border-color: transparent;
  color: inherit;
  white-space: nowrap;
  cursor: pointer; }
  .action .icon {
    height: 28px;
    vertical-align: top;
    width: 13px;
    fill: currentColor;
    --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 var(--cc-primaryColor, #de4c90);
    outline-offset: 2px; }
  fieldset[disabled] button.action, .action[disabled] {
    pointer-events: none; }
  .action[data-disabled] {
    pointer-events: none; }
  .action--full-width {
    width: 100%; }
  .action--large {
    line-height: 33px; }
  .action--theme-default {
    background-image: linear-gradient(#fdfdfd, #f7f7f7);
    border-color: #c7c7c7;
    color: #7a7a7a; }
    .action--theme-default:hover {
      background-image: linear-gradient(#f6f6f6, #ebebeb); }
    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: #fff;
      color: #acacac;
      cursor: default; }
    .action--theme-default:active, .action--theme-default[aria-pressed="true"] {
      background: #dedede;
      color: #7a7a7a; }
    .action--theme-default.active {
      border-width: 0;
      padding: 1px 11px;
      background: var(--cc-primaryColor, #de4c90);
      color: #fff; }
  .action--theme-primary {
    border-width: 0;
    padding: 1px 11px;
    background-image: linear-gradient(var(--cc-buttonPrimaryDefaultBackgroundColorA, #db5694), var(--cc-buttonPrimaryDefaultBackgroundColorB, #c94784));
    color: var(--cc-buttonPrimaryDefaultColor, #fff); }
    .action--theme-primary:hover {
      background-image: linear-gradient(var(--cc-buttonPrimaryHoverBackgroundColorA, #c04880), var(--cc-buttonPrimaryHoverBackgroundColorB, #af366f)); }
    .action--theme-primary:active {
      background: var(--cc-buttonPrimaryActiveBackgroundColor, #98265b); }
    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, #d6a9be);
      color: var(--cc-buttonPrimaryDisabledColor, #fff);
      cursor: default; }
  .action--theme-danger {
    background-image: linear-gradient(#fdfdfd, #f7f7f7);
    color: #e41414;
    border-color: #C8C8C8; }
    .action--theme-danger:hover {
      background-image: linear-gradient(#f6f6f6, #ebebeb); }
    .action--theme-danger:active {
      background: #dfdfdf; }
    fieldset[disabled] button.action--theme-danger, fieldset[disabled] button.action--theme-danger:active, fieldset[disabled] button.action--theme-danger: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 {
      color: #ea7a7a;
      background: #fff;
      cursor: default; }
  .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-white {
    background: #fff;
    color: #727272; }
    .action--theme-white:hover {
      background: rgba(255, 255, 255, 0.95); }
    .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: linear-gradient(#fdfdfd, #f7f7f7);
    border-color: #c7c7c7;
    color: #7a7a7a;
    color: #6DBD54; }
    .action--theme-no-risk:hover {
      background-image: linear-gradient(#f6f6f6, #ebebeb); }
    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: #fff;
      color: #acacac;
      cursor: default; }
    .action--theme-no-risk .icon {
      fill: currentColor; }
    .action--theme-no-risk.active {
      background: #6DBD54;
      color: #FFF; }
      .action--theme-no-risk.active .icon {
        fill: currentColor; }
    .action--theme-no-risk .badge {
      background-color: #5BAB48; }
  .action--theme-risk {
    background-image: linear-gradient(#fdfdfd, #f7f7f7);
    border-color: #c7c7c7;
    color: #7a7a7a;
    color: #FF3C46; }
    .action--theme-risk:hover {
      background-image: linear-gradient(#f6f6f6, #ebebeb); }
    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: #fff;
      color: #acacac;
      cursor: default; }
    .action--theme-risk .icon {
      fill: currentColor; }
    .action--theme-risk.active {
      background: #FF3C46;
      color: #FFF; }
      .action--theme-risk.active .icon {
        fill: currentColor; }
    .action--theme-risk .badge {
      background-color: #E8362B; }
  .action .badge {
    position: absolute;
    top: 8px;
    right: 10px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 15px;
    border-radius: 15px; }
  .action--highlight {
    color: var(--cc-primaryColor, #de4c90); }

/* 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;
  text-transform: uppercase;
  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: #333; }
  .action-toggle__label-right {
    padding: 0.5em;
    font-weight: 600;
    color: #999; }
  .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: #999; }
  .action-toggle[aria-pressed="true"] .action-toggle__label-right {
    font-weight: 600;
    color: #333; }
  .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: 12px;
    line-height: 21px;
    padding: 6px 8px;
    width: 100%;
    color: #565656; }
    .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, #be4692); }
    .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--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;
      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;
      padding-left: 0;
      padding-right: 0; }
    .form-input--datetime-range .form-input__input--time {
      flex: 1 1 auto;
      width: 33%;
      padding-left: 0;
      padding-right: 0; }
    .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: #727272; }
    .form-input--select .icon-sort {
      bottom: 11px;
      fill: #727272;
      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: #727272;
      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 {
    width: 35px;
    height: 35px;
    flex: 0 0 auto; }
    .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, #be4692);
    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: linear-gradient(#fdfdfd, #f7f7f7);
  border-color: #c7c7c7;
  color: #7a7a7a;
  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-image: linear-gradient(#f6f6f6, #ebebeb); }
  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: #fff;
    color: #acacac;
    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, #be4692);
    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: linear-gradient(#fdfdfd, #f7f7f7);
  border-color: #c7c7c7;
  color: #7a7a7a;
  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-image: linear-gradient(#f6f6f6, #ebebeb); }
  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: #fff;
    color: #acacac;
    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, #d45997); }
  .checkbox__label-text,
  .radio__label-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 8px;
    color: #727272;
    font-size: 13px;
    line-height: 18px; }
  .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 #727272;
    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, #d45997); }
  .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, #d45997);
    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, #d45997);
    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; }

.checkbox__secondary-label {
  min-width: 0;
  margin-left: 8px;
  color: #727272; }

.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, #de4c90);
      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, #be4692);
    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; }

.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: #727272; }
  .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-size: 12px;
    font-weight: 500; }
  .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, #be4692);
    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, #be4692);
      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, #be4692);
    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, #be4692);
      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: 11px; }
  .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: #54c02f; }
  .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: flex; }
  .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, #be4692); }
  .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; }
    .broadcast-message__select-all .icon {
      fill: var(--cc-primaryColor, #d45997);
      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; }
    .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: #727272; }
      .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: 11px; }
    .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 {
    list-style: none;
    margin: 0;
    padding: 0; }
    .broadcast-message__list--expanded .broadcast-message__checkbox {
      float: left;
      padding-right: 10px; }
      .broadcast-message__list--expanded .broadcast-message__checkbox .form-field__label-wrap {
        display: none; }
      .broadcast-message__list--expanded .broadcast-message__checkbox .form-field__label {
        padding-right: 0; }
    .broadcast-message__list--expanded .broadcast-message__list-item {
      padding: 12px 14px;
      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, #be4692); }
    .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 #de4c90;
        outline-offset: 2px; }
    .broadcast-message__list--summary .broadcast-message__list-item {
      margin-bottom: 2px;
      padding: 12px;
      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: #b5b4b4; }
  .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: #727272;
    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: #54c02f; }
  .broadcast-message__expanded-message-current-content {
    margin-top: 12px;
    color: #727272; }
  .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; }

.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 var(--cc-primaryColor, #de4c90);
    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 var(--cc-primaryColor, #de4c90);
    outline-offset: -1px; }

.chart path.domain,
.chart .tick > line {
  stroke: #bbb; }

.chart .tick > text {
  fill: #555; }

.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: #727272;
    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: #727272;
  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: #727272;
      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: #000;
    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: #727272;
    text-decoration: none;
    border: 0;
    background: none;
    text-align: left;
    width: 100%; }
    .documentation__index--active {
      background-color: #FBEAF1;
      color: #D54A89; }
  .documentation__body {
    color: #727272;
    flex-grow: 1;
    overflow: auto;
    padding: 0 15px; }
    .documentation__body a {
      color: #C94784; }
    .documentation__body img {
      max-width: 245px; }
    .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; }

.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, #de4c90);
    outline-offset: -1px; }
  .detokenize__button:hover {
    color: var(--cc-primaryColor, #be4692); }
  .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, #de4c90);
      outline-offset: 2px; }
    .detokenize-tooltip__copy-button:hover {
      color: var(--cc-primaryColor, #be4692); }
  .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: #727272; }

.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, #be4692);
  font-size: 19px;
  width: 100%;
  float: left; }
  .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: #727272;
  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: 0 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-wrap {
  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-wrap {
    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-wrap {
      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-wrap {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #727272;
    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, #be4692);
      font-weight: 600; }
  .form-field__is-required-icon {
    padding-left: 2px; }
    .form-field__is-required-icon .icon {
      fill: var(--cc-primaryColor, #be4692);
      vertical-align: top;
      height: 20px;
      width: 7px; }
  .form-field__validation-message {
    color: #e94b60;
    font-weight: 400; }
  .form-field__form-input-wrapper {
    flex: 0 0 460px;
    min-width: 0; }
  .form-field__tooltip {
    position: relative;
    top: 2px;
    margin-left: 4px;
    color: #727272;
    font-size: 12px;
    line-height: 1.3; }
  .form-field__tooltip-icon .icon {
    width: 14px;
    height: 14px;
    fill: #a8a8a8; }
  .form-field__hint {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #a8a8a8;
    display: inline-block;
    margin-top: 5px; }
  .form-field__hint-html {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
    color: #a8a8a8;
    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; }
    .form-field--configuration-field .icon-close {
      height: 15px;
      width: 15px;
      position: absolute;
      top: 5px;
      right: 5px;
      cursor: pointer; }
  .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-size: 12px;
      font-weight: 500;
      padding: 10px 12px 6px 8px;
      height: 35px; }
    .form-field--list-values-field-tag-label {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      color: #777;
      white-space: nowrap; }
    .form-field--list-values-field-tag-remove {
      border: 0;
      width: 0;
      color: #777; }
      .form-field--list-values-field-tag-remove .icon {
        padding-bottom: 14px; }
    .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-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: #b3b3b3;
        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-wrap {
    display: flex;
    align-items: center; }
  .form-field--ace-editor .form-input--invalid .juicy-ace-editor-wrapper {
    border-color: #e94b60; }
  .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-wrap {
        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 {
    display: flex;
    flex: 1; }
    .form-field__section-event-properties .form-field__label-wrap {
      padding-right: 20px; }
    .form-field__section-event-properties .form-field--list-values-field {
      display: flex; }
      .form-field__section-event-properties .form-field--list-values-field-tag {
        max-width: 460px; }
      .form-field__section-event-properties .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; }
    .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: #727272;
      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: #e94b60;
      font-weight: 400; }

.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-wrap {
  flex: 1;
  max-width: none; }

.form--block .form-field__tooltip {
  position: absolute;
  top: 16px;
  right: 0;
  left: auto; }

.form .form-field--inline-checkbox {
  display: flex;
  flex-flow: row-reverse wrap; }
  .form .form-field--inline-checkbox .form-field__label-wrap {
    flex: 1;
    max-width: none;
    margin-left: 8px; }
  .form .form-field--inline-checkbox .form-field__form-input-wrapper {
    flex: 0 0 auto; }

.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: #727272; }
  .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: #ef4f4f;
      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: #727272; }
    .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, #be4692);
      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, #be4692); }
    .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, #be4692); }
  .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; }

.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.88235%, #83376a 5.88235%, #83376a 11.76471%, #c84683 11.76471%, #c84683 17.64706%, #e62559 17.64706%, #e62559 23.52941%, #e52729 23.52941%, #e52729 29.41176%, #e7411e 29.41176%, #e7411e 35.29412%, #ee742c 35.29412%, #ee742c 41.17647%, #f9b415 41.17647%, #f9b415 47.05882%, #ee742c 47.05882%, #ee742c 52.94118%, #e7411e 52.94118%, #e7411e 58.82353%, #e52729 58.82353%, #e52729 64.70588%, #e62559 64.70588%, #e62559 70.58824%, #e52729 70.58824%, #e52729 76.47059%, #e52729 76.47059%, #e52729 82.35294%, #ee742c 82.35294%, #ee742c 88.23529%, #f9b415 88.23529%, #f9b415 94.11765%, #ee742c 94.11765%);
    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 16px;
    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 {
        flex-basis: 60px; }
        .top-header__logo-and-title-content {
          display: none; }
        .application--sidebar-expanded .top-header__logo-and-title {
          flex-basis: 280px; }
          .application--sidebar-expanded .top-header__logo-and-title-content {
            display: inherit;
            max-width: 218px; } }
  .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__sidebar-toggle {
    display: none; }
    @media screen and (max-width: 768px) {
      .top-header__sidebar-toggle {
        position: absolute;
        display: block;
        box-sizing: border-box;
        padding: 0;
        line-height: normal;
        top: 21px;
        left: 16px;
        z-index: 1; }
        .application--sidebar-expanded .top-header__sidebar-toggle {
          left: 240px; } }
  .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, #be4692);
        outline-offset: -4px; }
    .top-header .top-header__search {
      margin-left: auto;
      flex-grow: 1; }
    .top-header .nav-toggle-button {
      margin-left: 10px;
      flex: 0 0 auto; } }
  .top-header.has-open-nav .nav-toggle-button {
    color: var(--cc-primaryColor, #be4692); }
    .top-header.has-open-nav .nav-toggle-button .icon {
      fill: var(--cc-primaryColor, #be4692); }
  .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, #be4692); }
      .global-nav__item.has-open-dropdown .icon {
        fill: var(--cc-primaryColor, #be4692); }
  .global-nav__link {
    -webkit-appearance: none;
    margin: 0;
    padding: 0;
    background: 0;
    border: 0;
    outline: 0;
    font-weight: 700;
    display: block;
    width: 100%;
    padding: 20px 20px;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    text-align: left; }
    .global-nav__link .icon {
      display: inline-block;
      width: 17px;
      height: 17px;
      fill: #000; }
    .global-nav__link .icon-caret-down {
      width: 10px; }
    .global-nav__link.is-active, .global-nav__link:hover {
      color: var(--cc-primaryColor, #be4692); }
      .global-nav__link.is-active .icon, .global-nav__link:hover .icon {
        fill: var(--cc-primaryColor, #be4692); }
    .global-nav__link:focus {
      outline: 1px solid var(--cc-primaryColor, #be4692);
      outline-offset: -1px; }
    .global-nav__link--documentation, .global-nav__link--user {
      padding-left: 10px;
      padding-right: 10px; }
    .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, #be4692); }
    .global-nav__dropdown-menu.is-open {
      display: block; }
  @media screen and (max-width: 1392px) {
    .global-nav {
      font-size: 15px; }
      .global-nav__link:not(.global-nav__link--user):not(.global-nav__link--documentation) {
        padding-left: 12px;
        padding-right: 12px; } }
  @media screen and (max-width: 1226px) {
    .global-nav {
      font-size: 15px; }
      .global-nav__link:not(.global-nav__link--user):not(.global-nav__link--documentation) {
        padding-left: 5px;
        padding-right: 5px; } }
  @media screen and (max-width: 1226px) {
    .global-nav {
      font-size: 15px; }
      .global-nav__link:not(.global-nav__link--user):not(.global-nav__link--documentation) {
        padding-left: 5px;
        padding-right: 5px; } }
  @media screen and (max-width: 768px) {
    .global-nav {
      font-size: 13px; }
      .global-nav__link:not(.global-nav__link--user):not(.global-nav__link--documentation) {
        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, #be4692);
    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 {
  margin-left: 10px;
  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, #be4692);
    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 {
  margin-left: 10px;
  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: #727272; }
  .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-size: 12px;
    font-weight: 500; }
  .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, #be4692);
    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, #be4692);
      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, #be4692);
      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, #be4692); }
    .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: #727272;
    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: 0.5;
      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: #727272; }
    .json-viewer__toggle .icon {
      color: currentColor; }
    .json-viewer__toggle.is-invisible {
      visibility: hidden; }
    .json-viewer__toggle:focus {
      outline: 1px solid var(--cc-primaryColor, #de4c90); }
  .json-viewer__icon {
    display: inline-flex;
    margin-right: 7px;
    padding: 3px;
    border: 1px solid currentColor;
    border-radius: 2px; }
    .json-viewer__icon .icon {
      font-size: 10px;
      fill: #a8a8a8; }
  .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 {
    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%; }

.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, #be4692); }
  .link:focus,
  .link-button:focus {
    outline: 1px solid var(--cc-primaryColor, #be4692);
    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, #de4c90); }
  .link-button[disabled] {
    opacity: 0.5;
    cursor: default; }

.main-body {
  flex: 1;
  overflow: auto;
  padding: 15px;
  height: 100%;
  position: relative; }
  .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:last-child {
    min-height: 100%; }
    .main-body .panel:last-child .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; }

.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, #be4692);
    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 .icon {
      fill: currentColor;
      height: auto; }
    .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; }

.multi-select {
  font-weight: 400;
  position: relative;
  z-index: 1;
  font-size: 13px;
  color: #727272; }
  .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: 12px;
    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: #ef4f4f;
      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, #be4692); }
    .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, #be4692); }
  .multi-select.is-open .multi-select__options {
    display: block; }
  .multi-select.is-invalid .multi-select__input-wrap {
    border-color: #e94b60; }

.notification-list {
  width: 256px;
  margin-bottom: 12px; }
  .notification-list__notification {
    background-color: #803869;
    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: #e42829; }
    .notification-list__notification--success {
      background: #4daf4a; }
    .notification-list__notification--warning {
      background: #f9b415;
      color: #000; }
      .notification-list__notification--warning .icon {
        fill: #000; }
  .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: #727272;
      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__anchor {
    position: absolute;
    top: -15px; }
  .panel__controls {
    margin: 0 8px; }
  .panel__header {
    color: var(--cc-panelHeaderColor, #000);
    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-left {
    margin-left: 0; }
  .panel__title {
    line-height: 30px;
    margin: 0 8px 0 0;
    overflow: hidden;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    color: var(--cc-panelHeaderColor, #000);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap; }
    .panel__title .breadcrumb {
      margin-bottom: 0; }
  .panel__subtitle {
    color: #727272;
    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;
    overflow-x: auto; }
    .panel__tabs-overflow {
      position: relative; }
      .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; }
    .panel__tab:focus {
      outline: 1px solid var(--cc-primaryColor, #be4692);
      outline-offset: -1px; }
    .panel__tab--active {
      color: var(--cc-primaryColor, #be4692);
      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__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-size: 11px;
    font-weight: 500;
    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 {
    flex: 1; }
    .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, #be4692); }
  .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); }
  .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--reverse {
    border-top: 1px solid #a8a8a8;
    margin-top: 15px; }
    .panel--sidebar .checkbox--reverse .checkbox__label-text {
      font-size: 14px; }
  .panel--sidebar .form-input--datetime-range .form-input__part {
    display: block; }
  .panel--sidebar .form-input--datetime-range .form-input__input--date,
  .panel--sidebar .form-input--datetime-range .form-input__input--time {
    letter-spacing: -1px; }
  .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; }

.percentage-bar {
  display: block;
  position: relative;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.8;
  color: #fff;
  background: #d8d8d8;
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
  z-index: 0; }
  .percentage-bar__label {
    position: relative;
    z-index: 1; }
  .percentage-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 + .percentage-bar__track {
      z-index: 0; }
    .percentage-bar__track--faded {
      opacity: 0.3; }
  .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; }

.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, #727272 1px, transparent 1px), linear-gradient(to right, #727272 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;
    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, #727272 1px, transparent 1px), linear-gradient(to right, #727272 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: #727272; }
  .multirange__inline-value {
    flex: 0 0 auto;
    width: 50px; }
  .multirange__slider-wrap {
    flex: 1 1 auto;
    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% 20%;
      --range-color: var(--cc-primaryColor, #be4692); }
      .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__input--ghost {
    --track-background:
          linear-gradient(
            to right,
            #54c02f var(--low),
            var(--range-color) 0,
            var(--range-color) var(--high),
            #ef4f4f 0
          ) no-repeat 0 50% / 100% 20%;
    --range-color: #ffbe37; }

.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, #be4692); }

.sidebar {
  flex: 0 0 280px;
  height: 100%;
  overflow: auto;
  font-size: 15px;
  background-color: var(--cc-sidebarBackgroundColor, #e3e3e3);
  color: var(--cc-sidebarColor, #000); }
  .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; }
  @media screen and (max-width: 768px) {
    .sidebar {
      flex: 0 0 60px;
      overflow: hidden; }
      .application:not(.application--sidebar-expanded) .sidebar * {
        display: none; }
      .application--sidebar-expanded .sidebar {
        flex: 0 0 280px;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 280px;
        overflow: auto;
        z-index: 1; } }
  .sidebar--incident-list button:not(.advanced-search__clear-button):not(.advanced-search__result-button) {
    display: flex; }
  .sidebar--reports__top {
    background-color: inherit;
    padding: 0 10px 10px;
    position: sticky;
    top: 0;
    z-index: 1; }
  .sidebar--reports .manage-reports {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px; }
  .sidebar .sidebar--incident-list__filterable-source button {
    padding: 13px 0 13px 28px; }
    .sidebar .sidebar--incident-list__filterable-source button:focus {
      outline: 1px solid var(--cc-primaryColor, #be4692);
      outline-offset: -4px; }
  .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 button:not(.advanced-search__clear-button) {
      cursor: pointer; }
    .sidebar__navigation a,
    .sidebar__navigation .navigation-directory .navigation-directory__title,
    .sidebar__navigation button:not(.advanced-search__clear-button):not(.advanced-search__result-button) {
      background: transparent;
      border: none;
      border-top: 1px solid #cbcbcb;
      color: var(--cc-sidebarColor, #000);
      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 button:not(.advanced-search__clear-button):not(.advanced-search__result-button):focus {
        outline: 1px solid var(--cc-primaryColor, #be4692);
        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 button {
      border-top-color: transparent; }
    .sidebar__navigation li a:hover, .sidebar__navigation li button:hover:not(.advanced-search__result-button) {
      background-color: var(--cc-sidebarNavItemHoverBackgroundColor, #eee); }
    .sidebar__navigation li:not(.active) a:hover, .sidebar__navigation li:not(.active) button:hover:not(.advanced-search__result-button) {
      color: var(--cc-sidebarNavItemHoverColor, var(--cc-sidebarColor, #000)); }
    .sidebar__navigation li a:hover, .sidebar__navigation li + li a:hover {
      border-top-color: transparent; }
    .sidebar__navigation li.active a, .sidebar__navigation li.active button.sidebar__navigation-link {
      background: #fff;
      border-left: 3px solid var(--cc-primaryColor, #be4692);
      padding-left: 12px; }
    .sidebar__navigation li.active + li a, .sidebar__navigation li.active + li button {
      border-top-color: transparent; }
    .sidebar__navigation li.is-disabled a, .sidebar__navigation li.is-disabled button {
      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 button {
      border-top-color: transparent;
      color: var(--cc-primaryColor, #be4692); }
    .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; }
      .sidebar__navigation .navigation-directory__create:hover {
        color: var(--cc-primaryColor, #be4692); }
        .sidebar__navigation .navigation-directory__create:hover .icon {
          fill: var(--cc-primaryColor, #be4692); }
  .sidebar--incident-list button {
    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-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, #be4692); }
  .sidebar--incident-list .active + li .sidebar--incident-list__filter {
    border-top-color: transparent; }
  .sidebar--incident-list__filterable-source button {
    padding-left: 28px; }
  .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-left__backdrop {
  display: none; }
  @media screen and (max-width: 768px) {
    .sidebar-left__backdrop {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      z-index: 6;
      left: 280px; } }

.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, #be4692); }

.sidebar-right {
  z-index: 9;
  position: fixed;
  top: 0;
  right: 0;
  width: 370px;
  height: 100%;
  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-wrap {
    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, #be4692);
    font-size: 12px;
    font-weight: 500; }
  .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, #d45997); }

.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, #d45997);
  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 table {
    width: 100%; }
    .table table .dataservice-compound,
    .table table .dataservice-expandable-title {
      width: initial; }
  .table__tooltip-icon .icon {
    margin: 0 0 0 5px;
    fill: #727272; }
  .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, #be4692);
      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, #be4692);
      outline-offset: 2px; }
  .table__header-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #727272;
    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: #727272;
        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, #d45997); }
      .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, #be4692); }
      .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, #be4692); }
        .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; }
      .table__header-item--select-without-pagination .checkbox {
        margin-left: 6px; }
      .table__header-item--select-without-pagination .checkbox__label-icon .icon {
        width: 100%;
        height: 100%;
        fill: #fff; }
      .table__header-item--select-without-pagination .checkbox__label {
        margin: 0; }
    .table__header-item--spannable {
      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__row:nth-child(odd), .table__sub-row:nth-child(odd) {
    border-color: #f4f4f4; }
  .table__row:focus, .table__sub-row:focus {
    outline: 1px solid var(--cc-primaryColor, #be4692); }
  .table__row--expandable, .table__sub-row--expandable {
    cursor: pointer; }
  .table__row.is-highlighted, .table__sub-row.is-highlighted {
    background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb); }
    .table__row.is-highlighted:nth-child(odd), .table__sub-row.is-highlighted:nth-child(odd) {
      background-color: var(--cc-primarySelectedBackgroundColorAlt, #fae8f2); }
    .table__row.is-highlighted .table__row--expandable .table__cell, .table__sub-row.is-highlighted .table__row--expandable .table__cell {
      border-bottom: 0; }
  .table__row.is-editing, .table__sub-row.is-editing {
    vertical-align: top;
    border-top: 1px solid rgba(190, 70, 146, 0.2);
    border-bottom: 1px solid rgba(190, 70, 146, 0.2); }
  .table__row.has-error, .table__sub-row.has-error {
    outline: 1px solid #e94b60; }
  .table__row--total {
    font-weight: 500; }
  .table__row:nth-child(odd) {
    background-color: #f4f4f4; }
  .table__cell {
    border-bottom: 1px solid #ddd;
    line-height: 19px;
    padding: 8px 8px 9px;
    color: #565656;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .table__cell--with-link-button button {
      padding-right: 5px; }
    .table__cell + .table__cell {
      padding-left: 2px; }
    .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: #e94b60;
      white-space: normal; }
      .table__cell--error .icon {
        fill: #e94b60;
        height: 19px;
        width: 19px;
        margin-right: 3px;
        vertical-align: bottom; }
    .table__cell--action {
      width: 1px;
      padding-top: 4px;
      padding-bottom: 4px;
      overflow: visible; }
    .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 {
      overflow: visible; }
    .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, #de4c90);
          outline-offset: -1px; }
      .table__cell--expand .icon {
        fill: #828282;
        height: 18px;
        pointer-events: none;
        width: 12px; }
    .table__cell--external-link .icon {
      fill: var(--cc-primaryColor, #be4692);
      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, #be4692);
      font-weight: 500; }
    .table__cell--link {
      color: var(--cc-primaryColor, #be4692);
      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: #727272;
      height: 19px;
      vertical-align: top;
      width: 13px; }
    .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: #000;
      --primary-color: #000; }
      .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: #f8f7df;
        border: 1px solid #e6db95;
        margin-bottom: 1em;
        padding: 14px;
        color: #727272;
        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: #727272;
    padding: 0 4px;
    font-size: 11px;
    font-weight: 500;
    border: 1px solid #727272;
    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: #ef4f4f; }
  .table__inline-edit-label {
    display: inline-block;
    flex: 0 0 30%;
    padding-right: 12px;
    color: #727272;
    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: #ef4f4f;
    background-color: #FFECE7;
    border: 1px solid #ef4f4f;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    font-size: 11px; }
  .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: #777;
      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 select {
    height: 28px;
    line-height: 16px; }
  .table-per-page .icon-sort {
    bottom: 7px; }
  .table-per-page label {
    color: #727272;
    font-weight: 500;
    margin-left: 5px; }

.panel__subheader .table-per-page {
  margin-bottom: 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: 2px;
  background-color: #fff;
  color: #727272;
  line-height: 1;
  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; }
  .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: #727272;
    border-color: #727272;
    color: #fff; }
  .tag--no-spacing {
    margin: 0; }
  .tag--size-small {
    margin: 3px;
    font-size: 11px; }
    .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: #727272; }
    .tag--theme-neutral.tag--split-contrast, .tag--theme-neutral.tag--split-uniform {
      border: 1px solid #727272; }
      .tag--theme-neutral.tag--split-contrast .tag__content + .tag__content, .tag--theme-neutral.tag--split-uniform .tag__content + .tag__content {
        border-left: 1px solid #727272; }
    .tag--theme-neutral.tag--split-contrast .tag__content:nth-child(odd) {
      background: #727272;
      color: #fff; }
    .tag--theme-neutral.tag--split-contrast .tag__content:nth-child(even) {
      background: none;
      color: #727272; }
    .tag--theme-neutral.tag--filled {
      background: #727272;
      border-color: #727272;
      color: #fff; }
      .tag--theme-neutral.tag--filled.tag--split-uniform .tag__content + .tag__content {
        border-left-color: #fff; }
  .tag--theme-primary {
    color: var(--cc-primaryColor, #be4692); }
    .tag--theme-primary.tag--split-contrast, .tag--theme-primary.tag--split-uniform {
      border: 1px solid var(--cc-primaryColor, #be4692); }
      .tag--theme-primary.tag--split-contrast .tag__content + .tag__content, .tag--theme-primary.tag--split-uniform .tag__content + .tag__content {
        border-left: 1px solid var(--cc-primaryColor, #be4692); }
    .tag--theme-primary.tag--split-contrast .tag__content:nth-child(odd) {
      background: var(--cc-primaryColor, #be4692);
      color: #fff; }
    .tag--theme-primary.tag--split-contrast .tag__content:nth-child(even) {
      background: none;
      color: var(--cc-primaryColor, #be4692); }
    .tag--theme-primary.tag--filled {
      background: var(--cc-primaryColor, #be4692);
      border-color: var(--cc-primaryColor, #be4692);
      color: #fff; }
      .tag--theme-primary.tag--filled.tag--split-uniform .tag__content + .tag__content {
        border-left-color: #fff; }
  .tag--theme-alert {
    color: #f57423; }
    .tag--theme-alert.tag--split-contrast, .tag--theme-alert.tag--split-uniform {
      border: 1px solid #f57423; }
      .tag--theme-alert.tag--split-contrast .tag__content + .tag__content, .tag--theme-alert.tag--split-uniform .tag__content + .tag__content {
        border-left: 1px solid #f57423; }
    .tag--theme-alert.tag--split-contrast .tag__content:nth-child(odd) {
      background: #f57423;
      color: #fff; }
    .tag--theme-alert.tag--split-contrast .tag__content:nth-child(even) {
      background: none;
      color: #f57423; }
    .tag--theme-alert.tag--filled {
      background: #f57423;
      border-color: #f57423;
      color: #fff; }
      .tag--theme-alert.tag--filled.tag--split-uniform .tag__content + .tag__content {
        border-left-color: #fff; }
  .tag--theme-danger {
    color: #ef4f4f; }
    .tag--theme-danger.tag--split-contrast, .tag--theme-danger.tag--split-uniform {
      border: 1px solid #ef4f4f; }
      .tag--theme-danger.tag--split-contrast .tag__content + .tag__content, .tag--theme-danger.tag--split-uniform .tag__content + .tag__content {
        border-left: 1px solid #ef4f4f; }
    .tag--theme-danger.tag--split-contrast .tag__content:nth-child(odd) {
      background: #ef4f4f;
      color: #fff; }
    .tag--theme-danger.tag--split-contrast .tag__content:nth-child(even) {
      background: none;
      color: #ef4f4f; }
    .tag--theme-danger.tag--filled {
      background: #ef4f4f;
      border-color: #ef4f4f;
      color: #fff; }
      .tag--theme-danger.tag--filled.tag--split-uniform .tag__content + .tag__content {
        border-left-color: #fff; }
  .tag--theme-ok {
    color: #54c02f; }
    .tag--theme-ok.tag--split-contrast, .tag--theme-ok.tag--split-uniform {
      border: 1px solid #54c02f; }
      .tag--theme-ok.tag--split-contrast .tag__content + .tag__content, .tag--theme-ok.tag--split-uniform .tag__content + .tag__content {
        border-left: 1px solid #54c02f; }
    .tag--theme-ok.tag--split-contrast .tag__content:nth-child(odd) {
      background: #54c02f;
      color: #fff; }
    .tag--theme-ok.tag--split-contrast .tag__content:nth-child(even) {
      background: none;
      color: #54c02f; }
    .tag--theme-ok.tag--filled {
      background: #54c02f;
      border-color: #54c02f;
      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, #be4692); }
  .release-control-modal .action-title {
    margin: 20px auto;
    font-size: 18px;
    font-weight: 600; }

.timewindow__action-group {
  flex: 1;
  display: flex;
  font-size: 13px;
  justify-content: flex-end;
  align-items: center; }
  .timewindow__action-group [role='button']:hover {
    text-decoration: underline; }
  .timewindow__action-group span {
    word-spacing: -1px;
    padding-left: 10px;
    color: #878787; }
  .timewindow__action-group .active {
    color: var(--cc-primaryColor, #be4692); }
  .timewindow__action-group .start {
    color: #000; }
  @media screen and (max-width: 992px) {
    .timewindow__action-group [role='button'],
    .timewindow__action-group .right > .start {
      overflow: hidden;
      text-overflow: ellipsis; }
    .timewindow__action-group [role='button'] {
      max-width: 33px;
      padding-left: 6px; }
    .timewindow__action-group .right > .start {
      max-width: 70px; } }

.timewindow__action-group-list {
  line-height: 1; }
  .timewindow__action-group-list [role="button"] {
    cursor: pointer; }
  .timewindow__action-group-list:first-child {
    padding-right: 14px; }
  .timewindow__action-group-list:last-child {
    padding-left: 4px;
    border-left: 1px #727272 solid; }
  .timewindow__action-group-list .right {
    display: flex;
    justify-content: flex-end; }
  .timewindow__action-group-list .time-resolution {
    color: var(--cc-primaryColor, #be4692);
    display: inline-block;
    width: 80px; }

.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: #ef4f4f; }
  .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, #be4692); }
    .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: #727272;
    margin-bottom: 10px;
    word-wrap: break-word; }
  .amdl-editor__import-results-outcome--success .amdl-editor__import-results-outcome-message {
    color: #54c02f; }
  .amdl-editor__import-results-outcome--error .amdl-editor__import-results-outcome-message {
    color: #ef4f4f; }
  .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%, #ef4f4f, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, #ef4f4f, 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: #ef4f4f; }
  .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: #ef4f4f; }
  .amdl-editor__import-create-results-title {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 500;
    color: var(--cc-primaryColor, #be4692); }
  .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: #727272; }
    .amdl-editor__import-create-results-list-item--ok {
      color: #54c02f; }
    .amdl-editor__import-create-results-list-item--danger {
      color: #ef4f4f; }
  .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, #be4692); }
  .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: 12px; }
    .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: #727272; }
      .amdl-editor-tree__bulk-run-tests:focus, .amdl-editor-tree__bulk-run-tests-action:focus {
        outline: 1px solid var(--cc-primaryColor, #be4692);
        outline-offset: 1px; }
    .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: #ef4f4f; }
    .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: #c63008; }
  .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: #727272;
    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, #be4692);
      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: #ef4f4f;
    font-weight: 500; }
    .amdl-editor-tree__error-count .icon {
      display: block;
      margin-right: 4px;
      fill: #ef4f4f; }
    .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: #727272; }
    .amdl-editor-tree__branch-actions-toggle:focus {
      outline: 1px solid var(--cc-primaryColor, #be4692); }
    .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(114, 114, 114, 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 {
    position: relative;
    display: flex;
    min-width: 80px;
    width: 150px;
    max-width: 150px;
    padding-left: 12px;
    padding-right: 20px;
    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, #be4692); }
  .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: #a8a8a8;
    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, #be4692);
    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: 12px; }
  .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: #727272; }
    .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, #be4692); }
    .amdl-editor-editor__action-bar-action[disabled] {
      opacity: 0.5; }
    .amdl-editor-editor__action-bar-action-toggle-enabled-disabled {
      min-width: 91px; }
      .amdl-editor-editor__action-bar-action-toggle-enabled-disabled.is-disabled, .amdl-editor-editor__action-bar-action-toggle-enabled-disabled.is-disabled:hover {
        color: #fff;
        background-color: #e94b60; }
    .amdl-editor-editor__action-bar-action:focus {
      outline: 1px solid var(--cc-primaryColor, #de4c90);
      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-wrap {
      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: #727272; }
    .amdl-editor-tests__status-icon .icon {
      display: block; }
    .amdl-editor-tests__status-icon--success {
      fill: #54c02f; }
    .amdl-editor-tests__status-icon--failure {
      fill: #ef4f4f; }
  .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(114, 114, 114, 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: #727272; }
    .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, #be4692); }
    .amdl-editor-tests__test-list-item.is-selected,
    .amdl-editor-tests__test-list-item.is-selected .action {
      background: var(--cc-primarySelectedBackgroundColor, #fdf8fb); }
    .amdl-editor-tests__test-list-item.is-editing {
      border-color: var(--cc-primaryColor, #be4692); }
  .amdl-editor-tests__test-list-item-rename-input {
    width: 100%;
    background: none;
    border: none; }
  .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;
    align-items: center;
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 6px; }
    .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: 6px; }
  .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(114, 114, 114, 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(114, 114, 114, 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(114, 114, 114, 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: #ef4f4f; }
  .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(114, 114, 114, 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, #be4692);
          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, #be4692);
        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(114, 114, 114, 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: #777; }
  .amdl-editor-icon .icon {
    display: block;
    fill: currentColor; }
  .amdl-editor-icon--directory {
    color: #f0d878; }
  .amdl-editor-icon--file-feature {
    color: #1b998b; }
  .amdl-editor-icon--file-global {
    color: #f40955; }
  .amdl-editor-icon--file-list {
    color: #f67526; }
  .amdl-editor-icon--file-rule {
    color: #058ed9; }
  .amdl-editor-icon--file-state {
    color: #f8b531; }
  .amdl-editor-icon--file-unknown {
    color: #000; }
  .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: 12px;
    line-height: 16px;
    color: #a2a2a2; }
  .amdl-metrics__metric-icon {
    flex: 0;
    padding: 8px;
    border-radius: 100%;
    background: var(--cc-primaryColor, #be4692); }
    .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: #ef4f4f;
    margin-right: 4px; }
  .amdl-metrics__errors-action {
    margin-left: 4px; }
  .amdl-metrics .chart .chart-y-axis {
    opacity: 0; }
  .amdl-metrics .chart text {
    font-size: 9px;
    fill: #727272; }

.amdl-state__non-fatal-error {
  margin: 10px 0;
  color: #ef4f4f;
  font-weight: 600; }

.amdl-state__result {
  display: block;
  margin: 0;
  padding: 11px;
  text-align: center; }
  .amdl-state__result--error {
    color: #ef4f4f; }

.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 {
  line-height: 16px; }
  .amdl-state__scope-select + .icon-sort {
    top: 9px; }

.amdl-tester {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  height: 250px; }
  .amdl-tester__status-icon {
    display: block;
    fill: #727272;
    margin-right: 6px; }
    .amdl-tester__status-icon .icon {
      display: block; }
    .amdl-tester__status-icon--success {
      fill: #54c02f; }
    .amdl-tester__status-icon--failure {
      fill: #ef4f4f; }
  .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(114, 114, 114, 0.2); }
  .amdl-tester__test-list-actions {
    display: flex;
    flex: 0 0 auto;
    justify-content: space-around; }
  .amdl-tester__test-list-action {
    color: #727272; }
    .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, #be4692); }
    .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, #be4692); }
  .amdl-tester__test-list-item-rename-input {
    width: 100%;
    background: none;
    border: none; }
  .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;
    align-items: center;
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 6px; }
    .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: 6px; }
  .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(114, 114, 114, 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(114, 114, 114, 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(114, 114, 114, 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: #ef4f4f; }
  .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(114, 114, 114, 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, #be4692);
          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(114, 114, 114, 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: #727272; }
  .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: #727272;
    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: #565656;
    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: #727272; }
  .c-checkbox:hover:not([disabled]) .c-checkbox__icon {
    border-color: var(--cc-primaryColor, #d45997); }
  .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, #d45997); }
  .c-checkbox[data-checked="Checked"] .c-checkbox__icon, .c-checkbox[data-checked="HalfChecked"] .c-checkbox__icon {
    background-color: var(--cc-primaryColor, #d45997);
    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 #727272;
    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: #727272;
    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, #be4692); }
  .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, #de4c90);
    outline-offset: -1px; }
  .fs-button--primary {
    background-color: #98265b;
    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: #e94b60;
    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: #565656; }
    .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; }

.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 currentColor; }
  .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__unified, .diff-viewer__side-by-side-part {
    background-color: #f4f4f4; }
  .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, #be4692); }
  .dropdown-actions__action.is-selected {
    background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb); }
    .dropdown-actions__action.is-selected .action {
      color: var(--cc-primaryColor, #be4692);
      font-weight: 500; }

.event-filter {
  position: absolute;
  top: 0;
  left: 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; }
  .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; }
    .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 + .event-filter__section {
      border-left: 1px solid #ccc; }
    .event-filter__section--alert-activity + .event-filter__section--event-types {
      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, #be4692);
    font-weight: 400; }
  .event-filter__filter-button {
    width: 100%;
    color: #a8a8a8;
    background: #fff;
    font-weight: 500; }
    .event-filter__filter-button .icon {
      --primary-color: currentColor;
      fill: currentColor; }
    .event-filter__filter-button.is-selected {
      border-color: var(--cc-primaryColor, #be4692);
      color: #727272; }
      .event-filter__filter-button.is-selected .icon {
        --primary-color: $global-primary-color;
        fill: var(--cc-primaryColor, #be4692); }
      .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: 12px; }
  .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;
    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, #be4692);
      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; } }

.custom-filter {
  border-top: 1px solid #cbcbcb;
  padding: 13px 15px; }
  .custom-filter:first-of-type {
    border-top: 0; }
  .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-primaryColor, #be4692);
      vertical-align: middle; }
    .custom-filter__heading:focus {
      outline: 1px solid var(--cc-primaryColor, #be4692);
      outline-offset: 2px; }
  .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__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-wrap {
    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: 6px;
    padding-right: 6px; }
  .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: 12px; }

.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;
  max-height: 182px; }

.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-primaryColor, #be4692); }
  .multiple-select-filter-input__button.is-selected {
    color: var(--cc-primaryColor, #be4692);
    background-color: var(--cc-primarySelectedBackgroundColor, #fdf8fb); }
  .multiple-select-filter-input__button.is-applicable {
    font-weight: 600; }

.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: #727272; }
  .ff-multiselect__input-value-icon--error {
    right: 20px;
    color: #e94b60;
    font-size: 7px; }

.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: #727272;
  cursor: default; }
  .ff-multiselect__input-options-button:focus {
    color: var(--cc-primaryColor, #be4692); }

.ff-multiselect__checkbox {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0; }
  .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: #e94b60 !important; }

.ff-multiselect.form-field--invalid .ff-multiselect__input-dropdown {
  border-color: #e94b60; }

.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, #be4692); }

.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: #ef4f4f; }

.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: #ef4f4f; }

.incident-event-json__title {
  font-weight: 600;
  font-size: 19px;
  color: var(--cc-primaryColor, #be4692);
  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: #727272;
  transition: color 0.15s ease; }
  .incident-event-json__copy-button:hover {
    color: #000; }
  .incident-event-json__copy-button .icon {
    display: block;
    fill: currentColor; }

.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__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-wrap {
    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-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-wrap {
    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: #ef4f4f;
  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; }

.list-page-filters__checkbox-list-filter-option-button {
  max-width: 100%;
  padding: 10px 0; }

.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: #565656;
    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 #727272; }
  .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, #be4692); }
  .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: #727272; }
    .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: #a8a8a8;
    color: #fff;
    font-size: 12px;
    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 {
    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%;
    display: flex;
    width: 100%;
    width: calc(100% - 30px);
    min-height: 200px;
    max-height: 50vh;
    margin-top: 2px;
    padding: 10px 20px;
    overflow: auto;
    background-color: #fff;
    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: #727272;
    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, #be4692); }
    .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, #be4692); }
  .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: #777; }
  .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: #ef4f4f; }
  .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, #be4692); }
  .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: 12px; }
  .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: #777;
    font-size: 12px; }
  .omnisearch.is-showing-dropdown .omnisearch__query {
    border-color: var(--cc-primaryColor, #be4692);
    background: var(--cc-primarySelectedBackgroundColor, #fdf8fb); }
  .omnisearch.is-showing-dropdown .omnisearch__query-submit-button {
    background-color: var(--cc-primaryColor, #be4692); }

.tenancy-overview__table table {
  height: 100%; }

.tenancy-overview__table-body.has-more .tenancy-overview__table-row:last-child {
  border-bottom: 1px dashed #b8b8b8; }

.tenancy-overview__table-body:nth-child(2) .tenancy-overview__table-row:first-child .tenancy-overview__tree-line-container--group .tenancy-overview__tree-line-marker::before {
  display: none; }

.tenancy-overview__table-body:nth-child(2) .tenancy-overview__table-row:first-child .tenancy-overview__tree-line-container--group .tenancy-overview__tree-line-marker::after {
  height: 50%; }

.tenancy-overview__table-body.is-deeper-indentation-level .tenancy-overview__table-row:first-child .tenancy-overview__tree-line-container--group .tenancy-overview__tree-line-marker::after {
  height: 50%; }

.tenancy-overview__table-body:not(.has-child-groups):not(.next-node-is-sibling) .tenancy-overview__table-row .tenancy-overview__tree-line-container--item .tenancy-overview__tree-line-marker {
  width: calc(20px * (var(--next-node-indent-level) - 0)); }

.tenancy-overview__table-body:not(.has-child-groups):not(.next-node-is-sibling) .tenancy-overview__table-row:last-child .tenancy-overview__tree-line-container--item .tenancy-overview__tree-line-marker::after {
  height: 50%; }

.tenancy-overview__table-cell {
  position: relative;
  padding: 14px 10px;
  padding: 14px 10px; }
  .tenancy-overview__table-cell--indented {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.5;
    overflow: hidden;
    height: 53px; }

.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: 12px;
    text-transform: uppercase; }
    .tenancy-overview__table-row-action--link-style:hover {
      color: var(--cc-primaryColor, #be4692); }

.tenancy-overview__acg-row {
  background: #f5f5f5;
  border-bottom: 1px solid var(--cc-primaryColor, #be4692); }

.tenancy-overview__tenant-row {
  border-bottom: 1px solid #f7f5f5; }

.tenancy-overview__group-title, .tenancy-overview__group-title-divider {
  color: var(--cc-primaryColor, #be4692); }

.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;
  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; }

.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; }

.panel-network-analysis {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 300px;
  position: relative; }
  .panel-network-analysis a {
    color: var(--cc-primaryColor, #be4692); }
  .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: #727272; }
    .panel-network-analysis .graph-network-analysis button.active {
      color: #7A7A7A;
      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-control:nth-child(1) {
      border-radius: 3px 0 0 3px;
      border-width: 1px; }
    .panel-network-analysis .graph-network-analysis .zoom-control:nth-child(2) {
      border-radius: 0 3px 3px 0;
      border-width: 1px 1px 1px 0; }
    .panel-network-analysis .graph-network-analysis .zoom-control:last-child {
      font-size: 18px;
      margin-left: 10px; }
    .panel-network-analysis .graph-network-analysis .zoom-control:hover {
      background: linear-gradient(-180deg, #F5F5F5 0%, #EBEBEB 100%); }
    .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: #be4692;
        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: #a8a8a8;
        margin-right: 5px;
        font-size: 22px;
        vertical-align: middle; }
      .panel-network-analysis .graph-network-analysis .info dt {
        font-weight: 500;
        margin: 12px 0 4px;
        text-transform: capitalize; }
      .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: 11px;
        text-transform: uppercase; }
      .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: #a8a8a8; }
        .panel-network-analysis .graph-network-analysis .legend .legend-item__icon-data-list {
          fill: #ef4f4f;
          height: 18px; }
        .panel-network-analysis .graph-network-analysis .legend .legend-item__label {
          flex: 3;
          padding-left: 10px; }
        .panel-network-analysis .graph-network-analysis .legend .legend-item__label--cap {
          text-transform: capitalize; }
    .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; }

.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, #be4692);
      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; }

.globe-3d {
  background: #f4f4f4;
  position: relative;
  z-index: 1;
  height: 100%;
  border: 1px solid #bfbfbf; }
  .globe-3d .full-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f4f4f4; }
  .globe-3d .hide {
    display: none; }
  .globe-3d:focus {
    outline: 1px solid var(--cc-primaryColor, #be4692); }
  .globe-3d h1, .globe-3d h2, .globe-3d h3, .globe-3d h4, .globe-3d .control, .globe-3d .control-rotation, .globe-3d .bar-headers ul, .globe-3d .range-slider, .globe-3d .range-slider::-webkit-slider-thumb {
    margin: 0;
    color: #000;
    text-transform: capitalize; }
  .globe-3d .actions *:focus {
    outline: 1px solid var(--cc-primaryColor, #be4692); }
  .globe-3d .reset-selections {
    color: #a5a5a5;
    cursor: default; }
    .globe-3d .reset-selections:focus {
      outline: none; }
    .globe-3d .reset-selections.underline {
      color: #000;
      cursor: pointer; }
    .globe-3d .reset-selections.underline:focus {
      outline: 1px solid var(--cc-primaryColor, #be4692); }
  .globe-3d .control-zoom:focus-within {
    outline: 1px solid var(--cc-primaryColor, #be4692); }
  .globe-3d .info {
    color: #970032; }
  .globe-3d .info-country {
    color: #000; }
  .globe-3d .info--selected {
    color: #970032; }
  .globe-3d rect {
    fill: #595959; }
  .globe-3d .bar-slider rect,
  .globe-3d .bar-alerts rect {
    fill: #D81B60; }
  .globe-3d .bar-slider .transaction rect {
    fill: #595959; }
  .globe-3d .bar-slider .outline rect {
    fill-opacity: 0;
    stroke: #d6d6d6;
    opacity: 0.5; }
  .globe-3d .bar-slider .splitline {
    stroke: #000;
    stroke-width: 0.3;
    stroke-dasharray: 3 5; }
  .globe-3d .bar-slider .outline rect:hover,
  .globe-3d .bar-slider .outline rect.selected {
    stroke: #970032;
    stroke-width: 2px;
    opacity: 1; }
  .globe-3d .axis text {
    fill: #000; }
  .globe-3d .axis line,
  .globe-3d .axis path {
    stroke: #000; }
  .globe-3d .bar-headers .active {
    border-bottom: 2px solid #970032;
    text-decoration: none; }
  .globe-3d .bar-headers *:focus {
    outline: 1px solid #640021; }
  .globe-3d .bar-countries rect.selected {
    fill: #970032; }
  .globe-3d .bar-countries rect:hover {
    fill: #FF0052; }
  .globe-3d .bar-text {
    color: #000; }
  .globe-3d .labels text {
    font-size: 13px; }
  .globe-3d .labels--transactions text,
  .globe-3d .axis--y-transactions-left text {
    fill: #595959; }
  .globe-3d .axis--y-transactions-left path {
    stroke: #595959; }
  .globe-3d .labels--alerts text,
  .globe-3d .axis--y-alerts text {
    fill: #D81B60; }
  .globe-3d .axis--y-alerts path {
    stroke: #D81B60; }
  .globe-3d .range-slider::-webkit-slider-thumb {
    background: #727272; }
  .globe-3d .range-slider {
    background: #727272; }
  .globe-3d .range-slider::-webkit-slider-thumb:hover {
    background: #727272; }
  .globe-3d .range-slider::-webkit-slider-thumb:active::-webkit-slider-thumb {
    background: #727272; }
  .globe-3d .dark-mode {
    background: #262626;
    color: #e0e0e0; }
    .globe-3d .dark-mode h1, .globe-3d .dark-mode h2, .globe-3d .dark-mode h3, .globe-3d .dark-mode h4, .globe-3d .dark-mode .control, .globe-3d .dark-mode .control-rotation, .globe-3d .dark-mode .bar-headers ul, .globe-3d .dark-mode .range-slider, .globe-3d .dark-mode .range-slider::-webkit-slider-thumb {
      color: #fff; }
    .globe-3d .dark-mode .info {
      color: #ca0043; }
    .globe-3d .dark-mode .info-country {
      color: #fff; }
    .globe-3d .dark-mode .info--selected {
      color: #ca0043; }
    .globe-3d .dark-mode rect {
      fill: #f2f2f2; }
    .globe-3d .dark-mode .bar-slider rect,
    .globe-3d .dark-mode .bar-alerts rect {
      fill: #D81B60; }
    .globe-3d .dark-mode .bar-slider .transaction rect {
      fill: #f2f2f2; }
    .globe-3d .dark-mode .bar-slider .outline rect {
      stroke: #fff; }
    .globe-3d .dark-mode .bar-slider .splitline {
      stroke: #fff; }
    .globe-3d .dark-mode .bar-slider .outline rect:hover,
    .globe-3d .dark-mode .bar-slider .outline rect.selected {
      stroke: #970032; }
    .globe-3d .dark-mode .axis text {
      fill: #fff; }
    .globe-3d .dark-mode .axis line,
    .globe-3d .dark-mode .axis path {
      stroke: #fff; }
    .globe-3d .dark-mode .bar-headers .active {
      border-bottom: 2px solid #970032; }
    .globe-3d .dark-mode .bar-headers *:focus {
      outline: 1px solid #640021; }
    .globe-3d .dark-mode .bar-countries rect.selected {
      fill: #970032; }
    .globe-3d .dark-mode .bar-countries rect:hover {
      fill: #970032; }
    .globe-3d .dark-mode .labels--transactions text,
    .globe-3d .dark-mode .axis--y-transactions-left text {
      fill: #f2f2f2; }
    .globe-3d .dark-mode .axis--y-transactions-left path {
      stroke: #f2f2f2; }
    .globe-3d .dark-mode .labels--alerts text,
    .globe-3d .dark-mode .axis--y-alerts text {
      fill: #D81B60; }
    .globe-3d .dark-mode .axis--y-alerts path {
      stroke: #D81B60; }
    .globe-3d .dark-mode .bar-text {
      fill: #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, #be4692); }

.chart-component-time-options__dropdown {
  width: 100px;
  font-size: 14px;
  display: inline-block;
  padding: 2px 4px;
  background: #fff;
  border-radius: 3px;
  color: #727272;
  top: 10px;
  right: 35px; }
  .chart-component-time-options__dropdown button {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    color: #909090;
    text-align: left;
    text-decoration: none;
    white-space: nowrap; }
  .chart-component-time-options__dropdown button:hover {
    color: #727272; }
  .chart-component-time-options__dropdown button:focus {
    border: 1px solid var(--cc-primaryColor, #be4692); }

.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; }
  .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: #666; }
  .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);
    font-size: 0.8125em; }
  .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 .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; }

.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: #827f7f;
  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: 8px; }
  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, #be4692) !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: #666; }
  .report-fraud-prevented .value {
    font-size: 1.5em;
    color: #827f7f; }
  .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: #666;
    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; }
  .leaders-report__sparkline-cell {
    border-bottom: 1px solid #ddd; }
    .leaders-report__sparkline-cell polyline {
      stroke: var(--cc-primaryColor, #be4692); }

.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: #ef4f4f;
  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, #be4692);
  border-radius: 100%; }

.overview-report__block-value {
  display: block;
  font-size: 24px;
  font-weight: 600; }

.overview-report__block-label {
  display: block;
  color: #727272;
  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; }

.tableau-component {
  width: 100%;
  height: 100%; }
  .tableau-component tableau-component {
    display: block;
    width: 100%;
    height: 100%; }

.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, #be4692);
  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, #be4692);
    outline-color: var(--cc-primaryColor, #be4692);
    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: var(--cds-field-01, #f4f4f4); }
  .dsv2-file.is-invalid {
    padding: 1rem 0;
    outline: 2px solid #ef4f4f;
    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: var(--cds-interactive-04, #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: var(--cds-support-01, #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: var(--cds-interactive-04, #0f62fe); }
  .dsv2-file__error-details {
    display: block;
    grid-column: 1/-1;
    max-height: none;
    margin: 0;
    padding: 1rem 1rem 0;
    border-top: 1px solid var(--cds-ui-03, #e0e0e0); }
  .dsv2-file__error-details-subject {
    display: block;
    color: var(--cds-text-error, #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__required-list-empty {
  color: #ef4f4f; }

.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: #727272;
    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: #54c02f; }
  .analytics-header .analytical-workflow-action-icon--danger {
    color: #ef4f4f; }

.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: 12px;
    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-size: 12px;
    font-weight: 400;
    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: #E8B3CB;
      color: #000; }
      .app-environment .sandbox .nav nav a.active .icon, .app-environment .sandbox .nav nav button.active .icon {
        fill: #000; }
    .app-environment .sandbox .nav nav a:focus, .app-environment .sandbox .nav nav button:focus {
      outline: 1px solid var(--cc-primaryColor, #be4692);
      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(2) {
  width: 1px; }

.page-model__main-table .table__cell:nth-child(2) {
  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: #54c02f; }
  .page-model__mode-icon--inactive {
    fill: #ef4f4f; }
  .page-model__mode-icon--silent {
    fill: #ffbe37; }

.page-model .table__cell--html a {
  color: var(--cc-primaryColor, #be4692); }

.page-model__error-cell--success {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #ef4f4f;
  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: #ef4f4f; }
  .page-model__error-cell--success .icon-exclamation-triangle {
    height: 19px; }

.page-model__error-cell--failure .icon {
  fill: #ef4f4f; }

.page-model__error-cell--loading .icon {
  fill: #e3e3e3; }

.page-model__error-extendable .icon-circle {
  fill: #ef4f4f;
  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: 11px; }

.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: #f8f7df;
  border: 1px solid #e6db95;
  margin-bottom: 1em;
  padding: 14px;
  color: #727272;
  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: #ef4f4f; }

.page-model-details__info-field-content, .page-model-details__warning-field-content {
  background: #f8f7df;
  border: 1px solid #e6db95;
  margin-bottom: 1em;
  padding: 14px;
  color: #727272;
  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: #727272; }

.page-model-details__info-field-item:last-child .page-model-details__info-field-expanded-content, .page-model-details__warning-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__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, #be4692);
  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: 12px; }

.page-model-details__info-field-checkbox, .page-model-details__warning-field-checkbox {
  margin-top: 10px;
  font-weight: 500; }

.model-chart {
  color: #727272; }
  .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(255, 235, 172, 0.95); }
  .model-chart .chart__line-path {
    stroke: #ffb433; }
  .model-chart .chart__header h2 {
    margin: 0;
    font-size: 14px; }

.model-retain-report-table h2 {
  color: #727272; }

.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-titles {
    display: flex;
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
    padding: 10px 10px 0; }
  .model-retain-report-table__spannable-header-cell-secondary-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 50%;
    text-align: center;
    border: 1px solid #eabd5d; }
    .model-retain-report-table__spannable-header-cell-secondary-title + .model-retain-report-table__spannable-header-cell-secondary-title {
      border-color: #cb5abd;
      margin-left: 20px; }

.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, #be4692);
    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: #cb5abd; }

.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 #eabd5d;
  border-radius: 3px; }
  .page-model-classifier-details__content-subheader-item.toCompare {
    border-color: #cb5abd;
    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 #eabd5d;
  border-radius: 3px; }
  .page-model-classifier-details__content-title + .page-model-classifier-details__content-title {
    border-color: #cb5abd; }

.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-size: 11px;
  font-weight: 400; }

.page-model-classifier-details__section {
  padding: 30px 0; }
  .page-model-classifier-details__section-header {
    margin-bottom: 2em;
    color: #727272;
    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: #f8f7df;
  border: 1px solid #e6db95;
  margin-bottom: 1em;
  padding: 14px;
  color: #727272;
  line-height: 1.35;
  margin: 0 auto;
  max-width: 800px; }
  .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: #727272; }

.model-chart .chart__lines-group path:nth-child(1) {
  stroke: #eabd5d; }

.model-chart .chart__lines-group path:nth-child(2) {
  stroke: #cb5abd; }

.model-chart .chart__areas-group path:nth-child(1) {
  fill: rgba(234, 189, 93, 0.2); }

.model-chart .chart__areas-group path:nth-child(2) {
  fill: rgba(203, 90, 189, 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: #ef4f4f; }
    .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; }

.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: #727272;
      font-size: 13px;
      font-weight: 600;
      margin-top: 15px; }
    .status-container .stage .state-info {
      color: #727272;
      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-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: #727272; }

.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, #d45997); }
    .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, #be4692); }
  .fs-select-container__select-all-dropdown-button .icon {
    margin: 0 5px !important; }

.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-wrap, .analytics-status__run-sandbox-preview-modal-content .form-field__label-wrap {
    padding-right: 20px;
    max-width: 230px; }

.analytics-status__view-sandbox-preview-modal-content {
  padding: 16px;
  width: 690px;
  max-width: 100%;
  color: #727272;
  line-height: 15px; }
  .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 .analytics-status__view-no-results {
    text-align: center;
    padding-top: 30px;
    color: #727272; }
    .analytics-status__view-sandbox-preview-modal-content .analytics-status__view-no-results .icon {
      width: 2em;
      height: 2em;
      margin-right: 10px;
      fill: #727272; }
    .analytics-status__view-sandbox-preview-modal-content .analytics-status__view-no-results .analytics-status__error {
      position: relative;
      bottom: 0.5em; }
  .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: 350px; }
    @media screen and (max-width: 992px) {
      .analytics-status__run-sandbox-preview-modal-content .form-input--datetime-range {
        display: flex; } }

.analytics-status__burn-in-field-group .form-field__label-wrap,
.analytics-status__run-sandbox-preview-modal-content .form-input--datetime-range .form-field__label-wrap {
  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 {
  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 {
      margin-left: 0;
      padding-top: 26px; } }

.analytics-status__burn-in-field-group-item {
  position: relative; }
  .analytics-status__burn-in-field-group-item + .analytics-status__burn-in-field-group-item {
    padding-left: 20px; }
  .analytics-status__burn-in-field-group-item--percentage {
    width: 84px; }
    .analytics-status__burn-in-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-input__input {
      padding-right: 20px;
      -moz-appearance: textfield; }
      .analytics-status__burn-in-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: #f8f7df;
  border: 1px solid #e6db95;
  margin-bottom: 1em;
  padding: 14px;
  color: #727272;
  line-height: 1.35;
  margin-top: 14px; }
  .analytics-status__note p {
    margin: 0 0 1em; }
    .analytics-status__note p:last-child {
      margin-bottom: 0; }

.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-wrap {
  display: none; }

.visual-amdl-list__assign-event-types-intro {
  color: #727272;
  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: #727272;
  word-break: break-word; }

.visual-amdl-scorecards-field .form-field__label-wrap {
  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: #727272;
  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-wrap {
  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: #727272;
  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-wrap {
  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; }

.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: #ef4f4f; }
  .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: #727272; }
    .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:hover .page-case-details-case-work__comment-document-action {
      opacity: 1; }
  .page-case-details-case-work__comment-document-action {
    display: flex;
    align-items: center;
    max-height: 3rem;
    margin-left: 16px;
    padding: 10.5px 16px;
    background-color: #f3f3f3;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.15s ease; }
    .page-case-details-case-work__comment-document-action .icon {
      display: block; }
    .page-case-details-case-work__comment-document-action:hover {
      background-color: #dedede; }
    .page-case-details-case-work__comment-document-action:focus {
      outline: 1px solid var(--cc-primaryColor, #be4692);
      opacity: 1; }
  .page-case-details-case-work__comment-add {
    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, #be4692);
      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-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, #de4c90);
      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: 110px;
    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__file-mark-irrelevant .icon {
    fill: #54c02f; }
  .page-case-details-case-work__irrelevant-file {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    min-width: 0;
    padding: 10px 16px;
    background-color: #f4f4f4; }
  .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, #be4692); }
    .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: #727272; }
    @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; }
  .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__primary-action-content {
  min-width: 250px;
  padding: 14px; }
  .page-case-details__primary-action-content .form__section-form-fields {
    padding-top: 0; }

.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:nth-child(4) {
    grid-area: comment; }
  .page-case-details__primary-action-close-content .form-field:nth-child(5) {
    grid-area: commentTemplate; }
    .page-case-details__primary-action-close-content .form-field:nth-child(5) .form-field__label-wrap {
      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(6) {
    grid-area: confirmNarrative;
    padding-left: 16px;
    align-items: center; }
    .page-case-details__primary-action-close-content .form-field:nth-child(6) .form-field__label-wrap {
      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; }

.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: #ef4f4f; }

.page-case-details-overview__age {
  font-size: 13px; }
  .page-case-details-overview__age.is-past .page-case-details-overview__age-value {
    color: #ef4f4f; }
  .page-case-details-overview__age-value {
    margin-right: 6px;
    font-size: 16px; }
  .page-case-details-overview__age-max {
    margin-right: 2px;
    color: #8d8d8d; }
  .page-case-details-overview__age-label {
    color: #8d8d8d; }

.page-case-details-overview__associated-cases {
  margin: 0;
  padding: 0;
  list-style: none; }

.page-case-details-overview__associated-case {
  display: flex;
  align-items: center;
  flex-flow: row wrap; }
  .page-case-details-overview__associated-case:not(:last-child) {
    margin-bottom: 16px; }

.page-case-details-overview__associated-case-delete-button {
  margin-right: 6px;
  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: #727272;
  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, #be4692); }
  .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 {
  display: grid;
  grid-template-columns: fit-content(100%) minmax(auto, auto);
  grid-gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none; }

.page-case-details-overview__associated-entity {
  display: contents; }

.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__associated-entity-alert-count {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.page-case-details-overview__linked-cases-search {
  margin: 10px 0; }

.page-case-details-overview__linked-cases-search-results:not(:empty) {
  border-bottom: 1px solid #dfdfdf;
  padding: 10px 0; }

.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: 26px;
  display: flex;
  align-items: center;
  justify-content: center; }

.page-case-details-overview__linked-cases-search-results-error {
  color: #ef4f4f; }
  .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-search-result {
  display: grid;
  grid-template-columns: 1fr minmax(auto, auto);
  grid-gap: 0 10px;
  justify-content: flex-start;
  align-items: stretch; }

.page-case-details-overview__linked-cases-search-result-title {
  display: block;
  font-weight: 500;
  margin-bottom: 6px; }

.page-case-details-overview__linked-cases-search-result-case-link {
  margin-top: auto;
  word-break: break-word; }

.page-case-details-overview__linked-cases-search-result-case-status {
  min-width: 0; }

.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-transactions .table__cell {
  vertical-align: top; }

.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: #727272; }

.page-case-details-transactions__review-summary-error {
  margin-bottom: 10px;
  color: #ef4f4f;
  font-size: 14px; }

.page-case-details-transactions .table__cell .percentage-bar {
  min-width: 130px; }

.page-case-details-transactions__inline-form-field-cell .form-field {
  margin-bottom: 0; }
  .page-case-details-transactions__inline-form-field-cell .form-field__label-wrap {
    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-transactions__review-cell-alert-unreviewed {
  width: 240px; }

.page-case-details-transactions__review-no-risk-reasons-field-expand-button {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  color: #727272; }
  .page-case-details-transactions__review-no-risk-reasons-field-expand-button:not([disabled]) {
    cursor: pointer; }

.page-case-details-transactions__review-no-risk-reasons-field-expand-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px; }
  .page-case-details-transactions__review-no-risk-reasons-field-expand-icon .icon {
    width: 16px; }

.page-case-details-transactions__review-no-risk-reasons-field-selected-label {
  display: block;
  margin-left: 26px; }

.page-case-details-transactions__review-no-risk-reasons-field-options {
  margin: 0;
  padding: 0;
  list-style: none; }
  .page-case-details-transactions__review-no-risk-reasons-field-options:not(:empty) {
    margin-top: 6px; }

.page-case-details-transactions__review-no-risk-reasons-field-option {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.125rem;
  margin-bottom: 6px;
  color: #727272; }
  .page-case-details-transactions__review-no-risk-reasons-field-option .c-checkbox {
    line-height: inherit; }

.page-case-details-transactions__review-cell-event .icon, .page-case-details-transactions__review-cell-event-removed .icon {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 4px; }

.page-case-details-transactions__risk-identified-cell {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  white-space: normal; }

.page-case-list__relative-time-cell.is-past {
  color: #ef4f4f; }

.page-case-list__risk-identified-cell {
  display: flex; }
  .page-case-list__risk-identified-cell-triggered-item {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .page-case-list__risk-identified-cell-extras {
    flex: 0 0 auto; }

.page-case-list__bulk-action-label {
  display: flex;
  align-items: center; }
  .page-case-list__bulk-action-label--delete {
    color: #ef4f4f; }
  .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: #ef4f4f; }

.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: #727272; }
  .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: #ef4f4f; }

.dashboard-grid {
  position: relative;
  width: 100%;
  flex: 1 1 auto; }
  .dashboard-grid__drop-placeholder {
    width: 33.33333%;
    height: 33.33333%;
    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.33333%;
    height: 33.33333%;
    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.33333%;
    height: 33.33333%; }
    .dashboard-grid__item--width1 {
      width: 33.33333%; }
    .dashboard-grid__item--width2 {
      width: 66.66667%; }
    .dashboard-grid__item--width3 {
      width: 100%; }
    .dashboard-grid__item--height1 {
      height: 33.33333%; }
    .dashboard-grid__item--height2 {
      height: 66.66667%; }
    .dashboard-grid__item--height3 {
      height: 100%; }
    .dashboard-grid__item--position0 {
      top: 0%;
      left: 0%; }
    .dashboard-grid__item--position1 {
      top: 0%;
      left: 33.33333%; }
    .dashboard-grid__item--position2 {
      top: 0%;
      left: 66.66667%; }
    .dashboard-grid__item--position3 {
      top: 33.33333%;
      left: 0%; }
    .dashboard-grid__item--position4 {
      top: 33.33333%;
      left: 33.33333%; }
    .dashboard-grid__item--position5 {
      top: 33.33333%;
      left: 66.66667%; }
    .dashboard-grid__item--position6 {
      top: 66.66667%;
      left: 0%; }
    .dashboard-grid__item--position7 {
      top: 66.66667%;
      left: 33.33333%; }
    .dashboard-grid__item--position8 {
      top: 66.66667%;
      left: 66.66667%; }
  .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, #be4692); }
  .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, #be4692); }
  .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, #727272); }
  .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.is-active .advanced-dashboard-sidebar__panel-list-item-button-label,
  .advanced-dashboard-sidebar__panel-list-item.is-active .advanced-dashboard-sidebar__panel-list-item-button-type-icon {
    opacity: 0.6; }
  .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-primaryColor, #be4692); }
    .advanced-dashboard-sidebar__panel-list-item-button:focus {
      outline: 1px solid var(--cc-primaryColor, #be4692);
      outline-offset: -1px; }

.page-data-connectors__cell-indented-4 {
  text-indent: 36px; }

.page-data-connectors__cell-indented-3 {
  text-indent: 30px; }

.page-data-connectors__cell-indented-2 {
  text-indent: 24px; }

.page-data-connectors__cell-indented-1 {
  text-indent: 18px; }

.page-data-connectors__col-stage-reorder {
  width: 32px;
  padding: 0; }

.page-data-connectors__col-stage-type {
  width: 200px; }

.page-data-connectors__col-stage-timeout {
  width: 100px; }

.page-data-connectors__col-source-name {
  width: 200px; }

.page-data-connectors__col-source-batchSizeEvents {
  width: 100px; }

.page-data-connectors__col-source-catchupPollIntervalSeconds {
  width: 100px; }

.page-data-connectors__col-source-normalPollIntervalSeconds {
  width: 100px; }

.page-data-connectors__col-source-priority {
  width: 100px; }

.page-data-connectors__col-source-columnHeaders {
  flex-grow: 10; }

.page-data-connectors__col-source-eventIdField {
  flex-grow: 1; }

.page-data-connectors__col-source-separator {
  flex-grow: 1; }

.page-data-connectors__col-mapper-type {
  flex: 0 1 200px; }

.page-data-connectors__col-mapper-name {
  width: 200px; }

.page-data-connectors__cell-stage-options {
  word-break: break-all; }

.page-data-connectors__keyValuePairField {
  flex: 1 1 auto; }

.page-data-connectors__mappingField {
  margin-top: 30px; }

.page-data-connectors__stages-placeholder-dz {
  height: 37px; }

.page-data-connectors__stage-option-key {
  font-weight: 500; }

.page-data-connectors__table {
  padding: 1px; }

.page-data-connectors__table-row .table__cell {
  background-color: inherit; }

.page-data-connectors__table-row.is-dragging {
  opacity: 0.3; }

.page-data-connectors__table-row.is-dropzone {
  background: rgba(190, 70, 146, 0.5) !important; }
  .page-data-connectors__table-row.is-dropzone.is-group-target > .table__cell:not(:first-child) {
    border-bottom: 2px solid #be4692; }

.page-data-connectors__table-row-modified-state.is-modified,
.page-data-connectors__table-row-modified-state.is-modified button {
  font-weight: 600; }

.page-data-connectors__table-row-modified-state.is-modified::after {
  content: '*';
  display: inline-block; }

.page-data-connectors__remove-button {
  width: 35px !important;
  height: 35px !important;
  line-height: 1 !important; }
  .page-data-connectors__remove-button .icon {
    line-height: 1 !important; }

.page-data-connectors__edit-view .action,
.page-data-connectors__edit-view .action .icon {
  height: 30px;
  line-height: 28px; }

.page-data-connectors__mapping-list {
  margin: 0;
  padding: 0; }

.page-data-connectors__mapping-list-item {
  position: relative;
  margin: 26px 0 26px 32px;
  padding: 15px 22px;
  list-style: none;
  border: 1px solid #c8c8c8;
  background-color: #fbf3f8; }

.page-data-connectors__mapping-list-item-remove {
  position: absolute;
  top: -18px;
  left: -18px;
  width: 33px;
  height: 33px !important; }

.page-data-connectors__source-delegating-mapper-edit-view {
  max-width: 460px; }

.page-data-connectors__draggable-handle {
  padding: 8px 10px;
  cursor: move;
  color: #727272; }
  .page-data-connectors__draggable-handle .icon {
    width: 10px;
    height: 10px;
    pointer-events: none;
    fill: currentColor; }
  .page-data-connectors__draggable-handle:hover, .page-data-connectors__draggable-handle:active {
    color: #be4692; }

.page-data-connectors__tooltip {
  z-index: 3;
  position: relative; }

.page-data-connectors__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-data-connectors__tooltip-arrow::before {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    content: ''; }
  .page-data-connectors__tooltip-arrow--top {
    border-bottom-color: #cecece;
    border-width: 0 6px 6px; }
    .page-data-connectors__tooltip-arrow--top::before {
      top: 1px;
      left: -5px;
      border-bottom-color: #fff;
      border-width: 0 5px 5px; }

.page-data-connectors__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: 0;
  width: 270px;
  margin-top: 10px;
  padding: 14px;
  background-color: #fff; }
  .page-data-connectors__tooltip-content .form-field {
    display: block;
    margin-bottom: 10px; }
  .page-data-connectors__tooltip-content .form-field__label-wrap {
    font-weight: 600;
    font-size: 13px;
    padding-right: 0;
    max-width: none; }

.page-data-connectors__tooltip-actions {
  display: flex;
  margin-top: 6px; }

.page-data-connectors__tooltip-action {
  flex: 0 1 auto; }
  .page-data-connectors__tooltip-action--primary {
    flex: 1 1 auto; }

.page-data-connectors__tooltip-success-message {
  text-align: center; }

.page-data-connectors__tooltip-success-message-icon {
  display: block; }
  .page-data-connectors__tooltip-success-message-icon .icon {
    width: 36px;
    height: 36px;
    fill: #54c02f; }

.page-data-connectors__tooltip-success-message-text {
  margin: 14px 0 0;
  line-height: 1;
  color: #727272; }
  .page-data-connectors__tooltip-success-message-text .link-button {
    font-weight: 500; }

.page-data-connectors__tooltip-success-message-part1 {
  display: block;
  font-weight: 600;
  margin-bottom: 8px; }

.page-data-connectors__tooltip-success-message-part2 {
  display: block; }

.page-data-connectors__tooltip--mappers-delete .page-data-connectors__tooltip-main {
  display: none; }

.page-data-connectors__tooltip--mappers-delete .page-data-connectors__tooltip-content {
  right: auto;
  left: 0;
  white-space: normal; }

.page-data-connectors__tooltip--mappers-delete:hover .page-data-connectors__tooltip-main {
  display: block; }

.page-data-connectors__field-tooltip {
  white-space: normal;
  margin-left: 4px; }
  .page-data-connectors__field-tooltip .static-tooltip__content {
    min-width: 270px;
    color: #777; }

.page-data-connectors__field-tooltip-icon .icon {
  width: 14px;
  height: 14px;
  fill: #727272; }

.page-data-connectors__dry-run {
  height: 100%;
  width: 730px;
  max-width: 100%;
  margin: 0 auto; }
  .page-data-connectors__dry-run-status-action .icon-check {
    fill: #54c02f; }
  .page-data-connectors__dry-run-status-action .icon-warning {
    fill: #ef4f4f; }
  .page-data-connectors__dry-run-new-fieldset {
    display: flex;
    margin-bottom: 40px; }
    .page-data-connectors__dry-run-new-fieldset .form-field {
      margin: 0; }
  .page-data-connectors__dry-run-new-csv-file-field {
    flex: 0 0 auto;
    width: 40%; }
    .page-data-connectors__dry-run-new-csv-file-field .form-input__input {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 200px; }
  .page-data-connectors__dry-run-new-csv-input-field {
    flex: 1 1 auto;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #dfdfdf; }
  .page-data-connectors__dry-run-csv-input {
    height: 150px; }
  .page-data-connectors__dry-run--loading {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 75px 0; }
  .page-data-connectors__dry-run-loading-icon-1 .icon {
    font-size: 32px;
    width: 1em;
    height: 1em; }
  .page-data-connectors__dry-run-loading-title {
    margin: 2px 0 6px;
    font-size: 17px;
    font-weight: 500; }
  .page-data-connectors__dry-run-loading-message {
    color: #727272;
    max-width: 260px;
    margin: 0 auto; }
  .page-data-connectors__dry-run-loading-icon-2 .icon {
    width: 24px;
    height: 24px; }
  .page-data-connectors__dry-run-results-error {
    color: #ef4f4f; }
  .page-data-connectors__dry-run-results-summary-wrap {
    display: flex; }
  .page-data-connectors__dry-run-results-summary {
    flex: 1 1 auto;
    padding-right: 20px; }
  .page-data-connectors__dry-run-results-actions {
    flex: 0 0 auto; }
  .page-data-connectors__dry-run-results-summary-item {
    display: flex;
    margin-bottom: 24px;
    font-size: 14px;
    color: #727272; }
  .page-data-connectors__dry-run-results-summary-item-label {
    display: block;
    flex: 1;
    margin-right: 8px; }
  .page-data-connectors__dry-run-results-summary-item-value {
    display: block;
    flex: 2; }
  .page-data-connectors__dry-run-results-list-title {
    font-size: 16px;
    font-weight: 500; }

.dr-results {
  margin: 0;
  padding: 0;
  list-style: none; }
  .dr-results__item {
    margin-bottom: 2px;
    padding: 12px 14px; }
    .dr-results__item:nth-child(odd):not(.dr-results__item--error) {
      background-color: #f4f4f4; }
    .dr-results__item--error {
      background-color: #ffeef0; }
  .dr-results__value {
    display: block;
    color: #727272; }
    .dr-results__value:not(:last-child) {
      margin-bottom: 6px; }
    .dr-results__value .icon {
      width: 1em;
      height: 1em;
      fill: currentColor; }
    .dr-results__value--error {
      color: #ef4f4f; }
      .dr-results__value--error .icon-warning {
        position: relative;
        top: 1px;
        margin-right: 4px; }
    .dr-results__value--link .link-button {
      font-weight: 500; }
  .dr-results .codeblock:last-child {
    margin-bottom: 0; }

.page-data-list-details__add-to-list {
  font-size: 13px;
  border: 2px solid #E3E3E3;
  padding: 10px; }
  .page-data-list-details__add-to-list-title {
    font-weight: 700;
    line-height: 20px;
    color: #000; }
    .page-data-list-details__add-to-list-title .icon {
      margin-right: 5px;
      vertical-align: text-top; }
  .page-data-list-details__add-to-list-subtitle {
    color: #9B9B9B;
    font-weight: 600; }

.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: #727272;
    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: #54c02f; }
    .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: 12px; }

.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: #f8f7df;
  border: 1px solid #e6db95;
  margin-bottom: 1em;
  padding: 14px;
  color: #727272;
  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 .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, #be4692); }

.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: #727272;
  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, #be4692); }
  .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, #be4692); }
    .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, #be4692); }
  .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 .checkbox__label-text {
      max-width: 170px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .page-event-list__column-settings-column-sortable .checkbox__label-text {
      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;
    padding: 4px;
    font-size: 12px;
    border-radius: 100%;
    background: #727272;
    color: #fff;
    cursor: pointer; }
    .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, #be4692); }
  .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, #be4692); }
  .page-event-list__cell-entity-show-list-button .icon {
    margin-left: 4px; }

.page-event-list__table-cell {
  padding: 8px 8px 9px;
  background: #fff; }
  .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):nth-child(odd) .page-event-list__table-cell {
  background-color: #f4f4f4; }

.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-wrap {
      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-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: #727272;
  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-wrap {
    color: var(--cc-sidebarColor, #727272); }
  .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, #be4692);
    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: #777; }
  .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: #727272; }
  .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: #727272; }
  .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: #bdbdbd; }
    .incident-amdl-state__custom-field .flag {
      width: 40px; }
  .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: #ef4f4f; }
  .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__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 6px; }
  .page-incident-details__grid .page-incident-details__table {
    grid-area: table;
    overflow: hidden; }
  .page-incident-details__grid-bring-to-front {
    z-index: 7; }
  .page-incident-details__grid .dot--action, .page-incident-details__grid .dot--event {
    fill: #c6c6c6; }
  .page-incident-details__grid .dot--no-risk {
    fill: #d1f5c4; }
  .page-incident-details__grid .dot--risk {
    fill: #ff3b60; }
  .page-incident-details__grid .dot--unreviewed-alert {
    fill: #ff7a46; }
  .page-incident-details__grid .dot--case {
    fill: #c6c6c6; }
  .page-incident-details__grid .grid-header {
    height: 39px;
    overflow: hidden;
    font-weight: 600;
    letter-spacing: 0.04px;
    color: #727272;
    text-align: left;
    flex: 0 0 39px; }
    .page-incident-details__grid .grid-header .grid-row {
      display: inline-block;
      position: relative;
      font-size: 13px; }
    .page-incident-details__grid .grid-header .grid-cell {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      padding: 14px 10px 5px;
      text-align: left;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      cursor: default; }
  .page-incident-details__grid .grid-body-wrapper {
    display: flex;
    flex: 1;
    overflow: hidden; }
  .page-incident-details__grid .grid-body {
    position: relative;
    overflow: hidden;
    color: #727272;
    flex-grow: 1;
    background: #FFF;
    display: block; }
    .page-incident-details__grid .grid-body .backdrop {
      position: absolute;
      top: 0;
      right: auto;
      bottom: auto;
      left: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.15);
      pointer-events: none; }
    .page-incident-details__grid .grid-body .backdrop-click-through {
      pointer-events: none; }
  .page-incident-details__grid .grid-empty {
    position: static; }
  .page-incident-details__grid .grid-canvas {
    position: relative;
    display: flex;
    flex-direction: column; }
    .page-incident-details__grid .grid-canvas, .page-incident-details__grid .grid-canvas .backdrop {
      min-height: 100%; }
  .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; }
    .page-incident-details__grid .no-activity__action {
      margin: 10px auto 0; }
  .page-incident-details__grid .grid-row-wrapper-clickable {
    background-color: #fff;
    width: 100%;
    position: absolute; }
    .page-incident-details__grid .grid-row-wrapper-clickable--stripe {
      background-color: #f4f4f4; }
    .page-incident-details__grid .grid-row-wrapper-clickable--bring-to-front {
      z-index: 1; }
  .page-incident-details__grid .grid-row {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    min-width: 100%;
    height: 47px;
    font-size: 12px;
    white-space: nowrap; }
    .page-incident-details__grid .grid-row .flag {
      display: flex;
      justify-content: flex-start; }
    .page-incident-details__grid .grid-row .flag img {
      display: block;
      height: 20px;
      border: 1px solid rgba(151, 151, 151, 0.46);
      box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.11); }
    .page-incident-details__grid .grid-row .event-search-link {
      color: var(--cc-primaryColor, #be4692);
      font-weight: 500;
      text-decoration: underline; }
    .page-incident-details__grid .grid-row .icon {
      fill: currentColor;
      --primary-color: currentColor; }
    .page-incident-details__grid .grid-row .c-checkbox__icon .icon {
      fill: #fff; }
    .page-incident-details__grid .grid-row--xl {
      height: 63px; }
    .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%); }
    .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%); }
      .page-incident-details__grid .grid-row--action .grid-cell__event-type-icon {
        color: var(--cc-primaryColor, #be4692); }
    .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%); }
      .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: #f57423; }
    .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%); }
      .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: #ef4f4f; }
    .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%); }
      .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: #54c02f; }
    .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%); }
    .page-incident-details__grid .grid-row__main-content {
      position: relative; }
    .page-incident-details__grid .grid-row--highlighted {
      background: #fefd2b8f;
      border-bottom: 1px solid #000; }
    .page-incident-details__grid .grid-row--current-highlighted {
      background: #febb2cb8;
      border-bottom: 1px solid #000; }
    .page-incident-details__grid .grid-row__content {
      position: relative; }
    .page-incident-details__grid .grid-row__primary {
      display: flex;
      align-items: center;
      flex-flow: row nowrap; }
    .page-incident-details__grid .grid-row__secondary {
      display: block; }
      .page-incident-details__grid .grid-row__secondary .activity-comment {
        margin-left: 8px;
        max-width: 150px;
        text-overflow: ellipsis;
        overflow: hidden;
        vertical-align: middle; }
    .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); }
      .page-incident-details__grid .grid-row__review-actions .action + .action {
        margin-left: 4px; }
    .page-incident-details__grid .grid-row__review-multiselect {
      padding-top: 8px; }
    .page-incident-details__grid .grid-row__review-details {
      border-style: solid;
      border-width: 1px;
      border-radius: 3px;
      position: relative;
      padding: 5px;
      margin: 0 10px; }
      .page-incident-details__grid .grid-row__review-details .form-input__validation-icon {
        bottom: 6px;
        color: #e94b60; }
      .page-incident-details__grid .grid-row__review-details--no-risk {
        background-color: #F5FCF1;
        border-color: #6DBD54; }
        .page-incident-details__grid .grid-row__review-details--no-risk .grid-row__review-details-arrow {
          border-bottom-color: #6DBD54; }
          .page-incident-details__grid .grid-row__review-details--no-risk .grid-row__review-details-arrow::before {
            border-bottom-color: #F5FCF1; }
      .page-incident-details__grid .grid-row__review-details--risk {
        background-color: #FFEDED;
        border-color: #FF3C46; }
        .page-incident-details__grid .grid-row__review-details--risk .grid-row__review-details-arrow {
          border-bottom-color: #FF3C46; }
          .page-incident-details__grid .grid-row__review-details--risk .grid-row__review-details-arrow::before {
            border-bottom-color: #FFEDED; }
      .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; }
        .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; }
      .page-incident-details__grid .grid-row__review-details-wrapper {
        display: flex;
        overflow: hidden; }
      .page-incident-details__grid .grid-row__review-details .form-input--select {
        flex: 1 0 auto;
        max-width: 188px; }
        .page-incident-details__grid .grid-row__review-details .form-input--select select {
          line-height: 11px; }
        .page-incident-details__grid .grid-row__review-details .form-input--select .icon-sort {
          bottom: 6px; }
      .page-incident-details__grid .grid-row__review-details .form-input--select + .form-input--select {
        margin-left: 5px; }
      .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: 5px 9px;
        margin-left: 5px;
        border-style: solid;
        border-width: 1px;
        border-radius: 3px;
        box-sizing: border-box;
        font-size: 12px;
        font-weight: 400; }
        .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; }
        .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; }
          .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; }
      .page-incident-details__grid .grid-row__review-details-no-risk-tag {
        color: #000;
        background: #E5F9D6;
        border-color: #72BC44; }
      .page-incident-details__grid .grid-row__review-details-risk-tag {
        color: #000;
        background: #FFDDE2;
        border-color: #FF587C; }
    .page-incident-details__grid .grid-row__tag-list {
      display: flex;
      align-items: center;
      margin-bottom: 4px; }
    .page-incident-details__grid .grid-row__tag-list-separator {
      margin-left: 3px; }
    .page-incident-details__grid .grid-row__tag-item {
      font-size: 11px;
      display: flex;
      align-items: center; }
      .page-incident-details__grid .grid-row__tag-item:first-child .tag {
        margin-left: 0; }
      .page-incident-details__grid .grid-row__tag-item .tag {
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0; }
  .page-incident-details__grid .grid-cell {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    flex: 0 0 auto;
    padding: 0 10px;
    white-space: nowrap;
    line-height: 21px; }
    .page-incident-details__grid .grid-cell .user-display-name .icon {
      margin-right: 2px;
      position: relative;
      top: -2px; }
    .page-incident-details__grid .grid-cell__title {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle;
      max-width: 100%;
      margin: 0;
      font-size: 14px;
      font-weight: 500; }
    .page-incident-details__grid .grid-cell__subtitle {
      display: inline-block;
      vertical-align: middle;
      margin-left: 5px;
      font-size: 11px;
      color: #aeaeae; }
    .page-incident-details__grid .grid-cell__extra {
      display: block;
      margin-top: 4px; }
      .page-incident-details__grid .grid-cell__extra-case-details {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block; }
    .page-incident-details__grid .grid-cell--details {
      padding-top: 3px;
      padding-bottom: 3px; }
    .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; }
    .page-incident-details__grid .grid-cell--event-type .icon-event, .page-incident-details__grid .grid-cell--event-type-action .icon-event {
      font-size: 10px; }
    .page-incident-details__grid .grid-cell--event-type-action {
      max-width: calc(100% - 150px); }
      .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%; }
  .page-incident-details__grid .grid-scrollbar {
    background: #FFF; }
    .page-incident-details__grid .grid-scrollbar .track {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden; }
    .page-incident-details__grid .grid-scrollbar .dots {
      cursor: pointer;
      width: 100%;
      height: 100%; }
    .page-incident-details__grid .grid-scrollbar .thumb {
      position: absolute;
      width: 100%;
      height: 100%;
      background: #A8A8A8;
      cursor: pointer; }
  .page-incident-details__grid .grid-vertical-scrollbar {
    grid-area: vscroll; }
    .page-incident-details__grid .grid-vertical-scrollbar .track {
      width: 23px;
      margin-left: 7px; }
    .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; }
  .page-incident-details__grid .grid-vertical-scrollbar-backdrop {
    background: rgba(0, 0, 0, 0.15); }
  .page-incident-details__grid .grid-horizontal-scrollbar {
    grid-area: hscroll; }
    .page-incident-details__grid .grid-horizontal-scrollbar .thumb {
      width: 100%; }
  .page-incident-details__grid .grid-header-with-vertical-scrollbar,
  .page-incident-details__grid .grid-horizontal-scrollbar-with-vertical {
    margin-right: 30px; }
  .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: #727272;
    font-weight: 500;
    line-height: 1.2; }
    .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; }
    .page-incident-details__grid .activity-comment::before {
      border-color: transparent;
      border-right-color: #d9d9d9;
      border-width: 6px;
      margin-top: -6px; }
    .page-incident-details__grid .activity-comment::after {
      border-color: transparent;
      border-right-color: #fff;
      border-width: 5px;
      margin-top: -5px; }
    .page-incident-details__grid .activity-comment__quote {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle;
      max-width: 100%; }
      .page-incident-details__grid .activity-comment__quote::before {
        content: '\00201C'; }
      .page-incident-details__grid .activity-comment__quote::after {
        content: '\00201D'; }

.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, #be4692); }
    .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; }
  .page-incident-details__timer {
    font-weight: 500; }
  .page-incident-details__main-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%; }
  .page-incident-details__read-only-header {
    background: #fff;
    margin-bottom: 15px;
    color: #777; }
    .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: 12px;
      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__review-block {
    position: relative;
    display: flex;
    padding: 10px 15px 20px;
    margin-bottom: 15px;
    color: #000;
    flex-direction: column;
    background-color: white; }
    .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--readonly {
      opacity: 0.3;
      pointer-events: none; }
    .page-incident-details__review-block-header {
      display: flex;
      line-height: 30px; }
      .page-incident-details__review-block-header .icon-review {
        margin-right: 7px;
        vertical-align: top;
        width: 18px;
        height: 30px; }
      .page-incident-details__review-block-header h1 {
        margin: 0;
        font-size: 18px; }
    .page-incident-details__review-block-alert-count {
      font-weight: 500;
      font-size: 13px;
      color: #727272;
      text-align: right;
      flex: 1; }
    .page-incident-details__review-block .action--theme-no-risk,
    .page-incident-details__review-block .action--theme-risk {
      border-color: #C8C8C8; }
      .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-white {
      width: 100%;
      border-color: #C8C8C8;
      font-weight: normal; }
    .page-incident-details__review-block-risk, .page-incident-details__review-block-no-risk, .page-incident-details__review-block-case {
      padding: 8px 10px;
      margin: 3px 0 5px;
      font-weight: 500;
      color: #5B5B5B;
      border-radius: 3px; }
      .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 {
          color: #7f7f7f;
          font-size: 13px;
          padding: 0;
          margin: 6px 0 0; }
    .page-incident-details__review-block .form-field {
      margin: 10px 0; }
    .page-incident-details__review-block-risk {
      background-color: #FFEDED;
      border: 1px solid #FF3C46; }
    .page-incident-details__review-block-no-risk {
      background-color: #F5FCF1;
      border: 1px solid #6DBD54; }
    .page-incident-details__review-block-case {
      background-color: #fff;
      border: 1px solid var(--cc-primaryColor, #be4692); }
      .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: 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: #727272;
      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 {
    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: #777; }
    .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: 0;
      color: #000; }
      .page-incident-details__action-section-title .icon {
        width: 20px;
        height: 28px;
        margin-right: 5px;
        vertical-align: text-top; }
    .page-incident-details__action-section-subtitle {
      display: block;
      color: #9B9B9B;
      font-size: 12px;
      font-weight: 500;
      margin: 0; }
      .page-incident-details__action-section-subtitle a {
        color: var(--cc-primaryColor, #be4692);
        text-decoration: underline; }
    .page-incident-details__action-section__secondary-action {
      font-weight: 600;
      cursor: pointer; }
    .page-incident-details__action-section .form-field {
      display: block; }
    .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: 12px;
      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; }
    .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: #727272; }
  .page-incident-details__filter-list {
    font-weight: 400;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    color: #727272; }
  .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: 6px 0; }
  .page-incident-details__data-list-select-no-json-paths {
    font-weight: 600;
    display: block;
    margin: 4px;
    font-size: 12px;
    color: #ef4f4f; }
  .page-incident-details__data-list-option--list-name {
    font-weight: 500;
    line-height: 18px; }
  .page-incident-details__data-list-option--scope-name {
    font-size: 10px;
    line-height: 10px; }
  .page-incident-details .alert-summary {
    flex: 0 0 auto;
    margin-bottom: 10px;
    color: #727272;
    overflow: auto;
    max-width: 70vw; }
    .page-incident-details .alert-summary__table th,
    .page-incident-details .alert-summary__table td {
      padding: 8px;
      white-space: nowrap; }
    .page-incident-details .alert-summary__table th {
      text-align: left; }
    .page-incident-details .alert-summary__risk-score {
      min-width: 100px; }
  .page-incident-details .incident-search-group {
    display: flex;
    background-color: #fff;
    border: 1px solid #c7c7c7; }
    .page-incident-details .incident-search-group * {
      border-width: 0; }
    .page-incident-details .incident-search-group .form-input--search input {
      height: 28px; }
    .page-incident-details .incident-search-group__find {
      display: flex;
      align-items: center;
      color: #565656;
      padding: 0 2px;
      margin: 0 4px; }
    .page-incident-details .incident-search-group__find-info {
      font-size: 9px;
      flex-direction: column;
      justify-content: center;
      align-items: start; }
    .page-incident-details .incident-search-group__find-desc {
      color: #8d8d8d; }
    .page-incident-details .incident-search-group__find-navigation {
      font-size: 17px;
      border-left: 1px solid #c7c7c7;
      border-right: 1px solid #c7c7c7;
      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 {
        padding: 0;
        background-color: #fff;
        background-image: none;
        width: 28px;
        height: 28px; }
      .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 .form-input__input {
      border-right: none; }
    .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%; }

.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: #ef4f4f; }
  .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: #c94784;
      font-size: 40px; }
    .details-tab__summary-header-cell-label {
      color: #727272; }
  .details-tab__summary-tags-warning {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    fill: #ffbe37; }
  .details-tab__summary-content-row {
    color: #727272;
    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;
    text-transform: capitalize;
    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: #555;
    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_distribution .bar-rect {
        fill: #c94784; }
    .details-tab__charts_breakdown {
      margin-left: 5px; }
      .details-tab__charts_breakdown rect {
        fill: #c94784; }
    .details-tab__charts .panel__header {
      padding: 10px;
      text-transform: capitalize; }
    .details-tab__charts_container {
      height: 180px; }
    .details-tab__charts .axis text {
      font-size: 11px; }
    .details-tab__charts .events rect {
      fill: #aaa; }
    .details-tab__charts .unreviewed-alerts rect {
      fill: #e87c02; }
    .details-tab__charts .reviews-no-risk rect {
      fill: #6ebe36; }
    .details-tab__charts .reviews-risk rect {
      fill: #eb495d; }
  .details-tab__charts_distribution rect {
    fill: #c94784; }
  .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: #727272; }
    .details-tab__extra-panels .panel__body {
      padding: 0; }
    .details-tab__extra-panels .table__group-header th {
      background: #e7dce4;
      line-height: 20px;
      font-weight: 500;
      border-right: 1px solid #fff; }
      .details-tab__extra-panels .table__group-header th:last-child {
        border-right: 0; }
  .details-tab__extra-panels-key-val > div {
    padding: 8px; }
  .details-tab__extra-panels-key-val .key {
    color: #777;
    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: 10px; } }
  @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: 9px; } }

.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, #be4692);
        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, #be4692);
        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, #de4c90);
    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 .flag img {
    display: block;
    height: 20px;
    border: 1px solid rgba(151, 151, 151, 0.46);
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.11); }
  .details-sidebar__title {
    word-wrap: break-word; }
  .details-sidebar__date-time {
    padding: 0 10px;
    margin: 0 0 22px;
    font-size: 12px;
    font-weight: 400;
    color: #727272; }
  .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: "\00201D"; }
    .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: #727272; }
  .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, #be4692);
    margin: 0 0 10px; }
  .details-sidebar__title {
    padding: 0 10px;
    margin: 5px 0 10px;
    font-size: 21px;
    font-weight: 500;
    line-height: 21px;
    color: #3C3C3C; }
    .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: #727272; }
    .details-sidebar__title svg {
      width: 21px;
      height: 21px; }
    .details-sidebar__title--activity .icon {
      --primary-color: $global-primary-color;
      fill: var(--cc-primaryColor, #be4692); }
    .details-sidebar__title--no-risk .icon {
      --primary-color: #54c02f;
      fill: #54c02f; }
    .details-sidebar__title--risk .icon {
      --primary-color: #ef4f4f;
      fill: #ef4f4f; }
    .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: #727272;
      background-image: linear-gradient(to right, #727272 0%, #727272 100%); }
    .details-sidebar__review-details dt {
      margin-bottom: 5px;
      font-size: 12px;
      font-weight: 500; }
    .details-sidebar__review-details dd {
      margin: 0;
      font-size: 12px;
      color: #7F7F7F;
      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; }
        .details-sidebar__review-details .header .title h2 {
          font-size: 12px;
          font-weight: 400;
          color: #7F7F7F;
          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: #727272;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ccc; }
    .details-sidebar__custom-fields .description-list__term {
      padding-right: 40px;
      font-weight: 500;
      color: #727272;
      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, #be4692);
      font-weight: 500;
      text-decoration: underline;
      cursor: pointer; }
  .details-sidebar__custom-review-fields {
    color: #727272; }
  .details-sidebar__session-fingerprint, .details-sidebar__in-session-activity {
    margin-bottom: 5px;
    padding: 15px 10px 17px;
    border: 1px solid #b9b9b9;
    position: relative; }
    .details-sidebar__session-fingerprint .title, .details-sidebar__in-session-activity .title {
      font-size: 16px;
      line-height: 16px;
      font-weight: 500; }
    .details-sidebar__session-fingerprint .open-in-session-visualizer, .details-sidebar__in-session-activity .open-in-session-visualizer {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      text-align: center;
      cursor: pointer;
      text-decoration: underline;
      font-weight: 500; }
      .details-sidebar__session-fingerprint .open-in-session-visualizer:hover, .details-sidebar__in-session-activity .open-in-session-visualizer:hover {
        text-decoration: none; }
    .details-sidebar__session-fingerprint .static-tooltip, .details-sidebar__in-session-activity .static-tooltip {
      position: absolute;
      top: 12px;
      right: 8px; }
    .details-sidebar__session-fingerprint .settings, .details-sidebar__in-session-activity .settings {
      border: 1px solid #c7c7c7; }
      .details-sidebar__session-fingerprint .settings .icon, .details-sidebar__in-session-activity .settings .icon {
        margin-right: 0; }
      .details-sidebar__session-fingerprint .settings:hover, .details-sidebar__in-session-activity .settings:hover {
        border-color: #aaa; }
    .details-sidebar__session-fingerprint .settings-content, .details-sidebar__in-session-activity .settings-content {
      width: 170px;
      display: flex;
      flex-direction: column; }
      .details-sidebar__session-fingerprint .settings-content .settings-item, .details-sidebar__in-session-activity .settings-content .settings-item {
        display: flex;
        flex-direction: column; }
        .details-sidebar__session-fingerprint .settings-content .settings-item .settings-label, .details-sidebar__in-session-activity .settings-content .settings-item .settings-label {
          padding-bottom: 8px; }
      .details-sidebar__session-fingerprint .settings-content .settings-item-norm .form-input--radios, .details-sidebar__in-session-activity .settings-content .settings-item-norm .form-input--radios {
        display: flex;
        flex-direction: row; }
        .details-sidebar__session-fingerprint .settings-content .settings-item-norm .form-input--radios .radio, .details-sidebar__in-session-activity .settings-content .settings-item-norm .form-input--radios .radio {
          flex-grow: 1; }
      .details-sidebar__session-fingerprint .settings-content .settings-item-context .form-input--radios, .details-sidebar__in-session-activity .settings-content .settings-item-context .form-input--radios {
        display: flex;
        flex-direction: column; }
        .details-sidebar__session-fingerprint .settings-content .settings-item-context .form-input--radios .radio, .details-sidebar__in-session-activity .settings-content .settings-item-context .form-input--radios .radio {
          margin-left: 15px; }
      .details-sidebar__session-fingerprint .settings-content .settings-item-context .context-not-found, .details-sidebar__in-session-activity .settings-content .settings-item-context .context-not-found {
        font-style: italic;
        color: rgba(151, 151, 151, 0.46);
        font-size: 13px;
        margin-left: 15px; }
    .details-sidebar__session-fingerprint .loading, .details-sidebar__session-fingerprint .error, .details-sidebar__in-session-activity .loading, .details-sidebar__in-session-activity .error {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center; }
    .details-sidebar__session-fingerprint .error path, .details-sidebar__in-session-activity .error path {
      fill: orangered; }
    .details-sidebar__session-fingerprint .table__cell--html, .details-sidebar__in-session-activity .table__cell--html {
      text-align: center;
      width: 28px; }
      .details-sidebar__session-fingerprint .table__cell--html .table__cell-expand-button, .details-sidebar__in-session-activity .table__cell--html .table__cell-expand-button {
        border: none;
        background: none; }
      .details-sidebar__session-fingerprint .table__cell--html .icon, .details-sidebar__in-session-activity .table__cell--html .icon {
        fill: #727272;
        height: 18px;
        pointer-events: none;
        width: 12px; }
  .details-sidebar__alert-details {
    margin-bottom: 15px;
    padding: 15px 10px 17px;
    border: 1px solid #b9b9b9; }
    .details-sidebar__alert-details dl {
      display: flex; }
      .details-sidebar__alert-details dl dt {
        flex: 0 0 64px;
        padding-right: 12px;
        font-size: 11px;
        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; }
    .details-sidebar__alert-details .title {
      font-size: 14px;
      line-height: 14px;
      font-weight: 500; }
      .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: 11px; }
  .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-wrap {
      margin-top: 6px; }
  .details-sidebar__edit-review textarea {
    margin-bottom: 6px; }
  .details-sidebar__create-alert {
    margin-bottom: 15px; }
    .details-sidebar__create-alert h1 {
      margin: 0;
      font-size: 17px;
      font-weight: 500;
      color: #525252; }
    .details-sidebar__create-alert .form-input--textarea {
      margin: 8px 0 6px; }
    .details-sidebar__create-alert .form-input--select {
      margin-bottom: 6px; }
    .details-sidebar__create-alert .create-alert-buttons {
      display: flex; }
      .details-sidebar__create-alert .create-alert-buttons .confirm-create-alert {
        flex: 1;
        margin-right: 5px; }
      .details-sidebar__create-alert .create-alert-buttons .cancel-create-alert {
        flex: 0 1 auto; }
  .details-sidebar__subtitle .tag {
    font-size: 11px; }
  .details-sidebar__subtitle--no-workflow {
    font-style: italic;
    color: #727272; }

.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: 5; }
    .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 img,
    .page-editor-configuration .entity-meta__left-item .flag img {
      display: block;
      width: auto;
      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: #727272; }
  .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: #bdbdbd; }
  .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: #727272;
    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: 11px; }

.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; }

.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: #727272; }

.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: #727272;
    padding: 20px; }
    .incident-eac__loading .icon {
      width: 1em;
      height: 1em;
      fill: currentColor;
      font-size: 18px; }
  .incident-eac__error {
    color: #ef4f4f;
    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: #727272; }
  .incident-eac__alert-review {
    display: flex;
    flex-flow: column nowrap;
    min-height: 0;
    flex: 1 1 auto; }
  .incident-eac__review-table-actions {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    padding: 6px 0; }
    .incident-eac__review-table-actions > * + * {
      margin-left: 6px; }
  .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-wrap {
      display: none; }
  .incident-eac__footer {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 16px; }

.page-incident-list__breadcrumb-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.page-incident-list__pending-time {
  color: #727272;
  font-size: 11px;
  padding: 0 2px; }
  .page-incident-list__pending-time--hightlight {
    background-color: rgba(235, 73, 93, 0.1); }
  .page-incident-list__pending-time .snooze-time {
    font-weight: 500;
    margin-left: 4px; }
  .page-incident-list__pending-time .icon {
    fill: #727272;
    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: #727272;
    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;
  white-space: nowrap; }
  .page-incident-list__tooltip-content-column-settings {
    width: 250px;
    padding: 14px; }
    .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__label-text {
        max-width: 170px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .page-incident-list__tooltip-content-column-settings-column-sortable .checkbox__label-text {
        max-width: 94px; }
      .page-incident-list__tooltip-content-column-settings-column-identification {
        flex: 1; }
      .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-bulk-actions {
    color: #7A7A7A;
    padding: 4px 0;
    display: flex;
    flex-direction: column; }
    .page-incident-list__tooltip-content-bulk-actions .action--option-link {
      border-radius: 0;
      font-weight: 500;
      text-align: left;
      padding: 0 14px; }
      .page-incident-list__tooltip-content-bulk-actions .action--option-link:hover {
        background-color: #d8d8d8; }
      .page-incident-list__tooltip-content-bulk-actions .action--option-link:disabled {
        opacity: 0.5; }
    .page-incident-list__tooltip-content-bulk-actions .action--option-link-risk .icon {
      fill: #FF3C46; }
    .page-incident-list__tooltip-content-bulk-actions .action--option-link-no-risk .icon {
      fill: #6DBD54; }
    .page-incident-list__tooltip-content-bulk-actions .action--option-link-delete {
      color: #E41414; }
      .page-incident-list__tooltip-content-bulk-actions .action--option-link-delete .icon {
        fill: currentColor; }
  .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, #be4692);
  font-weight: 500; }

.page-incident-list__sidebar-right {
  width: 600px; }

.page-incident-list__filter-sidebar-scope-and-date {
  display: flex;
  justify-content: space-between; }
  .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: #727272; }
  .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: 12px; }

.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; }

.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; }
    .main-body--data-grid .panel__table {
      overflow: auto;
      flex: 1; }

.table__cell-viewing {
  border: 1px solid var(--cc-primaryColor, #be4692);
  border-radius: 2px;
  font-size: 11px;
  font-weight: 500;
  color: var(--cc-primaryColor, #be4692);
  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 #727272;
  border-radius: 3px;
  color: #727272;
  font-weight: 500; }

.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: #ef4f4f;
    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-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-headline-dashboard__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-analyst-review__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-performance__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 +
.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-management__report-dashboard-enabled--yes {
  fill: #54c02f; }

.page-report-management__report-dashboard-enabled--no {
  fill: #ef4f4f; }

.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 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 footer {
    background-color: #000;
    color: #fff;
    font-weight: 500;
    margin-top: 9px;
    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, #be4692); }
      .page-login__multi-auth-menu-content-item-button:focus {
        outline: 1px solid var(--cc-primaryColor, #be4692); }
      .page-login__multi-auth-menu-content-item-button .icon {
        height: 0.8em;
        margin-right: 4px;
        fill: currentColor; }

.page-sandbox-list__main-container {
  text-align: center; }

.page-sandbox-list__icon {
  font-size: 42px;
  margin-top: 120px; }

.page-sandbox-list__title {
  font-size: 20px; }

.page-sandbox-list__subtitle {
  color: #727272;
  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, #be4692 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: 9px; }
  .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: 11px;
      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: #727272; }

.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: #e94b60; }
  .page-service-configuration__offline-service .icon {
    fill: #e94b60; }

.page-service-configuration__publish-note {
  background: #f8f7df;
  border: 1px solid #e6db95;
  margin-bottom: 1em;
  padding: 14px;
  color: #727272;
  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-wrap {
    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: #727272;
    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;
    color: #7e7e7e; }
    .page-service-configuration__tooltip-content .page-service-configuration__node-details .form-input--checkbox {
      flex: 1; }
      .page-service-configuration__tooltip-content .page-service-configuration__node-details .form-input--checkbox .checkbox__label-text {
        margin-right: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 280px; }
  .page-service-configuration__tooltip-content .page-service-configuration__node-status .icon {
    width: 15px;
    height: 15px;
    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-size: 12px;
    font-weight: 400;
    color: #727272; }

.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: #727272;
  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-configuration .panel__tab--active:focus {
  outline: 0; }

.page-configuration .panel__tab .icon {
  fill: #ef4f4f; }

.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 .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 {
  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 {
  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: #9a9a9a;
    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: #727272;
  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: #727272;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 25px; }

.page-configuration .action-toggle {
  height: 35px;
  margin-bottom: 15px;
  margin-left: 25px; }

.page-configuration .currency-format {
  font-size: 20px;
  color: #333; }
  .page-configuration .currency-format__hint {
    color: #a8a8a8;
    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-settings-import-export .form__fieldset {
  margin-top: 30px;
  padding-top: 0; }

.page-settings-import-export__intro {
  background: #f8f7df;
  border: 1px solid #e6db95;
  margin-bottom: 1em;
  padding: 14px;
  color: #727272;
  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-wrap .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-wrap {
      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: #727272; }

.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: #f8f7df;
  border: 1px solid #e6db95;
  margin-bottom: 1em;
  padding: 14px;
  color: #727272;
  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: #727272; }

.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-wrap .icon-sort {
    bottom: 7px; }

.page-user-role-list__scope-filter-label {
  padding-right: 14px; }

.page-user-role-list__scope-filter-input {
  height: 28px;
  line-height: 16px; }

.page-user-role-details .table {
  color: #727272; }

.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__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, .page-user-role-details__permissions-section table .checkbox__label {
  margin: 0; }

.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, #be4692);
  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, #be4692);
  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; }

.system-status {
  box-sizing: border-box; }
  .system-status__container {
    height: 100%; }
  .system-status iframe {
    height: 95%;
    width: 100%;
    position: absolute;
    top: 40px;
    border: #e3e3e3 1px solid; }
  .system-status--full-screen {
    background: #FFF;
    position: fixed;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1; }
  .system-status .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .system-status .align-right {
    text-align: right; }
  .system-status a {
    color: var(--cc-primaryColor, #be4692);
    cursor: pointer; }
  .system-status .panel__title {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .system-status .panel-title {
    margin: 0; }
  .system-status .panel-input {
    margin: 0;
    font-size: 11px; }
  .system-status__header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    margin-bottom: 15px;
    color: var(--cc-panelHeaderColor, #000);
    background-color: var(--cc-panelHeaderBackgroundColor, #e3e3e3);
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    padding: 5px 5px 0; }
  .system-status__title, .system-status__time, .system-status__actions {
    line-height: 30px;
    padding-bottom: 5px; }
  .system-status__full-screen {
    display: flex;
    cursor: pointer; }

.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: #54c02f;
  margin-right: 5px; }

.page-async-task__cell-async-status-stopping .icon-circle {
  fill: #ef4f4f;
  margin-right: 5px; }

.page-async-task__cell-async-status-stopped .icon-circle {
  fill: #ef4f4f;
  margin-right: 5px; }

.page-async-task__cell-async-status-cancelled .icon-circle {
  fill: #ef4f4f;
  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: #ef4f4f;
  margin-right: 5px; }

.page-async-task__cell-async-status-completed .icon-circle {
  fill: #54c02f;
  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: #54c02f;
  margin-right: 5px; }

.page-async-task__cell-async-status-paused .icon-circle {
  fill: #ef4f4f;
  margin-right: 5px; }

.page-async-task__cell-async-status-scheduled .icon-circle {
  fill: #54c02f;
  margin-right: 5px; }

.page-async-task__cell-async-status-suspended .icon-circle {
  fill: #ef4f4f;
  margin-right: 5px; }

.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: #727272; }
  .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: 12px; }

.page-event-sequence-show__event-item-content {
  display: flex;
  min-width: 0; }

.page-event-sequence-show__event-item-message {
  display: flex;
  flex: 1 0 100%;
  padding: 10px; }
  .page-event-sequence-show__event-item-message--loading {
    justify-content: center;
    align-items: center;
    font-size: 18px; }
  .page-event-sequence-show__event-item-message--error {
    word-break: break-all;
    color: #ef4f4f; }

.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%; }

.page-incident-api {
  box-sizing: border-box; }
  .page-incident-api__container {
    height: 100%; }
  .page-incident-api iframe {
    height: 95%;
    width: 100%;
    position: absolute;
    top: 40px;
    border: #e3e3e3 1px solid; }
  .page-incident-api--full-screen {
    background: #FFF;
    position: fixed;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1; }
  .page-incident-api .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .page-incident-api .align-right {
    text-align: right; }
  .page-incident-api a {
    color: var(--cc-primaryColor, #be4692);
    cursor: pointer; }
  .page-incident-api .panel__title {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .page-incident-api .panel-title {
    margin: 0; }
  .page-incident-api .panel-input {
    margin: 0;
    font-size: 11px; }

.page-model-metrics-status {
  box-sizing: border-box; }
  .page-model-metrics-status__container {
    height: 100%; }
  .page-model-metrics-status iframe {
    height: 95%;
    width: 100%;
    position: absolute;
    top: 40px;
    border: #e3e3e3 1px solid; }
  .page-model-metrics-status--full-screen {
    background: #FFF;
    position: fixed;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1; }
  .page-model-metrics-status .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .page-model-metrics-status .align-right {
    text-align: right; }
  .page-model-metrics-status a {
    color: var(--cc-primaryColor, #be4692);
    cursor: pointer; }
  .page-model-metrics-status .panel__title {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .page-model-metrics-status .panel-title {
    margin: 0; }
  .page-model-metrics-status .panel-input {
    margin: 0;
    font-size: 11px; }

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

.page-storm-status-overview {
  box-sizing: border-box; }
  .page-storm-status-overview__container {
    height: 100%; }
  .page-storm-status-overview iframe {
    height: 95%;
    width: 100%;
    position: absolute;
    top: 40px;
    border: #e3e3e3 1px solid; }
  .page-storm-status-overview--full-screen {
    background: #FFF;
    position: fixed;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1; }
  .page-storm-status-overview .truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .page-storm-status-overview .align-right {
    text-align: right; }
  .page-storm-status-overview a {
    color: var(--cc-primaryColor, #be4692);
    cursor: pointer; }
  .page-storm-status-overview .panel__title {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .page-storm-status-overview .panel-title {
    margin: 0; }
  .page-storm-status-overview .panel-input {
    margin: 0;
    font-size: 11px; }

.schema-editor__status {
  margin-left: 20px; }

.schema-editor-list td {
  position: relative; }

.schema-editor__status::before {
  width: 12px;
  height: 12px;
  content: '';
  display: inline-block;
  border-radius: 15px;
  position: absolute;
  top: 11px;
  left: 5px; }

.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: #727272;
  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 .static-tooltip__content {
  width: 220px; }

.schema-editor td .action {
  min-width: 75px; }

.schema-editor-list .static-tooltip__content {
  width: 250px; }

.schema-editor .form-input--select select {
  text-transform: capitalize; }

.schema-editor__info-field {
  background: #f8f7df;
  border: 1px solid #e6db95;
  margin-bottom: 1em;
  padding: 14px;
  color: #727272;
  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__tooltip-view {
  position: fixed; }

.schema-editor .static-tooltip:not(.static-tooltip--trigger-click) .static-tooltip__body {
  display: block; }

.schema-editor .table__cell {
  white-space: normal; }

.processing-control {
  margin-bottom: 5px; }
  .processing-control .processor-content {
    padding-top: 20px; }
  .processing-control .deactivate-topology, .processing-control .activate-topology {
    margin-left: 3px; }
  .processing-control .toplogy-status-active .icon {
    fill: #54c02f;
    margin-right: 5px;
    vertical-align: middle; }
  .processing-control .toplogy-status-inactive .icon {
    fill: #f57423;
    margin-right: 5px;
    vertical-align: middle; }
  .processing-control .toplogy-status-undeployed .icon, .processing-control .toplogy-status-killed .icon {
    fill: #ef4f4f;
    margin-right: 5px;
    vertical-align: middle; }
  .processing-control .toplogy-status-deactivating .icon, .processing-control .toplogy-status-activating .icon, .processing-control .toplogy-status-deploying .icon, .processing-control .toplogy-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: #f8f7df;
    border: 1px solid #e6db95;
    margin-bottom: 1em;
    padding: 14px;
    color: #727272;
    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, #be4692);
    background-color: #f7eaf0; }

.page-usage-metrics__title {
  font-size: 20px; }

.page-usage-metrics__subtitle {
  color: #727272;
  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, #be4692); }
  .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 {
  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: #ef4f4f;
  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: #727272;
  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;
      text-transform: uppercase;
      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: #727272; }
  .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, #be4692);
    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; }

.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: #f8f7df;
  border: 1px solid #e6db95;
  margin-bottom: 1em;
  padding: 14px;
  color: #727272;
  line-height: 1.35; }
  .ui-note p {
    margin: 0 0 1em; }
    .ui-note p:last-child {
      margin-bottom: 0; }

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