/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
.shadow {
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.farshadow {
  box-shadow: -5px 5px 10px 0 rgba(0, 0, 0, 0.26);
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #fff;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #4b4b4b;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}
.selectize-control {
  position: relative;
  line-height: 25px;
}
.dark .selectize-input,
.dark .selectize-input input {
  color: #fffacb;
}
.dark .selectize-dropdown {
  color: #f0f2eb;
}
.dark .selectize-control.multi .selectize-input > div {
  background: #fffacb;
  color: #242019;
}
.dark .optgroup-header {
  color: #fffacb;
}
.selectize-dropdown {
  color: white;
  max-width: 100%;
}
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 12px;
  line-height: 16px;
  -webkit-font-smoothing: inherit;
  white-space: nowrap;
  overflow: hidden;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  color: #242019;
  background: #E7E9E1;
  cursor: text;
  display: inline-block;
}
.dark .selectize-input,
.dark .selectize-control.single .selectize-input.input-active {
  color: white;
  background: #242019;
}
.dark .selectize-input.full,
.dark .selectize-control.single .selectize-input.input-active.full {
  background: #242019;
}
.dark.purple .full {
  background: #C93956;
}
.dark.violet .selectize-input {
  background: #634973;
}
.light .selectize-input {
  color: #242019;
}
.light .selectize-input.full {
  background: white;
}
.single > .selectize-input > .item {
  pointer-events: none;
}
.selectize-input {
  border: none;
  padding: 7px 8px;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}
.selectize-input.full {
  background-color: #E7E9E1;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #242019;
  color: #FFFFFF;
  border: 0 solid #d0d0d0;
  border-radius: 4px;
  font-weight: 300;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #6b6b6b;
  border: 0 solid #ffffff;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  background: #333333;
  margin: -1px 0 0 0;
  border-top: 0;
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
  white-space: nowrap;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: #C93956;
  color: white;
  font-weight: bold;
  padding: 0 2px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #fffacb;
  background: #333333;
  cursor: default;
  text-transform: uppercase;
  font-weight: bold;
}
.selectize-dropdown .caption {
  display: none;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  color: black;
}
.selectize-dropdown .active {
  background-color: #7f5f92;
  color: #FFFFFF;
}
.selectize-dropdown .active .desc,
.selectize-dropdown .active .query {
  color: white;
  margin-bottom: 4px;
}
.selectize-dropdown .active .caption {
  display: block;
}
.selectize-dropdown .active.create {
  color: #fffacb;
}
.selectize-dropdown .create {
  color: #fffacb;
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  max-height: 400px;
}
.selectize-dropdown-content .option {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.selectize-dropdown-content .option.selected {
  background: #C93956;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.desc {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  display: block;
  color: #AAA;
}
.help {
  padding-left: 24px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  display: block;
  color: #AAA;
}
.query {
  padding-left: 24px;
  font-size: 12px;
  line-height: 10px;
  display: block;
  color: white;
}
.caption .help {
  color: white;
  padding-left: 24px;
}
.caption .value-query,
.value-query {
  padding-left: 0;
}
.datapoint {
  color: #AAA;
  margin-right: 5px;
}
.datapoint-a:after {
  content: 'Attribute:';
}
.datapoint-m:after {
  content: 'Meta Event:';
}
.datapoint-e:after {
  content: 'Interactive Event:';
}
.datapoint-a .type:after {
  content: 'A';
}
.datapoint-m .type:after {
  content: 'M';
}
.datapoint-e .type:after {
  content: 'E';
}
.datapoint .type {
  border: 1px solid black;
  background: black;
  color: #999;
  width: 1em;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: center;
  border-radius: 50%;
  margin-right: 6px;
  font-weight: 300;
  line-height: 17px;
  width: 17px;
  height: 17px;
}
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('app/resources/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('app/resources/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('app/resources/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('app/resources/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('app/resources/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('app/resources/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.data,
.data-append {
  margin: 40px;
}
.data a[data-action='append-rows'],
.data-append a[data-action='append-rows'] {
  position: fixed;
  left: 20px;
  bottom: 20px;
}
.data p.intro,
.data-append p.intro {
  font-size: 13px;
  margin: 20px 0;
}
.data h1,
.data-append h1 {
  margin-top: 40px;
  margin-bottom: 0;
}
.data .disclaimer,
.data-append .disclaimer {
  margin-bottom: 40px;
}
.data .search,
.data-append .search {
  width: 300px;
}
.data .search .ui-label,
.data-append .search .ui-label {
  font-weight: 300;
}
.data .search .ui-text,
.data-append .search .ui-text {
  margin-left: 85px;
}
.data .item-hidden,
.data-append .item-hidden {
  display: none !important;
}
.data > ul,
.data-append > ul {
  margin: 40px 0;
}
.data > ul > li,
.data-append > ul > li {
  padding: 10px 0;
  border-bottom: 1px dotted black;
}
.data > ul > li.new-item,
.data-append > ul > li.new-item {
  border-bottom: none;
  margin-top: 20px;
}
.data > ul > li.new-item h3,
.data-append > ul > li.new-item h3 {
  font-weight: 300;
  color: #242019;
}
.data > ul.images,
.data-append > ul.images {
  display: flex;
  flex-wrap: wrap;
}
.data > ul.images > li,
.data-append > ul.images > li {
  max-width: 400px;
  min-width: 400px;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.data > ul.images > li div,
.data-append > ul.images > li div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 10px;
  height: 100%;
}
.data > ul.images > li img,
.data-append > ul.images > li img {
  max-width: 100%;
}
.data .item-type,
.data-append .item-type {
  background: white;
  opacity: 1;
  border-radius: 2px;
  padding: 0 3px;
}
.filters .ui-form-actions {
  display: none;
}
.filters th.checkbox,
.filters td.checkbox {
  display: none;
}
.filters,
.data {
  margin: 40px;
}
.filters h1,
.data h1 {
  margin-top: 40px;
}
.filters .collapsed .collapsible,
.data .collapsed .collapsible {
  display: none;
}
.filters .import-options,
.data .import-options {
  margin-top: 40px;
}
.filters .filter-label,
.data .filter-label {
  cursor: text;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 300;
  color: #242019;
  white-space: nowrap;
}
.filters .filter-label strong,
.data .filter-label strong {
  font-weight: bold;
}
.filters .filter-label .type,
.data .filter-label .type {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #bbb;
  height: 17px;
  width: 17px;
  border: 1px solid #ccc;
  line-height: 17px;
  text-align: center;
  border-radius: 50%;
  margin-right: 3px;
}
.filters .filter-label .condition,
.data .filter-label .condition {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding: 2px 4px;
  color: #634973;
}
.filters .filter-label .exclusion,
.data .filter-label .exclusion {
  color: #C93956;
}
.filters .filter-label .wildcard,
.data .filter-label .wildcard {
  font-weight: 500;
  margin: 0 1px;
  color: #C93956;
}
.filters .filter-label .filters-branch,
.data .filter-label .filters-branch {
  white-space: break-spaces;
}
.filters div.stats-items,
.data div.stats-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.filters div.stats-items:after,
.data div.stats-items:after {
  content: "";
  width: 350px;
}
.filters div.stats-items > div,
.data div.stats-items > div {
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 40px;
}
.filters div.stats-items > div.LIST:not('.narrow'),
.data div.stats-items > div.LIST:not('.narrow') {
  width: 100%;
  height: 575px;
}
.filters div.stats-items > div.TREE:not('.narrow'),
.data div.stats-items > div.TREE:not('.narrow') {
  width: 100%;
  height: 575px;
}
.filters div.stats-item,
.data div.stats-item {
  width: 350px;
  min-height: 600px;
  padding-top: 10px;
}
.filters div.stats-item h3,
.data div.stats-item h3 {
  margin-bottom: 20px;
  text-transform: capitalize;
}
.filters div.stats-item header,
.data div.stats-item header {
  background: #f0f2eb;
  position: fixed;
}
.filters div.stats-item table,
.data div.stats-item table {
  width: 100%;
}
.filters div.stats-item table th,
.data div.stats-item table th {
  font-weight: 300;
}
.filters div.stats-item table th:first-child,
.data div.stats-item table th:first-child,
.filters div.stats-item table td:first-child,
.data div.stats-item table td:first-child {
  text-align: left;
}
.filters div.stats-item table th:last-child,
.data div.stats-item table th:last-child,
.filters div.stats-item table td:last-child,
.data div.stats-item table td:last-child {
  text-align: right;
}
.filters div.stats-item.LIST,
.data div.stats-item.LIST {
  overflow: auto;
  border-bottom: 1px dotted;
  max-height: 600px;
}
.filters div.stats-item.LIST table td,
.data div.stats-item.LIST table td {
  line-height: 30px;
}
.filters div.stats-item.LIST table td.value,
.data div.stats-item.LIST table td.value {
  width: auto;
}
.filters div.stats-item.LIST table td.value a:after,
.data div.stats-item.LIST table td.value a:after {
  content: "|";
  color: #AAA;
  margin-left: 0;
}
.filters div.stats-item.PIECHART table td.value,
.data div.stats-item.PIECHART table td.value {
  width: auto;
}
.filters div.stats-item.PIECHART table td.value:after,
.data div.stats-item.PIECHART table td.value:after {
  content: "|";
  color: #AAA;
  margin-left: 0;
}
.filters div.stats-item.TREE,
.data div.stats-item.TREE {
  overflow: auto;
  border-bottom: 1px dotted;
  max-height: 600px;
}
.filters div.stats-item.TREE .tree-container,
.data div.stats-item.TREE .tree-container {
  width: auto;
}
.filters div.stats-item.TREE .tree-container .value,
.data div.stats-item.TREE .tree-container .value {
  float: right;
}
.filters div.stats-item.TREE .tree-container .eventType,
.data div.stats-item.TREE .tree-container .eventType {
  font-weight: bold;
}
.filters div.stats-item.TREE .tree-container .suffix,
.data div.stats-item.TREE .tree-container .suffix {
  color: gray;
}
.filters div.stats-item.TREE .tree-container ul ul,
.data div.stats-item.TREE .tree-container ul ul {
  border-left: 1px dotted black;
}
.filters div.stats-item.TREE .tree-container ul li,
.data div.stats-item.TREE .tree-container ul li {
  padding: 5px 0 5px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.filters div.stats-item.TREE .tree-container ul li > a,
.data div.stats-item.TREE .tree-container ul li > a {
  margin-right: 10px;
  margin-left: -5px;
}
.filters div.stats-item.TREE .tree-container ul li.lastNode a[data-action],
.data div.stats-item.TREE .tree-container ul li.lastNode a[data-action] {
  visibility: hidden;
}
.filters div.stats-item .ct-chart,
.data div.stats-item .ct-chart {
  margin-top: 20px;
}
.filters div.stats-item .ct-chart .ct-series-a .ct-line,
.data div.stats-item .ct-chart .ct-series-a .ct-line {
  stroke: #634973;
  stroke-opacity: 1;
  stroke-width: 5px;
}
@media (max-width: 1023px) {
  .filters div.stats-item .ct-chart .ct-series-a .ct-line,
  .data div.stats-item .ct-chart .ct-series-a .ct-line {
    stroke-width: 2px;
  }
}
.filters div.stats-item .ct-chart .ct-series-a .ct-area,
.data div.stats-item .ct-chart .ct-series-a .ct-area {
  fill: #634973;
}
.filters div.stats-item .ct-chart svg,
.data div.stats-item .ct-chart svg {
  left: -10px;
}
.filters div.stats-item .ct-chart .ct-vertical.ct-start,
.data div.stats-item .ct-chart .ct-vertical.ct-start {
  border-bottom: 1px dotted #634973;
}
.filters div.stats-item .wordcloud,
.data div.stats-item .wordcloud {
  width: 100%;
  min-height: 500px;
}
.filters div.stats-item .jqcloud,
.data div.stats-item .jqcloud {
  font: 10px;
  line-height: normal;
  overflow: hidden;
  position: relative;
}
.filters div.stats-item .jqcloud-word,
.data div.stats-item .jqcloud-word {
  margin: 0;
  padding: 0;
}
.filters div.stats-item .jqcloud-word.w1,
.data div.stats-item .jqcloud-word.w1 {
  color: #c5bbc4;
  font-size: 100%;
}
.filters div.stats-item .jqcloud-word.w2,
.data div.stats-item .jqcloud-word.w2 {
  color: #c5b2bc;
  font-size: 150%;
}
.filters div.stats-item .jqcloud-word.w3,
.data div.stats-item .jqcloud-word.w3 {
  color: #c6a6b2;
  font-size: 200%;
}
.filters div.stats-item .jqcloud-word.w4,
.data div.stats-item .jqcloud-word.w4 {
  color: #c697a6;
  font-size: 250%;
}
.filters div.stats-item .jqcloud-word.w5,
.data div.stats-item .jqcloud-word.w5 {
  color: #c78697;
  font-size: 300%;
}
.filters div.stats-item .jqcloud-word.w6,
.data div.stats-item .jqcloud-word.w6 {
  color: #c77589;
  font-size: 350%;
}
.filters div.stats-item .jqcloud-word.w7,
.data div.stats-item .jqcloud-word.w7 {
  color: #c86379;
  font-size: 400%;
}
.filters div.stats-item .jqcloud-word.w8,
.data div.stats-item .jqcloud-word.w8 {
  color: #c8516a;
  font-size: 450%;
}
.filters div.stats-item .jqcloud-word.w9,
.data div.stats-item .jqcloud-word.w9 {
  color: #c9425e;
  font-size: 500%;
}
.filters div.stats-item .jqcloud-word.w10,
.data div.stats-item .jqcloud-word.w10 {
  color: #c93956;
  font-size: 550%;
}
.filters div.stats-item .jqcloud-word a,
.data div.stats-item .jqcloud-word a {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
.filters div.stats-item .jqcloud-word a:hover,
.data div.stats-item .jqcloud-word a:hover {
  color: #00ccff;
}
.filters div.stats-item .total-number,
.data div.stats-item .total-number {
  font-weight: bolder;
  font-size: 80px;
  text-align: center;
  padding-top: 40px;
}
.filters div.stats-item .total-number-label,
.data div.stats-item .total-number-label {
  opacity: 0.6;
  text-align: center;
}
.filters div.stats-item .unmatched:before,
.data div.stats-item .unmatched:before {
  content: "[...]";
  font-weight: normal;
  margin: 0 3px;
  opacity: 0.5;
}
.filters div.stats-item .unmatched span,
.data div.stats-item .unmatched span {
  display: none;
}
.filters div.stats-item .matched:first-child:before,
.data div.stats-item .matched:first-child:before,
.filters div.stats-item .matched:last-child:after,
.data div.stats-item .matched:last-child:after {
  display: none;
}
.filters div.stats-item .json .key,
.data div.stats-item .json .key {
  color: #AAA;
  border: 1px solid;
  padding: 0 3px;
  border-radius: 2px;
  margin-left: 4px;
}
.filters div.stats-item .datapoint,
.data div.stats-item .datapoint {
  text-overflow: ellipsis;
  margin: 0;
  display: block;
  overflow-x: hidden;
}
.filters div.stats-item .summary,
.data div.stats-item .summary {
  color: #919090;
  margin-top: 5px;
  line-height: 24px;
}
.filters div.stats-item .summary .options,
.data div.stats-item .summary .options {
  float: right;
  margin-right: 1px;
}
.filters div.stats-item .bar,
.data div.stats-item .bar {
  height: 18px;
  background: #634973;
}
.filters div.stats-item .nps-promoters .bar,
.data div.stats-item .nps-promoters .bar {
  background: #5dd2da;
}
.filters div.stats-item .nps-detractors .bar,
.data div.stats-item .nps-detractors .bar {
  background: #C93956;
}
.filters div.stats-item.show-optimise-selector-options .ico.optimise-selector,
.data div.stats-item.show-optimise-selector-options .ico.optimise-selector {
  background: #634973;
  color: white;
}
.filters div.stats-item.show-optimise-selector-options .optimise-selector-options,
.data div.stats-item.show-optimise-selector-options .optimise-selector-options {
  display: block;
}
.filters div.stats-item .optimise-selector-options,
.data div.stats-item .optimise-selector-options {
  display: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-top: 10px;
}
.filters div.stats-item .optimise-selector-options .ui-selectize,
.data div.stats-item .optimise-selector-options .ui-selectize {
  margin: 0 8px;
}
.filters div.stats-item table,
.data div.stats-item table {
  margin-top: 10px;
  margin-bottom: 0;
}
.filters div.stats-item table td,
.data div.stats-item table td {
  line-height: 20px;
}
.filters div.stats-item table td.value,
.data div.stats-item table td.value {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  max-width: 280px;
  width: 280px;
}
.filters div.stats-item table td.value.numerical,
.data div.stats-item table td.value.numerical {
  text-align: right;
}
.filters div.stats-item table td.count,
.data div.stats-item table td.count {
  width: 70px;
}
.filters .toplayer,
.data .toplayer {
  opacity: 0;
  background-color: white;
  position: absolute;
  left: 0;
  top: 0;
  padding: 15px;
  z-index: 100;
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.filters .toplayer a.close,
.data .toplayer a.close {
  float: right;
}
.filters .toplayer > .content,
.data .toplayer > .content {
  clear: both;
}
.filters .toplayer > .content .stats-item,
.data .toplayer > .content .stats-item {
  float: left;
  margin-left: 20px;
}
.filters .toplayer > .content .stats-item:first-child,
.data .toplayer > .content .stats-item:first-child {
  margin-left: 0;
}
.filters .toplayer table tr:nth-child(even) td,
.data .toplayer table tr:nth-child(even) td {
  background: #f0f2eb;
}
.filters .actions,
.data .actions {
  display: none;
  position: fixed;
  left: 20px;
  bottom: 20px;
  background: #634973;
  border-radius: 0;
}
.filters .actions a,
.data .actions a {
  color: white;
  margin-right: 10px;
}
.filters .actions.has-selection,
.data .actions.has-selection {
  display: block;
}
.filters .criteria,
.data .criteria,
.filters .queries,
.data .queries {
  margin: 40px 0;
  padding: 20px;
  background: white;
}
.filters .criteria .toggle-all-rows,
.data .criteria .toggle-all-rows,
.filters .queries .toggle-all-rows,
.data .queries .toggle-all-rows {
  display: none;
}
.filters .criteria table,
.data .criteria table,
.filters .queries table,
.data .queries table {
  width: 100%;
  table-layout: fixed;
}
.filters .criteria table td,
.data .criteria table td,
.filters .queries table td,
.data .queries table td,
.filters .criteria table th,
.data .criteria table th,
.filters .queries table th,
.data .queries table th {
  text-align: right;
  line-height: 24px;
  padding: 0 10px;
}
.filters .criteria table td.datapoint,
.data .criteria table td.datapoint,
.filters .queries table td.datapoint,
.data .queries table td.datapoint,
.filters .criteria table td.keyvalue,
.data .criteria table td.keyvalue,
.filters .queries table td.keyvalue,
.data .queries table td.keyvalue,
.filters .criteria table th.datapoint,
.data .criteria table th.datapoint,
.filters .queries table th.datapoint,
.data .queries table th.datapoint,
.filters .criteria table th.keyvalue,
.data .criteria table th.keyvalue,
.filters .queries table th.keyvalue,
.data .queries table th.keyvalue {
  text-align: left;
}
.filters .criteria table td.filter,
.data .criteria table td.filter,
.filters .queries table td.filter,
.data .queries table td.filter,
.filters .criteria table th.filter,
.data .criteria table th.filter,
.filters .queries table th.filter,
.data .queries table th.filter {
  text-align: left;
  width: 100%;
}
.filters .criteria table td.filter .filter-label,
.data .criteria table td.filter .filter-label,
.filters .queries table td.filter .filter-label,
.data .queries table td.filter .filter-label,
.filters .criteria table th.filter .filter-label,
.data .criteria table th.filter .filter-label,
.filters .queries table th.filter .filter-label,
.data .queries table th.filter .filter-label {
  margin-top: 5px;
}
.filters .criteria table td.filter .filter-label .filter-labels a,
.data .criteria table td.filter .filter-label .filter-labels a,
.filters .queries table td.filter .filter-label .filter-labels a,
.data .queries table td.filter .filter-label .filter-labels a,
.filters .criteria table th.filter .filter-label .filter-labels a,
.data .criteria table th.filter .filter-label .filter-labels a,
.filters .queries table th.filter .filter-label .filter-labels a,
.data .queries table th.filter .filter-label .filter-labels a {
  border: 1px solid #f0f2eb;
  font-weight: bold;
  display: inline-block;
  padding: 0 4px;
  line-height: 22px;
  border-radius: 4px;
  background: #f0f2eb;
  margin-right: 2px;
  cursor: pointer;
  color: black;
  margin-bottom: 2px;
}
.filters .criteria table td.filter .filter-label .filter-labels a.picked,
.data .criteria table td.filter .filter-label .filter-labels a.picked,
.filters .queries table td.filter .filter-label .filter-labels a.picked,
.data .queries table td.filter .filter-label .filter-labels a.picked,
.filters .criteria table th.filter .filter-label .filter-labels a.picked,
.data .criteria table th.filter .filter-label .filter-labels a.picked,
.filters .queries table th.filter .filter-label .filter-labels a.picked,
.data .queries table th.filter .filter-label .filter-labels a.picked {
  background: #634973;
  border: 1px solid #634973;
  color: white;
}
.filters .criteria table td.keyvalue span,
.data .criteria table td.keyvalue span,
.filters .queries table td.keyvalue span,
.data .queries table td.keyvalue span {
  display: block;
  max-width: 100%;
  white-space: break-spaces;
  line-break: anywhere;
  line-height: 18px;
}
.filters .criteria table td.keyvalue:not(:hover):not('.is-edited') span,
.data .criteria table td.keyvalue:not(:hover):not('.is-edited') span,
.filters .queries table td.keyvalue:not(:hover):not('.is-edited') span,
.data .queries table td.keyvalue:not(:hover):not('.is-edited') span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 24px;
}
.filters .criteria table tr:not(.selected) .checkbox i:last-child,
.data .criteria table tr:not(.selected) .checkbox i:last-child,
.filters .queries table tr:not(.selected) .checkbox i:last-child,
.data .queries table tr:not(.selected) .checkbox i:last-child {
  display: none;
}
.filters .criteria table tr.selected .checkbox i:first-child,
.data .criteria table tr.selected .checkbox i:first-child,
.filters .queries table tr.selected .checkbox i:first-child,
.data .queries table tr.selected .checkbox i:first-child {
  display: none;
}
.filters .criteria table tr.selected .filter-labels,
.data .criteria table tr.selected .filter-labels,
.filters .queries table tr.selected .filter-labels,
.data .queries table tr.selected .filter-labels {
  white-space: break-spaces;
}
.filters .criteria table th,
.data .criteria table th,
.filters .queries table th,
.data .queries table th,
.filters .criteria table td,
.data .criteria table td,
.filters .queries table td,
.data .queries table td {
  width: 120px;
  white-space: nowrap;
  font-weight: normal;
}
.filters .criteria table th.quick-action,
.data .criteria table th.quick-action,
.filters .queries table th.quick-action,
.data .queries table th.quick-action,
.filters .criteria table td.quick-action,
.data .criteria table td.quick-action,
.filters .queries table td.quick-action,
.data .queries table td.quick-action {
  font-size: 13px;
  padding: 0;
  width: 28px;
}
.filters .criteria table th.quick-action a,
.data .criteria table th.quick-action a,
.filters .queries table th.quick-action a,
.data .queries table th.quick-action a,
.filters .criteria table td.quick-action a,
.data .criteria table td.quick-action a,
.filters .queries table td.quick-action a,
.data .queries table td.quick-action a {
  visibility: hidden;
}
.filters .criteria table th.quick-action a:not(:last-child),
.data .criteria table th.quick-action a:not(:last-child),
.filters .queries table th.quick-action a:not(:last-child),
.data .queries table th.quick-action a:not(:last-child),
.filters .criteria table td.quick-action a:not(:last-child),
.data .criteria table td.quick-action a:not(:last-child),
.filters .queries table td.quick-action a:not(:last-child),
.data .queries table td.quick-action a:not(:last-child) {
  margin-right: 5px;
}
.filters .criteria table th.checkbox,
.data .criteria table th.checkbox,
.filters .queries table th.checkbox,
.data .queries table th.checkbox,
.filters .criteria table td.checkbox,
.data .criteria table td.checkbox,
.filters .queries table td.checkbox,
.data .queries table td.checkbox {
  width: 40px;
}
.filters .criteria table th.checkbox a,
.data .criteria table th.checkbox a,
.filters .queries table th.checkbox a,
.data .queries table th.checkbox a,
.filters .criteria table td.checkbox a,
.data .criteria table td.checkbox a,
.filters .queries table td.checkbox a,
.data .queries table td.checkbox a {
  font-size: 14px;
  color: black;
}
.filters .criteria table th.datapoint,
.data .criteria table th.datapoint,
.filters .queries table th.datapoint,
.data .queries table th.datapoint,
.filters .criteria table td.datapoint,
.data .criteria table td.datapoint,
.filters .queries table td.datapoint,
.data .queries table td.datapoint {
  width: 50px;
}
.filters .criteria table th.datapoint span,
.data .criteria table th.datapoint span,
.filters .queries table th.datapoint span,
.data .queries table th.datapoint span,
.filters .criteria table td.datapoint span,
.data .criteria table td.datapoint span,
.filters .queries table td.datapoint span,
.data .queries table td.datapoint span {
  background: white;
  display: inline-block;
  border: 1px solid #ccc;
  text-align: center;
  width: 21px;
  height: 21px;
  line-height: 20px;
  border-radius: 50%;
  margin: 2px 0;
  color: black;
}
.filters .criteria table th.keyvalue,
.data .criteria table th.keyvalue,
.filters .queries table th.keyvalue,
.data .queries table th.keyvalue,
.filters .criteria table td.keyvalue,
.data .criteria table td.keyvalue,
.filters .queries table td.keyvalue,
.data .queries table td.keyvalue {
  width: auto;
  font-size: 13px;
}
.filters .criteria table th.keyvalue .wildcard,
.data .criteria table th.keyvalue .wildcard,
.filters .queries table th.keyvalue .wildcard,
.data .queries table th.keyvalue .wildcard,
.filters .criteria table td.keyvalue .wildcard,
.data .criteria table td.keyvalue .wildcard,
.filters .queries table td.keyvalue .wildcard,
.data .queries table td.keyvalue .wildcard {
  margin: 0 1px;
  color: #C93956;
}
.filters .criteria table th.keyvalue input,
.data .criteria table th.keyvalue input,
.filters .queries table th.keyvalue input,
.data .queries table th.keyvalue input,
.filters .criteria table td.keyvalue input,
.data .criteria table td.keyvalue input,
.filters .queries table td.keyvalue input,
.data .queries table td.keyvalue input {
  padding: 0;
  border: none;
  border-bottom: 1px solid;
  margin-bottom: 7px;
  width: 100%;
  line-height: 21px;
  background: transparent;
}
.filters .criteria table th.keyvalue .description,
.data .criteria table th.keyvalue .description,
.filters .queries table th.keyvalue .description,
.data .queries table th.keyvalue .description,
.filters .criteria table td.keyvalue .description,
.data .criteria table td.keyvalue .description,
.filters .queries table td.keyvalue .description,
.data .queries table td.keyvalue .description {
  font-size: 11px;
  color: #555;
  line-height: 18px;
}
.filters .criteria table .with-desc .keyvalue div:first-child,
.data .criteria table .with-desc .keyvalue div:first-child,
.filters .queries table .with-desc .keyvalue div:first-child,
.data .queries table .with-desc .keyvalue div:first-child {
  margin-top: 6px;
}
.filters .criteria table .with-desc .keyvalue div:last-child,
.data .criteria table .with-desc .keyvalue div:last-child,
.filters .queries table .with-desc .keyvalue div:last-child,
.data .queries table .with-desc .keyvalue div:last-child {
  margin-bottom: 6px;
}
.filters .criteria table .with-desc .keyvalue span,
.data .criteria table .with-desc .keyvalue span,
.filters .queries table .with-desc .keyvalue span,
.data .queries table .with-desc .keyvalue span {
  font-weight: bold;
}
.filters .criteria table td,
.data .criteria table td,
.filters .queries table td,
.data .queries table td {
  border-top: 1px solid #eee;
}
.filters .criteria table tr:hover td,
.data .criteria table tr:hover td,
.filters .queries table tr:hover td,
.data .queries table tr:hover td {
  background: #f0f2eb;
}
.filters .criteria table tr:hover td.quick-action a,
.data .criteria table tr:hover td.quick-action a,
.filters .queries table tr:hover td.quick-action a,
.data .queries table tr:hover td.quick-action a {
  visibility: visible;
}
.filters .criteria table tr:hover td .filter-labels a:not(.picked),
.data .criteria table tr:hover td .filter-labels a:not(.picked),
.filters .queries table tr:hover td .filter-labels a:not(.picked),
.data .queries table tr:hover td .filter-labels a:not(.picked) {
  border: 1px solid #cdd0c8;
}
.filters .criteria table th a,
.data .criteria table th a,
.filters .queries table th a,
.data .queries table th a {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  display: block;
}
.filters .criteria table th a:after,
.data .criteria table th a:after,
.filters .queries table th a:after,
.data .queries table th a:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f0dd';
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  visibility: hidden;
}
.filters .criteria table th.asc,
.data .criteria table th.asc,
.filters .queries table th.asc,
.data .queries table th.asc,
.filters .criteria table th.desc,
.data .criteria table th.desc,
.filters .queries table th.desc,
.data .queries table th.desc {
  display: table-cell;
}
.filters .criteria table th.asc a:after,
.data .criteria table th.asc a:after,
.filters .queries table th.asc a:after,
.data .queries table th.asc a:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f0de';
  display: block;
  visibility: hidden;
}
.filters .criteria table th.sortby,
.data .criteria table th.sortby,
.filters .queries table th.sortby,
.data .queries table th.sortby {
  font-weight: bold;
}
.filters .criteria table th.sortby a,
.data .criteria table th.sortby a,
.filters .queries table th.sortby a,
.data .queries table th.sortby a {
  color: #634973;
}
.filters .criteria table th.sortby a:after,
.data .criteria table th.sortby a:after,
.filters .queries table th.sortby a:after,
.data .queries table th.sortby a:after {
  visibility: visible;
}
.filters .criteria table tr[data-is-processed="1"] td,
.data .criteria table tr[data-is-processed="1"] td,
.filters .queries table tr[data-is-processed="1"] td,
.data .queries table tr[data-is-processed="1"] td {
  background: pink;
}
.filters .inactive,
.data .inactive {
  display: none;
}
.filters hr,
.data hr {
  margin: 20px 0;
}
.filters .query-search .ui-selectize,
.data .query-search .ui-selectize {
  width: 340px;
  height: 30px;
  margin-right: 6px;
}
.filters .query-search .ui-selectize .selectize-dropdown-content > div,
.data .query-search .ui-selectize .selectize-dropdown-content > div {
  border-bottom: 1px solid #555;
}
.filters .query-search .ui-selectize .selectize-dropdown .label,
.data .query-search .ui-selectize .selectize-dropdown .label {
  white-space: normal;
  line-height: 18px;
}
.filters .query-search .ui-selectize .selectize-dropdown .caption,
.data .query-search .ui-selectize .selectize-dropdown .caption {
  display: block;
  margin-bottom: 5px;
}
.filters .query-search .ui-selectize .selectize-dropdown .caption small,
.data .query-search .ui-selectize .selectize-dropdown .caption small {
  font-size: 10px;
  color: #919090;
}
.filters .query-search .ui-selectize .selectize-dropdown .caption small strong,
.data .query-search .ui-selectize .selectize-dropdown .caption small strong {
  color: #ccc;
  opacity: 0.9;
}
.filters .query-search .ui-selectize input,
.data .query-search .ui-selectize input {
  height: 15px;
}
.filters .query-search .ui-pills > span,
.data .query-search .ui-pills > span {
  border: 1px solid #ccc;
}
.filters .query-search .ui-form-group,
.data .query-search .ui-form-group {
  display: flex;
  align-items: center;
}
.filters .query-search span,
.data .query-search span {
  display: inline-block;
  margin-right: 8px;
}
.filters .query-search span.selected,
.data .query-search span.selected {
  background: #333333;
  color: white;
  border: 1px solid #333333;
}
.appended-data {
  margin: 40px 0;
  padding: 20px;
  background: white;
}
.appended-data table {
  width: 100%;
}
.appended-data table td,
.appended-data table th {
  text-align: right;
  line-height: 24px;
  padding: 0 10px;
}
.appended-data table td:first-child,
.appended-data table th:first-child {
  text-align: left;
  display: none;
}
.appended-data table td {
  border-top: 1px solid #eee;
}
.appended-data table tr:hover td {
  background: #eee;
}
body.DD {
  background: black;
  color: #EEE;
}
body.DD #app,
body.DD #app > section.panel > .container .content ul.split > li {
  background-color: #222;
}
body.DD #app > section.panel > .container .filter-sets ul.main li > a,
body.DD #app > section.panel > .container .filter-sets ul.main li > span {
  color: #EEE;
}
body.DD .reports header .menu {
  display: none !important;
}
body.DD .ui-datetime.stroked > input {
  color: #BBB;
}
body.DD .set-status,
body.DD .set-visibility {
  display: none;
}
body.DD .filter-sets .actions > a {
  display: none;
}
body.DD .filter-sets [data-action="delete-set"] {
  display: block;
}
body.DD .filters-branch .options {
  display: none;
}
body.DD .filters-branch .header {
  display: none;
}
body.DD #app > section.auth .ui-form {
  background: transparent;
  box-shadow: none;
}
body.DD .ui-button {
  border-radius: 5px;
}
body.DD #app > section.panel > .container .projects ul li a.project {
  background-color: #C93956;
  color: white;
  border: #C93956;
}
body.DD .ui-form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px black inset;
  -webkit-text-fill-color: white;
}
body.DD .dotted input {
  border-bottom: 4px solid white;
}
body.DD #app > section.panel .reports header {
  display: none;
}
body.DD #app > section.panel > .container .execute-options .show-execute-options,
body.DD .execute-options,
body.DD .pivot-data .ui-tabs,
body.DD .import-options {
  display: none !important;
}
body.DD #app > section.panel > .container .filter-sets .filters {
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
}
body {
  background-color: #f0f2eb;
}
body,
input,
select,
textarea {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #242019;
}
h1,
h2,
h3,
h4,
h5,
p,
ul,
li {
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 24px;
}
h2 {
  font-size: 21px;
}
h2 em {
  font-style: normal;
  font-weight: 300;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 15px;
}
h5 {
  font-size: 12px;
}
ul,
li {
  list-style: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*[disabled] {
  opacity: 0.3;
}
*:focus {
  outline: 0;
}
a {
  color: #C93956;
  text-decoration: none;
}
a:hover {
  color: #242019;
}
#app:before,
#app:after {
  content: " ";
  display: table;
}
#app:after {
  clear: both;
}
#app:before,
#app:after {
  content: " ";
  display: table;
}
#app:after {
  clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: left;
}
.col-sm-12 {
  width: 100%;
}
.col-sm-11 {
  width: 91.66666667%;
}
.col-sm-10 {
  width: 83.33333333%;
}
.col-sm-9 {
  width: 75%;
}
.col-sm-8 {
  width: 66.66666667%;
}
.col-sm-7 {
  width: 58.33333333%;
}
.col-sm-6 {
  width: 50%;
}
.col-sm-5 {
  width: 41.66666667%;
}
.col-sm-4 {
  width: 33.33333333%;
}
.col-sm-3 {
  width: 25%;
}
.col-sm-2 {
  width: 16.66666667%;
}
.col-sm-1 {
  width: 8.33333333%;
}
.col-sm-pull-12 {
  right: 100%;
}
.col-sm-pull-11 {
  right: 91.66666667%;
}
.col-sm-pull-10 {
  right: 83.33333333%;
}
.col-sm-pull-9 {
  right: 75%;
}
.col-sm-pull-8 {
  right: 66.66666667%;
}
.col-sm-pull-7 {
  right: 58.33333333%;
}
.col-sm-pull-6 {
  right: 50%;
}
.col-sm-pull-5 {
  right: 41.66666667%;
}
.col-sm-pull-4 {
  right: 33.33333333%;
}
.col-sm-pull-3 {
  right: 25%;
}
.col-sm-pull-2 {
  right: 16.66666667%;
}
.col-sm-pull-1 {
  right: 8.33333333%;
}
.col-sm-pull-0 {
  right: 0%;
}
.col-sm-push-12 {
  left: 100%;
}
.col-sm-push-11 {
  left: 91.66666667%;
}
.col-sm-push-10 {
  left: 83.33333333%;
}
.col-sm-push-9 {
  left: 75%;
}
.col-sm-push-8 {
  left: 66.66666667%;
}
.col-sm-push-7 {
  left: 58.33333333%;
}
.col-sm-push-6 {
  left: 50%;
}
.col-sm-push-5 {
  left: 41.66666667%;
}
.col-sm-push-4 {
  left: 33.33333333%;
}
.col-sm-push-3 {
  left: 25%;
}
.col-sm-push-2 {
  left: 16.66666667%;
}
.col-sm-push-1 {
  left: 8.33333333%;
}
.col-sm-push-0 {
  left: 0%;
}
.col-sm-offset-12 {
  margin-left: 100%;
}
.col-sm-offset-11 {
  margin-left: 91.66666667%;
}
.col-sm-offset-10 {
  margin-left: 83.33333333%;
}
.col-sm-offset-9 {
  margin-left: 75%;
}
.col-sm-offset-8 {
  margin-left: 66.66666667%;
}
.col-sm-offset-7 {
  margin-left: 58.33333333%;
}
.col-sm-offset-6 {
  margin-left: 50%;
}
.col-sm-offset-5 {
  margin-left: 41.66666667%;
}
.col-sm-offset-4 {
  margin-left: 33.33333333%;
}
.col-sm-offset-3 {
  margin-left: 25%;
}
.col-sm-offset-2 {
  margin-left: 16.66666667%;
}
.col-sm-offset-1 {
  margin-left: 8.33333333%;
}
.col-sm-offset-0 {
  margin-left: 0%;
}
@media (min-width: 720px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: 0%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: 0%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 990px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: 0%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: 0%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.ui-form-caption {
  border-top: 1px solid #E5E5E5;
  position: relative;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.ui-form-caption strong {
  position: absolute;
  display: block;
  bottom: -15px;
  left: 0;
  line-height: 30px;
  background: #FFFFFF;
  padding-right: 15px;
  text-transform: uppercase;
}
.ui-form h2 {
  font-weight: 300;
  margin-bottom: 20px;
}
.ui-form .ui-form-group {
  position: relative;
}
.ui-form .ui-form-group:before,
.ui-form .ui-form-group:after {
  content: " ";
  display: table;
}
.ui-form .ui-form-group:after {
  clear: both;
}
.ui-form .ui-form-group:before,
.ui-form .ui-form-group:after {
  content: " ";
  display: table;
}
.ui-form .ui-form-group:after {
  clear: both;
}
.ui-form .ui-form-group .ui-stack > div {
  float: left;
}
.ui-form .ui-form-group .ui-stack > div.ui-join {
  line-height: 30px;
  margin: 0 10px;
}
.ui-form .ui-form-group.auto-col {
  width: 100%;
  display: flex;
  justify-content: left;
}
.ui-form .ui-form-group.auto-col > div {
  flex: 1;
}
.ui-form .ui-form-group.auto-col > div.short-number {
  max-width: 140px;
}
.ui-form .ui-form-group.auto-col > div:not(:last-child) {
  margin-right: 10px;
}
.ui-form .ui-form-actions {
  margin: 10px 0;
  text-align: center;
}
.ui-form .ui-form-actions a {
  display: block;
  margin: 10px 0;
}
.ui-form .ui-form-actions .response {
  padding: 15px 2px;
  margin-bottom: 10px;
  font-weight: bold;
}
.ui-form .ui-form-actions .response:empty {
  display: none;
}
.ui-form .ui-form-actions .consent {
  font-size: 9px;
}
.ui-form .ui-form-actions .consent a {
  display: inline-block;
}
.ui-form .ui-form-actions .ui-button {
  margin: 0 5px;
  padding: 3px 0;
}
.ui-form .ui-form-actions .ui-button[type="submit"] {
  width: 100px;
}
.ui-form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px white inset;
  /* Change the color to your own background color */
  -webkit-text-fill-color: #333;
}
.ui-form input:-webkit-autofill:focus {
  -webkit-box-shadow: ,0 0 0 50px white inset;
  -webkit-text-fill-color: #333;
}
.invert .ui-label {
  color: rgba(255, 255, 255, 0.8);
}
.ui-label.top {
  text-transform: uppercase;
  padding: 0 8px;
  line-height: 30px;
  min-height: 30px;
  font-size: 11px;
}
.ui-label.top .example {
  float: right;
  text-transform: initial;
}
.ui-label.top .example span {
  background: rgba(0, 0, 0, 0.4);
  margin: 0 2px;
  border-radius: 3px;
  padding: 3px;
}
.ui-label.top-small {
  padding: 0 8px;
  line-height: 28px;
  font-weight: 300;
}
.ui-label.left {
  position: absolute;
  top: 5px;
  left: 0;
  line-height: 20px;
  color: #242019;
}
.ui-label .status {
  opacity: 0;
}
.ui-label .status.saved {
  opacity: 1;
  color: #634973;
  transition: opacity 1.0s;
}
.ui-button {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-width: 0;
  line-height: 30px;
  padding: 0 8px;
  border-radius: 2px;
  background: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui-button.block {
  display: block;
}
.ui-button.gray {
  background: #919090;
  color: #FFFFFF;
}
.ui-button.light {
  background: #B2B2B2;
}
.ui-button.darker {
  background: #242019;
  color: #FFFFFF;
}
.ui-button.invert {
  color: #B2B2B2;
}
.ui-button.invert:hover {
  color: #FFFFFF;
}
.ui-button.red {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
  background: #C93956;
  color: #FFFFFF;
  transition: background 0.1s;
}
.ui-button.red:hover {
  background: #634973;
}
.ui-button.bg {
  background: #E7E9E1;
  color: #634973;
}
.ui-button.violet {
  background: #634973;
  color: #FFFFFF;
  min-width: 100px;
}
.ui-button.square {
  padding: 0;
  width: 30px;
}
.ui-button:hover .fa-chevron-right {
  margin-left: 10px;
  margin-right: -15px;
}
.ui-button .fa-chevron-right {
  transition: margin 0.3s;
  margin-left: 5px;
  opacity: 1;
  font-size: 0.9em;
  margin-right: -10px;
}
.ui-modal > .bg,
.ui-modal > .content {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ui-modal > .bg {
  background: #333;
  opacity: 0.8;
}
.ui-modal > .content {
  overflow: auto;
}
.ui-modal > .content .versions {
  overflow-y: auto;
  max-height: 80vh;
}
.ui-modal > .content > div {
  position: absolute;
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
  background: #FFFFFF;
  padding: 15px;
  min-width: 500px;
  margin-left: -250px;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1023px) {
  .ui-modal > .content > div {
    width: 100%;
    min-width: 100%;
    margin: 0;
    left: 0;
  }
}
.ui-radio label,
.ui-checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  margin-right: 15px;
  line-height: 30px;
}
.ui-radio input,
.ui-checkbox input {
  display: none;
}
.ui-radio input:checked + label:before,
.ui-checkbox input:checked + label:before {
  color: #333333;
  text-align: center;
}
.ui-radio label:before,
.ui-checkbox label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 15px;
  position: absolute;
  left: 0;
  top: 7px;
  background-color: white;
  outline: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
}
.ui-radio label:before {
  border-radius: 8px;
}
.ui-radio input[type=radio]:checked + label:before {
  content: "\2022";
  font-weight: bold;
  font-size: 30px;
  line-height: 18px;
}
.ui-checkbox label:before {
  border-radius: 3px;
}
.ui-checkbox input[type=checkbox]:checked + label:before {
  content: "\2713";
  font-size: 16px;
  line-height: 16px;
}
.ui-datetime {
  position: relative;
}
.ui-datetime > input {
  display: block;
  width: 100%;
  background: #E5E5E5;
  color: #242019;
  border-width: 0;
  padding: 0 8px;
  line-height: 30px;
  height: 30px;
}
.ui-datetime.stroked > input {
  background: transparent;
  color: #242019;
  border: 1px solid #B2B2B2;
  border-radius: 2px;
}
.ui-datetime.stroked.has-date > input {
  background: white;
  border: 1px solid white;
  border-bottom: 1px solid #B2B2B2;
}
.ui-datetime.dark > input {
  background: #333333;
  color: #E5E5E5;
}
.ui-datetime .popup {
  display: none;
  position: absolute;
  top: 34px;
  background: #FFFFFF;
  z-index: 100;
  width: 240px;
  border-radius: 4px;
  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.26);
}
.ui-datetime .popup .header {
  display: flex;
  justify-content: space-between;
  line-height: 26px;
}
.ui-datetime .popup table {
  display: block;
  width: 210px;
  max-width: 210px;
  margin: 10px auto;
}
.ui-datetime .popup table td,
.ui-datetime .popup table th {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center !important;
  vertical-align: middle;
  max-width: 30px;
  padding: 0 !important;
}
.ui-datetime .popup table td {
  cursor: pointer;
}
.ui-datetime .popup table td.other {
  opacity: 0.3;
}
.ui-datetime .popup table td.disabled {
  opacity: 0.1;
}
.ui-datetime .popup table td.today {
  font-weight: bold;
  background: #C93956;
  border-radius: 50%;
  color: white;
}
.ui-datetime .popup table td.selected {
  background: #242019;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 50%;
}
.ui-datetime .popup .content {
  padding: 10px 0;
  width: 240px;
}
.ui-datetime .popup.left {
  left: 0;
}
.ui-datetime .popup.right {
  right: 0;
}
.ui-datetime .popup.predefined {
  width: 370px;
  height: auto;
}
.ui-datetime .popup.predefined .buttons {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 10px;
  width: 120px;
  background: white;
}
.ui-datetime .popup.predefined .buttons a {
  border-radius: 2px;
  background: #f0f2eb;
  display: inline-block;
}
.ui-datetime .popup.predefined .buttons a.selected {
  background: #242019;
  color: white;
}
.ui-datetime .popup.predefined .buttons .ui-button {
  color: #242019;
  line-height: 24px;
  text-align: left;
  margin-bottom: 2px;
}
.ui-datetime .datetime-pick-hour,
.ui-datetime .datetime-pick-timezone {
  max-width: 210px;
  margin: 0 auto;
}
.ui-diff {
  max-width: 100%;
}
.ui-diff .diff-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ui-diff .diff-container .left,
.ui-diff .diff-container .right {
  width: calc(50% - 4px);
}
.ui-diff pre.codeBlock,
.ui-diff div.codeBlock {
  overflow: auto;
  margin: 0 0 1em;
  padding: .5em 1em;
  display: flex;
}
.ui-diff pre.codeBlock .codeLine,
.ui-diff pre.codeBlock .line-number,
.ui-diff div.codeBlock .codeLine,
.ui-diff div.codeBlock .line-number {
  font: normal normal 13px/16px monospace;
  font-family: Monaco, monospace;
  color: black;
  display: block;
}
.ui-diff pre.codeBlock.codeBlock span.code,
.ui-diff div.codeBlock span.code {
  min-width: 97%;
  display: inline-block;
}
.ui-diff pre.codeBlock .line-number,
.ui-diff div.codeBlock .line-number {
  margin: 0 1em 0 -1em;
  border-right: 1px solid #eee;
  color: #bbb;
  text-align: right;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  -o-user-select: none;
  user-select: none;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
.ui-diff pre.codeBlock .line-number span,
.ui-diff div.codeBlock .line-number span {
  display: block;
  padding: 0 .5em 0 1em;
}
.ui-diff pre.codeBlock .cl {
  display: block;
  clear: both;
}
.ui-diff div.codeLine span.diff {
  cursor: pointer;
  color: #c00;
}
.ui-diff div.codeLine span.eq_off,
.ui-diff div.codeLine span.type_off,
.ui-diff div.codeLine span.missing_off {
  cursor: auto;
}
.ui-diff div.codeLine span.eq {
  background: rgba(50, 57, 88, 0.1);
  color: #333;
}
.ui-diff div.codeLine span.type {
  background: rgba(220, 100, 100, 0.1);
}
.ui-diff div.codeLine span.missing {
  background: rgba(0, 160, 80, 0.1);
  color: green;
}
.ui-diff div.codeLine span.selected {
  background: #cef;
  color: #47e;
}
.ui-diff .str-diff {
  color: red;
}
.ui-diff .diff-toolbar {
  display: none !important;
  /*
        position: fixed;
        left: 40px;
        right: 40px;
        bottom: 0;
        */
  background: #634973;
  min-width: 100%;
  padding: 8px 16px;
  color: white;
  display: flex;
  justify-content: center;
  font-size: 13px;
}
.ui-diff .diff-toolbar > * {
  margin-right: 16px;
}
.ui-diff .diff-toolbar a {
  color: #fffacb;
  display: inline-block;
  line-height: 21px;
  margin: 0 20px;
}
.ui-diff .diff-toolbar a i {
  background: black;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  text-align: center;
  margin: 0 10px;
  line-height: 21px;
}
.ui-diff .diff-toolbar li {
  display: none;
}
.ui-diff .gutter {
  display: none;
}
.ui-pills > span:hover {
  background: #C93956;
  color: white;
}
.ui-pills span {
  display: inline-block;
  width: 30px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  border-radius: 15px;
}
.ui-pills span.selected {
  font-weight: bold;
  background: #E7E9E1;
  border-radius: 15px;
}
.dark .ui-pills span.selected {
  background: #333333;
  color: white;
}
.ui-addremove {
  text-align: right;
}
.ui-tabs i {
  margin-right: 1px;
}
.ui-tabs > span {
  display: inline-block;
  line-height: 28px;
  padding: 0 10px;
  margin-left: -1px;
  border: 1px solid #d6d9ce;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
  background: #f0f2eb;
}
.ui-tabs > span.selected {
  color: #FFFFFF;
  background: #242019;
  border-color: #242019;
}
.ui-tabs > span:first-child {
  border-radius: 2px 0 0 2px;
}
.ui-tabs > span:last-of-type {
  border-radius: 0 2px 2px 0;
}
.ui-tabs > span:not(.selected):hover {
  color: #FFFFFF;
  background: #634973;
  border-color: #634973;
}
@media (max-width: 1023px) {
  .ui-tabs {
    overflow-x: scroll;
    white-space: nowrap;
    max-width: 100%;
    padding-left: 1px;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
  }
  .ui-tabs::-webkit-scrollbar {
    /* WebKit */
    width: 0;
    height: 0;
  }
  .ui-tabs span {
    padding: 0 6px;
  }
}
.dark .ui-tabs > span {
  border-color: #616161;
  color: #B2B2B2;
  background: #242019;
}
.dark .ui-tabs > span.selected {
  color: #FFFFFF;
  background: #634973;
  border-color: #634973;
}
.invert .dark .ui-tabs > span {
  border-color: #7f688a;
  color: #c7bacd;
  background: #634973;
}
.invert .dark .ui-tabs > span.selected {
  color: #634973;
  background: #ffffff;
  border-color: #ffffff;
}
.invert .dark .ui-tabs > span:not(.selected):hover {
  color: #634973;
  background: #ffffff;
  border-color: #ffffff;
}
.ui-multitabs span {
  display: inline-block;
  line-height: 28px;
  padding: 0 10px;
  margin-left: -1px;
  border: 1px solid #d6d9ce;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
}
.ui-multitabs span i.fa {
  opacity: 0.3;
  width: 15px;
}
.ui-multitabs span:first-child {
  border-radius: 2px 0 0 2px;
}
.ui-multitabs span:last-of-type {
  border-radius: 0 2px 2px 0;
}
.ui-multitabs span.selected {
  color: #FFFFFF;
  background: #242019;
  border-color: #242019;
  border-left: 1px solid #634973;
}
.ui-multitabs span.selected i.fa {
  opacity: 1;
  color: #5dd2da;
}
.dark .ui-multitabs > span {
  border-color: #616161;
  color: #B2B2B2;
}
.dark .ui-multitabs > span.selected {
  color: #FFFFFF;
  background: #634973;
  border-color: #634973;
}
.ui-schedule {
  overflow: auto;
  line-height: 21px;
}
.ui-schedule li,
.ui-schedule a {
  display: inline-block;
  padding: 2px 6px;
  color: #C93956;
  border: 1px solid #CCC;
  cursor: pointer;
}
.ui-schedule li.selected,
.ui-schedule a.selected {
  background: #333333;
  border: 1px solid #333333;
  color: #FFFFFF;
}
.ui-schedule > div {
  margin: 14px 0;
}
.ui-schedule div {
  position: relative;
}
.ui-schedule div div {
  float: left;
}
.ui-schedule div div span {
  margin: 0 8px;
}
.ui-schedule li {
  float: left;
  border-left-width: 0;
  min-width: 24px;
  text-align: center;
}
.ui-schedule li:first-child {
  border-left-width: 1px;
}
.invert .ui-slider .text {
  color: white;
}
.ui-slider {
  position: relative;
  line-height: 30px;
  padding: 0 8px;
}
.ui-slider div {
  position: absolute;
  top: 0;
  bottom: 0;
}
.ui-slider .text {
  background: transparent;
  border: none;
  border-bottom: 1px dotted white;
  width: 24px;
  color: black;
}
.ui-slider .bg {
  top: 0;
  bottom: 0;
  left: 44px;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
}
.ui-slider .value {
  left: 0;
  background: #242019;
}
.ui-slider .value.active {
  background: #C93956;
}
.dark .ui-text input,
.dark .ui-text textarea {
  color: white;
  background: #242019;
}
.light .ui-text input,
.light .ui-text textarea {
  color: #242019;
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.ui-text input,
.ui-text textarea {
  display: block;
  width: 100%;
  background: #E7E9E1;
  border-width: 0;
}
.ui-text input {
  padding: 0 8px;
  line-height: 30px;
  height: 30px;
}
.ui-text textarea {
  padding: 8px;
  resize: none;
  height: 90px;
}
.ui-text.dark input,
.ui-text.dark textarea {
  background: #333333;
  color: #E7E9E1;
}
.dotted input {
  background: transparent;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.7);
  height: 30px;
  color: #242019;
}
.dotted input:hover {
  background: white;
}
.large input {
  line-height: 50px;
  height: 50px;
  font-size: 21px;
}
.ui-form.left .ui-label {
  position: inherit;
  line-height: 30px;
  float: left;
  margin-right: 10px;
}
.ui-form.left .ui-text {
  float: left;
}
.invert .dotted input {
  color: white;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.7);
  line-height: 30px;
}
.invert .dotted .ui-label {
  color: white;
}
.ui-code {
  position: relative;
}
.ui-code .code-controls {
  text-align: right;
  margin-bottom: 10px;
  margin-top: -25px;
}
.ui-code .code-controls a {
  display: inline-block;
  margin-right: 8px;
}
.ui-code .code-controls a span {
  display: none;
}
.ui-code .code-controls a i {
  padding: 4px;
}
.ui-code .code-controls a:hover span {
  display: inline-block;
}
.ui-code .code-editor {
  min-height: 50vh;
}
.ui-code .copy-code {
  position: absolute;
  right: 25px;
  top: 30px;
  background: #634973;
  color: white;
  padding: 5px 8px;
  border-radius: 2px;
}
.ui-code .copy-code:hover {
  background: #333333;
}
.ui-code .readonly-code-editor {
  resize: none;
  white-space: pre;
  font-family: monospace;
  width: 100%;
  padding: 10px 20px;
  color: #333333;
  opacity: 1;
  line-height: 24px;
  height: 200px;
  margin: 20px 0;
  border: 1px dotted #666;
}
.ui-code.code-view-fullscreen {
  position: fixed;
  left: 0;
  right: 0;
  top: 40px;
  bottom: 0;
  background: #f0f2eb;
  padding: 40px 40px 10px 0;
  z-index: 199;
}
.ui-code.code-view-fullscreen .code-editor {
  height: calc(100vh - 90px);
}
.ui-code.code-view-fullscreen .ace-tomorrow-night .ace_gutter {
  background: #f0f2eb;
  color: black;
}
.ui-code.code-view-fullscreen .ace-tomorrow-night .ace_gutter-active-line {
  background-color: rgba(0, 0, 0, 0.2);
}
.ui-code.code-view-fullscreen .ace-tomorrow-night .ace_marker-layer .ace_active-line {
  border-bottom: 1px solid #555555;
}
.ui-code.code-view-fullscreen a[data-action="code-view-fullscreen"] span,
.ui-code.code-view-fullscreen a[data-action="code-toggle-searchbar"] span {
  display: inline-block;
}
.ui-code.code-view-fullscreen a[data-action="code-view-fullscreen"] span:before {
  content: "Exit ";
}
.ui-code.code-view-fullscreen a[data-action="code-view-shrink"],
.ui-code.code-view-fullscreen a[data-action="code-view-expand"] {
  display: none !important;
}
.ui-code a[data-action="code-view-shrink"] {
  display: none;
}
.ui-code a[data-action="code-view-expand"] {
  display: none;
}
.ui-code.code-view-expanded .code-controls a[data-action="code-view-shrink"] {
  display: inline-block;
}
.ui-code.code-view-expanded .code-controls a[data-action="code-view-expand"] {
  display: none;
}
.ui-code .ace_search {
  background: #f0f2eb;
  z-index: 1;
  padding: 0 0 0 4px;
}
.ui-code .ace_search .ace_search_form.ace_nomatch {
  outline: none;
}
.ui-code .ace_search .ace_search_form.ace_nomatch .ace_search_field {
  color: #C93956;
}
.ui-code .ace_search .ace_search_field {
  height: 23px;
}
.ui-code .ace_search .ace_button[action="toggleReplace"] {
  margin-top: 0 !important;
}
.ui-code .ace_search .ace_button[action="toggleReplace"]:after {
  content: ' replace';
  margin-left: 4px;
}
.ui-code .ace_search .ace_search_counter {
  display: inline-block;
  border: 1px solid #f0f2eb;
}
.ui-code .ace_search .ace_button {
  display: inline-block;
  min-width: 25px;
  padding: 0 4px;
  text-align: center;
  border-radius: 4px;
  color: #634973;
  opacity: 1;
}
.ui-code .ace_search .ace_button.checked {
  border-color: #634973;
}
.ui-code .ace_search .ace_searchbtn_close,
.ui-code .ace_search .ace_button[action="toggleRegexpMode"],
.ui-code .ace_search .ace_button[action="searchInSelection"] {
  display: none;
}
.ui-code .ace_search .ace_search_form,
.ui-code .ace_search .ace_replace_form {
  margin: 0 0 4px 0;
}
.ui-code .ace_search .ace_searchbtn.prev,
.ui-code .ace_search .ace_searchbtn.next {
  padding: 0px 11px 0px 12px;
  height: 25px;
}
.ui-code .ace_search .ace_searchbtn {
  height: 25px;
}
.ui-logic .logic-case {
  counter-increment: case;
  background: white;
  margin-bottom: 20px;
  padding: 20px 20px 10px 20px;
}
.ui-logic .logic-case:last-child a[data-action="move-case-down"],
.ui-logic .logic-case:first-child a[data-action="move-case-up"] {
  pointer-events: none;
  color: #999;
}
.ui-logic .caption {
  display: flex;
  justify-content: space-between;
}
.ui-logic .caption a {
  margin-left: 10px;
}
.ui-logic .caption strong {
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}
.ui-logic .caption:first-child strong:before {
  content: 'CASE ' counter(case) ": ";
  font-weight: normal;
}
.ui-logic .outputs {
  margin-bottom: 20px;
}
.ui-logic .logic-output {
  display: flex;
  margin-bottom: 10px;
}
.ui-logic .logic-output > div {
  margin-right: 10px;
}
.ui-logic .logic-output > div:last-child {
  margin-right: 0;
}
.ui-logic .logic-output > div.output-type {
  width: 80px;
  min-width: 80px;
}
.ui-logic .logic-output > div.output-key {
  min-width: 230px;
  width: 230px;
}
.ui-logic .logic-output > div.output-value {
  width: 100%;
}
.ui-logic .logic-output > div.add-remove {
  min-width: 180px;
  width: 180px;
}
.ui-logic .logic-condition {
  display: flex;
}
.ui-logic .logic-condition > div {
  margin-right: 10px;
}
.ui-logic .logic-condition > div:last-child {
  margin-right: 0;
}
.ui-logic .logic-condition > div.inclusion,
.ui-logic .logic-condition > div.match,
.ui-logic .logic-condition > div.condition {
  width: 80px;
  min-width: 80px;
}
.ui-logic .logic-condition > div.rule {
  width: 140px;
  min-width: 140px;
}
.ui-logic .logic-condition > div.add-remove {
  width: 90px;
  min-width: 90px;
}
.ui-logic .logic-condition > div.query {
  width: 100%;
  padding-left: 0;
}
.ui-logic .logic-condition:not(:last-child) a[data-action="create"] {
  visibility: hidden;
}
.ui-logic .logic-condition .condition {
  visibility: hidden;
}
.ui-logic .logic-condition:first-child:not(:last-child) .condition {
  visibility: visible;
}
.ui-logic a[data-action="add-case"] {
  margin: 0 20px 40px;
  display: inline-block;
}
.ui-timezone .label {
  line-height: 14px;
  max-width: 100%;
  word-wrap: wrap;
}
.ui-timezone .single .item > div:last-child {
  display: none;
}
.ui-img {
  /* Focus */
}
.ui-img > input {
  display: block;
  width: 100%;
  background: #E7E9E1;
  border-width: 0;
  margin-bottom: 10px;
}
.ui-img input {
  padding: 0 8px;
  line-height: 30px;
  height: 30px;
}
.ui-img.dark input {
  background: #333333;
  color: #E7E9E1;
}
.ui-img .img-preview {
  max-width: 100%;
  width: 100%;
  max-height: 400px;
}
.ui-img .img-preview img {
  max-height: 400px;
}
.ui-img .img-preview:empty {
  display: none;
}
.ui-img .img-details {
  font-size: smaller;
  margin: 5px 8px 20px;
  color: #919090;
}
.ui-img .img-details:empty {
  display: none;
}
.ui-img.no-image .img-upload {
  display: flex;
}
.ui-img .img-upload {
  display: none;
  max-width: 590px;
}
.ui-img .img-upload label {
  flex: 4;
}
.ui-img .img-upload a {
  flex: 1;
  height: 30px;
}
.ui-img .file {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 2.5rem;
  margin-right: 5px;
}
.ui-img .file input {
  min-width: 200px;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}
.ui-img .file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 30px;
  padding: 0 8px;
  line-height: 30px;
  color: #555;
  background-color: #fff;
  border: 1px solid #634973;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 60px;
  white-space: nowrap;
}
.ui-img .file-custom:empty:after {
  content: "Choose file...";
  color: #634973;
}
.ui-img .file-custom:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  display: block;
  content: "Browse";
  height: 28px;
  padding: 0 8px;
  line-height: 28px;
  color: #634973;
  background-color: #eee;
  border-radius: 2px;
}
.ui-img .file input:focus ~ .file-custom {
  box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
}
.dark .ui-color input[type="text"] {
  background: #333333;
  color: white;
}
.dark .ui-color input[type="color"]::-webkit-color-swatch,
.dark .ui-color input[type=color]::-moz-color-swatch {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.light .ui-color input,
.light .ui-color textarea {
  color: #242019;
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.ui-color div {
  position: relative;
}
.ui-color input[type="color"] {
  position: absolute;
  padding: 0;
  width: 24px;
  height: 24px;
  left: 8px;
  top: 3px;
  background: none;
  border: none;
}
.ui-color input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
.ui-color input[type="color"]::-webkit-color-swatch,
.ui-color input[type=color]::-moz-color-swatch {
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 50%;
}
.ui-color input[type="text"] {
  padding: 0 8px;
  padding-left: 40px;
  line-height: 30px;
  height: 30px;
  display: block;
  width: 100%;
  background: #E7E9E1;
  border-width: 0;
}
.large input {
  line-height: 50px;
  height: 50px;
  font-size: 21px;
}
.ui-form.left .ui-label {
  position: inherit;
  line-height: 30px;
  float: left;
  margin-right: 10px;
}
.ui-form.left .ui-color {
  float: left;
}
/*!
 * Load Awesome v1.0.1 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate {
  position: absolute;
}
.la-ball-clip-rotate > div {
  position: relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  color: #fff;
  background: #fff;
  border-color: #E7E9E1;
  border-style: solid;
  border-width: 0;
}
.la-ball-clip-rotate:after {
  display: table;
  line-height: 0;
  clear: both;
  content: "";
}
.la-ball-clip-rotate.la-dark > div {
  color: #444;
  background: #444;
  border-color: #444;
}
/*
 * Animation
 */
@-webkit-keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes ball-clip-rotate {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes ball-clip-rotate {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes ball-clip-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.la-ball-clip-rotate {
  width: 32px;
  height: 32px;
}
.la-ball-clip-rotate > div {
  display: inline-block;
  width: 23px;
  height: 23px;
  margin: 0;
  float: left;
  background: transparent !important;
  border-style: solid;
  border-width: 2px;
  border-bottom-color: transparent !important;
  border-radius: 100%;
  -webkit-animation: ball-clip-rotate 4s linear infinite;
  -moz-animation: ball-clip-rotate 4s linear infinite;
  -o-animation: ball-clip-rotate 4s linear infinite;
  animation: ball-clip-rotate 4s linear infinite;
}
.quick .la-ball-clip-rotate > div {
  -webkit-animation: ball-clip-rotate 1.5s linear infinite;
  -moz-animation: ball-clip-rotate 1.5s linear infinite;
  -o-animation: ball-clip-rotate 1.5s linear infinite;
  animation: ball-clip-rotate 1.5s linear infinite;
}
.la-ball-clip-rotate.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-clip-rotate.la-sm > div {
  width: 14px;
  height: 14px;
  margin: 0;
  border-width: 1px;
}
.la-ball-clip-rotate.la-lg {
  width: 48px;
  height: 48px;
}
.la-ball-clip-rotate.la-lg > div {
  width: 42px;
  height: 42px;
  margin: 0;
  border-width: 3px;
}
.la-ball-clip-rotate.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-clip-rotate.la-2x > div {
  width: 56px;
  height: 56px;
  margin: 0;
  border-width: 4px;
}
.password-changed .form-container {
  display: none;
}
.password-changed .form-success {
  display: block;
}
.form-success {
  display: none;
}
.validationRules ul {
  margin-left: 0 !important;
}
.validationRules ul li {
  float: none !important;
  margin-bottom: 2px;
}
.validationRules ul li.ok:before,
.validationRules label.ok:before {
  content: 'OK!';
  display: inline-block;
  width: 30px;
  text-align: center;
  background: mediumaquamarine;
  font-size: 12px;
  padding: 1px 2px;
  border-radius: 2px;
  margin-right: 5px;
}
.validationRules ul li:before,
.validationRules label:before {
  content: ' - ';
  display: inline-block;
  width: 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  font-size: 12px;
  padding: 1px 2px;
  border-radius: 2px;
  margin-right: 5px;
}
.validationRules ul .validationRules li.notok:before,
.validationRules label.notok:before {
  content: 'INCORRECT';
  display: inline-block;
  min-width: 80px;
  text-align: center;
  background: gold;
  font-size: 12px;
  padding: 1px 2px;
  border-radius: 2px;
  margin-right: 5px;
}
.ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  line-height: 1;
}
.ct-chart-line .ct-label,
.ct-chart-bar .ct-label {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-label.ct-vertical.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}
.ct-label.ct-vertical.ct-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}
.ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}
.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end;
}
.ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}
.ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
}
.ct-line {
  fill: none;
  stroke-width: 4px;
}
.ct-area {
  stroke: none;
  fill-opacity: 0.1;
}
.ct-bar {
  fill: none;
  stroke-width: 10px;
}
.ct-slice-donut {
  fill: none;
  stroke-width: 60px;
}
.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut {
  stroke: #d70206;
}
.ct-series-a .ct-slice-pie,
.ct-series-a .ct-area {
  fill: #d70206;
}
.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut {
  stroke: #f05b4f;
}
.ct-series-b .ct-slice-pie,
.ct-series-b .ct-area {
  fill: #f05b4f;
}
.ct-series-c .ct-point,
.ct-series-c .ct-line,
.ct-series-c .ct-bar,
.ct-series-c .ct-slice-donut {
  stroke: #f4c63d;
}
.ct-series-c .ct-slice-pie,
.ct-series-c .ct-area {
  fill: #f4c63d;
}
.ct-series-d .ct-point,
.ct-series-d .ct-line,
.ct-series-d .ct-bar,
.ct-series-d .ct-slice-donut {
  stroke: #d17905;
}
.ct-series-d .ct-slice-pie,
.ct-series-d .ct-area {
  fill: #d17905;
}
.ct-series-e .ct-point,
.ct-series-e .ct-line,
.ct-series-e .ct-bar,
.ct-series-e .ct-slice-donut {
  stroke: #453d3f;
}
.ct-series-e .ct-slice-pie,
.ct-series-e .ct-area {
  fill: #453d3f;
}
.ct-series-f .ct-point,
.ct-series-f .ct-line,
.ct-series-f .ct-bar,
.ct-series-f .ct-slice-donut {
  stroke: #59922b;
}
.ct-series-f .ct-slice-pie,
.ct-series-f .ct-area {
  fill: #59922b;
}
.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut {
  stroke: #0544d3;
}
.ct-series-g .ct-slice-pie,
.ct-series-g .ct-area {
  fill: #0544d3;
}
.ct-series-h .ct-point,
.ct-series-h .ct-line,
.ct-series-h .ct-bar,
.ct-series-h .ct-slice-donut {
  stroke: #6b0392;
}
.ct-series-h .ct-slice-pie,
.ct-series-h .ct-area {
  fill: #6b0392;
}
.ct-series-i .ct-point,
.ct-series-i .ct-line,
.ct-series-i .ct-bar,
.ct-series-i .ct-slice-donut {
  stroke: #f05b4f;
}
.ct-series-i .ct-slice-pie,
.ct-series-i .ct-area {
  fill: #f05b4f;
}
.ct-series-j .ct-point,
.ct-series-j .ct-line,
.ct-series-j .ct-bar,
.ct-series-j .ct-slice-donut {
  stroke: #dda458;
}
.ct-series-j .ct-slice-pie,
.ct-series-j .ct-area {
  fill: #dda458;
}
.ct-series-k .ct-point,
.ct-series-k .ct-line,
.ct-series-k .ct-bar,
.ct-series-k .ct-slice-donut {
  stroke: #eacf7d;
}
.ct-series-k .ct-slice-pie,
.ct-series-k .ct-area {
  fill: #eacf7d;
}
.ct-series-l .ct-point,
.ct-series-l .ct-line,
.ct-series-l .ct-bar,
.ct-series-l .ct-slice-donut {
  stroke: #86797d;
}
.ct-series-l .ct-slice-pie,
.ct-series-l .ct-area {
  fill: #86797d;
}
.ct-series-m .ct-point,
.ct-series-m .ct-line,
.ct-series-m .ct-bar,
.ct-series-m .ct-slice-donut {
  stroke: #b2c326;
}
.ct-series-m .ct-slice-pie,
.ct-series-m .ct-area {
  fill: #b2c326;
}
.ct-series-n .ct-point,
.ct-series-n .ct-line,
.ct-series-n .ct-bar,
.ct-series-n .ct-slice-donut {
  stroke: #6188e2;
}
.ct-series-n .ct-slice-pie,
.ct-series-n .ct-area {
  fill: #6188e2;
}
.ct-series-o .ct-point,
.ct-series-o .ct-line,
.ct-series-o .ct-bar,
.ct-series-o .ct-slice-donut {
  stroke: #a748ca;
}
.ct-series-o .ct-slice-pie,
.ct-series-o .ct-area {
  fill: #a748ca;
}
.ct-square {
  display: block;
  position: relative;
  width: 100%;
}
.ct-square:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 100%;
}
.ct-square:after {
  content: "";
  display: table;
  clear: both;
}
.ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 93.75%;
}
.ct-minor-second:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-second {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 88.88889%;
}
.ct-major-second:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 83.33333%;
}
.ct-minor-third:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-third {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 80%;
}
.ct-major-third:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fourth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 75%;
}
.ct-perfect-fourth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-perfect-fifth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 66.66667%;
}
.ct-perfect-fifth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 62.5%;
}
.ct-minor-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-golden-section {
  display: block;
  position: relative;
  width: 100%;
}
.ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.8047%;
}
.ct-golden-section:after {
  content: "";
  display: table;
  clear: both;
}
.ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-sixth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 60%;
}
.ct-major-sixth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-minor-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 56.25%;
}
.ct-minor-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-seventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 53.33333%;
}
.ct-major-seventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 50%;
}
.ct-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-tenth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-tenth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 40%;
}
.ct-major-tenth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-eleventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 37.5%;
}
.ct-major-eleventh:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.33333%;
}
.ct-major-twelfth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.ct-double-octave {
  display: block;
  position: relative;
  width: 100%;
}
.ct-double-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 25%;
}
.ct-double-octave:after {
  content: "";
  display: table;
  clear: both;
}
.ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.filters-branch {
  border-radius: 2px;
  position: relative;
  min-height: 32px;
}
.filters-branch .ignore-drag * {
  pointer-events: none;
}
.filters-branch .hint {
  background: rgba(0, 0, 0, 0.2);
  margin-bottom: 3px;
}
.filters-branch .placeholder {
  border: 1px dotted rgba(0, 0, 0, 0.1);
}
.filters-branch.set > .item:before,
.filters-branch.set:after,
.filters-branch.set > .sub-items > li:after,
.filters-branch.set > .sub-items > li > .item:before {
  display: none;
}
.filters-branch:after {
  content: '';
  border-left: 1px solid #DDD;
  position: absolute;
  left: -15px;
  top: -2px;
  height: 100%;
}
.filters-branch:last-child:after {
  height: 17px;
}
.filters-branch .item {
  border-radius: 2px;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #919090;
  position: relative;
  line-height: 31px;
  height: 30px;
  cursor: move;
}
.filters-branch .item:before {
  content: "";
  border-bottom: 1px solid #DDD;
  width: 14px;
  position: absolute;
  left: -15px;
  top: 14px;
}
.filters-branch .item:hover {
  color: white;
  border-bottom-color: #242019;
  background: #C93956;
  background: #2e5e72;
}
.filters-branch .item:hover .options .select:hover,
.filters-branch .item:hover .options .select {
  background: #C93956;
}
.filters-branch .item:hover .options .link {
  color: white;
}
.filters-branch .item:hover .label {
  color: white;
}
.filters-branch .item:hover .label strong {
  color: white;
}
.filters-branch .item:hover .label .condition {
  color: white;
  opacity: 0.6;
}
.filters-branch .item:hover .label .wildcard {
  color: #fffacb;
}
.filters-branch .item:hover .label .exclusion {
  color: white;
  background: #C93956;
}
.filters-branch .item strong {
  color: #242019;
  padding-right: 6px;
}
.filters-branch .item > div {
  position: absolute;
  top: 0;
}
.filters-branch .item .toggle a {
  display: block;
  font-size: 14px;
  height: 30px;
  width: 30px;
  text-align: center;
  color: inherit;
  cursor: pointer;
}
.filters-branch .item .id {
  left: 30px;
}
.filters-branch .item .label {
  cursor: text;
  left: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 250px);
  height: 30px;
  font-weight: 300;
  color: #242019;
  white-space: nowrap;
}
.filters-branch .item .label strong {
  font-weight: bold;
}
.filters-branch .item .label .type {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #bbb;
  height: 17px;
  width: 17px;
  border: 1px solid #ccc;
  line-height: 17px;
  text-align: center;
  border-radius: 50%;
  margin-right: 3px;
}
.filters-branch .item .label .condition {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding: 2px 4px;
  color: #634973;
}
.filters-branch .item .label .exclusion {
  color: #C93956;
}
.filters-branch .item .label .wildcard {
  font-weight: 500;
  margin: 0 1px;
  color: #C93956;
}
.filters-branch .item .options {
  top: 0;
  right: 0;
  width: 230px;
  line-height: 22px;
  padding: 4px 0;
}
.filters-branch .item .options:before,
.filters-branch .item .options:after {
  content: " ";
  display: table;
}
.filters-branch .item .options:after {
  clear: both;
}
.filters-branch .item .options:before,
.filters-branch .item .options:after {
  content: " ";
  display: table;
}
.filters-branch .item .options:after {
  clear: both;
}
.filters-branch .item .options .select,
.filters-branch .item .options .tool {
  display: block;
  float: left;
}
.filters-branch .item .options .link {
  float: left;
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  color: #242019;
  white-space: nowrap;
}
.filters-branch .item .options .link .trigger-sample {
  display: none;
}
.filters-branch .item .options .link.sampled .trigger-sample {
  margin-left: -24px;
  background: #242019;
  border-radius: 2px;
  font-size: 9px;
  padding: 1px;
  vertical-align: text-top;
  margin-right: 4px;
  color: white;
  line-height: 12px;
  display: inline-block;
  margin-top: 2px;
}
.filters-branch .item .options .link.triggers.published {
  color: #4ab3bb;
}
.filters-branch .item .options .tool {
  border-radius: 2px;
  background: #F5F5F5;
  color: #919090;
  font-size: 14px;
  padding: 0 5px;
  margin-left: 10px;
}
.filters-branch .item .options .tool.active,
.filters-branch .item .options .tool:hover {
  color: #fffacb;
  background: #C93956;
}
.filters-branch .item .options .link {
  font-size: 14px;
  padding: 0 5px;
}
.filters-branch .item .options .select {
  background: #C93956;
  color: #FFFFFF;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
  border-radius: 2px;
}
.filters-branch .item .options .select:hover {
  background: #242019;
  color: #fffacb;
}
.filters-branch .sub-items {
  padding-top: 32px;
}
.filters-branch.selected > .item,
.filters-branch.selected > .item:hover {
  color: white;
  background: #634973;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.filters-branch.selected > .item .label,
.filters-branch.selected > .item:hover .label {
  color: white;
}
.filters-branch.selected > .item .label .condition,
.filters-branch.selected > .item:hover .label .condition {
  color: white;
  opacity: 0.6;
}
.filters-branch.selected > .item .label .wildcard,
.filters-branch.selected > .item:hover .label .wildcard {
  color: #fffacb;
}
.filters-branch.selected > .item .label .exclusion,
.filters-branch.selected > .item:hover .label .exclusion {
  color: white;
  background: #C93956;
}
.filters-branch.selected > .item strong,
.filters-branch.selected > .item:hover strong {
  color: white;
}
.filters-branch.selected > .item .link,
.filters-branch.selected > .item:hover .link {
  color: white;
}
.filters-branch.selected > .item .link.triggers.published,
.filters-branch.selected > .item:hover .link.triggers.published {
  color: #5dd2da;
}
.filters-branch.selected > .item .select {
  background: rgba(0, 0, 0, 0.3) !important;
  color: rgba(255, 255, 255, 0.4);
}
.filters-branch.selected > .item .select:hover {
  color: #fffacb;
}
.filters-branch .header {
  background: #242019;
  color: #f0f2eb;
  height: 31px;
  cursor: default;
}
.filters-branch .header strong {
  color: #f0f2eb;
}
.filters-branch-dragged .item .options {
  display: none;
}
li.filters-branch ul {
  margin-left: 15px;
  padding-left: 15px;
}
.filter-tree-copy .item {
  cursor: copy;
}
@media (max-width: 1023px) {
  .filters-branch {
    min-height: 52px;
  }
  .filters-branch .sub-items {
    padding-top: 54px;
  }
  .filters-branch.selected > .item > .options {
    display: flex;
    overflow-x: auto;
    max-height: 48px;
    width: 91px;
  }
  .filters-branch.selected > .item > .options .select {
    display: none;
  }
  .filters-branch.selected > .item > .options .tool {
    text-align: center;
    padding: 0;
    margin: 0 8px 0 0;
    height: 44px;
    line-height: 44px;
    width: 21px;
    min-width: 21px;
  }
  .filters-branch > .item {
    height: 52px;
  }
  .filters-branch > .item .label {
    max-width: calc(100% - 115px);
    height: 44px;
    font-size: 11px;
    pointer-events: none;
  }
  .filters-branch > .item .label strong {
    display: block;
    font-size: 13px;
    margin-bottom: -10px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .filters-branch > .item > .options {
    width: 91px;
    white-space: nowrap;
    height: 48px;
  }
  .filters-branch > .item > .options .select {
    height: 42px;
    line-height: 42px;
    margin-left: -2px;
  }
  .filters-branch > .item > .options .link {
    width: 21px;
    max-width: 21px;
    margin: 0 8px 0 0;
  }
  .filters-branch > .item > .options .link.triggers {
    line-height: 44px;
    font-size: 18px;
    text-align: center;
    background: white;
    border-radius: 2px;
    height: 44px;
    display: block;
  }
  .filters-branch > .item > .options .link.triggers .trigger-sample {
    display: none;
  }
  .filters-branch > .item > .options .link.triggers.inactive {
    color: black;
  }
  .filters-branch > .item > .options:after {
    content: "";
    display: inline-block;
    min-width: 1px;
    margin-left: -5px;
  }
  .filters-branch.set > .item > .label strong {
    line-height: 50px;
  }
  li.filters-branch > ul {
    margin-left: 5px;
    padding-left: 5px;
  }
  li.filters-branch:after {
    border-left: 1px solid #b0adad;
    left: -6px;
  }
  li.filters-branch > .item:before {
    border-bottom: 1px solid #b0adad;
    left: -6px;
    width: 5px;
  }
  li.filters-branch > .item .toggle a {
    width: 15px;
  }
  li.filters-branch > .item > .label {
    left: 20px;
  }
  .filters-branch.selected > .item > .options {
    background: #634973;
  }
  .filters-branch.set.selected > .item > .options {
    background: #634973;
  }
  .filters-branch.set > .item > .options {
    background: #242019;
  }
  .filters-branch > .item > .options .tool {
    display: none;
  }
  .filters-branch.selected > .item > .options .tool {
    display: block;
  }
}
#app {
  background-color: #f0f2eb;
}
#app > .loader {
  z-index: 999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
}
#app > .loader > div {
  background: #634973;
  padding: 0 0 0 15px;
  margin: 30px;
  color: white;
  line-height: 40px;
  opacity: 0.95;
  position: relative;
  height: 40px;
  display: inline-block;
  border-radius: 2px;
  overflow: hidden;
}
#app > .loader > div i {
  color: #fffacb;
  margin-right: 5px;
}
#app > .loader > div span {
  margin-right: 10px;
}
#app > .loader a {
  display: inline-block;
  background: #c93956;
  margin-right: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 18px;
  vertical-align: top;
}
#app > .loader a i {
  color: #634973;
  margin-right: 0;
}
#app > .loader a:hover i {
  color: #fffacb;
}
#app > .loader.no-close a {
  display: none;
}
#app .messenger {
  width: 300px;
  position: fixed;
  z-index: 200;
  right: 20px;
  bottom: 20px;
  margin: 0;
}
#app .messenger.blocking:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
}
#app .messenger.TL {
  left: 20px;
  top: 20px;
  right: auto;
  bottom: auto;
}
#app .messenger.C {
  left: 50%;
  top: 50%;
  right: 50%;
  bottom: 50%;
  margin-left: -150px;
  margin-top: -150px;
}
#app .messenger small {
  text-transform: uppercase;
  font-size: 10px;
  color: gray;
}
#app .messenger a {
  margin: 10px 10px 0 0;
}
#app .messenger a.sublink {
  font-size: 11px;
  margin-top: 10px;
  display: block;
}
#app .messenger > div {
  padding: 20px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: -5px 5px 10px 0 rgba(0, 0, 0, 0.26);
}
#app .messenger .credentials {
  margin-top: 15px;
}
#app .messenger .auth input {
  font-size: 40px;
  font-weight: 100;
  height: 50px;
  color: #5f4b71;
  letter-spacing: 8px;
}
#app .messenger .actionLeft:empty {
  display: none;
}
#app .tooltip {
  z-index: 999999;
  background-color: white;
  position: absolute;
  margin: 0;
  padding: 2px 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: -5px 5px 10px 0 rgba(0, 0, 0, 0.26);
}
#app .tooltip .more {
  max-width: 400px;
  white-space: nowrap;
}
#app .tooltip .more ul li {
  margin: 2px 0;
  border-bottom: 1px solid #CCC;
}
#app .tooltip .more ul li .time {
  color: #919090;
}
#app .tooltip .more ul li > span {
  white-space: normal;
}
#app .tooltip small {
  display: inline-block;
  max-width: 250px;
  word-wrap: break-word;
  text-transform: uppercase;
  font-size: 10px;
  color: gray;
}
#app .tooltip a {
  margin: 10px 10px 0 0;
}
#app .poi {
  z-index: 999998;
  position: absolute;
  transition: all 1.0s;
}
#app .poi li {
  border-radius: 50%;
}
#app .poi li > span {
  position: relative;
  z-index: 2;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: inherit;
  background: #FF1E65;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -webkit-animation: cd-dot-pulse 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.5s;
}
#app .poi li::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  z-index: 1;
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #FF1E65;
  -webkit-animation: cd-pulse 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 0.5s;
  pointer-events: none;
}
@-webkit-keyframes cd-dot-pulse {
  40% {
    background-color: #FF1E65;
  }
  50% {
    background-color: white;
  }
  60% {
    background-color: #FF1E65;
  }
}
@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0;
  }
  50% {
    -webkit-transform: scale(2, 2);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(3, 3);
    opacity: 0.0;
  }
}
#app > section.auth {
  min-height: 100vh;
}
#app > section.auth .row {
  position: absolute;
  z-index: 1;
  top: 60%;
  opacity: 0;
  width: 240px;
  left: 50%;
  margin-left: -120px;
  transition: all 0.5s ease;
}
#app > section.auth .ui-form {
  background: white;
  padding: 15px;
  border-radius: 2px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
#app > section.auth .ui-form p {
  margin-bottom: 15px;
}
#app > section.auth .ui-form.error {
  outline: 2px dotted #C93956;
}
#app > section.auth .ui-form.success {
  outline: 2px dotted #5dd2da;
}
#app > section.auth .ui-form .ui-button {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  margin: 0 0 10px 0;
  width: 100%;
}
#app > section.auth .ui-form .ui-form-group {
  margin-bottom: 10px;
}
#app > section.auth header {
  position: fixed;
  min-height: 40px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
#app > section.auth header .logo {
  background: url(./images/logo.png?v=upanel-01) no-repeat;
  height: 40px;
  width: 40px;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.auth .splash {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  overflow: hidden;
}
#app > section.auth .footer-logo {
  margin: 40px 0;
  text-align: center;
}
#app > section.auth .footer-logo img {
  width: 115px;
  opacity: 0.5;
}
#app > section.auth .footer-logo a {
  font-size: 10px;
  color: #999;
  display: block;
}
#app > section.auth .footer-logo a:hover img {
  opacity: 0.7;
}
#app > section.panel header {
  position: fixed;
  min-height: 40px;
  top: 0;
  left: 0;
  right: 0;
  background: white;
  z-index: 99;
}
#app > section.panel header.fixed .menu {
  box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2);
}
#app > section.panel header .menu {
  height: 40px;
  position: relative;
}
#app > section.panel header .menu .logo {
  background: url(./images/logo.png?v=upanel-01) no-repeat;
  height: 40px;
  width: 40px;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel header .menu .with-initials i {
  display: none;
}
#app > section.panel header .menu .with-initials:hover .initials {
  display: none;
}
#app > section.panel header .menu .with-initials:hover i {
  display: inline-block;
}
#app > section.panel header .menu .initials {
  border-radius: 50%;
  background: #E7E9E1;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  margin-top: 5px;
  margin-left: 5px;
  color: #242019;
}
#app > section.panel header .menu .levels {
  position: relative;
  height: 40px;
  margin: 0 0 0 40px;
  color: #919090;
  white-space: nowrap;
}
#app > section.panel header .menu .levels > a,
#app > section.panel header .menu .levels > span {
  display: inline-block;
  height: 40px;
  border-right: 1px dotted #919090;
  font-weight: 300;
  overflow: hidden;
}
#app > section.panel header .menu .levels .project-link:after,
#app > section.panel header .menu .levels .workspace-link:after,
#app > section.panel header .menu .levels .project-link:before,
#app > section.panel header .menu .levels .workspace-link:before {
  display: none;
  content: 'CHANGE';
  line-height: 11px;
  font-size: 11px;
}
#app > section.panel header .menu .levels .project-link:before,
#app > section.panel header .menu .levels .workspace-link:before {
  margin-top: 9px;
}
#app > section.panel header .menu .levels .project-link.level0:after,
#app > section.panel header .menu .levels .workspace-link.level0:after {
  content: 'PROJECT';
  font-weight: 500;
}
#app > section.panel header .menu .levels .project-link.level1:after,
#app > section.panel header .menu .levels .workspace-link.level1:after {
  content: 'WORKSPACE';
  font-weight: 500;
}
#app > section.panel header .menu .levels .project-link:hover span,
#app > section.panel header .menu .levels .workspace-link:hover span {
  visibility: hidden;
  line-height: 1px;
  display: block;
  height: 1px;
}
#app > section.panel header .menu .levels .project-link:hover:after,
#app > section.panel header .menu .levels .workspace-link:hover:after,
#app > section.panel header .menu .levels .project-link:hover:before,
#app > section.panel header .menu .levels .workspace-link:hover:before {
  display: block;
}
#app > section.panel header .menu .levels .level0,
#app > section.panel header .menu .levels .level1 {
  padding: 0 15px;
  margin-right: -3px;
  min-width: 80px;
}
#app > section.panel header .menu .levels .level0 span,
#app > section.panel header .menu .levels .level1 span {
  font-size: 15px;
  line-height: 40px;
}
#app > section.panel header .menu .levels .level0.nav-back i,
#app > section.panel header .menu .levels .level1.nav-back i {
  color: #E7E9E1;
}
#app > section.panel header .menu .levels .level0.nav-back:hover span,
#app > section.panel header .menu .levels .level1.nav-back:hover span {
  line-height: 40px;
  height: 40px;
  visibility: visible;
}
#app > section.panel header .menu .levels .level0.nav-back:hover:after,
#app > section.panel header .menu .levels .level1.nav-back:hover:after,
#app > section.panel header .menu .levels .level0.nav-back:hover:before,
#app > section.panel header .menu .levels .level1.nav-back:hover:before {
  display: none;
}
#app > section.panel header .menu .levels .level0.nav-back:hover i,
#app > section.panel header .menu .levels .level1.nav-back:hover i {
  color: #919090;
}
#app > section.panel header .menu .levels .level2,
#app > section.panel header .menu .levels .level3 {
  display: inline-block;
  padding: 0 10px;
}
#app > section.panel header .menu .levels .level2 span,
#app > section.panel header .menu .levels .level3 span {
  display: block;
}
#app > section.panel header .menu .levels .level2 span:first-child,
#app > section.panel header .menu .levels .level3 span:first-child {
  line-height: 16px;
  padding-top: 4px;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 200px;
}
#app > section.panel header .menu .levels .level2 span:last-child,
#app > section.panel header .menu .levels .level3 span:last-child {
  line-height: 14px;
  font-size: 12px;
  font-weight: 500;
  padding-left: 2px;
  color: #333333;
}
#app > section.panel header .menu .levels .level2 span:last-child:before,
#app > section.panel header .menu .levels .level3 span:last-child:before {
  content: "";
  border-left: 1px solid #919090;
  border-bottom: 1px solid #919090;
  height: 5px;
  width: 8px;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
#app > section.panel header .menu .levels .leveljoin {
  background: white;
  margin-left: -4px;
  border: none;
}
#app > section.panel header .menu .levels .leveljoin span {
  width: 63px;
  height: 28px;
  display: block;
  margin-top: 5px;
}
#app > section.panel header .menu .levels .leveljoin span.absent {
  background: url(./images/filter-joins-a-minus-b.png?v=upanel-01) no-repeat;
  background-size: cover;
}
#app > section.panel header .menu .levels .leveljoin span.unique {
  background: url(./images/filter-joins-b-minus-a.png?v=upanel-01) no-repeat;
  background-size: cover;
}
#app > section.panel header .menu .levels .leveljoin span.add,
#app > section.panel header .menu .levels .leveljoin span.addUnion,
#app > section.panel header .menu .levels .leveljoin span.subtract,
#app > section.panel header .menu .levels .leveljoin span.subtractUnion {
  background: url(./images/filter-joins-a-union-b.png?v=upanel-01) no-repeat;
  background-size: cover;
}
#app > section.panel header .menu .levels .leveljoin span.common,
#app > section.panel header .menu .levels .leveljoin span.difference,
#app > section.panel header .menu .levels .leveljoin span.variance,
#app > section.panel header .menu .levels .leveljoin span.divide {
  background: url(./images/filter-joins-a-intersection-b.png?v=upanel-01) no-repeat;
  background-size: cover;
}
#app > section.panel header .menu a.saveBtn {
  border-radius: 2px;
  height: 30px;
  width: 50px;
  overflow: hidden;
  margin: 0 0 5px 5px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-weight: 300;
  font-size: 11px;
  background: transparent;
  color: #333333;
  transition: all 0.5s ease;
  background: #C93956;
  color: white;
  border: none;
  text-transform: uppercase;
  opacity: 1;
}
#app > section.panel header .menu .contenttools {
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: 0;
  background-color: white;
  padding: 5px;
}
#app > section.panel header .menu .tools {
  display: flex;
  transition: all 0.5s ease;
  position: absolute;
  right: 0;
  top: 0;
  background-color: white;
  height: 40px;
  /*
          <div class="dates">
            <div>2015-06-21</div>
            <div>Now</div>
        </div>
          
          .dates {
          width: inherit;
          text-align: left;
          font-size: 10px;
          line-height: 14px;
            display: inline-block;
            div:first-child {
                border-bottom: 1px solid @gray-lighter;
                margin-top: 4px;
            }
        }*/
}
#app > section.panel header .menu .tools .levels {
  float: left;
  margin: 0;
}
#app > section.panel header .menu .tools .levels a {
  text-align: left;
}
#app > section.panel header .menu .tools a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  color: #919090;
  text-align: center;
}
#app > section.panel header .menu .tools a:hover,
#app > section.panel header .menu .tools a.on {
  background: #C93956;
  color: #FFFFFF;
}
#app > section.panel header .menu .tools a.debug {
  padding: 0 15px;
  width: auto;
  height: 40px;
  cursor: pointer;
  /*&:hover:after {
                  content: 'OPEN WEBSITE';
                  display: block;
                  margin-top: 0px;
                  line-height: 20px;
                  font-size: @font-size - 2px;
                }
                &:hover{
                    span {
                        line-height: 16px;
                        padding-top: 5px;
                    }
                }*/
}
#app > section.panel header .menu .tools a.debug:hover:after {
  display: none;
}
#app > section.panel header .menu .tools .counter {
  display: none;
  font-size: 12px;
  font-weight: bold;
}
#app > section.panel header .menu .tools .counter .la-ball-clip-rotate {
  position: absolute;
}
#app > section.panel header .menu .tools .counter .la-ball-clip-rotate > div {
  margin: 5px 0 0 5px;
  border-width: 3px;
}
#app > section.panel header.onTop a.saveBtn,
#app > section.panel header a.saveBtn.muted {
  width: 0;
  overflow: hidden;
  margin-left: -3px;
  opacity: 0;
  padding: 0;
  display: none;
}
#app > section.panel header .submenu {
  position: absolute;
  right: 40px;
  background-color: #C93956;
  font-size: 16px;
  font-weight: 300;
  display: none;
}
#app > section.panel header .submenu .submenu-section-title {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 12px;
  height: 12px;
  color: wheat;
  border-bottom: 0;
  margin-top: 8px;
  padding: 0 20px;
}
#app > section.panel header .submenu.on {
  display: block;
}
#app > section.panel header .submenu.on > ul {
  max-height: calc(100vh - 40px);
  overflow-y: auto;
}
#app > section.panel header .submenu ul li {
  height: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 40px;
}
#app > section.panel header .submenu ul li.log-out {
  display: none;
}
#app > section.panel header .submenu a {
  padding: 0 20px;
  color: white;
}
#app > section.panel header .submenu a:hover span {
  background: wheat;
  color: black;
}
#app > section.panel header .options:empty {
  display: none ;
}
#app > section.panel header .options {
  color: white;
  font-weight: 300;
  padding-top: 15px;
}
#app > section.panel header .options .ui-form-group:not(.left) .tabLikeBtn {
  width: 100%;
  padding: 0 !important;
}
#app > section.panel header .options .ui-form-group.left .ui-text {
  float: left;
}
#app > section.panel header .options ul.sampleinfo li {
  display: inline-block;
  margin-right: 20px;
  line-height: 15px;
}
#app > section.panel header .options ul.sampleinfo li h3 {
  line-height: 30px;
  display: inline-block;
  margin-right: 4px;
  font-size: 30px;
}
#app > section.panel header .options ul.sampleinfo li span {
  display: inline-block;
}
#app > section.panel header .options ul.sampleinfo li.dates {
  opacity: 0.6;
}
#app > section.panel header .options .show-errors .ui-label .required {
  display: inline;
}
#app > section.panel header .options .ui-label .required {
  color: white;
  background: #C93956;
  font-weight: bold;
  padding: 0 2px;
  margin-right: 5px;
  border-radius: 2px;
  display: none;
}
#app > section.panel header .options .row {
  background: #634973;
  min-height: 41px;
  padding: 0 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#app > section.panel header .options .row .ui-form-group {
  min-height: 75px;
}
#app > section.panel header .options .row.sample {
  padding-bottom: 15px;
}
#app > section.panel header .options .row .ui-form-group {
  padding: 3px 10px 0 0;
}
#app > section.panel header .options .row .ui-form-group:last-child {
  padding: 3px 0 0 0;
}
#app > section.panel header .options .row .pull-left {
  margin-right: 20px;
}
#app > section.panel header .options .row.expandable {
  transition: all 0.5s ease;
  height: 40px;
  overflow: hidden;
}
#app > section.panel header .options .row.expandable .ui-form-group {
  opacity: 0;
  transition: all 0.5s ease;
}
#app > section.panel header .options .row.expandable.open {
  height: auto;
  overflow: visible;
}
#app > section.panel header .options .row.expandable.open .ui-form-group {
  opacity: 1;
}
#app > section.panel header .options .row.sample .ui-text {
  width: 60px;
}
#app > section.panel header .options .formoptions {
  display: none;
}
#app > section.panel header .options .datapoint .type {
  background: white;
  color: #634973;
  line-height: 20px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
#app > section.panel .reports header {
  top: inherit;
  position: relative;
  margin: 0 40px;
  background: #634973;
  z-index: 49;
}
#app > section.panel .reports header a[data-action="view-realtime"] > span:before,
#app > section.panel .reports header a[data-action="view-realtime-heatmaps"] > span:before,
#app > section.panel .reports header a[data-action="view-realtime-visits"] > span:before,
#app > section.panel .reports header a[data-action="view-realtime-stats"] > span:before {
  content: "RT";
  font-weight: 900;
  font-size: 11px;
  border-radius: 3px;
  padding: 0 2px;
  text-align: center;
  opacity: 0.7;
  color: black;
  margin-right: 5px;
  background: #e28d70;
  vertical-align: top;
}
#app > section.panel .reports header.sticky {
  position: fixed;
  bottom: 0;
}
#app > section.panel .reports header.sticky .options {
  display: none;
}
#app > section.panel .reports header .menu {
  background: #242019;
}
#app > section.panel .reports header a {
  color: #fffacb;
}
#app > section.panel .reports header a:hover,
#app > section.panel .reports header a.selected {
  background: #634973;
  color: #FFFFFF;
}
#app > section.panel .reports header .levels {
  margin: 0;
}
#app > section.panel .reports header .levels .level1:hover:after {
  display: block;
}
#app > section.panel .reports header .levels .level1:after {
  content: 'SELECT';
  display: none;
}
#app > section.panel .reports header .levels .level1.selected:after {
  content: 'REFRESH';
}
#app > section.panel .reports header .levels .level1.disabled {
  opacity: 0.5;
}
#app > section.panel .reports header .levels .level1.disabled:after {
  content: 'PREMIUM';
}
#app > section.panel .reports header .levels .level1.has-data {
  background: black;
}
#app > section.panel .reports header .levels .level1.has-data > span {
  color: #FFFFFF;
  font-weight: bold;
}
#app > section.panel .reports header .levels .level1.has-data.selected {
  background: #634973;
}
#app > section.panel .reports header .levels .Triggers span:before {
  content: "\f0e7";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  font-smoothing: antialiased;
  font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-right: 4px;
}
#app > section.panel .reports header .tools {
  background: #242019;
}
#app > section.panel .reports header .tools a {
  color: white;
}
@media (max-width: 1023px) {
  #app > section.panel header .menu {
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.2);
  }
  #app > section.panel header.fixed .menu .level0,
  #app > section.panel header.fixed .menu .level1 {
    display: none;
  }
  #app > section.panel header.fixed .menu .level2 {
    border-right: none;
    padding-right: 0;
  }
  #app > section.panel header.fixed .menu > .levels {
    width: calc(100% - 80px);
  }
  #app > section.panel header.fixed .menu .tools {
    display: none;
  }
  #app > section.panel header .main > .levels {
    width: calc(100% - 120px);
    display: flex;
  }
  #app > section.panel header .main > .levels .project-link span,
  #app > section.panel header .main > .levels .level0 span {
    max-width: 100px;
  }
  #app > section.panel header .main > .levels .project-link span,
  #app > section.panel header .main > .levels .level1 span {
    font-size: 13px;
    display: block;
    min-width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #app > section.panel header .main .tools a[data-action="logout"] {
    display: none;
  }
  #app > section.panel header .main .tools a.debug {
    width: 40px;
    padding: 0;
    max-width: 40px;
    min-width: 40px;
    text-align: center;
  }
  #app > section.panel header .main .tools a.debug .text {
    display: none;
  }
  #app > section.panel header .main .reports header {
    margin: 0;
  }
  #app > section.panel header .main.menu a.saveBtn {
    margin-top: 5px;
  }
  #app > section.panel header .submenu {
    right: 0;
    height: calc(100vh - 40px);
    overflow-y: auto;
  }
  #app > section.panel header .submenu ul li.log-out {
    display: block;
  }
  #app > section.panel header .menu .levels {
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
  }
  #app > section.panel header .menu .levels::-webkit-scrollbar {
    /* WebKit */
    width: 0;
    height: 0;
  }
  #app > section.panel a[data-action="view-forms"],
  #app > section.panel a[data-action="view-heatmaps"],
  #app > section.panel a[data-action="view-visits"],
  #app > section.panel a[data-action="view-signals"],
  #app > section.panel a[data-action="view-pivot"],
  #app > section.panel a[data-action="view-paths"] {
    display: none !important;
  }
  #app > section.panel .options .compare {
    display: none !important;
  }
  #app > section.panel .ui-label.top .example {
    float: none;
    display: block;
  }
  #app > section.panel .reports header {
    margin: 0;
  }
}
#app > section.panel > .container {
  padding-top: 40px;
  padding-bottom: 40px;
}
#app > section.panel > .container .admin {
  margin: 40px;
  /*tr[data-user-status="ENABLED"] td,*/
}
#app > section.panel > .container .admin > ul {
  margin-top: 40px;
}
#app > section.panel > .container .admin h1 {
  margin-top: 40px;
  margin-bottom: 0;
  font-weight: 100;
}
#app > section.panel > .container .admin h2 {
  line-height: 26px;
}
#app > section.panel > .container .admin a:not('.tabLikeBtn'):hover {
  color: #C93956;
  text-decoration: underline;
}
#app > section.panel > .container .admin .row-processed {
  opacity: 0.7;
  pointer-events: none;
}
#app > section.panel > .container .admin table {
  width: 100%;
  text-align: right;
}
#app > section.panel > .container .admin td,
#app > section.panel > .container .admin th {
  padding: 12px 4px;
}
#app > section.panel > .container .admin td {
  border-top: 1px solid #eee;
  font-size: 14px;
}
#app > section.panel > .container .admin .content-text {
  text-align: left;
  white-space: nowrap;
}
#app > section.panel > .container .admin .content-actions {
  padding-left: 20px;
  text-align: left;
  white-space: nowrap;
}
#app > section.panel > .container .admin .content-actions a:not(:last-child) {
  margin-right: 20px;
}
#app > section.panel > .container .admin .content-actions a {
  font-weight: normal;
}
#app > section.panel > .container .admin td {
  background: white;
}
#app > section.panel > .container .admin .status-settled td {
  background: #8fedb6;
}
#app > section.panel > .container .admin .charge-action {
  display: flex;
  margin: 20px 0;
  line-height: 30px;
}
#app > section.panel > .container .admin .charge-action span {
  margin: 0 20px 0 10px;
}
#app > section.panel > .container .admin .charge-action a {
  margin-right: 20px;
}
#app > section.panel > .container .admin .products-list,
#app > section.panel > .container .admin .clients-list,
#app > section.panel > .container .admin .payments-list {
  margin: 40px auto;
}
#app > section.panel > .container .admin .products-list .invoice-details > div,
#app > section.panel > .container .admin .clients-list .invoice-details > div,
#app > section.panel > .container .admin .payments-list .invoice-details > div {
  line-height: 18px;
  margin: 16px 0 16px 0;
}
#app > section.panel > .container .admin .products-list > li:not(:last-child),
#app > section.panel > .container .admin .clients-list > li:not(:last-child),
#app > section.panel > .container .admin .payments-list > li:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #bbb;
}
#app > section.panel > .container .admin .account-and-subscriptions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#app > section.panel > .container .admin .account-and-subscriptions .account-products {
  display: flex;
  width: 100%;
  max-width: 600px;
}
#app > section.panel > .container .admin .account-and-subscriptions .account-products h3 {
  font-weight: 300;
}
#app > section.panel > .container .admin .account-products > div {
  padding: 10px;
  width: 50%;
}
#app > section.panel > .container .admin a[data-type="admin"][data-action="set-project-status-enabled"],
#app > section.panel > .container .admin a[data-type="user"][data-action="set-project-status-enabled"] {
  display: none;
}
#app > section.panel > .container .admin tr[data-user-status="TO_DELETE"] td,
#app > section.panel > .container .admin tr[data-admin-status="BLOCKED"] td {
  background: pink;
}
#app > section.panel > .container .admin tr[data-admin-status="BLOCKED"] a[data-type="admin"][data-action="set-project-status-enabled"] {
  display: inline-block;
}
#app > section.panel > .container .admin tr[data-admin-status="BLOCKED"] a[data-type="admin"][data-action="set-project-status-blocked"] {
  display: none;
}
#app > section.panel > .container .admin tr[data-user-status="DISABLED"] a[data-type="user"][data-action="set-project-status-enabled"] {
  display: inline-block;
}
#app > section.panel > .container .admin tr[data-user-status="DISABLED"] a[data-type="user"][data-action="set-project-status-disabled"] {
  display: none;
}
#app > section.panel > .container .admin .clients-list li[data-trial="1"] h2:after {
  content: "FREE TRIAL";
  background: #8fedb6;
  color: white;
  border-radius: 4px;
  display: inline-block;
  margin-left: 8px;
  padding: 0 4px;
}
#app > section.panel > .container .admin .plans-list {
  display: flex;
}
#app > section.panel > .container .admin .plans-list > li {
  margin-right: 40px;
}
#app > section.panel > .container .admin a:not(:first-child) > i {
  margin-left: 10px;
}
#app > section.panel > .container .manage a:not('.tabLikeBtn'):hover {
  color: #C93956;
  text-decoration: underline;
}
#app > section.panel > .container .manage #accountBilling {
  margin-bottom: 50px;
}
#app > section.panel > .container .manage .is-enterprise .for-enterprise,
#app > section.panel > .container .manage .is-fixed-monthly .for-fixed-monthly {
  display: table-cell;
}
#app > section.panel > .container .manage .free-trial-message {
  color: white;
  background: #634973;
  display: inline-block;
  padding: 2px 4px;
  border-radius: 4px;
  line-height: 18px;
  font-weight: 400;
  font-size: 14px;
}
#app > section.panel > .container .manage .invoice-message,
#app > section.panel > .container .manage .overdue-message {
  line-height: 24px;
  margin-bottom: 40px;
}
#app > section.panel > .container .manage .invoice-message strong,
#app > section.panel > .container .manage .overdue-message strong {
  color: white;
  background: red;
  display: inline-block;
  padding: 0 10px;
  border-radius: 4px;
  margin-right: 10px;
}
#app > section.panel > .container .manage .for-enterprise,
#app > section.panel > .container .manage for-fixed-monthly {
  display: none;
}
#app > section.panel > .container .manage table {
  width: 100%;
  table-layout: fixed;
  text-align: right;
}
#app > section.panel > .container .manage td,
#app > section.panel > .container .manage th {
  padding: 12px 4px;
}
#app > section.panel > .container .manage td {
  border-top: 1px solid #eee;
  font-size: 14px;
}
#app > section.panel > .container .manage td:first-child,
#app > section.panel > .container .manage th:first-child,
#app > section.panel > .container .manage td:nth-child(2),
#app > section.panel > .container .manage th:nth-child(2) {
  text-align: left;
}
#app > section.panel > .container .manage td {
  background: white;
  font-weight: bold;
}
#app > section.panel > .container .manage .project td {
  padding: 4px 4px;
  color: #999;
  font-size: 11px;
  border-top: none;
  font-weight: normal;
}
#app > section.panel > .container .manage .progress {
  width: 100%;
  padding: 40px;
}
#app > section.panel > .container .manage .progress ul {
  position: relative;
  display: flex;
  justify-content: space-between;
}
#app > section.panel > .container .manage .progress ul:before {
  content: "";
  height: 1px;
  width: 100%;
  left: 0;
  right: 0;
  top: 15px;
  border-top: 1px dotted #919090;
  position: absolute;
  z-index: 0;
}
#app > section.panel > .container .manage .progress ul li {
  line-height: 29px;
  font-size: 15px;
  font-weight: 300;
  color: #919090;
  z-index: 1;
  background: #f0f2eb;
}
#app > section.panel > .container .manage .progress ul li a {
  color: #919090;
}
#app > section.panel > .container .manage .progress ul li a:hover {
  color: #242019;
}
#app > section.panel > .container .manage .progress ul li span {
  border-radius: 50%;
  border: 1px dotted #919090;
  display: inline-block;
  width: 29px;
  text-align: center;
  margin-right: 5px;
  height: 29px;
  color: #919090;
}
#app > section.panel > .container .manage .progress ul li span.done {
  background-color: white;
  color: #634973;
  border: 1px solid #E5E5E5;
}
#app > section.panel > .container .manage .progress ul li span.current {
  background: #634973;
  color: white;
  border: 1px solid #634973;
}
#app > section.panel > .container .manage .page {
  clear: both;
  padding: 40px;
  max-width: 840px;
  margin: 0 auto;
}
#app > section.panel > .container .manage .page section {
  margin-top: 80px;
}
#app > section.panel > .container .manage .page section h2 {
  margin-bottom: 20px;
}
#app > section.panel > .container .manage .page .toggle-scope:not(.toggled-off) .toggled-off-only {
  display: none;
}
#app > section.panel > .container .manage .page .toggle-scope.toggled-off .toggled-on-only {
  display: none;
}
#app > section.panel > .container .manage .page a[data-action="toggle-parent"] {
  display: block;
  margin-bottom: 20px;
}
#app > section.panel > .container .manage .page .owner-info p {
  line-height: 1.8em;
  margin-bottom: 40px;
}
#app > section.panel > .container .manage .page.centered {
  text-align: center;
}
#app > section.panel > .container .manage .page h2 {
  margin-bottom: 60px;
}
#app > section.panel > .container .manage .page h3 {
  font-weight: 300;
  margin: 20px 0 10px 0;
}
#app > section.panel > .container .manage .page p {
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0;
  font-weight: 300;
}
#app > section.panel > .container .manage .page hr {
  margin: 20px 0;
}
#app > section.panel > .container .manage .page textarea:disabled {
  white-space: pre;
  font-family: monospace;
  width: 100%;
  padding: 10px 20px;
  color: #333333;
  opacity: 1;
  line-height: 24px;
  height: 200px;
  margin: 20px 0;
  border: 1px dotted #666;
}
#app > section.panel > .container .manage .page .ui-form {
  width: 100%;
}
#app > section.panel > .container .manage .page .ui-form-actions a {
  width: 25%;
  margin: 10px auto;
}
#app > section.panel > .container .manage .page .ui-form-actions .ui-button {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  margin: 0;
  width: 25%;
  min-width: 200px;
  display: inline-block;
}
#app > section.panel > .container .manage .page .share {
  text-align: center;
  color: #634973;
}
#app > section.panel > .container .manage .page .share a {
  font-size: 18px;
  color: #634973;
}
#app > section.panel > .container .manage .page .share a:hover {
  color: #C93956;
}
#app > section.panel > .container .manage .waiting {
  text-align: center;
}
#app > section.panel > .container .manage #settingDeleteProject {
  display: none;
}
#app > section.panel > .container .manage [data-action="status-to-enable"] {
  display: none;
}
#app > section.panel > .container .manage [data-action="status-to-disable"] {
  display: none;
}
#app > section.panel > .container .manage [data-status="ENABLED"] #settingDeleteProject {
  display: block;
}
#app > section.panel > .container .manage [data-status="ENABLED"] [data-action="status-to-disable"] {
  display: inline-block;
}
#app > section.panel > .container .manage [data-status="DISABLED"] #settingDeleteProject {
  display: block;
}
#app > section.panel > .container .manage [data-status="DISABLED"] [data-action="status-to-enable"] {
  display: inline-block;
}
#app > section.panel > .container .manage .uParamsInHash-feature {
  margin-top: 20px;
}
#app > section.panel > .container .manage .new-users-permissions {
  margin-top: 20px;
  margin-bottom: 40px;
}
#app > section.panel > .container .manage .ui-multitabs span.selected {
  background: white;
  color: #333333;
  border-color: #E7E9E1;
}
#app > section.panel > .container .manage .ui-tabs > span:not(.selected):hover small {
  color: white;
}
#app > section.panel > .container .manage .account-subscription {
  margin: 20px 0;
}
#app > section.panel > .container .manage .account-subscription .account-licence-number {
  width: 100%;
  display: none;
}
#app > section.panel > .container .manage .account-subscription .account-change-support {
  display: none;
}
#app > section.panel > .container .manage .account-subscription[data-plan="1"] .account-change-support {
  display: block;
}
#app > section.panel > .container .manage .account-subscription[data-plan="3"] .account-change-support {
  display: none;
}
#app > section.panel > .container .manage .account-subscription[data-plan="3"] .account-licence-number {
  display: block;
}
#app > section.panel > .container .manage .account-subscription[data-plan="2"] .account-change-support {
  display: none;
}
#app > section.panel > .container .manage .account-subscription[data-plan="2"] .account-change-support .ui-tabs > span {
  background: rgba(0, 0, 0, 0.1);
  color: #666;
  pointer-events: none;
  border: 1px solid #b0b0b0;
}
#app > section.panel > .container .manage .account-change-plan,
#app > section.panel > .container .manage .account-change-support {
  margin-bottom: 20px;
}
#app > section.panel > .container .manage .account-change-plan .ui-tabs > span:not(.selected),
#app > section.panel > .container .manage .account-change-support .ui-tabs > span:not(.selected) {
  background: white;
  color: #242019;
}
#app > section.panel > .container .manage .account-change-plan .ui-tabs > span:not(.selected):hover,
#app > section.panel > .container .manage .account-change-support .ui-tabs > span:not(.selected):hover {
  background: #242019;
}
#app > section.panel > .container .manage .account-change-plan .ui-tabs > span.selected,
#app > section.panel > .container .manage .account-change-support .ui-tabs > span.selected {
  background: #634973;
}
#app > section.panel > .container .manage .account-change-plan .ui-tabs > span.selected,
#app > section.panel > .container .manage .account-change-support .ui-tabs > span.selected,
#app > section.panel > .container .manage .account-change-plan .ui-tabs > span:hover,
#app > section.panel > .container .manage .account-change-support .ui-tabs > span:hover {
  color: white;
}
#app > section.panel > .container .manage .account-change-plan .ui-tabs > span.selected small,
#app > section.panel > .container .manage .account-change-support .ui-tabs > span.selected small,
#app > section.panel > .container .manage .account-change-plan .ui-tabs > span:hover small,
#app > section.panel > .container .manage .account-change-support .ui-tabs > span:hover small {
  color: #d2d2d2;
}
#app > section.panel > .container .manage .account-change-plan .ui-tabs > span.selected small strong,
#app > section.panel > .container .manage .account-change-support .ui-tabs > span.selected small strong,
#app > section.panel > .container .manage .account-change-plan .ui-tabs > span:hover small strong,
#app > section.panel > .container .manage .account-change-support .ui-tabs > span:hover small strong {
  color: white;
}
#app > section.panel > .container .manage .account-change-plan .ui-tabs > span,
#app > section.panel > .container .manage .account-change-support .ui-tabs > span {
  text-align: left;
  flex: 1;
}
#app > section.panel > .container .manage .account-change-plan.account-change-plan .ui-tabs > span,
#app > section.panel > .container .manage .account-change-support.account-change-plan .ui-tabs > span {
  min-width: 240px;
}
@media (min-width: 1024px) {
  #app > section.panel > .container .manage .account-change-plan,
  #app > section.panel > .container .manage .account-change-support {
    width: 100%;
  }
  #app > section.panel > .container .manage .account-change-plan .ui-tabs,
  #app > section.panel > .container .manage .account-change-support .ui-tabs {
    display: flex;
  }
}
#app > section.panel > .container .manage .sdk-component-versions .tabLikeBtn {
  margin: 20px 0;
}
#app > section.panel > .container .manage .sdk-component-versions .sdk-component-uptodate a {
  display: none;
}
#app > section.panel > .container .manage .sdk-component-versions li {
  font-size: 14px;
  margin-bottom: 8px;
}
#app > section.panel > .container .manage .sdk-component-versions li > strong:first-child:before {
  content: "Outdated";
  background: #f3ccce;
  display: inline-block;
  padding: 2px 4px;
  border-radius: 2px;
  margin-right: 10px;
  width: 55px;
  text-align: center;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
}
#app > section.panel > .container .manage .sdk-component-versions li.sdk-component-uptodate > strong:first-child:before {
  content: "LATEST";
  background: #ccf3cc;
}
#app > section.panel > .container .manage .sdk-component-versions li a {
  margin-left: 4px;
}
@media (max-width: 1023px) {
  #app > section.panel > .container .account-change-support .ui-tabs,
  #app > section.panel > .container .account-change-plan .ui-tabs {
    white-space: normal;
  }
  #app > section.panel > .container .account-change-support .ui-tabs > span,
  #app > section.panel > .container .account-change-plan .ui-tabs > span {
    width: 100%;
  }
  #app > section.panel > .container .manage .progress {
    padding: 40px 10px;
  }
  #app > section.panel > .container .manage .progress ul li {
    flex: 1;
    line-height: 15px;
    font-size: 11px;
    text-align: center;
  }
  #app > section.panel > .container .manage .progress ul li span {
    display: block;
    line-height: 29px;
    font-size: 15px;
    margin: 0 auto 10px auto;
  }
  #app > section.panel > .container .manage .submit-button {
    width: 100%;
    min-width: 100%;
  }
  #app > section.panel > .container .manage .row .ui-form-group {
    padding: 3px 0 0 0;
    margin-bottom: 10px;
  }
}
#app > section.panel > .container .repository {
  margin: 40px;
}
#app > section.panel > .container .repository h1 {
  margin-top: 40px;
  margin-bottom: 0;
}
#app > section.panel > .container .repository .disclaimer {
  margin-bottom: 40px;
}
#app > section.panel > .container .repository .search {
  width: 300px;
}
#app > section.panel > .container .repository .search .ui-label {
  font-weight: 300;
}
#app > section.panel > .container .repository .search .ui-text {
  margin-left: 85px;
}
#app > section.panel > .container .repository .actions {
  display: none;
  position: fixed;
  left: 20px;
  bottom: 20px;
  background: #634973;
  border-radius: 0;
  z-index: 2;
}
#app > section.panel > .container .repository .actions a {
  color: white;
  margin-right: 10px;
}
#app > section.panel > .container .repository .actions.has-selection {
  display: block;
}
#app > section.panel > .container .repository .item-hidden {
  display: none !important;
}
#app > section.panel > .container .repository > ul {
  margin: 40px 0;
}
#app > section.panel > .container .repository > ul > li {
  padding: 10px 0;
  border-bottom: 1px dotted black;
}
#app > section.panel > .container .repository > ul > li.new-item {
  border-bottom: none;
  margin-top: 20px;
}
#app > section.panel > .container .repository > ul > li.new-item h3 {
  font-weight: 300;
  color: #242019;
}
#app > section.panel > .container .repository > ul.images {
  display: flex;
  flex-wrap: wrap;
}
#app > section.panel > .container .repository > ul.images > li {
  max-width: 400px;
  min-width: 400px;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  position: relative;
}
#app > section.panel > .container .repository > ul.images > li .checkbox {
  border: 1px solid #ccc;
  background: white;
  position: absolute;
  left: 10px;
  top: 20px;
  width: 24px;
  height: 24px;
  display: block;
  z-index: 1;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
}
#app > section.panel > .container .repository > ul.images > li .checkbox i:last-child {
  display: none;
}
#app > section.panel > .container .repository > ul.images > li .checkbox a {
  color: black;
}
#app > section.panel > .container .repository > ul.images > li .checkbox i {
  pointer-events: none;
}
#app > section.panel > .container .repository > ul.images > li.selected .checkbox i:first-child {
  display: none;
}
#app > section.panel > .container .repository > ul.images > li.selected .checkbox i:last-child {
  display: inline-block;
}
#app > section.panel > .container .repository > ul.images > li .file-actions a {
  margin-right: 10px;
  color: #C93956;
  display: inline-block;
}
#app > section.panel > .container .repository > ul.images > li small {
  display: block;
  margin-bottom: 5px;
}
#app > section.panel > .container .repository > ul.images > li div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 10px;
  height: 100%;
}
#app > section.panel > .container .repository > ul.images > li img {
  max-width: 100%;
}
#app > section.panel > .container .repository .item-type {
  background: white;
  opacity: 1;
  border-radius: 2px;
  padding: 0 3px;
}
#app > section.panel > .container .repository-datafeed {
  margin: 40px;
}
#app > section.panel > .container .repository-datafeed h1 {
  margin-top: 40px;
}
#app > section.panel > .container .repository-datafeed .collapsed .collapsible {
  display: none;
}
#app > section.panel > .container .repository-datafeed .import-options {
  margin-top: 40px;
}
#app > section.panel > .container .repository-datafeed .datafeed-data {
  margin: 40px 0;
  padding: 20px;
  background: white;
}
#app > section.panel > .container .repository-datafeed .datafeed-data table {
  width: 100%;
}
#app > section.panel > .container .repository-datafeed .datafeed-data table td,
#app > section.panel > .container .repository-datafeed .datafeed-data table th {
  text-align: right;
  line-height: 24px;
  padding: 0 10px;
}
#app > section.panel > .container .repository-datafeed .datafeed-data table td:first-child,
#app > section.panel > .container .repository-datafeed .datafeed-data table th:first-child {
  text-align: left;
  display: none;
}
#app > section.panel > .container .repository-datafeed .datafeed-data table td {
  border-top: 1px solid #eee;
}
#app > section.panel > .container .repository-datafeed .datafeed-data table tr:hover td {
  background: #eee;
}
#app > section.panel > .container .repository-datafeed .inactive {
  display: none;
}
#app > section.panel > .container .repository-datafeed hr {
  margin: 20px 0;
}
@media (max-width: 500px) {
  #app > section.panel > .container .filter-sets #setFilters {
    overflow-x: auto;
    width: 100vw;
    margin-left: -40px;
  }
  #app > section.panel > .container .filter-sets #setFilters .ui-tabs span:first-child {
    margin-left: 40px;
  }
  #app > section.panel > .container .filter-sets #setFilters .ui-tabs span[data-value="all"] {
    margin-right: 40px;
  }
}
#app > section.panel > .container .filter-sets .no-workspaces {
  font-size: 13px;
  margin: 40px;
}
#app > section.panel > .container .filter-sets .no-workspaces p {
  margin-bottom: 10px;
  display: none;
}
#app > section.panel > .container .filter-sets .no-workspaces p:first-child {
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 20px;
}
#app > section.panel > .container .filter-sets .no-workspaces p:first-child,
#app > section.panel > .container .filter-sets .no-workspaces p:last-child {
  display: block;
}
#app > section.panel > .container .filter-sets .list-triggers .workspace-triggers-info {
  display: block;
}
#app > section.panel > .container .filter-sets .list-tests .workspace-tests-info {
  display: block;
}
#app > section.panel > .container .filter-sets .list-scheduled .workspace-scheduled-info {
  display: block;
}
#app > section.panel > .container .filter-sets .list-bookmarks .workspace-bookmarks-info {
  display: block;
}
#app > section.panel > .container .filter-sets .list-datafeeds .workspace-datafeeds-info {
  display: block;
}
#app > section.panel > .container .filter-sets .list-my .workspace-info,
#app > section.panel > .container .filter-sets .list-all .workspace-info,
#app > section.panel > .container .filter-sets .list-recent .workspace-info {
  display: block;
}
#app > section.panel > .container .filter-sets > .top {
  margin: 40px;
}
#app > section.panel > .container .filter-sets > .top:before,
#app > section.panel > .container .filter-sets > .top:after {
  content: " ";
  display: table;
}
#app > section.panel > .container .filter-sets > .top:after {
  clear: both;
}
#app > section.panel > .container .filter-sets > .top:before,
#app > section.panel > .container .filter-sets > .top:after {
  content: " ";
  display: table;
}
#app > section.panel > .container .filter-sets > .top:after {
  clear: both;
}
#app > section.panel > .container .filter-sets > .top h1 {
  font-weight: 100;
  float: left;
  display: inline-block;
}
#app > section.panel > .container .filter-sets > .top .pull-left {
  margin-left: 20px;
}
#app > section.panel > .container .filter-sets > .top .search .ui-label {
  font-weight: 300;
}
#app > section.panel > .container .filter-sets > .top .search .ui-text {
  margin-left: 55px;
}
#app > section.panel > .container .filter-sets .list-triggers .toggle-inactive-triggers {
  display: block;
}
#app > section.panel > .container .filter-sets .toggle-inactive-triggers {
  margin-left: 40px;
  margin-top: 40px;
  display: none;
}
#app > section.panel > .container .filter-sets .toggle-inactive-triggers:before {
  content: "Show ";
}
#app > section.panel > .container .filter-sets .bookmarks-mode .set-bookmarks {
  display: block;
}
#app > section.panel > .container .filter-sets .bookmarks-mode > .actions a[data-action="enable-editing"] {
  display: inline-block;
  color: #C93956;
  font-weight: 400;
}
#app > section.panel > .container .filter-sets .bookmarks-mode > .extras,
#app > section.panel > .container .filter-sets .bookmarks-mode > .actions a[data-action="enable-bookmarks"],
#app > section.panel > .container .filter-sets .bookmarks-mode > .actions a[data-action="revert-set"],
#app > section.panel > .container .filter-sets .bookmarks-mode > .actions a[data-action="load-history"],
#app > section.panel > .container .filter-sets .bookmarks-mode > .actions a[data-action="export-set"],
#app > section.panel > .container .filter-sets .bookmarks-mode > .actions a[data-action="edit-set"],
#app > section.panel > .container .filter-sets .bookmarks-mode > .actions a[data-action="save-as-set"],
#app > section.panel > .container .filter-sets .bookmarks-mode > .actions a[data-action="delete-set"],
#app > section.panel > .container .filter-sets .bookmarks-mode > .actions a[data-action="new-set"],
#app > section.panel > .container .filter-sets .bookmarks-mode > .filters,
#app > section.panel > .container .filter-sets .bookmarks-mode > .reports > header,
#app > section.panel > .container .filter-sets .bookmarks-mode > .reports > .content > .bookmark,
#app > section.panel > .container .filter-sets .bookmarks-mode .reports .trendschart .options,
#app > section.panel > .container .filter-sets .bookmarks-mode .reports .trendschart.graph-empty,
#app > section.panel > .container .filter-sets .bookmarks-mode .reports .data-feed-toggle {
  display: none;
}
#app > section.panel > .container .filter-sets .extras {
  display: inline-block;
}
#app > section.panel > .container .filter-sets .extras > span {
  display: inline-block;
  vertical-align: super;
  font-size: 13px;
  margin: 0 2px;
  border: 1px solid #d0d3cb;
  border-radius: 2px;
  padding: 0 2px;
  color: #242019;
}
#app > section.panel > .container .filter-sets .extras .published {
  color: #4ab3bb;
}
#app > section.panel > .container .filter-sets .toggle-inactive-triggers {
  display: none;
}
#app > section.panel > .container .filter-sets .list-triggers .sets > .inactive,
#app > section.panel > .container .filter-sets .list-tests .sets > .inactive,
#app > section.panel > .container .filter-sets .list-scheduled .sets > .inactive,
#app > section.panel > .container .filter-sets .list-datafeeds .sets > .inactive {
  display: none !important;
}
#app > section.panel > .container .filter-sets .list-triggers.show-inactive .sets > .inactive,
#app > section.panel > .container .filter-sets .list-tests.show-inactive .sets > .inactive,
#app > section.panel > .container .filter-sets .list-scheduled.show-inactive .sets > .inactive,
#app > section.panel > .container .filter-sets .list-datafeeds.show-inactive .sets > .inactive {
  display: block !important;
}
#app > section.panel > .container .filter-sets .list-triggers.show-inactive .toggle-inactive-triggers:before,
#app > section.panel > .container .filter-sets .list-tests.show-inactive .toggle-inactive-triggers:before,
#app > section.panel > .container .filter-sets .list-scheduled.show-inactive .toggle-inactive-triggers:before,
#app > section.panel > .container .filter-sets .list-datafeeds.show-inactive .toggle-inactive-triggers:before {
  content: "Hide ";
}
#app > section.panel > .container .filter-sets .list-triggers .toggle-inactive-triggers,
#app > section.panel > .container .filter-sets .list-tests .toggle-inactive-triggers,
#app > section.panel > .container .filter-sets .list-scheduled .toggle-inactive-triggers,
#app > section.panel > .container .filter-sets .list-datafeeds .toggle-inactive-triggers {
  display: block;
}
#app > section.panel > .container .filter-sets ul.main.sets .extras {
  right: 40px;
}
#app > section.panel > .container .filter-sets ul.main.sets li > a h2,
#app > section.panel > .container .filter-sets ul.main.sets li > a small {
  width: calc(100% - 100px);
}
#app > section.panel > .container .filter-sets .set-bookmarks {
  display: none;
}
#app > section.panel > .container .filter-sets .set-bookmarks h3 {
  font-size: 21px;
}
#app > section.panel > .container .filter-sets .set-bookmarks > ul > li {
  display: none;
}
#app > section.panel > .container .filter-sets .set-bookmarks > ul > li.active {
  display: block;
}
#app > section.panel > .container .filter-sets .set-bookmarks > ul > li.active h3 {
  font-size: 40px;
}
#app > section.panel > .container .filter-sets .set-bookmarks > ul > li.active i {
  display: block;
}
#app > section.panel > .container .filter-sets .set-bookmarks > ul > li a {
  pointer-events: none;
}
#app > section.panel > .container .filter-sets .set-bookmarks > ul > li i {
  display: none;
}
#app > section.panel > .container .filter-sets .set-bookmarks .toggle-bookmarks {
  color: #C93956;
  border-bottom: none !important;
  margin-left: -14px;
  margin-top: -20px;
}
#app > section.panel > .container .filter-sets .set-bookmarks .toggle-bookmarks .toogle-bookmarks-hide {
  display: none;
}
#app > section.panel > .container .filter-sets .set-bookmarks.all-bookmarks > ul > li {
  display: block;
}
#app > section.panel > .container .filter-sets .set-bookmarks.all-bookmarks > ul > li a {
  pointer-events: auto;
}
#app > section.panel > .container .filter-sets .set-bookmarks.all-bookmarks > ul > li a:hover {
  background: white;
}
#app > section.panel > .container .filter-sets .set-bookmarks.all-bookmarks .toogle-bookmarks-show {
  display: none;
}
#app > section.panel > .container .filter-sets .set-bookmarks.all-bookmarks .toogle-bookmarks-hide {
  display: inline-block;
}
#app > section.panel > .container .filter-sets li.bookmark,
#app > section.panel > .container .filter-sets .set-bookmarks {
  padding: 0 40px;
  margin-bottom: 40px;
}
#app > section.panel > .container .filter-sets li.bookmark > ul > li,
#app > section.panel > .container .filter-sets .set-bookmarks > ul > li {
  position: relative;
}
#app > section.panel > .container .filter-sets li.bookmark sup,
#app > section.panel > .container .filter-sets .set-bookmarks sup {
  font-size: 13px;
  position: absolute;
  top: 15px;
  left: 7px;
  color: #634973;
}
#app > section.panel > .container .filter-sets li.bookmark .condition,
#app > section.panel > .container .filter-sets .set-bookmarks .condition {
  color: #999;
}
#app > section.panel > .container .filter-sets li.bookmark p,
#app > section.panel > .container .filter-sets .set-bookmarks p {
  font-size: 11px;
  color: #999;
  margin-top: 3px;
}
#app > section.panel > .container .filter-sets li.bookmark .type,
#app > section.panel > .container .filter-sets .set-bookmarks .type {
  color: #bbb;
  height: 14px;
  width: 14px;
  border: 1px solid #ccc;
  line-height: 14px;
  text-align: center;
  border-radius: 50%;
  margin-right: 3px;
  display: inline-block;
}
#app > section.panel > .container .filter-sets li.bookmark h3,
#app > section.panel > .container .filter-sets .set-bookmarks h3 {
  font-weight: 100;
  font-size: 30px;
}
#app > section.panel > .container .filter-sets li.bookmark a,
#app > section.panel > .container .filter-sets .set-bookmarks a {
  color: black;
  display: block;
  padding: 10px 20px;
}
#app > section.panel > .container .filter-sets li.bookmark a:last-child,
#app > section.panel > .container .filter-sets .set-bookmarks a:last-child {
  border-bottom: 1px dotted #b2b2b2;
}
#app > section.panel > .container .filter-sets li.bookmark ul,
#app > section.panel > .container .filter-sets .set-bookmarks ul {
  margin: 10px 0 20px 0;
}
#app > section.panel > .container .filter-sets ul.main li.tests h2:before {
  content: "A/B";
  color: #f0f2eb;
  background: #242019;
  margin-right: 8px;
  border-radius: 2px;
  padding: 0 4px;
}
#app > section.panel > .container .filter-sets ul.main li.tests.published h2:before {
  background: #4ab3bb;
}
#app > section.panel > .container .filter-sets ul.main li.pinned {
  background: white;
}
#app > section.panel > .container .filter-sets ul.main li {
  position: relative;
}
#app > section.panel > .container .filter-sets ul.main li .dates {
  position: absolute;
  top: 8px;
  right: 40px;
}
#app > section.panel > .container .filter-sets ul.main li .dates:before,
#app > section.panel > .container .filter-sets ul.main li .dates:after {
  content: " ";
  display: table;
}
#app > section.panel > .container .filter-sets ul.main li .dates:after {
  clear: both;
}
#app > section.panel > .container .filter-sets ul.main li .dates:before,
#app > section.panel > .container .filter-sets ul.main li .dates:after {
  content: " ";
  display: table;
}
#app > section.panel > .container .filter-sets ul.main li .dates:after {
  clear: both;
}
#app > section.panel > .container .filter-sets ul.main li .dates > div {
  width: 130px;
  margin-left: 10px;
}
#app > section.panel > .container .filter-sets ul.main li .dates > div > span {
  padding-left: 8px;
}
#app > section.panel > .container .filter-sets ul.main li .dates .has-date input {
  font-weight: 700;
}
#app > section.panel > .container .filter-sets ul.main li > a,
#app > section.panel > .container .filter-sets ul.main li > span {
  display: block;
  color: #333333;
  padding: 20px 40px;
  border-bottom: 1px dotted #B2B2B2;
}
#app > section.panel > .container .filter-sets ul.main li > a h2,
#app > section.panel > .container .filter-sets ul.main li > span h2 {
  font-size: 26px;
  margin-bottom: 5px;
  width: calc(100% - 300px);
}
#app > section.panel > .container .filter-sets ul.main li > a small,
#app > section.panel > .container .filter-sets ul.main li > span small {
  display: block;
  font-size: 10px;
  width: calc(100% - 300px);
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility {
  margin-right: 4px;
  cursor: pointer;
  text-transform: uppercase;
  padding: 0 2px;
  border-radius: 2px;
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.active:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.active:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.active:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.active:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.shared:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.shared:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.shared:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.shared:hover .fa-toggle-on {
  display: none;
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.active:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.active:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.active:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.active:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.shared:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.shared:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.shared:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.shared:hover .fa-toggle-off {
  display: inline;
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.active .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.active .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.active .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.active .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.shared .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.shared .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.shared .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.shared .fa-toggle-off {
  display: none;
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.active .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.active .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.active .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.active .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.shared .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.shared .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.shared .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.shared .fa-toggle-on {
  display: inline;
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.inactive .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.inactive .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.inactive .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.inactive .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.private .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.private .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.private .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.private .fa-toggle-on {
  display: none;
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.inactive .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.inactive .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.inactive .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.inactive .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.private .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.private .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.private .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.private .fa-toggle-off {
  display: inline;
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.inactive:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.inactive:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.inactive:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.inactive:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.private:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.private:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.private:hover .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.private:hover .fa-toggle-off {
  display: none;
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.inactive:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.inactive:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.inactive:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.inactive:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.private:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.private:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.private:hover .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.private:hover .fa-toggle-on {
  color: white;
  display: inline;
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.active,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.active,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.active,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.active {
  background: white;
  color: #242019;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.inactive,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.inactive,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.inactive,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.inactive {
  background: #C93956;
  color: white;
  border: 1px solid #C93956;
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.shared,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.shared,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.shared,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.shared {
  background: white;
  color: #242019;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.private,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.private,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.private,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.private {
  background: #716f6b;
  color: white;
  border: 1px solid #716f6b;
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility .fa-toggle-on {
  color: #4ab3bb;
}
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.toggle-disabled .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.toggle-disabled .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.toggle-disabled .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.toggle-disabled .fa-toggle-off,
#app > section.panel > .container .filter-sets ul.main li > a small .set-status.toggle-disabled .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-status.toggle-disabled .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > a small .set-visibility.toggle-disabled .fa-toggle-on,
#app > section.panel > .container .filter-sets ul.main li > span small .set-visibility.toggle-disabled .fa-toggle-on {
  display: none !important;
}
#app > section.panel > .container .filter-sets ul.main li > a:hover {
  background: #FFFFFF;
}
#app > section.panel > .container .filter-sets ul.main li > a:hover h2 {
  color: #C93956;
}
#app > section.panel > .container .filter-sets ul.main li:last-child > a,
#app > section.panel > .container .filter-sets ul.main li:last-child > span {
  border-width: 0;
}
#app > section.panel > .container .filter-sets ul.main h2 .tip {
  font-size: 13px;
  vertical-align: super;
  margin: 4px;
  position: relative;
}
#app > section.panel > .container .filter-sets ul.main h2 .tip > span {
  display: none;
  position: absolute;
  background: #242019;
  font-weight: 300;
  padding: 5px;
  bottom: -13px;
  left: -5px;
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: 400px;
  padding: 20px;
  opacity: 0;
  color: white;
}
#app > section.panel > .container .filter-sets ul.main h2 .tip.over i {
  color: #C93956;
}
#app > section.panel > .container .filter-sets ul.main h2 .tip.over > span {
  opacity: 1;
  bottom: -3px;
  display: block;
}
#app > section.panel > .container .filter-sets .actions {
  margin: 40px 40px 10px 40px;
}
#app > section.panel > .container .filter-sets .actions a.load-draft i {
  color: #C93956;
}
#app > section.panel > .container .filter-sets .actions a[data-action="enable-editing"] {
  display: none;
}
#app > section.panel > .container .filter-sets .filters {
  margin: 10px 40px 40px 40px;
}
#app > section.panel > .container .filter-sets .filters.sortable .toggle {
  visibility: hidden;
}
#app > section.panel > .container .filter-sets .filters.sortable .sub-items {
  display: block !important;
  border-width: 0 !important;
}
#app > section.panel > .container .filter-sets .filters.sortable .ui-state-highlight {
  height: 30px;
  background: rgba(0, 0, 0, 0.2);
  margin-bottom: 3px;
}
#app > section.panel > .container .filter-sets .filters.sortable .ui-sortable-helper {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}
#app > section.panel > .container .filter-sets .filters.sortable .ui-sortable-helper .sub-items {
  min-height: 0;
  background: transparent;
}
@media (max-width: 1180px) {
  #app > section.panel > .container .filter-sets .top {
    position: relative;
  }
  #app > section.panel > .container .filter-sets .top h1 {
    margin-bottom: 20px;
  }
  #app > section.panel > .container .filter-sets .top .pull-left {
    clear: left;
    margin-left: 0;
    margin-top: 10px;
  }
  #app > section.panel > .container .filter-sets .top .tabLikeBtn {
    position: absolute;
    right: 0;
    top: 0;
  }
  #app > section.panel > .container .filter-sets .top .search {
    width: 100%;
  }
  #app > section.panel > .container .filter-sets .top .search .ui-label span {
    display: none;
  }
  #app > section.panel > .container .filter-sets .top .search .ui-text {
    width: 100%;
    margin-left: 0;
  }
  #app > section.panel > .container .filter-sets .top .search .ui-text input {
    padding-left: 20px;
  }
}
@media (max-width: 1023px) {
  #app > section.panel > .container .filter-sets ul.main li > span:last-child {
    padding: 0 40px;
  }
  #app > section.panel > .container .filter-sets .actions {
    margin: 40px 5px 10px 5px;
  }
  #app > section.panel > .container .filter-sets .filter-sets ul.main li > a {
    padding: 20px 10px;
  }
  #app > section.panel > .container .filter-sets .workspace-actions {
    margin: 40px 0;
    white-space: nowrap;
    overflow-x: auto;
    padding-right: 40px;
  }
  #app > section.panel > .container .filter-sets .workspace-actions > a:first-child {
    margin-left: 40px;
  }
  #app > section.panel > .container .filter-sets .workspace-actions a[data-action="new-set"] {
    display: none;
  }
  #app > section.panel > .container .filter-sets .modified-by {
    margin-top: 15px;
    display: block;
  }
  #app > section.panel > .container .filter-sets .set-status,
  #app > section.panel > .container .filter-sets .set-visibility {
    font-size: 11px;
    margin-right: 10px !important;
  }
  #app > section.panel > .container .filter-sets .created-by {
    display: none;
  }
  #app > section.panel > .container .filter-sets ul.main.sets li > a small {
    width: 100%;
  }
  #app > section.panel > .container .filter-sets ul.main li > span small {
    width: 100%;
  }
  #app > section.panel > .container .filter-sets .extras {
    display: none;
  }
  #app > section.panel > .container .filter-sets ul.main li .dates {
    margin-top: 40px;
    margin-bottom: 40px;
    position: relative;
    margin-left: 40px;
    width: 100%;
  }
  #app > section.panel > .container .filter-sets ul.main li .dates > div {
    margin: 0;
    width: 50%;
  }
  #app > section.panel > .container .filter-sets ul.main li .dates .ui-datetime {
    position: initial;
  }
  #app > section.panel > .container .filter-sets ul.main li .dates .ui-datetime .popup.predefined {
    left: -20px;
    top: 55px;
  }
  #app > section.panel > .container .filter-sets ul.main li h2 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  #app > section.panel > .container .filter-sets .filters {
    margin: 10px 2px 40px 2px;
  }
}
#app > section.panel > .container .projects {
  max-width: 800px;
  width: 100%;
  margin: 60px auto;
}
#app > section.panel > .container .projects .no-projects p {
  font-weight: normal;
  text-transform: none;
  text-align: left;
  font-size: 15px;
  margin: 5px 0 20px 0;
}
#app > section.panel > .container .projects .project-quick-stats,
#app > section.panel > .container .projects .metrics,
#app > section.panel > .container .projects .summary {
  display: none;
}
#app > section.panel > .container .projects .toggle-metrics {
  display: block;
  clear: both;
  text-align: center;
}
#app > section.panel > .container .projects .toggle-metrics i {
  margin-right: 5px;
}
#app > section.panel > .container .projects .toggle-metrics span:before {
  content: "Show";
  margin-right: 3px;
}
#app > section.panel > .container .projects.with-stats {
  max-width: 336px;
}
#app > section.panel > .container .projects.with-stats .toggle-metrics span:before {
  content: "Hide";
}
#app > section.panel > .container .projects.with-stats .new {
  display: none !important;
}
#app > section.panel > .container .projects.with-stats .project-name span {
  padding: 0 3px;
  background: white;
  border-radius: 2px;
}
@media (min-width: 680px) {
  #app > section.panel > .container .projects.with-stats {
    max-width: 672px;
  }
}
@media (min-width: 1024px) {
  #app > section.panel > .container .projects.with-stats {
    max-width: 1008px;
  }
}
@media (min-width: 1400px) {
  #app > section.panel > .container .projects.with-stats {
    max-width: 1344px;
  }
}
#app > section.panel > .container .projects.with-stats .project-list > li,
#app > section.panel > .container .projects.with-stats .project-list > li a.project {
  min-width: 336px;
  max-width: 336px;
  min-height: 56px;
}
#app > section.panel > .container .projects.with-stats.show-metrics .project-list > li,
#app > section.panel > .container .projects.with-stats.show-metrics .project-list > li a.project {
  min-height: 118px;
}
#app > section.panel > .container .projects.with-stats.show-metrics .project-list > li .project-quick-stats,
#app > section.panel > .container .projects.with-stats.show-metrics .project-list > li a.project .project-quick-stats {
  display: block;
}
#app > section.panel > .container .projects.with-stats.show-metrics .project-list > li a.new,
#app > section.panel > .container .projects.with-stats.show-metrics .project-list > li a.project a.new {
  padding-top: 50px;
}
#app > section.panel > .container .projects.with-stats .project-list {
  display: flex;
  flex-wrap: wrap;
}
#app > section.panel > .container .projects.with-stats .project-list > li a.project {
  padding: 0;
  padding-top: 18px;
}
#app > section.panel > .container .projects.with-stats .new-project a {
  padding-top: 48px;
}
#app > section.panel > .container .projects.with-stats .metrics {
  display: block;
  margin-bottom: 20px;
}
#app > section.panel > .container .projects.with-stats .project-quick-stats {
  display: none;
  margin-top: 30px;
}
#app > section.panel > .container .projects.with-stats .project-quick-stats ul {
  display: flex;
  margin-left: 0;
  width: 100%;
  height: 50px;
  min-width: 100px;
}
#app > section.panel > .container .projects.with-stats .project-quick-stats ul li {
  position: relative;
  margin-left: 0;
  margin-right: 1px;
  min-width: 1px;
  width: auto;
  flex: auto;
}
#app > section.panel > .container .projects.with-stats .project-quick-stats ul li.currently-indexed,
#app > section.panel > .container .projects.with-stats .project-quick-stats ul li:hover {
  background: #C93956;
}
#app > section.panel > .container .projects.with-stats .project-quick-stats ul li:hover span {
  display: block;
  position: absolute;
  top: -30px;
  font-size: 12px;
  color: #C93956;
  width: 44px;
  right: 0;
  text-align: right;
}
#app > section.panel > .container .projects.with-stats .project-quick-stats ul li small {
  font-size: 8px;
  white-space: nowrap;
}
#app > section.panel > .container .projects.with-stats .project-quick-stats ul li span {
  display: none;
}
#app > section.panel > .container .projects.with-stats .project-quick-stats ul li div {
  background: #242019;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#app > section.panel > .container .projects.with-stats .ui-stack {
  margin-top: 40px;
  text-align: center;
}
#app > section.panel > .container .projects.with-stats .ui-label {
  line-height: 30px;
}
#app > section.panel > .container .projects.with-stats .ui-form .ui-form-group .ui-stack > div {
  display: inline-block;
  margin-right: 20px;
  float: none;
}
#app > section.panel > .container .projects.with-stats .ui-form .ui-form-group .ui-stack > div.traffic-month-range,
#app > section.panel > .container .projects.with-stats .ui-form .ui-form-group .ui-stack > div.traffic-day-range,
#app > section.panel > .container .projects.with-stats .ui-form .ui-form-group .ui-stack > div.traffic-hour-range,
#app > section.panel > .container .projects.with-stats .ui-form .ui-form-group .ui-stack > div.traffic-minute-range {
  display: none;
}
#app > section.panel > .container .projects.with-stats.range-month .ui-form .ui-form-group .ui-stack > div.traffic-month-range,
#app > section.panel > .container .projects.with-stats.range-day .ui-form .ui-form-group .ui-stack > div.traffic-day-range,
#app > section.panel > .container .projects.with-stats.range-hour .ui-form .ui-form-group .ui-stack > div.traffic-hour-range,
#app > section.panel > .container .projects.with-stats.range-minute .ui-form .ui-form-group .ui-stack > div.traffic-minute-range {
  display: inline-block;
}
#app > section.panel > .container .projects.with-stats .summary {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 11px;
  text-align: left;
}
#app > section.panel > .container .projects.with-stats .summary:empty {
  display: none;
}
#app > section.panel > .container .projects.with-stats .summary small {
  display: none;
}
#app > section.panel > .container .projects.with-stats .project:hover .summary,
#app > section.panel > .container .projects.with-stats .project:hover .summary small {
  display: block;
}
#app > section.panel > .container .projects p {
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
#app > section.panel > .container .projects .project-list {
  margin: 40px 0;
}
#app > section.panel > .container .projects .project-list > li {
  position: relative;
  display: inline-block;
  width: 200px;
  margin-top: -4px;
  margin-left: -1px;
}
#app > section.panel > .container .projects .project-list > li.DISABLED a.project {
  color: #999;
  font-weight: normal;
  background: rgba(0, 0, 0, 0.03);
}
#app > section.panel > .container .projects .project-list > li.DISABLED a.project:hover {
  color: #222;
}
#app > section.panel > .container .projects .project-list > li.DISABLED a.project:hover:before {
  content: "Tracking Paused";
  font-size: 10px;
  display: block;
  text-align: left;
  position: absolute;
  left: 6px;
  top: 6px;
  color: #999;
}
#app > section.panel > .container .projects .project-list > li a.tip {
  position: absolute;
  right: 5px;
  top: 4px;
  display: block;
  z-index: 10;
  color: #B2B2B2;
}
#app > section.panel > .container .projects .project-list > li a.tip > div {
  transition: all 0.5s ease;
  display: none;
  position: absolute;
  background: white;
  padding: 5px;
  bottom: -13px;
  left: -5px;
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: 200px;
  padding: 20px;
  opacity: 0;
}
#app > section.panel > .container .projects .project-list > li a.tip:hover {
  color: #242019;
}
#app > section.panel > .container .projects .project-list > li a.tip:hover i {
  color: #634973;
}
#app > section.panel > .container .projects .project-list > li a.tip:hover > div {
  opacity: 1;
  bottom: -3px;
  display: block;
}
#app > section.panel > .container .projects .project-list > li a.project {
  display: inline-block;
  text-align: center;
  padding: 18px;
  border: 1px solid #ccc;
  background: none;
  min-width: 200px;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #222;
  font-weight: 300;
  font-size: 15px;
  background: #f0f2eb;
}
#app > section.panel > .container .projects .project-list > li a.project:hover {
  background: white;
  letter-spacing: 0;
  z-index: 999;
}
@media (max-width: 500px) {
  #app > section.panel > .container .projects .no-projects {
    margin: 0 40px;
  }
  #app > section.panel > .container .projects.with-stats .ui-stack {
    text-align: left;
    margin-top: 0;
  }
  #app > section.panel > .container .projects.with-stats .ui-stack > div {
    overflow-x: auto;
  }
  #app > section.panel > .container .projects.with-stats .project-list {
    margin: 40px 0;
  }
  #app > section.panel > .container .projects .project-list {
    margin: 40px;
  }
  #app > section.panel > .container .projects .project-list > li {
    min-width: 100%;
  }
  #app > section.panel > .container .projects .project-list > li a.project {
    max-width: 100%;
    min-width: auto;
    border: 1px solid #919090;
  }
}
#app > section.panel > .container .datapoint .type,
#app > section.panel > .container .segment .type {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: center;
  border-radius: 50%;
  margin-right: 3px;
  font-weight: 300;
}
#app > section.panel > .container .datapoint .condition,
#app > section.panel > .container .segment .condition {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding: 2px 4px;
  color: #634973;
  font-weight: 300;
}
#app > section.panel > .container .report-none .content {
  display: none;
}
#app > section.panel > .container .report-triggers .bookmark {
  display: none;
}
#app > section.panel > .container .segment-suggestions {
  font-size: 14px;
  margin: 40px 0;
}
#app > section.panel > .container .segment-suggestions ul {
  margin-top: 20px;
}
#app > section.panel > .container .segment-suggestions li {
  margin-bottom: 10px;
  margin-left: 20px;
  list-style: disc;
}
#app > section.panel > .container .content {
  margin: 0 0;
}
#app > section.panel > .container .content .bookmark {
  margin: 20px 40px;
  position: relative;
}
#app > section.panel > .container .content .bookmark .request-details {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
}
#app > section.panel > .container .content .bookmark .request-details.request-ready .request-date {
  display: inline-block;
}
#app > section.panel > .container .content .bookmark .request-details .request-date {
  display: none;
}
#app > section.panel > .container .content .bookmark .request-details a {
  margin-left: 10px;
}
#app > section.panel > .container .content .bookmark .request-details .data-feed-toggle.unsupported {
  display: none;
}
#app > section.panel > .container .content .bookmark .request-details .data-feed-toggle.enabled .data-feed-is-off {
  display: none;
}
#app > section.panel > .container .content .bookmark .request-details .data-feed-toggle.disabled .data-feed-is-on {
  display: none;
}
#app > section.panel > .container .content .bookmark a[data-action="bookmark-add"] {
  display: none;
}
#app > section.panel > .container .content .bookmark.no-bookmark {
  padding-top: 0;
}
#app > section.panel > .container .content .bookmark.no-bookmark a[data-action="bookmark-remove"] {
  display: none;
}
#app > section.panel > .container .content .bookmark.no-bookmark a[data-action="bookmark-add"] {
  display: inline-block;
}
#app > section.panel > .container .content .bookmark.no-bookmark .dotted {
  display: none;
}
#app > section.panel > .container .content .bookmark.no-bookmark .fa-bookmark {
  color: #C93956;
}
#app > section.panel > .container .content .bookmark .fa-bookmark {
  position: absolute;
  top: 1px;
  color: #634973;
}
#app > section.panel > .container .content .bookmark .dotted {
  margin-bottom: 5px;
}
#app > section.panel > .container .content .bookmark input {
  padding-left: 15px;
  font-size: 30px;
  line-height: 40px;
  height: 40px;
  font-weight: 100;
}
#app > section.panel > .container .content .bookmark small {
  margin-left: 18px;
}
#app > section.panel > .container .content .reset-table {
  padding: 10px;
  font-size: 9px;
}
#app > section.panel > .container .content .copy-table {
  padding: 10px;
  font-size: 11px;
}
#app > section.panel > .container .content .copy-table [data-action="copy-segments-table"] {
  margin-top: -30px;
  margin-bottom: 40px;
  display: block;
}
#app > section.panel > .container .content .stats-item .copy-table {
  padding: 0;
}
#app > section.panel > .container .content .cache-key {
  margin-top: 15px;
}
#app > section.panel > .container .content .cache-key .cache-key-actions {
  color: #919090;
  display: flex;
  justify-content: space-between;
}
#app > section.panel > .container .content .cache-key .cache-key-actions a {
  margin-left: 5px;
}
#app > section.panel > .container .content .cache-key .cache-key-value {
  display: block;
  line-height: 21px;
  padding: 0 5px;
  background: #dadbd5;
  border-radius: 2px;
  margin-top: 5px;
}
#app > section.panel > .container .content .report-footer {
  padding: 20px 40px;
}
#app > section.panel > .container .content .report-footer .data-feed-toggle.unsupported {
  display: none;
}
#app > section.panel > .container .content .report-footer .data-feed-toggle.enabled .data-feed-is-off {
  display: none;
}
#app > section.panel > .container .content .report-footer .data-feed-toggle.disabled .data-feed-is-on {
  display: none;
}
#app > section.panel > .container .content .toplayer {
  opacity: 0;
  background-color: white;
  position: absolute;
  left: 0;
  top: 0;
  padding: 15px;
  z-index: 100;
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
}
#app > section.panel > .container .content .toplayer a.close {
  float: right;
}
#app > section.panel > .container .content .toplayer > .content {
  clear: both;
}
#app > section.panel > .container .content .toplayer > .content .stats-item {
  float: left;
  margin-left: 20px;
}
#app > section.panel > .container .content .toplayer > .content .stats-item:first-child {
  margin-left: 0;
}
#app > section.panel > .container .content .toplayer table tr:nth-child(even) td {
  background: #f0f2eb;
}
#app > section.panel > .container .content ul.split > li {
  background: #f0f2eb;
  position: relative;
  outline: none;
}
#app > section.panel > .container .content ul.split > li > .label {
  position: absolute;
  top: 0;
  left: 0;
  size: 12px;
  color: white;
  background: rgba(0, 0, 0, 0.4);
  padding: 2px 4px;
}
#app > section.panel > .container .content ul.split > li {
  border-left: 1px dotted rgba(0, 0, 0, 0.4);
}
#app > section.panel > .container .content ul.split > li:first-child {
  border-left: none;
}
#app > section.panel > .container .content ul.split > li:before {
  position: absolute;
  top: 10px;
  left: 40px;
  size: 12px;
  color: white;
  background: rgba(0, 0, 0, 0.2);
  padding: 2px 4px;
}
#app > section.panel > .container .content .split-view-only {
  display: none;
}
#app > section.panel > .container .content ul.hsplit2 .split-view-only,
#app > section.panel > .container .content ul.hsplit3 .split-view-only {
  display: block;
}
#app > section.panel > .container .content ul.hsplit2 > li {
  width: 50%;
  float: left;
  overflow-x: auto;
}
#app > section.panel > .container .content ul.hsplit2 > li.leftView:before {
  content: "LEFT";
}
#app > section.panel > .container .content ul.hsplit2 > li.rightView:before {
  content: "RIGHT";
}
#app > section.panel > .container .content ul.hsplit2 > li.outputView:before {
  content: "COMBINED";
}
#app > section.panel > .container .content ul.hsplit3 > li {
  width: 33.3%;
  float: left;
  overflow-x: auto;
}
#app > section.panel > .container .content ul.hsplit3 > li.leftView:before {
  content: "LEFT";
}
#app > section.panel > .container .content ul.hsplit3 > li.rightView:before {
  content: "RIGHT";
}
#app > section.panel > .container .content ul.hsplit3 > li.outputView:before {
  content: "COMBINED";
}
#app > section.panel > .container .content a.circle {
  margin: 0 20px;
  padding: 0 10px;
}
#app > section.panel > .container .content a.circle:hover {
  color: #fffacb;
}
#app > section.panel > .container .content a.ico {
  background: transparent;
  color: #919090;
  font-size: 14px;
  line-height: 24px;
  width: 24px;
  display: inline-block;
  text-align: center;
  margin-left: 5px;
}
#app > section.panel > .container .content a.ico:hover {
  color: #C93956;
}
#app > section.panel > .container .content a.ico.active {
  outline: 1px solid rgba(0, 0, 0, 0.1);
  color: #242019;
}
#app > section.panel > .container .content .view {
  padding: 40px;
}
#app > section.panel > .container .content .view .heatmap-links,
#app > section.panel > .container .content .view .usage-links {
  display: none;
}
#app > section.panel > .container .content .view .type-heatmaps .selectize-input,
#app > section.panel > .container .content .view .type-explore .selectize-input {
  height: 40px;
  line-height: 28px;
}
#app > section.panel > .container .content .view .type-heatmaps .heatmap-links,
#app > section.panel > .container .content .view .type-explore .usage-links {
  display: flex;
}
#app > section.panel > .container .content .view .type-heatmaps .heatmap-links a,
#app > section.panel > .container .content .view .type-explore .usage-links a {
  flex: 1;
  border: none !important;
  line-height: 40px;
  border-radius: 4px;
  margin-right: 4px;
  display: flex;
  padding: 0;
  align-items: center;
}
#app > section.panel > .container .content .view .type-heatmaps .heatmap-links a:before,
#app > section.panel > .container .content .view .type-explore .usage-links a:before {
  background: #f0f2eb;
  border-radius: 50%;
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 10px;
  background-repeat: no-repeat;
  background-size: contain;
}
#app > section.panel > .container .content .view .type-heatmaps .heatmap-links a[data-action="view-usage"]:before,
#app > section.panel > .container .content .view .type-explore .usage-links a[data-action="view-usage"]:before {
  background-image: url('data:image/png;base64,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');
  background-size: 20px;
  background-position: center;
}
#app > section.panel > .container .content .view .type-heatmaps .heatmap-links a[data-action="view-reach"]:before,
#app > section.panel > .container .content .view .type-explore .usage-links a[data-action="view-reach"]:before {
  background-position: center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOgAAADCCAMAAAB0QH4aAAAC6FBMVEUAAAD////////39/f////29vYQDw+CgoKioqIIBwcBAAD///8GBAQHBQUEAwMJCAgGBAQMCgoGBQX////w8PAODQ0FBQUODQ3////////39/aZmZn5+fkiIiKbm5uYmJj8/Pzm5uYKCAgIBwcBAQEBAQEAAABpaWmEhISlpaV4eHjr6+v29vYSEhIBAQEVFRX///8mJiYYGBgzMjL///9jY2P+/v5dXV2Kioq9vb2vr6/Nzc319fUeHh4ZGBj///8hISEcGxv///8fHx8kJCQXFxc3NzcXFxcfHx8AAAA3Nzc/Pz8gICAzMzM8PDxeXV3///9OTk7///88PDxQUFD///9dXV1RUVFqamp7e3t4eHhoaGj9/f23t7eYmpr9/f339/eXl5e5ubmUlJSoqKidnZ2srKz////CwsK1tbX8/PzLy8v///86OjokJCQyMjIDAgIAAABTU1MJCQllZWUvLy8RERE7OzsqKipISEj///9EREQ3NzdbW1sFBQUtLS00NDRBQUE0NDQ8PT1GRkZ0dHRsbGx5e3t3d3eEhIRbW1tTU1M+Pj5ycnJeXl5kZGR0dHSWlpZPT0/+/v6KioqZmZn7+/tubm6jo6NPT09ycnKgoKB7e3uJiYmrq6umpqZ8fHzAwMCsrKzMzMz09PT8/Pzq6urGxsYYGBgUExM2NjZISEj///9TU1P///9AQEAuLi7///////////8wMDABAABjY2MREhILCwtQUFAiIiIlJSVJSUkaGhqCgoL///+FhYWDg4P+/v79/f1tbW1ZWVn9/f39/f1iYmI4ODj9/f1AQED///9VVVX///9mZmZjY2P///9ra2v9/f2goKCJiYmzs7NeXl53d3eBgYFhYWGjo6PCwsKYmJj///9jY2P7+/uYmJinp6eUlJSJiYl7e3uoqKjMzMyOjo7W1taAgICUlJSfn5/h4eEBAAD///8DAAAAAAAPDg4EAgIUExMpKSkuLi4lJSVueBcaAAAA7nRSTlMA/vkh7Df8slL8/f3+/f79/P7+/A7+/Pz4w0MzCfVEKQsF/v78+PCVd1IwHhT79fLr38/Nxo9/bFIqJhcR/v77+vTx7Ovr6uXd3drZ2NLEwb+7uamopoh4bmxpZ1VNSUhAOjIvLiUhICAbFg8G9vLv6eTi4uHd3dva2cvKycfFxL+5ubWtopqRhYODgYB6eXh0b2poaGNgX1xYU1JOSUdDQTw3MS4oJCP4+Pf19PDu6uXk2dfW1dPS0s3LyMTBtrKxsa+pqKOenZqalpCPioeEhIODe3NuYV9eXVdWU1JNS0NBQDk0NDItLSUkHxgRgT2maAAABspJREFUeNrt3FOQHUEYhuE/zkzmZGPbtm3btm3btm3btm3b7MwX3qY7qTgT16DTz6L24tSefffvmemdqj2kKIqiKIqiKIqiKLKLcr9WIiFyYpJYpiG9tyxdHJXL2bRVz9LnY5KUmiQogC+VrkcyqgBoIfxCxgouxA6phQiOTZlIPpFzIxwzGWfyd46Z4VE8CsmmSR/4sS9DGQsV5xLJplpW6ObXoRpKSndCmhibsW9CDazJTJLpj7DfhurIUZUksw1Jvw1leJmQJBMEgb8NNfH8/whleB6UJKNCSTIqlCSjQkkyKpQko0JJMiqUJKNCSTIqlCSjQkkyKpQko0JJMiqUJKNCSTIqlCSjQkkyKpQko0JJMiqUJKNCSTIqlCSjQslzokSekeSfhmaa2ojcp8GQzs1zFC494V+FJh7QI9+rwgdnkMtMLQwIWU/9m9CMnQEhXvwk5CaV4kELZQT3acDeJP8gdFpbhPPx7xcCKJaR3GMgoIEJRkgUT/zXoecW8Ue/e/ALDW1nklskAHxMeP+TlYnxl6HT8yD8u8cJ4bF8NrnDwDgw2Cd+KJn4r0In5EZYmB9CER5F3DHTimKeJvvEh5Ix/iJ07GveyT6GMoRFvivkvBHJEIp9ChU1PvTJ/MehV/OIzs9CxUzz1SKnZQjJO78MZSwkNj78w9CRUUXnp1ABgdElMzlrflFo7MtQ8bWG3k//KDRDTvjB/CpUzPQAOesoQsL8JlSUFsv0B6FjkvNO9k0o0xF3EjmpcSro7NtQzg/FGv92aIJX8GPs21CTaThMTpqWE+b3Q5mGXvV+M/RCPLFuvxsaHusakYNGZtMtQsVM28/6rdAEYXkn+35oWLRKTA46k1V/YREqllv7Br8RWuml2F9ZhAZGm/rkoKrZYFqGsnBIXeeXQ0fE5Z2mVWhIlCFHlYEGq1Ax0+5PfjF0aDZxfFqEMh1Jr5OTxHU0JLMKFaWbo/9SaAU+TzCrUNMPg8hh05vBD5ahzIeUt34hdADE8WkZGhZdw5DTxi7kpZahLARSRv9paHrAYKZlqB9SO7/XJcqQHCFhFWry0gI1fxCakIhO6KLTMlRDz8zkBmffwI9ZhjINHaJTTOvQLH3BgjPrUD90dMvdlIst4LMO5TNdf5d2fu9/vE28rEr9oPNOy1AfejUgt5iSFD7rUOZD6/5tEPY7E32BHXsQindahUJDj8bkHmOSw2cdygwAwfF1qADA0JlpFYqQSF2X3GRKcoSwDDVZcJ/B2PdCTcPgnyxCXXV8flBxAUJZhooPi1D+Zh0aAl3qkNtMigfj34byztQNyX0qafD901ANRe+RG43n+9V/GBoO3d04T2HoS4T6V6HMh0LuOz4/qCyO038TamCru64rXxofC6H+SaiGDu5+5bUK4r7934eGQ6ra5G6Vn8P421AWAisik9sNj4PgfxkaAqnc30k0sQWMvwkVnY/JCyoDwf88lGko4oV5CukB/Y9DNXHvxSuOi5n+WagPKaORd6RPxoL/SSgLh27emacwHCYv/d1QcSfNzfuh7xkmZvq7oeGw4Q55TXog+G+GhkAer5xvPzeIvdB/OVQIhXY1yYtGxeWlvx5qoNsj8qZhCK7/cmg4FPHW+fZz5fFC/8XQcGj3gLwrLULpvxQaAvm9tE+wmOlPQ5mGtW7/+/Nn4iOWzn4SyvyQ19vzFAbHeaH/JFRDa29eV76eaXD9h6E+RJXi5YSjlGOhdOtQFgIFvb9u3xvFV69VKDTk9/p56JO0iK1/P5SFRMtqJI/yfN/7vVBoaCbLuv0w01jmd0LDIe9kkstgGC/YV6HiPHSbZBMfIb+aKPyQW651+06Tcro4I30KhYaWN0lG8cFLP4YyP+S4TFKKwc9I+odQpqGgTNeVL5WDEep96IvwyO/F+0O/KEY/IKSfYRjhmXzXlS9VLIT3us4iuTVMULx500J9M8Qg6cWcN9uN/7utKIqiKIry56LMCWSnuVHIATVO707TKZd/OwXslKbUsXExyVajAz5zyL4sZKOTwZ6FDh06mD97BePP6e9ZiQBkmyrBngV75gx/oZ/tJ7tkKeFUpyh9tuQa2aR6Lv50jgn9rCzZJJ2TnXwxrZ5Htgjj5MoVazd7JLJFmIgOh0aoQd8jYeh/M1EVqkJVqAp1Rahdl5c0/8mGgY44uAUUoSvnkD2q+Hd2U7+dbJKlFH82p/C/v8eRXapHeJbdoZkGC/bsENlndC7+lA7cSgnGf71lk5CNbpRy6MSbIl1MslWM6unKpgmYIkVA26RYtmpXuipzyQFRAtipfn13vei3oiiKoiiKoiiKoiiKIoe3Py6qkgbxR3EAAAAASUVORK5CYII=');
}
#app > section.panel > .container .content .view .type-heatmaps .heatmap-links a[data-action="view-exposure"]:before,
#app > section.panel > .container .content .view .type-explore .usage-links a[data-action="view-exposure"]:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExQThGMEJBNDI4NjdEQzUwMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjU4MzNDQzQ0MzQxMUU4QUM5ODkwRDJBRTVDRDYxQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjU4MzNDQjQ0MzQxMUU4QUM5ODkwRDJBRTVDRDYxQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0ODAxMTc0MDcyMDY4MTFBOEYwQkE0Mjg2N0RDNTAxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTFBOEYwQkE0Mjg2N0RDNTAxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8CHh2QAABQxJREFUeNrsmmssZVcUx++9nkE86/1qEK9LLkERMiFeQYLwBR9EJiJR/YYmEiQ+zQehSiihGTTiUdEIHQYJ1RQjno1HYmpc6h3iNSKeq2vvzDnpuZfpnfZe2unZyc7Zcc7ZZ/32Xnut/4IQAAQfYxMJPtLGg/FgPBgPxoPxYDwYD8aD8WD/OzB1VX9genraeH9//5Pz83MdXV3dt6ampvsSieToPwMmFArp9cWLF+79/f2RExMTfqurqw57e3tmNzc3DsxzGhoav1laWm45ODi88ff3fxUZGdkfFhb2htxTam1IJlNGLysrS0RD23DKVTKtol1dXf11aGjo87q6unBl2UIX6J9OUFtbGykWi3+8D8ja2hri4uIgMzMTAgMDQVNT8z7IVV9f3+/b2to+e3SwpKSkUnRBCoQuBmpqaqyheJags7MTZNvR0RGkpqZyoMi7OA8zfp2RkVHwKGBjY2MWnp6e3cwuBQUFQX5+Pujo6FDjnJycAM8W3Nd6enqIC7JgRkZGUFBQADgnu3vBwcHfLS4u6jwY2MDAgBO61y/EAJFIBDk5OXB4eEivjKGTk5PvhWLc0crKin2nsrIS1tfXIT09nf2Zi4vLy6mpKWOVg42Pj1uYmZm9Ih/V1taG6upqauz19TU4OztTY3ClFYIiXUtLix0HBATQZy4uLqC4uJh1TTc3t96lpSVtlYJ5eHh0M2eisbGRNXhlZYW6E7lXVFSkEBTTmZ+RIHNwcMA+X1JSQj2C3MN08K3KwFJSUp4R3ydno7y8nGP0wsICGBgYsC4l23p7e++NhsbGxvSKngCbm5uc98i5Zc5cbm7uF0oHa2lpCcDVWyEfycrKgsvLS44B29vbYG5uTo3Iy8tTGEpfX5+95+joCKenp5x3z87OIDExEd65/tLQ0NCnSgVLTk5+xkQ7AiHbUFkAJmdqgLu7u0JQpEdERLBjkuvuajMzM2BhYcEs2ueKgikkgm1tbX/Hi3R3d5eEenklLRIJoqOj6RhDtKCjo0PQ19cniI+PF+Du3jsvuh47xp258xmUZgI8e2QotbOzW1e6pLK3t/+JcZnZ2Vm5ld3Y2AAbGxu6sih2ORHvrq6np8eOvb29OYGDacPDw/TsvXvmB5UED9wFX6IKyEd8fHxAKpXKGdLa2vqXQHcFj8HBQbm55ubmSB5jzuLch5yvDw73GMqfMmqD6L7l5WU5g1AMc1TF+zoJHs3NzXJzYFIGV1dX+gyRbBUVFXEqVx4YFb9k4EigGB0dlTOsq6sLsCxhk+xduYssDO6C3Lvd3d2AZ5oN8yi1Mh5MK2ZnZ+cycCYmJoArSmWVrNitqamB2NhYCuHn50c1ZVpaGnVZLDw5z+/s7NDkzuhNUs4UFhY+fXB1X1pamohqY4bZhfDwcGhvb4eTkxO5XSAyieQk2fxHGlbX0NDQQOGZubAQHauvrw9/tLJlZGTELiQk5Dmze6RsIZqPKHW8B5ge4Pb2lgNydXUFW1tbNGCgmgAvLy9OTYb57Ou/K3yVWmiSXlVVFYPnjVNsEpFMEisWjxATEwOY0yAqKoqCkFrtz9GTBAgSzlF/PvnXVNCy1TQm6m8wn/2sSFQkuTEhIeGrpqamJ8q0g3ShKv64jjnIcH5+3mNtbc0Oayy74+NjA3RBTQwI14aGhocItI5dKpFIfhWLxW9V8VsqIf9fAzwYD8aD8WA8GA/Gg/FgPBgPxoPxYI/S/hBgAGRvqPQBYCjcAAAAAElFTkSuQmCC');
}
#app > section.panel > .container .content .view .type-heatmaps .heatmap-links a[data-action="view-moves"]:before,
#app > section.panel > .container .content .view .type-explore .usage-links a[data-action="view-moves"]:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExQThGMEJBNDI4NjdEQzUwMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjU4MzNDODQ0MzQxMUU4QUM5ODkwRDJBRTVDRDYxQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjU4MzNDNzQ0MzQxMUU4QUM5ODkwRDJBRTVDRDYxQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0ODAxMTc0MDcyMDY4MTFBOEYwQkE0Mjg2N0RDNTAxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTFBOEYwQkE0Mjg2N0RDNTAxIi8+IDwvcmRmOkRlc2NyaXB0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');
}
#app > section.panel > .container .content .view .type-heatmaps .heatmap-links a[data-action="view-clicks"]:before,
#app > section.panel > .container .content .view .type-explore .usage-links a[data-action="view-clicks"]:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExQThGMEJBNDI4NjdEQzUwMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RTYyNzIyOTQyNEQxMUU4QUM5ODkwRDJBRTVDRDYxQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RTYyNzIyODQyNEQxMUU4QUM5ODkwRDJBRTVDRDYxQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0ODAxMTc0MDcyMDY4MTFBOEYwQkE0Mjg2N0RDNTAxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTFBOEYwQkE0Mjg2N0RDNTAxIi8+IDwvcmRmOkRlc2NyaXB0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);
}
#app > section.panel > .container .content .view .h-with-datapoints {
  font-weight: 300;
}
#app > section.panel > .container .content .view .h-with-datapoints .type {
  display: inline-block;
  border: 1px solid;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  color: #999;
}
#app > section.panel > .container .content .view .h-with-datapoints .condition {
  color: #666;
}
#app > section.panel > .container .content .view .chart.formsfunnel {
  height: 300px;
  background: white;
  padding: 40px;
  overflow: hidden;
  margin-bottom: 40px;
}
#app > section.panel > .container .content .view .formsfunnel {
  margin-bottom: -60px;
}
#app > section.panel > .container .content .view section {
  margin: 80px 0 40px;
}
#app > section.panel > .container .content .view section .sh {
  margin-bottom: 40px;
}
#app > section.panel > .container .content .view section .sh .suboptions {
  float: right;
}
#app > section.panel > .container .content .view section .sh .suboptions .ui-form-group {
  float: left;
}
#app > section.panel > .container .content .view section .row a.opt {
  float: right;
  margin-top: 30px;
}
#app > section.panel > .container .content .view section .row.withopt form {
  margin-right: 30px;
}
#app > section.panel > .container .content .view section .row.withopt form .ui-form-group {
  padding-right: 10px;
}
#app > section.panel > .container .content .view section:first-child {
  margin-top: 0;
}
#app > section.panel > .container .content .view h3 {
  text-transform: capitalize;
}
#app > section.panel > .container .content .view h3:first-child {
  margin: 0 0 40px;
}
#app > section.panel > .container .content .view h3 small {
  display: block;
}
#app > section.panel > .container .content .view h3 small .datapoint {
  margin: 0 5px;
  background-color: transparent;
  border: none;
  padding: 0;
}
#app > section.panel > .container .content .view h3 small .datapoint .type {
  line-height: 20px;
  width: 20px;
  height: 20px;
}
#app > section.panel > .container .content .view .simple-table {
  margin-top: 10px;
}
#app > section.panel > .container .content .view .simple-table .table-toggle {
  margin-left: 10px;
  font-size: 9px;
}
#app > section.panel > .container .content .view .simple-table > div {
  margin-top: 20px;
  display: none;
}
#app > section.panel > .container .content .view .simple-table.toggled > div {
  display: block;
}
#app > section.panel > .container .content .view .simple-table .trend-up {
  background: green;
}
#app > section.panel > .container .content .view .simple-table .trend-down {
  background: red;
}
#app > section.panel > .container .content .view div.stats-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#app > section.panel > .container .content .view div.stats-items:after {
  content: "";
  width: 350px;
}
#app > section.panel > .container .content .view div.stats-items > div {
  overflow: hidden;
  margin-top: 40px;
  margin-bottom: 40px;
}
#app > section.panel > .container .content .view div.stats-items > div.LIST:not('.narrow') {
  width: 100%;
  height: 575px;
}
#app > section.panel > .container .content .view div.stats-items > div.TREE:not('.narrow') {
  width: 100%;
  height: 575px;
}
#app > section.panel > .container .content .view div.stats-item {
  width: 350px;
  min-height: 600px;
  padding-top: 10px;
}
#app > section.panel > .container .content .view div.stats-item h3 {
  margin-bottom: 20px;
  text-transform: capitalize;
}
#app > section.panel > .container .content .view div.stats-item header {
  background: #f0f2eb;
  position: fixed;
}
#app > section.panel > .container .content .view div.stats-item.LIST {
  overflow: auto;
  border-bottom: 1px dotted;
  max-height: 600px;
}
#app > section.panel > .container .content .view div.stats-item.LIST table td {
  line-height: 30px;
}
#app > section.panel > .container .content .view div.stats-item.LIST table td.value {
  width: auto;
}
#app > section.panel > .container .content .view div.stats-item.LIST table td.value a:after {
  content: "|";
  color: #AAA;
  margin-left: 0;
}
#app > section.panel > .container .content .view div.stats-item.PIECHART table td.value {
  width: auto;
}
#app > section.panel > .container .content .view div.stats-item.PIECHART table td.value:after {
  content: "|";
  color: #AAA;
  margin-left: 0;
}
#app > section.panel > .container .content .view div.stats-item.TREE {
  overflow: auto;
  border-bottom: 1px dotted;
  max-height: 600px;
}
#app > section.panel > .container .content .view div.stats-item.TREE .tree-container {
  width: auto;
}
#app > section.panel > .container .content .view div.stats-item.TREE .tree-container .value {
  float: right;
}
#app > section.panel > .container .content .view div.stats-item.TREE .tree-container .eventType {
  font-weight: bold;
}
#app > section.panel > .container .content .view div.stats-item.TREE .tree-container .suffix {
  color: gray;
}
#app > section.panel > .container .content .view div.stats-item.TREE .tree-container ul ul {
  border-left: 1px dotted black;
}
#app > section.panel > .container .content .view div.stats-item.TREE .tree-container ul li {
  padding: 5px 0 5px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#app > section.panel > .container .content .view div.stats-item.TREE .tree-container ul li > a {
  margin-right: 10px;
  margin-left: -5px;
}
#app > section.panel > .container .content .view div.stats-item.TREE .tree-container ul li.lastNode a[data-action] {
  visibility: hidden;
}
#app > section.panel > .container .content .view div.stats-item .ct-chart {
  margin-top: 20px;
}
#app > section.panel > .container .content .view div.stats-item .ct-chart .ct-series-a .ct-line {
  stroke: #634973;
  stroke-opacity: 1;
  stroke-width: 5px;
}
@media (max-width: 1023px) {
  #app > section.panel > .container .content .view div.stats-item .ct-chart .ct-series-a .ct-line {
    stroke-width: 2px;
  }
}
#app > section.panel > .container .content .view div.stats-item .ct-chart .ct-series-a .ct-area {
  fill: #634973;
}
#app > section.panel > .container .content .view div.stats-item .ct-chart svg {
  left: -10px;
}
#app > section.panel > .container .content .view div.stats-item .ct-chart .ct-vertical.ct-start {
  border-bottom: 1px dotted #634973;
}
#app > section.panel > .container .content .view div.stats-item .wordcloud {
  width: 100%;
  min-height: 500px;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud {
  font: 10px;
  line-height: normal;
  overflow: hidden;
  position: relative;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word {
  margin: 0;
  padding: 0;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word.w1 {
  color: #c5bbc4;
  font-size: 100%;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word.w2 {
  color: #c5b2bc;
  font-size: 150%;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word.w3 {
  color: #c6a6b2;
  font-size: 200%;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word.w4 {
  color: #c697a6;
  font-size: 250%;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word.w5 {
  color: #c78697;
  font-size: 300%;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word.w6 {
  color: #c77589;
  font-size: 350%;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word.w7 {
  color: #c86379;
  font-size: 400%;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word.w8 {
  color: #c8516a;
  font-size: 450%;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word.w9 {
  color: #c9425e;
  font-size: 500%;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word.w10 {
  color: #c93956;
  font-size: 550%;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word a {
  color: inherit;
  font-size: inherit;
  text-decoration: none;
}
#app > section.panel > .container .content .view div.stats-item .jqcloud-word a:hover {
  color: #00ccff;
}
#app > section.panel > .container .content .view div.stats-item .total-number {
  font-weight: bolder;
  font-size: 80px;
  text-align: center;
  padding-top: 40px;
}
#app > section.panel > .container .content .view div.stats-item .total-number-label {
  opacity: 0.6;
  text-align: center;
}
#app > section.panel > .container .content .view div.stats-item .unmatched:before {
  content: "[...]";
  font-weight: normal;
  margin: 0 3px;
  opacity: 0.5;
}
#app > section.panel > .container .content .view div.stats-item .unmatched span {
  display: none;
}
#app > section.panel > .container .content .view div.stats-item .matched:first-child:before,
#app > section.panel > .container .content .view div.stats-item .matched:last-child:after {
  display: none;
}
#app > section.panel > .container .content .view div.stats-item .json .key {
  color: #AAA;
  border: 1px solid;
  padding: 0 3px;
  border-radius: 2px;
  margin-left: 4px;
}
#app > section.panel > .container .content .view div.stats-item .datapoint {
  text-overflow: ellipsis;
  margin: 0;
  display: block;
  overflow-x: hidden;
}
#app > section.panel > .container .content .view div.stats-item .summary {
  color: #919090;
  margin-top: 5px;
  line-height: 24px;
}
#app > section.panel > .container .content .view div.stats-item .summary .options {
  float: right;
  margin-right: 1px;
}
#app > section.panel > .container .content .view div.stats-item .bar {
  height: 18px;
  background: #634973;
}
#app > section.panel > .container .content .view div.stats-item .nps-promoters .bar {
  background: #5dd2da;
}
#app > section.panel > .container .content .view div.stats-item .nps-detractors .bar {
  background: #C93956;
}
#app > section.panel > .container .content .view div.stats-item.show-optimise-selector-options .ico.optimise-selector {
  background: #634973;
  color: white;
}
#app > section.panel > .container .content .view div.stats-item.show-optimise-selector-options .optimise-selector-options {
  display: block;
}
#app > section.panel > .container .content .view div.stats-item .optimise-selector-options {
  display: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-top: 10px;
}
#app > section.panel > .container .content .view div.stats-item .optimise-selector-options .ui-selectize {
  margin: 0 8px;
}
#app > section.panel > .container .content .view div.stats-item table {
  margin-top: 10px;
  margin-bottom: 0;
}
#app > section.panel > .container .content .view div.stats-item table td {
  line-height: 20px;
}
#app > section.panel > .container .content .view div.stats-item table td.value {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  max-width: 280px;
  width: 280px;
}
#app > section.panel > .container .content .view div.stats-item table td.value.numerical {
  text-align: right;
}
#app > section.panel > .container .content .view div.stats-item table td.count {
  width: 70px;
}
#app > section.panel > .container .content .view table {
  width: 100%;
  margin-bottom: 40px;
}
#app > section.panel > .container .content .view table td::-webkit-scrollbar {
  display: none;
}
#app > section.panel > .container .content .view table td,
#app > section.panel > .container .content .view table th {
  padding: 2px 10px;
  border-left: 1px dotted rgba(0, 0, 0, 0.1);
}
#app > section.panel > .container .content .view table td {
  line-height: 30px;
  white-space: nowrap;
  text-align: right;
}
#app > section.panel > .container .content .view table td a.checkcircle {
  font-size: 16px;
  text-align: left;
  color: #634973;
}
#app > section.panel > .container .content .view table td a.checkcircle i.fa-check-circle,
#app > section.panel > .container .content .view table td a.checkcircle i.fa-times-circle {
  display: none;
}
#app > section.panel > .container .content .view table td a.checkcircle i.fa-circle-o {
  display: block;
}
#app > section.panel > .container .content .view table td a.checkcircle:hover i.fa-circle-o {
  display: none;
}
#app > section.panel > .container .content .view table td a.checkcircle:hover i.fa-check-circle {
  display: block;
}
#app > section.panel > .container .content .view table td a.checkcircle.checked i.fa-circle-o,
#app > section.panel > .container .content .view table td a.checkcircle.checked i.fa-times-circle {
  display: none;
}
#app > section.panel > .container .content .view table td a.checkcircle.checked i.fa-check-circle {
  display: block;
}
#app > section.panel > .container .content .view table td a.checkcircle.checked:hover i.fa-check-circle,
#app > section.panel > .container .content .view table td a.checkcircle.checked:hover i.fa-circle-o {
  display: none;
}
#app > section.panel > .container .content .view table td a.checkcircle.checked:hover i.fa-times-circle {
  display: block;
  color: #C93956;
}
#app > section.panel > .container .content .view table td:first-child,
#app > section.panel > .container .content .view table th:first-child {
  border-left: none;
}
#app > section.panel > .container .content .view table th {
  padding-bottom: 20px;
  padding-top: 15px;
  vertical-align: top;
  line-height: 15px;
  font-weight: 300;
}
#app > section.panel > .container .content .view table th a {
  color: #242019;
}
#app > section.panel > .container .content .view table th.sortby {
  font-weight: bold;
}
#app > section.panel > .container .content .view table th.sortby a {
  color: #634973;
}
#app > section.panel > .container .content .view table th.sortby a:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f0dd';
  display: block;
}
#app > section.panel > .container .content .view table th.sortby.asc a:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f0de';
  display: block;
}
#app > section.panel > .container .content .view table tbody tr:nth-child(odd) {
  background: white;
}
#app > section.panel > .container .content .view table td.sortby,
#app > section.panel > .container .content .view table th.sortby {
  border-right: 2px solid #634973;
  border-left: 2px solid #634973;
}
#app > section.panel > .container .content .view table th.sortby {
  border-top: 2px solid #634973;
}
#app > section.panel > .container .content .view table tr:last-child td.sortby {
  border-bottom: 2px solid #634973;
}
#app > section.panel > .container .content .view table tr.topRow td.sortby,
#app > section.panel > .container .content .view table tr.topRow th.sortby {
  border-right: 2px solid #483056;
  border-left: 2px solid #483056;
}
#app > section.panel > .container .content .view table tr.topRow td {
  background: #634973;
  color: white;
}
#app > section.panel > .container .content .view table tr.topRow td .percentsbar .value > span:nth-child(2) {
  color: #c6bdcb;
}
#app > section.panel > .container .content .view table tr.lastFakeRow {
  height: 15px;
  background: none !important;
}
#app > section.panel > .container .content .view table td.field,
#app > section.panel > .container .content .view table td.segment {
  text-align: left;
  font-weight: bold;
}
#app > section.panel > .container .content .view table td.field > span,
#app > section.panel > .container .content .view table td.segment > span {
  overflow: hidden;
  max-width: 300px;
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  line-height: 14px;
  vertical-align: middle;
}
@media (min-width: 1400px) {
  #app > section.panel > .container .content .view table td.field > span,
  #app > section.panel > .container .content .view table td.segment > span {
    max-width: 420px;
  }
}
@media (min-width: 1500px) {
  #app > section.panel > .container .content .view table td.field > span,
  #app > section.panel > .container .content .view table td.segment > span {
    max-width: 520px;
  }
}
@media (min-width: 1600px) {
  #app > section.panel > .container .content .view table td.field > span,
  #app > section.panel > .container .content .view table td.segment > span {
    max-width: 620px;
  }
}
@media (min-width: 1700px) {
  #app > section.panel > .container .content .view table td.field > span,
  #app > section.panel > .container .content .view table td.segment > span {
    max-width: 720px;
  }
}
#app > section.panel > .container .content .view table td.field small,
#app > section.panel > .container .content .view table td.segment small {
  line-height: 14px;
  font-size: 10px;
  display: block;
  margin-bottom: 5px;
  margin-top: -8px;
}
#app > section.panel > .container .content .view table th.sessionsShare,
#app > section.panel > .container .content .view table td.sessionsShare {
  width: 200px;
}
#app > section.panel > .container .content .view table th.selector {
  min-width: 200px;
}
#app > section.panel > .container .content .view table .segment .type {
  color: #bbb;
  height: 17px;
  width: 17px;
  border: 1px solid #ccc;
  line-height: 17px;
}
#app > section.panel > .container .content .view table td.supplementary,
#app > section.panel > .container .content .view table th.supplementary {
  padding-left: 0;
  border-left: 0;
  font-weight: 300;
  text-align: left;
}
#app > section.panel > .container .content .view table span.trend {
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 4px;
  color: #7f2180;
}
#app > section.panel > .container .content .view table span.trend.up1 {
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(- 7deg);
}
#app > section.panel > .container .content .view table span.trend.up2 {
  -ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
#app > section.panel > .container .content .view table span.trend.up3 {
  -ms-transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}
#app > section.panel > .container .content .view table span.trend.down1 {
  -ms-transform: rotate(7deg);
  -webkit-transform: rotate(7deg);
  transform: rotate(7deg);
}
#app > section.panel > .container .content .view table span.trend.down2 {
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
#app > section.panel > .container .content .view table span.trend.down3 {
  -ms-transform: rotate(50deg);
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}
#app > section.panel > .container .content .view table td .percents {
  text-align: left;
}
#app > section.panel > .container .content .view table td .percents span:nth-child(2) {
  color: #919090;
  text-align: left;
}
#app > section.panel > .container .content .view table td .percents span {
  text-align: right;
  width: 40px;
  display: inline-block;
  margin-right: 5px;
}
#app > section.panel > .container .content .view table td .percentsbar {
  height: 14px;
  overflow: hidden;
  line-height: 14px;
  position: relative;
}
#app > section.panel > .container .content .view table td .percentsbar .bar {
  width: 100px;
  height: 100%;
  position: relative;
  line-height: 30px;
}
#app > section.panel > .container .content .view table td .percentsbar .bar > div {
  background-color: #5dd2da;
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
}
#app > section.panel > .container .content .view table td .percentsbar .bar > div.ci {
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0.3;
  border-left: 1px dotted rgba(0, 0, 0, 0.4);
  border-right: 1px dotted #ffffff;
}
#app > section.panel > .container .content .view table td .percentsbar .bar > div.ci > div {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.55);
}
#app > section.panel > .container .content .view table td .percentsbar .value {
  margin-left: 105px;
  float: left;
}
#app > section.panel > .container .content .view table td .percentsbar .value > span:nth-child(2) {
  color: #919090;
}
#app > section.panel > .container .content .view table td .percentsbar .value > span:nth-child(1) {
  width: 50px;
  display: inline-block;
  margin-right: 5px;
}
#app > section.panel > .container .content .view table .formats {
  display: inline-block;
  vertical-align: middle;
  line-height: 13px;
}
#app > section.panel > .container .content .view table .formats .chars {
  font-size: 9px;
}
#app > section.panel > .container .content .view table .formats .chars > span {
  margin-right: 2px;
  display: inline-block;
  padding: 1px 2px;
  line-height: 10px;
  text-align: center;
}
#app > section.panel > .container .content .view table .formats .chars > span > span {
  color: #919090;
}
#app > section.panel > .container .content .view table a.hints {
  position: relative;
}
#app > section.panel > .container .content .view table a.hints > div {
  position: absolute;
  bottom: -5px;
  right: -5px;
  display: none;
  background: #f0f2eb;
  padding: 5px;
  border: 1px solid #919090;
  max-height: 500px;
  width: 300px;
  z-index: 2000;
  overflow: scroll;
}
#app > section.panel > .container .content .view table a.hints:hover > div {
  display: block;
}
#app > section.panel > .container .content .view table.funnel-diagram {
  table-layout: fixed;
  margin: 0 auto;
  width: 900px;
}
#app > section.panel > .container .content .view table.funnel-diagram .step-name {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}
#app > section.panel > .container .content .view table.funnel-diagram .step-name span {
  margin-bottom: -3px;
  line-height: 13px;
}
#app > section.panel > .container .content .view table.funnel-diagram .step-name span .fieldType {
  border: 1px dotted;
  display: inline-block;
  padding: 0 3px;
  color: black;
  margin-right: 4px;
  font-weight: normal;
}
#app > section.panel > .container .content .view table.funnel-diagram .step-name span strong {
  color: black;
  font-weight: normal;
}
#app > section.panel > .container .content .view table.funnel-diagram .flow {
  display: flex;
}
#app > section.panel > .container .content .view table.funnel-diagram .flow > div {
  flex: 1;
  font-size: 15px;
}
#app > section.panel > .container .content .view table.funnel-diagram .flow span {
  margin-top: 12px;
  margin-bottom: -5px;
}
#app > section.panel > .container .content .view table.funnel-diagram .flow .progressed {
  color: #634973;
}
#app > section.panel > .container .content .view table.funnel-diagram .flow .dropped {
  color: #C93956;
}
#app > section.panel > .container .content .view table.funnel-diagram .flow .diagram {
  width: 73px;
  height: 62px;
  position: relative;
}
#app > section.panel > .container .content .view table.funnel-diagram .flow .diagram .progress {
  position: absolute;
  left: 0;
  top: 0;
  background: url(./images/funnel-flow-progress.png?v=upanel-01) no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
#app > section.panel > .container .content .view table.funnel-diagram .flow .diagram .drop {
  position: absolute;
  left: 0;
  top: 0;
  background: url(./images/funnel-flow-drop.png?v=upanel-01) no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
#app > section.panel > .container .content .view table.funnel-diagram .bar {
  margin-bottom: 10px;
}
#app > section.panel > .container .content .view table.funnel-diagram .bar > div {
  line-height: 32px;
  background: #5dd2da;
  margin: 0 auto;
  color: #634973;
  text-align: center;
  white-space: nowrap;
}
#app > section.panel > .container .content .view table.funnel-diagram .step-num span {
  border-radius: 50%;
  background: #634973;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  color: white;
  font-size: 15px;
  margin-right: 10px;
  margin-top: 2px;
}
#app > section.panel > .container .content .view table.funnel-diagram tr,
#app > section.panel > .container .content .view table.funnel-diagram tr:nth-child(odd) {
  background: transparent;
}
#app > section.panel > .container .content .view table.funnel-diagram tr td {
  vertical-align: top;
  padding: 0;
  padding-bottom: 10px;
  text-align: left;
  white-space: normal;
  border-left: none;
}
#app > section.panel > .container .content .view table.funnel-diagram tr td span {
  display: block;
  text-transform: uppercase;
  color: #919090;
  font-weight: 300;
  font-size: 10px;
  line-height: 10px;
}
#app > section.panel > .container .content .view table.funnel-diagram tr td.step-data {
  width: 600px;
}
#app > section.panel > .container .content .view table.funnel-diagram tr td:nth-child(1) {
  width: 40px;
  border: none;
}
#app > section.panel > .container .content .view table.funnel-diagram tr td .tabLikeBtn {
  margin-top: 9px;
}
#app > section.panel > .container .content .view table.funnel {
  margin-bottom: 40px;
  table-layout: fixed;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
}
#app > section.panel > .container .content .view table.funnel tr td {
  border: none;
  background: transparent;
  text-align: left;
  background: #242019;
  color: white;
}
#app > section.panel > .container .content .view table.funnel tr td:nth-child(odd) {
  background: #333333;
}
#app > section.panel > .container .content .view table.funnel tr td:nth-child(even) canvas {
  opacity: 0.93;
}
#app > section.panel > .container .content .view table.funnel tr td:first-child,
#app > section.panel > .container .content .view table.funnel tr td:last-child {
  background: white;
  color: #242019;
}
#app > section.panel > .container .content .view table.funnel tr td span {
  display: block;
  text-transform: uppercase;
  color: #919090;
  font-weight: 300;
  font-size: 10px;
  line-height: 10px;
}
#app > section.panel > .container .content .view table.funnel tr td:nth-child(2) .tabLikeBtn {
  opacity: 0;
}
#app > section.panel > .container .content .view table.funnel tr.step td {
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: bold;
  overflow: scroll;
  white-space: nowrap;
}
#app > section.panel > .container .content .view table.funnel tr.share td {
  padding: 0;
  margin: 0;
  position: relative;
  height: 200px;
}
#app > section.panel > .container .content .view table.funnel tr.share td > div {
  position: absolute;
  left: 10px;
  top: 0;
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
}
#app > section.panel > .container .content .view table.funnel tr.share td .area {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#app > section.panel > .container .content .view table.funnel tr.stat td {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px dotted rgba(120, 120, 120, 0.5);
  padding: 10px;
}
#app > section.panel > .container .content .view table.funnel tr.drop td {
  padding-top: 20px;
  color: #C93956;
}
#app > section.panel > .container .content .view table.funnel tr.drop td.reached {
  color: #634973;
}
#app > section.panel > .container .content .view table.funnel tr.drop td a {
  margin-top: 10px;
}
#app > section.panel > .container .content .view .reduce span.trend.up3,
#app > section.panel > .container .content .view .eliminate span.trend.up3 {
  color: red;
}
#app > section.panel > .container .content .view .reduce span.trend.up2,
#app > section.panel > .container .content .view .eliminate span.trend.up2 {
  color: #d30b2c;
}
#app > section.panel > .container .content .view .reduce span.trend.up1,
#app > section.panel > .container .content .view .eliminate span.trend.up1 {
  color: #ae1551;
}
#app > section.panel > .container .content .view .reduce span.trend.down1,
#app > section.panel > .container .content .view .eliminate span.trend.down1 {
  color: #532dac;
}
#app > section.panel > .container .content .view .reduce span.trend.down2,
#app > section.panel > .container .content .view .eliminate span.trend.down2 {
  color: #2b37d4;
}
#app > section.panel > .container .content .view .reduce span.trend.down3,
#app > section.panel > .container .content .view .eliminate span.trend.down3 {
  color: blue;
}
#app > section.panel > .container .content .view .increase span.trend.up3 {
  color: blue;
}
#app > section.panel > .container .content .view .increase span.trend.up2 {
  color: #2b37d4;
}
#app > section.panel > .container .content .view .increase span.trend.up1 {
  color: #532dac;
}
#app > section.panel > .container .content .view .increase span.trend.down1 {
  color: #ae1551;
}
#app > section.panel > .container .content .view .increase span.trend.down2 {
  color: #d30b2c;
}
#app > section.panel > .container .content .view .increase span.trend.down3 {
  color: red;
}
#app > section.panel > .container .content .view table.despaced td,
#app > section.panel > .container .content .view table.despaced th {
  border: none !important;
  padding: 0 !important;
}
#app > section.panel > .container .content .view .cumulativechart,
#app > section.panel > .container .content .view .trendschart {
  border-radius: 2px;
  background-color: #242019;
  padding: 35px 0 0 0;
}
#app > section.panel > .container .content .view .cumulativechart.graph-loader > div,
#app > section.panel > .container .content .view .trendschart.graph-loader > div {
  display: none;
}
#app > section.panel > .container .content .view .cumulativechart.graph-empty > div,
#app > section.panel > .container .content .view .trendschart.graph-empty > div {
  display: none;
}
#app > section.panel > .container .content .view .cumulativechart.graph-empty > div.options,
#app > section.panel > .container .content .view .trendschart.graph-empty > div.options {
  display: block;
}
#app > section.panel > .container .content .view .cumulativechart.graph-empty,
#app > section.panel > .container .content .view .trendschart.graph-empty {
  padding: 5px 0;
}
#app > section.panel > .container .content .view .cumulativechart.graph-empty .segment-selection,
#app > section.panel > .container .content .view .trendschart.graph-empty .segment-selection {
  display: none;
}
#app > section.panel > .container .content .view .cumulativechart.graph-empty .alert-selection,
#app > section.panel > .container .content .view .trendschart.graph-empty .alert-selection {
  display: none;
}
#app > section.panel > .container .content .view .cumulativechart.no-children .segment-selection,
#app > section.panel > .container .content .view .trendschart.no-children .segment-selection {
  display: none;
}
#app > section.panel > .container .content .view .cumulativechart .options,
#app > section.panel > .container .content .view .trendschart .options {
  margin: 0 32px;
  padding-bottom: 0;
}
#app > section.panel > .container .content .view .cumulativechart .options .ui-join,
#app > section.panel > .container .content .view .trendschart .options .ui-join {
  line-height: 30px;
  float: left;
  color: rgba(255, 255, 255, 0.5);
  margin-right: 10px;
}
#app > section.panel > .container .content .view .cumulativechart .options [data-ui-name="trends_show_parent"],
#app > section.panel > .container .content .view .trendschart .options [data-ui-name="trends_show_parent"] {
  width: 300px;
}
#app > section.panel > .container .content .view .cumulativechart .options [data-ui-name="trends_periods"],
#app > section.panel > .container .content .view .trendschart .options [data-ui-name="trends_periods"] {
  width: 500px;
}
#app > section.panel > .container .content .view .cumulativechart .options .ui-stack > div,
#app > section.panel > .container .content .view .trendschart .options .ui-stack > div {
  margin-bottom: 35px;
}
#app > section.panel > .container .content .view .cumulativechart.graph-empty .ui-stack > div,
#app > section.panel > .container .content .view .trendschart.graph-empty .ui-stack > div {
  margin-bottom: 0;
}
#app > section.panel > .container .content .view .cumulativechart > div,
#app > section.panel > .container .content .view .trendschart > div {
  color: white;
  padding: 0 15px 25px 15px;
}
#app > section.panel > .container .content .view .cumulativechart > div .datefrom,
#app > section.panel > .container .content .view .trendschart > div .datefrom {
  float: left;
  width: 140px;
}
#app > section.panel > .container .content .view .cumulativechart > div .dateto,
#app > section.panel > .container .content .view .trendschart > div .dateto {
  float: right;
  text-align: right;
  width: 140px;
}
#app > section.panel > .container .content .view .cumulativechart h4,
#app > section.panel > .container .content .view .trendschart h4 {
  text-align: center;
  font-weight: 300;
  line-height: 32px;
}
#app > section.panel > .container .content .view .cumulativechart h4 > span,
#app > section.panel > .container .content .view .trendschart h4 > span {
  width: 220px;
  display: inline-block;
}
#app > section.panel > .container .content .view .cumulativechart .ct-label,
#app > section.panel > .container .content .view .trendschart .ct-label {
  fill: rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.4);
}
#app > section.panel > .container .content .view .cumulativechart .ct-label strong,
#app > section.panel > .container .content .view .trendschart .ct-label strong {
  fill: #ffffff;
  color: #ffffff;
}
#app > section.panel > .container .content .view .cumulativechart .ct-grid,
#app > section.panel > .container .content .view .trendschart .ct-grid {
  stroke: rgba(255, 255, 255, 0.2);
}
#app > section.panel > .container .content .view .cumulativechart .no-parent .ct-series-a,
#app > section.panel > .container .content .view .trendschart .no-parent .ct-series-a {
  display: none;
}
#app > section.panel > .container .content .view .cumulativechart .ct-series-a .ct-line,
#app > section.panel > .container .content .view .trendschart .ct-series-a .ct-line {
  stroke-width: 12px;
  stroke-opacity: 1;
  stroke-linejoin: round;
  stroke-linecap: round;
}
@media (max-width: 1023px) {
  #app > section.panel > .container .content .view .cumulativechart .ct-series-a .ct-line,
  #app > section.panel > .container .content .view .trendschart .ct-series-a .ct-line {
    stroke-width: 2px;
  }
}
#app > section.panel > .container .content .view .cumulativechart .ct-series-a .ct-point,
#app > section.panel > .container .content .view .trendschart .ct-series-a .ct-point {
  stroke-width: 16px;
  stroke-linecap: round;
  stroke-opacity: 0;
}
@media (max-width: 1023px) {
  #app > section.panel > .container .content .view .cumulativechart .ct-series-a .ct-point,
  #app > section.panel > .container .content .view .trendschart .ct-series-a .ct-point {
    stroke-width: 4px;
  }
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection,
#app > section.panel > .container .content .view .trendschart .alert-selection {
  display: block;
  white-space: nowrap;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-period,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-period {
  margin-bottom: 20px;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-share-value,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-share-value {
  margin-right: 20px;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-share-percentage,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-share-percentage,
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-visits-percentage,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-visits-percentage {
  margin-right: 20px;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-share-percentage .ui-label,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-share-percentage .ui-label,
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-visits-percentage .ui-label,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-visits-percentage .ui-label {
  visibility: hidden;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-share-percentage .min-max-range > div:after,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-share-percentage .min-max-range > div:after,
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-visits-percentage .min-max-range > div:after,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-visits-percentage .min-max-range > div:after {
  content: "%";
  color: grey;
  position: absolute;
  right: 0;
  top: 8px;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-share-pp .min-max-range > div:after,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-share-pp .min-max-range > div:after {
  content: "pp";
  color: grey;
  position: absolute;
  right: 0;
  top: 8px;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .min-max-range,
#app > section.panel > .container .content .view .trendschart .alert-selection .min-max-range {
  display: flex;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .min-max-range > div:first-child:before,
#app > section.panel > .container .content .view .trendschart .alert-selection .min-max-range > div:first-child:before {
  content: "-";
  color: red;
  position: absolute;
  left: 0;
  top: 8px;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .min-max-range > div:last-child:before,
#app > section.panel > .container .content .view .trendschart .alert-selection .min-max-range > div:last-child:before {
  content: "+";
  color: green;
  position: absolute;
  left: 0;
  top: 8px;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .min-max-range > div,
#app > section.panel > .container .content .view .trendschart .alert-selection .min-max-range > div {
  position: relative;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .min-max-range > div:first-child,
#app > section.panel > .container .content .view .trendschart .alert-selection .min-max-range > div:first-child {
  margin-right: 10px;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .ui-text,
#app > section.panel > .container .content .view .trendschart .alert-selection .ui-text {
  width: 40px;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-absolute .min-max-range > div:first-child:before,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-absolute .min-max-range > div:first-child:before {
  content: "below:";
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-absolute .min-max-range > div:last-child:before,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-absolute .min-max-range > div:last-child:before {
  content: "above:";
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-absolute .ui-text,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-absolute .ui-text {
  width: 120px;
  padding-left: 40px;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-absolute .alert-share-value .ui-text,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-absolute .alert-share-value .ui-text {
  width: 90px;
  padding-left: 40px;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-absolute .alert-share-value .ui-text input,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-absolute .alert-share-value .ui-text input {
  padding-left: 0;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection .alert-absolute .alert-share-value .min-max-range > div:after,
#app > section.panel > .container .content .view .trendschart .alert-selection .alert-absolute .alert-share-value .min-max-range > div:after {
  content: "%";
  color: grey;
  position: absolute;
  right: 0;
  top: 8px;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection input,
#app > section.panel > .container .content .view .trendschart .alert-selection input {
  border-bottom: 1px dotted grey;
}
#app > section.panel > .container .content .view .cumulativechart .alert-selection > div,
#app > section.panel > .container .content .view .trendschart .alert-selection > div {
  display: flex;
  clear: both;
}
#app > section.panel > .container .content .view .cumulativechart[alerts-type="last"] .alert-absolute,
#app > section.panel > .container .content .view .trendschart[alerts-type="last"] .alert-absolute,
#app > section.panel > .container .content .view .cumulativechart[alerts-type="same"] .alert-absolute,
#app > section.panel > .container .content .view .trendschart[alerts-type="same"] .alert-absolute {
  display: none;
}
#app > section.panel > .container .content .view .cumulativechart[alerts-type="last"] .alert-relative,
#app > section.panel > .container .content .view .trendschart[alerts-type="last"] .alert-relative,
#app > section.panel > .container .content .view .cumulativechart[alerts-type="same"] .alert-relative,
#app > section.panel > .container .content .view .trendschart[alerts-type="same"] .alert-relative {
  display: flex;
}
#app > section.panel > .container .content .view .cumulativechart[alerts-type="number"] .alert-absolute,
#app > section.panel > .container .content .view .trendschart[alerts-type="number"] .alert-absolute {
  display: flex;
}
#app > section.panel > .container .content .view .cumulativechart[alerts-type="number"] .alert-relative,
#app > section.panel > .container .content .view .trendschart[alerts-type="number"] .alert-relative {
  display: none;
}
#app > section.panel > .container .content .view .cumulativechart.no-alerts .alert-absolute,
#app > section.panel > .container .content .view .trendschart.no-alerts .alert-absolute,
#app > section.panel > .container .content .view .cumulativechart.no-alerts .alert-relative,
#app > section.panel > .container .content .view .trendschart.no-alerts .alert-relative {
  display: none;
}
#app > section.panel > .container .content .view .cumulativechart.graph-loader:before,
#app > section.panel > .container .content .view .trendschart.graph-loader:before {
  color: #AAA;
  margin-left: 40px;
  content: "loading chart...";
  margin-top: -16px;
  padding-bottom: 16px;
  display: block;
}
#app > section.panel > .container .content .view .cumulativechart {
  margin-top: 40px;
}
#app > section.panel > .container .content .view .cumulativechart h4 span {
  width: auto;
  line-height: 24px;
}
#app > section.panel > .container .content .view .cumulativechart h4 .type {
  border: 1px solid;
  border-radius: 50%;
  display: inline-block;
  width: 23px;
  height: 23px;
  line-height: 21px;
  color: #999;
  font-weight: 300;
}
#app > section.panel > .container .content .view .cumulativechart.graph-update:before {
  color: #AAA;
  margin-left: 16px;
  content: "updating chart...";
  margin-top: -16px;
  padding-bottom: 16px;
  display: block;
}
#app > section.panel > .container .content .view .cumulativechart.graph-empty {
  display: none;
}
#app > section.panel > .container .content .view .trendssummary tr:nth-child(1) .percentsbar .bar > div {
  background-color: #b5b5af;
}
#app > section.panel > .container .content .view .trendssummary tr:nth-child(2) .percentsbar .bar > div {
  background-color: #c93956;
}
#app > section.panel > .container .content .view .trendssummary tr:nth-child(3) .percentsbar .bar > div {
  background-color: #5e40c2;
}
#app > section.panel > .container .content .view .trendssummary tr:nth-child(4) .percentsbar .bar > div {
  background-color: #a4c240;
}
#app > section.panel > .container .content .view .trendssummary tr:nth-child(5) .percentsbar .bar > div {
  background-color: #c2ae40;
}
#app > section.panel > .container .content .view .trendssummary tr:nth-child(6) .percentsbar .bar > div {
  background-color: #7ec899;
}
#app > section.panel > .container .content .view .trendssummary tr:nth-child(7) .percentsbar .bar > div {
  background-color: #389719;
}
#app > section.panel > .container .content .view .trendssummary tr:nth-child(8) .percentsbar .bar > div {
  background-color: #679ddf;
}
#app > section.panel > .container .content .view .trendssummary tr:nth-child(9) .percentsbar .bar > div {
  background-color: #a974d2;
}
#app > section.panel > .container .content .view .trendssummary tr:nth-child(10) .percentsbar .bar > div {
  background-color: #c28761;
}
#app > section.panel > .container .content .view .trendssummary tr:nth-child(11) .percentsbar .bar > div {
  background-color: #d27490;
}
#app > section.panel > .container .content .view .split-options {
  display: flex;
  justify-content: space-between;
}
#app > section.panel > .container .content .view .subsegmentssummary {
  margin-bottom: 20px;
  /*
            td:nth-child(2) .percentsbar .bar > div {
                background-color: @segmentColor2;
            }
            td:nth-child(3) .percentsbar .bar > div {
                background-color: @segmentColor3;
            }
            td:nth-child(4) .percentsbar .bar > div {
                background-color: @segmentColor4;
            }
            td:nth-child(5) .percentsbar .bar > div {
                background-color: @segmentColor5;
            }
            td:nth-child(6) .percentsbar .bar > div {
                background-color: @segmentColor6;
            }
            td:nth-child(7) .percentsbar .bar > div {
                background-color: @segmentColor7;
            }
            td:nth-child(8) .percentsbar .bar > div {
                background-color: @segmentColor8;
            }
            td:nth-child(9) .percentsbar .bar > div {
                background-color: @segmentColor9;
            }
            td:nth-child(10) .percentsbar .bar > div {
                background-color: @segmentColor10;
            }
            td:nth-child(11) .percentsbar .bar > div {
                background-color: @segmentColor11;
            }
            */
}
#app > section.panel > .container .content .view .subsegmentssummary.table-update th:first-child:after {
  color: black;
  margin-left: 8px;
  content: "updating table...";
  display: inline-block;
}
#app > section.panel > .container .content .view .subsegmentssummary.table-update tbody tr {
  visibility: hidden;
}
#app > section.panel > .container .content .view .subsegmentssummary tr td {
  width: 200px;
}
#app > section.panel > .container .content .view .subsegmentssummary.compact tr td {
  width: 100px;
}
#app > section.panel > .container .content .view .subsegmentssummary th.column-selected .compare-columns:hover .fa-times {
  opacity: 1;
  display: block;
}
#app > section.panel > .container .content .view .subsegmentssummary th.column-selected .compare-columns:hover .fa-check {
  display: none;
}
#app > section.panel > .container .content .view .subsegmentssummary th.column-selected .compare-columns .fa-check {
  display: none;
}
#app > section.panel > .container .content .view .subsegmentssummary th.segment {
  position: relative;
  counter-increment: segment;
}
#app > section.panel > .container .content .view .subsegmentssummary th .compare-columns {
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  line-height: 11px;
  background: white;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#app > section.panel > .container .content .view .subsegmentssummary th .compare-columns .fa-times {
  display: none;
}
#app > section.panel > .container .content .view .subsegmentssummary th .compare-columns:hover .fa-check {
  opacity: 1;
  display: block;
}
#app > section.panel > .container .content .view .subsegmentssummary th .compare-columns:hover:before {
  display: none;
}
#app > section.panel > .container .content .view .subsegmentssummary .compare-columns i {
  opacity: 0.3;
}
#app > section.panel > .container .content .view .subsegmentssummary th.column-selected a:before {
  content: counter(segment, upper-alpha);
  text-align: center;
  font-size: 9px;
}
#app > section.panel > .container .content .view .subsegmentssummary tr td:first-child,
#app > section.panel > .container .content .view .subsegmentssummary tr th:first-child {
  max-width: auto;
  width: auto;
}
#app > section.panel > .container .content .view .subsegmentssummary tr:nth-child(even) td:nth-child(even),
#app > section.panel > .container .content .view .subsegmentssummary tr th:nth-child(even) {
  background: rgba(0, 0, 0, 0.05);
}
#app > section.panel > .container .content .view .subsegmentssummary .percentsbar .bar.color1 > div {
  background-color: #b5b5af;
}
#app > section.panel > .container .content .view .subsegmentssummary .percentsbar .bar.color2 > div {
  background-color: #c93956;
}
#app > section.panel > .container .content .view .subsegmentssummary .percentsbar .bar.color3 > div {
  background-color: #5e40c2;
}
#app > section.panel > .container .content .view .subsegmentssummary .percentsbar .bar.color4 > div {
  background-color: #a4c240;
}
#app > section.panel > .container .content .view .subsegmentssummary .percentsbar .bar.color5 > div {
  background-color: #c2ae40;
}
#app > section.panel > .container .content .view .subsegmentssummary .percentsbar .bar.color6 > div {
  background-color: #7ec899;
}
#app > section.panel > .container .content .view .subsegmentssummary .percentsbar .bar.color7 > div {
  background-color: #389719;
}
#app > section.panel > .container .content .view .subsegmentssummary .percentsbar .bar.color8 > div {
  background-color: #679ddf;
}
#app > section.panel > .container .content .view .subsegmentssummary .percentsbar .bar.color9 > div {
  background-color: #a974d2;
}
#app > section.panel > .container .content .view .subsegmentssummary .percentsbar .bar.color10 > div {
  background-color: #c28761;
}
#app > section.panel > .container .content .view .subsegmentssummary.column-compare .difference {
  display: table-cell;
}
#app > section.panel > .container .content .view .subsegmentssummary.column-compare .column-selected .compare-columns {
  display: block;
}
#app > section.panel > .container .content .view .subsegmentssummary.column-compare .compare-columns {
  display: none;
}
#app > section.panel > .container .content .view .subsegmentssummary .difference {
  display: none;
  width: 150px;
}
#app > section.panel > .container .content .view .subsegmentssummary .difference .value > :first-child {
  width: 50px;
}
#app > section.panel > .container .content .view .subsegmentssummary .difference.is-significant .val-positive .value > :first-child {
  color: red;
}
#app > section.panel > .container .content .view .subsegmentssummary .difference.is-significant .val-negative .value > :first-child {
  color: green;
}
#app > section.panel > .container .content .view .subsegmentssummary .difference.is-significant-one-tailed .value > :first-child,
#app > section.panel > .container .content .view .subsegmentssummary .difference.is-significant .value > :first-child {
  font-weight: bold;
}
#app > section.panel > .container .content .view .subsegmentssummary .difference .value > :first-child:last-child {
  display: none;
}
#app > section.panel > .container .content .view .subsegmentssummary th.difference sup:after {
  content: '(B-A)';
}
#app > section.panel > .container .content .view .subsegmentssummary.diff-as-change th.difference sup:after {
  content: '(B/A - 100%)';
}
#app > section.panel > .container .content .view .subsegmentssummary.diff-as-change .difference .value > :first-child span:first-child {
  display: none;
}
#app > section.panel > .container .content .view .subsegmentssummary.diff-as-change .difference .value > :first-child span:last-child {
  display: inline-block;
}
#app > section.panel > .container .content .view .column-comparison .column-comparison-disclaimer {
  display: block;
}
#app > section.panel > .container .content .view .column-comparison-disclaimer {
  display: none;
  margin: 10px;
}
#app > section.panel > .container .content .view .column-comparison-disclaimer small {
  color: black;
}
#app > section.panel > .container .content .view .column-comparison-disclaimer small strong {
  font-weight: bold;
}
#app > section.panel > .container .content .view .compact:not(.sortby) .percentsbar .bar {
  display: none;
}
#app > section.panel > .container .content .view .compact:not(.sortby) .percentsbar .value {
  margin-left: 0;
}
#app > section.panel > .container .content .view .subsegments .subsegmentsummary-actions {
  font-size: 11px;
  padding: 0 10px;
}
#app > section.panel > .container .content .view .subsegments .subsegments-view table,
#app > section.panel > .container .content .view .subsegments .subsegments-view .subsegmentsummary-actions .copy-table a {
  display: none;
}
#app > section.panel > .container .content .view .subsegments .cumulativetable table {
  display: table;
}
#app > section.panel > .container .content .view .subsegments[data-subsegments-metric="sessions"] .summary-session-based {
  display: table;
}
#app > section.panel > .container .content .view .subsegments[data-subsegments-metric="sessions"] .subsegmentsummary-actions .copy-table a[data-action="copy-session-summary-table"] {
  display: inline-block;
}
#app > section.panel > .container .content .view .subsegments[data-subsegments-metric="conversions"] .summary-conversion-based {
  display: table;
}
#app > section.panel > .container .content .view .subsegments[data-subsegments-metric="conversions"] .subsegmentsummary-actions .copy-table a[data-action="copy-conversions-summary-table"] {
  display: inline-block;
}
#app > section.panel > .container .content .view .subsegments[data-subsegments-metric="users"] .summary-user-based {
  display: table;
}
#app > section.panel > .container .content .view .subsegments[data-subsegments-metric="users"] .subsegmentsummary-actions .copy-table a[data-action="copy-user-summary-table"] {
  display: inline-block;
}
#app > section.panel > .container .content .view .subsegments[data-subsegments-metric="revenue"] .summary-revenue-based {
  display: table;
}
#app > section.panel > .container .content .view .subsegments[data-subsegments-metric="revenue"] a[data-action="copy-revenue-summary-table"] {
  display: block;
}
#app > section.panel > .container .content .view .subsegments h3 {
  margin: 80px 0 40px;
}
#app > section.panel > .container .content .view .subsegments li {
  margin-bottom: 40px;
}
#app > section.panel > .container .content .view .subsegments li .topRow td {
  background: gray;
}
#app > section.panel > .container .content .datapoint {
  line-height: 24px;
  margin: 0 5px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 5px 6px 4px;
}
#app > section.panel > .container .content .datapoint:first-child {
  margin: 0 5px 0 0;
}
#app > section.panel > .container .content .datapoint .type {
  color: #fff;
  height: 17px;
  width: 17px;
  border: 1px solid black;
  line-height: 17px;
  text-transform: uppercase;
}
#app > section.panel > .container .content .timers-data h2 {
  margin-top: 40px;
  margin-bottom: 20px;
}
#app > section.panel > .container .content .timers-data .locations-data tr:first-child td {
  color: white;
  background: #634973;
}
#app > section.panel > .container .content .alert {
  color: #C93956;
}
#app > section.panel > .container .content .new-segment-ico:hover:before {
  color: #C93956;
}
#app > section.panel > .container .content .new-segment-ico:before {
  color: #919090;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  font-smoothing: antialiased;
  font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f002";
  margin-right: 4px;
}
#app > section.panel > .container .content .new-node-ico:hover:before {
  color: #C93956;
}
#app > section.panel > .container .content .new-node-ico:before {
  color: #919090;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  font-smoothing: antialiased;
  font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f1e0";
  margin-right: 4px;
}
#app > section.panel > .container .content .bar-chart-ico:hover:before {
  color: #C93956;
}
#app > section.panel > .container .content .bar-chart-ico:before {
  color: #919090;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  font-smoothing: antialiased;
  font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f080";
  margin-right: 4px;
}
#app > section.panel > .container .content .new-segment {
  color: #242019;
}
#app > section.panel > .container .content a.new-segment:hover:before {
  color: white;
  background-color: #C93956;
  border: 1px solid #C93956;
  display: inline-block;
}
#app > section.panel > .container .content a.new-segment:before {
  padding: 3px;
  margin-right: 4px;
  border-radius: 50%;
  line-height: 13px;
  display: none;
  text-align: center;
  width: 13px;
  color: #634973;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: white;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  font-smoothing: antialiased;
  font-smoothing: grayscale;
  transform: translate(0, 0);
  content: "\f002";
}
#app > section.panel > .container .row .toggle-more-options {
  display: block;
  margin-bottom: 10px;
}
#app > section.panel > .container .row .toggle-more-options .fa-chevron-up {
  display: none;
}
#app > section.panel > .container .row .more-options {
  margin-top: 10px;
  display: none;
}
#app > section.panel > .container .row.show-more-options .more-options {
  display: block;
}
#app > section.panel > .container .row.show-more-options .toggle-more-options .fa-chevron-up {
  display: inline-block;
}
#app > section.panel > .container .row.show-more-options .toggle-more-options .fa-chevron-down {
  display: none;
}
#app > section.panel > .container .row.paths .path-first-step-label {
  margin-bottom: 1px;
}
#app > section.panel > .container .row.paths .path-last-step-label {
  margin-left: 174px;
  margin-bottom: 10px;
}
@media (max-width: 500px) {
  #app > section.panel > .container .row.paths .path-last-step-label {
    margin-left: 10px;
    margin-bottom: 10px;
  }
}
#app > section.panel > .container .row.paths .ui-stack .ui-text {
  float: none;
  margin-left: 250px;
  margin-bottom: 1px;
}
@media (max-width: 500px) {
  #app > section.panel > .container .row.paths .ui-stack .ui-text {
    margin-left: 0;
  }
}
#app > section.panel > .container .row.paths .ui-stack .ui-join {
  width: 66px;
}
#app > section.panel > .container .row.paths .ui-stack .ui-tabs {
  width: 163px;
}
#app > section.panel > .container .row .ui-form-group {
  padding: 3px 10px 0 0;
}
#app > section.panel > .container .row .ui-form-group:last-child {
  padding: 3px 0 0 0;
}
#app > section.panel > .container .report-paths .pathsGraph .graph-view {
  width: 100%;
  height: 1500px;
}
#app > section.panel > .container .report-paths .exits-table td:nth-child(4) {
  text-align: left;
}
#app > section.panel > .container .report-paths .exits-table .exits-share .percentsbar .bar > div {
  background: #C93956 !important;
}
#app > section.panel > .container .report-paths .hsplit2 .pathsStats,
#app > section.panel > .container .report-paths .hsplit3 .pathsStats {
  margin-top: 20px;
}
#app > section.panel > .container .report-paths .pathsStats {
  text-align: center;
  margin-bottom: -40px;
  margin-top: -40px;
}
#app > section.panel > .container .report-paths .pathsStats .pathsStatsData {
  display: flex;
  justify-content: center;
}
#app > section.panel > .container .report-paths .pathsStats .pathsStatsData > span:first-child {
  background: none;
  line-height: 1em;
  align-items: center;
  display: flex;
  text-align: left;
}
#app > section.panel > .container .report-paths .pathsStats .pathsStatsData > span {
  display: block;
  min-width: 50px;
  border-radius: 4px;
  background: white;
  padding: 3px 5px 0 5px;
  margin: 0 5px;
}
#app > section.panel > .container .report-paths .pathsStats small,
#app > section.panel > .container .report-paths .pathsStats strong {
  display: block;
}
#app > section.panel > .container .report-paths .pathsStats strong {
  font-size: 24px;
  color: #634973;
}
#app > section.panel > .container .report-paths .stepsList {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
#app > section.panel > .container .report-paths .stepsList::-webkit-scrollbar {
  display: none;
}
#app > section.panel > .container .report-paths .stepsList .stepColumn {
  width: 300px;
  padding: 2px;
  display: inline-block;
  vertical-align: top;
}
#app > section.panel > .container .report-paths .stepsList .stepColumn > a {
  padding: 10px;
  display: block;
}
#app > section.panel > .container .report-paths .stepsList .stepColumn .stepHeader {
  width: 100%;
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 70px;
}
#app > section.panel > .container .report-paths .stepsList .stepColumn .stepHeader h4 {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  color: #634973;
}
#app > section.panel > .container .report-paths .stepsList .stepColumn.currentStep h4:after {
  content: ' / Select: ';
  font-weight: 100;
}
#app > section.panel > .container .report-paths .stepOptionsList {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#app > section.panel > .container .report-paths .stepOptionsList .stepOptionItem {
  background: white;
  border-bottom: 1px dotted #E5E5E5;
  width: 100%;
  padding: 3px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#app > section.panel > .container .report-paths .stepOptionsList .stepOptionItem .stepOptionName {
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: initial;
  height: 48px;
}
#app > section.panel > .container .report-paths .stepOptionsList .stepOptionItem .stepAbsoluteStats {
  opacity: 0.6;
}
#app > section.panel > .container .report-paths .stepOptionsList .stepOptionItem .stepRelativeStats {
  float: right;
  width: 42px;
  text-align: right;
  border-left: 1px solid #E5E5E5;
  font-weight: bold;
}
#app > section.panel > .container .report-paths .stepOptionsList .stepOptionItem .stepOptionFind {
  cursor: pointer;
}
#app > section.panel > .container .report-paths .stepOptionsList .stepOptionItem > div {
  padding: 7px;
}
#app > section.panel > .container .report-paths .stepOptionsList .stepOptionItem:last-child {
  border-bottom: 1px solid #333333;
}
#app > section.panel > .container .report-paths .stepOptionsList .stepOptionSelectedItem > div {
  background: #242019;
  color: white;
  border-bottom: 1px solid white;
}
#app > section.panel > .container .report-paths .stepOptionsList .exitStepOption {
  background: #f0f2eb;
  cursor: default;
}
#app > section.panel > .container .report-paths .stepOptionsList .exitStepOption .stepOptionName {
  text-transform: uppercase;
}
#app > section.panel > .container .report-paths .stepOptionsList .exitStepOption > div {
  border: 1px solid #f0f2eb;
}
#app > section.panel > .container .report-paths .content .view table.funnel-diagram {
  width: 100%;
  max-width: 900px;
}
#app > section.panel > .container .report-paths .content .view table.funnel-diagram .step-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
#app > section.panel > .container .report-paths .content .view table.funnel-diagram .flow > div {
  flex: 1;
  line-height: 1.2rem;
}
#app > section.panel > .container .report-paths .content .view table.funnel-diagram .flow > div strong {
  display: block;
}
#app > section.panel > .container .report-paths .content .view table.funnel-diagram .flow > div span {
  margin-top: 0;
  margin-bottom: 4px;
}
#app > section.panel > .container .report-paths .content .view table.funnel-diagram .flow .diagram {
  min-width: 73px;
  width: 73px;
}
#app > section.panel > .container .report-paths .content .hsplit2 .view tr td.step-data {
  width: calc(50vw - 270px);
}
#app > section.panel > .container .report-paths .content .hsplit3 .view tr td.step-data {
  width: calc(33vw - 250px);
}
#app > section.panel > .container .report-paths .content .hsplit3 .view tr td.step-name {
  width: 100px;
  white-space: nowrap;
  font-size: 13px;
}
#app > section.panel > .container .report-paths .content .hsplit3 .view tr td.step-num,
#app > section.panel > .container .report-paths .content .hsplit3 .view tr td .progressed-action,
#app > section.panel > .container .report-paths .content .hsplit3 .view tr td .dropped-action {
  display: none;
}
#app > section.panel > .container .visitEventsList li .indicator {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-top: 2px;
}
#app > section.panel > .container .visitEventsList li.separator {
  border-top: 1px #E7E9E1 solid;
}
#app > section.panel > .container .visitEventsList li.m.NoPoint .indicator {
  visibility: hidden;
}
#app > section.panel > .container .visitEventsList li.m.Other .label {
  color: gray;
}
#app > section.panel > .container .visitEventsList li.m.Other .indicator {
  visibility: hidden;
  background-color: gray;
}
#app > section.panel > .container .visitEventsList li.m.Action .indicator {
  background-color: green;
}
#app > section.panel > .container .visitEventsList li.m.Action .label {
  color: green;
}
#app > section.panel > .container .visitEventsList li.m.Error .indicator {
  background-color: red;
}
#app > section.panel > .container .visitEventsList li.m.Error .label {
  color: red;
}
#app > section.panel > .container .visitEventsList li.m.Section {
  background: #242019;
  line-height: 24px;
  border-top: 1px solid white;
}
#app > section.panel > .container .visitEventsList li.m.Section .indicator {
  color: gray;
  margin: 0;
  font-size: 14px;
  cursor: pointer;
}
#app > section.panel > .container .visitEventsList li.m.Section .label {
  color: white;
  cursor: pointer;
  font-weight: bold;
}
#app > section.panel > .container .visitEventsList li.m.Section .label span {
  color: #B2B2B2;
}
#app > section.panel > .container .visitEventsList li.e.NoPoint .indicator {
  visibility: hidden;
}
#app > section.panel > .container .visitEventsList li.e.Other .indicator {
  background-color: gray;
}
#app > section.panel > .container .visitEventsList li.e.Other .label {
  color: gray;
}
#app > section.panel > .container .visitEventsList li.e.Other .indicator {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 4px;
}
#app > section.panel > .container .visitEventsList li.e.Click .indicator {
  background-color: #C93956;
}
#app > section.panel > .container .visitEventsList li.e.Click .label {
  color: black;
}
#app > section.panel > .container .visitEventsList li.e.Change .indicator {
  background-color: cyan;
}
#app > section.panel > .container .visitEventsList li.e.Change .label {
  color: black;
}
#app > section.panel > .container .visitsReport .content {
  min-height: 600px;
}
#app > section.panel > .container .visitsReport .visits-count {
  padding: 10px 0;
  opacity: 1;
  margin-top: -34px;
  color: #999;
}
#app > section.panel > .container .visitsReport .visits-count strong {
  color: black;
}
#app > section.panel > .container .visitsReport .visit-loader {
  margin-top: 20px;
  margin-left: 6px;
  color: #666;
}
#app > section.panel > .container .visit {
  display: block;
}
#app > section.panel > .container .visit .tabLikeBtn {
  line-height: 38px;
  float: right;
}
#app > section.panel > .container .visit .main {
  background: #242019;
  color: white;
}
#app > section.panel > .container .visit.fixed {
  padding-top: 40px;
}
#app > section.panel > .container .visit.fixed .main {
  position: fixed;
  z-index: 1;
  width: calc(100% - 80px);
  top: 40px;
}
#app > section.panel > .container .visit .row > div {
  display: block;
  border-right: 1px dotted #919090;
}
#app > section.panel > .container .visit .trigger,
#app > section.panel > .container .visit .attribute {
  float: left;
  padding: 5px;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 40px;
}
#app > section.panel > .container .visit .auto {
  float: left;
  padding: 5px;
  width: auto !important;
  height: 40px;
}
#app > section.panel > .container .visit .desc {
  float: left;
  padding: 0 10px;
  width: auto !important;
  line-height: 40px;
  font-size: 16px;
  height: 40px;
  text-transform: uppercase;
  font-weight: 200;
}
#app > section.panel > .container .visit .desc i {
  color: #999;
}
#app > section.panel > .container .visit .ico {
  width: 30px;
  text-align: center;
  line-height: 40px;
  font-size: 15px;
  float: left;
  height: 40px;
  color: #fffacb;
  border-left: 1px dotted #919090;
}
#app > section.panel > .container .visit .device .ico {
  border-left: none;
}
#app > section.panel > .container .visit .square {
  width: 40px;
  float: left;
  padding: 5px;
  border-right: 1px dotted #919090;
  height: 40px;
}
#app > section.panel > .container .visit .label {
  display: block;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 2px;
  margin-top: 1px;
}
#app > section.panel > .container .visit .session-and-user .new-segment {
  color: white;
}
#app > section.panel > .container .visit .value {
  line-height: 20px;
}
#app > section.panel > .container .visit .row.main {
  border-bottom: 1px dotted #919090;
  height: 40px;
}
#app > section.panel > .container .visit .traffic .attribute {
  width: 50%;
}
#app > section.panel > .container .visit .user .attribute {
  width: 33%;
}
#app > section.panel > .container .visit .attributes {
  clear: both;
  margin: 0;
  border-top: 1px dotted #919090;
}
#app > section.panel > .container .visit .attributes .attribute {
  width: 10%;
  border-bottom: 1px dotted #919090;
}
#app > section.panel > .container .visit .triggers {
  clear: both;
  margin: 0;
  padding-bottom: 10px;
}
#app > section.panel > .container .visit .triggers .trigger {
  width: 20%;
  border-bottom: 1px dotted #919090;
}
#app > section.panel > .container .visit .triggers .trigger .label:before {
  content: "A/B";
  color: #f0f2eb;
  background: #242019;
  margin-right: 8px;
  border-radius: 2px;
  padding: 1px 2px;
  display: inline-block;
}
#app > section.panel > .container .visitViewer {
  display: flex;
  flex-direction: row;
  width: 100%;
}
#app > section.panel > .container .visitViewer .visitLog {
  flex-grow: 1;
  flex-basis: 50%;
  padding: 10px;
  background: white;
  display: block;
  min-height: 300px;
  max-width: 75%;
  border-right: 1px dotted #634973;
}
#app > section.panel > .container .visitViewer .visitLog > ul {
  list-style-type: none;
  width: 100%;
}
#app > section.panel > .container .visitViewer .visitLog > ul li {
  width: 100%;
  padding: 5px;
  line-height: 18px;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .hideEvents {
  float: right;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .open-console {
  color: white;
  float: right;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .open-console:hover {
  color: #fffacb;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .replay-from-section {
  color: white;
  float: right;
  margin-left: 5px;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .replay-from-section:hover {
  color: #fffacb;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .timeStamp {
  float: left;
  margin-right: 10px;
  padding: 0 2px;
  color: #B2B2B2;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .indicator {
  float: left;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .label {
  margin-left: 60px;
  margin-right: 20px;
  word-wrap: break-word;
  padding-left: 5px;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .element-text {
  display: none;
  border-radius: 2px;
  border: 1px solid #BBB;
  font-weight: bold;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  vertical-align: middle;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .sectionEventLabel {
  border-left: 1px dotted gray;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .args {
  text-transform: uppercase;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .args small {
  background: #eee;
  padding: 3px;
  border-radius: 2px;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .args small:empty {
  display: none;
}
#app > section.panel > .container .visitViewer .visitLog > ul li .args strong {
  text-transform: none;
}
#app > section.panel > .container .visitViewer .visitLog > ul li.sectionSelected {
  background-color: #2e5e72;
}
#app > section.panel > .container .visitViewer .visitLog > ul li.sectionSelected .label {
  color: white;
}
#app > section.panel > .container .visitViewer .visitLog > ul .foundEvent {
  background: rgba(255, 235, 130, 0.49) !important;
}
#app > section.panel > .container .visitViewer .visitLog > ul .foundEvent .label {
  color: #242019 !important;
}
#app > section.panel > .container .visitViewer .visitLog > ul .segmentEvent .timeStamp {
  border-radius: 2px;
  background: #634973;
  color: white;
  border-bottom: 1px solid #999;
}
#app > section.panel > .container .visitViewer .visitLog .logFilters {
  display: none;
  background: #f0f2eb;
  padding: 20px;
}
#app > section.panel > .container .visitViewer .visitLog .logFilters label {
  width: 25%;
}
#app > section.panel > .container .visitViewer .visitPreview {
  width: 50%;
  max-width: 50%;
  padding: 10px;
  background: white;
  display: block;
  min-height: 300px;
}
#app > section.panel > .container .visitViewer .visitPreview .playPause {
  float: left;
  line-height: 30px;
  width: 30px;
}
#app > section.panel > .container .visitViewer .visitPreview .playPause a {
  font-size: 20px;
}
#app > section.panel > .container .visitViewer .visitPreview .playbackSpeed {
  float: left;
  width: 50px;
}
#app > section.panel > .container .visitViewer .visitPreview .toolbar {
  margin-bottom: 10px;
}
#app > section.panel > .container .visitViewer .visitPreview .toolbar .timeline .endTime {
  text-align: right;
}
#app > section.panel > .container .visitViewer .visitPreview .toolbar .timeline .gradient {
  height: 2px;
  background: -webkit-linear-gradient(right, red, blue);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, red, blue);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, red, blue);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(right, red, blue);
  /* Standard syntax */
}
#app > section.panel > .container .visitViewer .visitPreview .toolbar .playbackSeek input[type=range] {
  width: 100%;
  margin-top: 10px;
}
#app > section.panel > .container .visitViewer .visitPreview canvas {
  border: 1px solid gray;
  background-color: #f0f2eb;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
#app > section.panel > .container .visitViewer.no-preview .visitLog {
  width: 100%;
}
#app > section.panel > .container .visitViewer.no-preview .visitPreview {
  display: none;
}
#app > section.panel > .container .content .view .formstable h3:first-child {
  margin-bottom: 0;
}
#app > section.panel > .container .content .view .formstable .formsth {
  position: fixed;
  top: 40px;
  table-layout: fixed;
}
#app > section.panel > .container .content .view .formstable .formsth th {
  background-color: #f0f2eb;
  border-top: 2px solid #f0f2eb;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);
}
#app > section.panel > .container .content .view .formstable > .fields {
  margin-top: 40px;
}
#app > section.panel > .container .content .view .formstable table.withfunnel td .percentsbar .bar > div {
  background-color: #919090;
}
#app > section.panel > .container .content .view .formstable table.withfunnel tr.infunnel {
  border-bottom: 1px dotted #634973;
}
#app > section.panel > .container .content .view .formstable table.withfunnel tr.infunnel td .percentsbar .bar > div {
  background-color: #5dd2da;
}
#app > section.panel > .container .content .view .formstable table td.fields {
  margin-top: 20px;
}
#app > section.panel > .container .content .view .formstable table td.fields tbody tr:hover {
  background-color: #242019 !important;
  color: white;
}
#app > section.panel > .container .content .view .formstable table td.fields tbody tr:hover .checkcircle {
  color: white;
}
#app > section.panel > .container .content .view .formstable table td.fields tbody tr:hover .new-segment {
  color: white;
}
#app > section.panel > .container .content .view .formstable table td.fields tbody tr:hover td {
  background-color: #242019 !important;
}
#app > section.panel > .container .content .view .formstable table td.funnel {
  min-width: 52px;
}
#app > section.panel > .container .content .view .formstable table td.order {
  min-width: 62px;
}
#app > section.panel > .container .content .view .formstable table td.field .new-segment {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 330px;
  line-height: 20px;
}
@media (min-width: 1400px) {
  #app > section.panel > .container .content .view .formstable table td.field .new-segment {
    max-width: 380px;
  }
}
@media (min-width: 1500px) {
  #app > section.panel > .container .content .view .formstable table td.field .new-segment {
    max-width: 480px;
  }
}
@media (min-width: 1600px) {
  #app > section.panel > .container .content .view .formstable table td.field .new-segment {
    max-width: 580px;
  }
}
@media (min-width: 1700px) {
  #app > section.panel > .container .content .view .formstable table td.field .new-segment {
    max-width: 680px;
  }
}
#app > section.panel > .container .content .view .formstable table td.field .new-segment small {
  margin-top: -3px;
  margin-bottom: 3px;
}
#app > section.panel > .container .content .view .formstable table td .fieldType {
  font-weight: normal;
  color: #242019;
  border: 1px dotted;
  font-size: 10px;
  padding: 1px 2px;
  margin-right: 2px;
}
#app > section.panel > .container .content .view .formstable table td.share {
  min-width: 200px;
}
#app > section.panel > .container .content .view .formstable table td.sharediff,
#app > section.panel > .container .content .view .formstable table td.avgtimeDiffPerc {
  min-width: 52px;
}
#app > section.panel > .container .content .view .formstable table td.avgtime {
  min-width: 52px;
}
#app > section.panel > .container .content .view .formstable table td.shareDifference {
  min-width: 74px;
}
#app > section.panel > .container .content .view .formstable table td.correctedShare {
  min-width: 130px;
}
#app > section.panel > .container .content .view .formstable table td.uniqueEntries {
  min-width: 72px;
}
#app > section.panel > .container .content .view .formstable table td.totalExits {
  min-width: 112px;
  max-width: 112px;
}
#app > section.panel > .container .content .view .formstable table td.type {
  min-width: 74px;
}
#app > section.panel > .container .content .view .formstable table td.correctedEntryFormats {
  width: 200px;
}
#app > section.panel > .container .content .view .formstable table td.valueInsights span {
  margin-right: 10px;
}
#app > section.panel > .container .content .view .formstable table td.lastEntryFormats {
  width: 200px;
}
#app > section.panel > .container .content .view .formstable table td.required {
  width: 24px;
}
#app > section.panel > .container .content .view .formstable table tr.isAction {
  background-color: #634973 !important;
  color: white;
}
#app > section.panel > .container .content .view .formstable table tr.isAction td a.new-segment,
#app > section.panel > .container .content .view .formstable table tr.isAction .new-segment {
  color: white;
}
#app > section.panel > .container .content .view .formstable table tr.isAction td a.checkcircle {
  color: white;
}
#app > section.panel > .container .content .view .formstable table tr.isError {
  background-color: #242019 !important;
  color: white;
}
#app > section.panel > .container .content .view .formstable table tr.isError .new-segment {
  color: red;
}
#app > section.panel > .container .content .view .formstable table tr.isError td a.checkcircle {
  color: white;
}
#app > section.panel > .container .formserrors div.stats-item.LIST {
  width: 100%;
  max-height: 340px;
  min-height: 340px;
  height: 340px;
}
#app > section.panel > .container .trendssummary-none {
  display: none;
}
#app > section.panel > .container .trends-alerts:empty {
  display: none;
}
#app > section.panel > .container .trends-alerts {
  color: white;
  display: flex;
  flex-wrap: wrap;
  margin: -10px 15px 23px 15px;
}
#app > section.panel > .container .trends-alerts::after {
  content: "";
  flex: auto;
}
#app > section.panel > .container .trends-alerts li {
  flex: 1 1;
  width: 33%;
  min-width: 400px;
  max-width: 400px;
  padding-right: 20px;
}
#app > section.panel > .container .trends-alerts li strong {
  color: white;
}
#app > section.panel > .container .trends-alerts li .alert-dates > div {
  display: inline-block;
  width: 50%;
  margin-top: 5px;
  margin-bottom: 20px;
  color: #8f8f8f;
}
#app > section.panel > .container .trends-alerts li .alert-dates > div > div {
  font-size: 10px;
  display: inline-block;
}
#app > section.panel > .container .trends-alerts li .alert-dates > div strong {
  font-size: 24px;
  display: inline-block;
  margin-right: 10px;
  color: #8f8f8f;
}
#app > section.panel > .container .trends-alerts .alert-drop .alert-dates > div:first-child strong {
  color: red;
}
#app > section.panel > .container .trends-alerts .alert-increase .alert-dates > div:first-child strong {
  color: #39cd79;
}
#app > section.panel > .container .signalsReport .row .ui-form-group {
  padding: 3px 10px 0 0;
}
#app > section.panel > .container .signalsReport .row .ui-form-group:last-child {
  padding: 3px 0 0 0;
}
#app > section.panel > .container .signalsReport .bubbleChartContainer {
  width: 100%;
  height: 300px;
  margin-top: 10px;
  margin-bottom: 40px;
  padding: 10px;
  background: white;
}
#app > section.panel > .container .signalsReport .bubbleChartContainer .background {
  display: none;
}
#app > section.panel > .container .signalsReport .bubbleChartContainer .axisTitle {
  font-weight: bold;
}
#app > section.panel > .container .signalsReport .bubbleChartContainer .axis {
  color: #919090;
  font-size: 11px;
}
#app > section.panel > .container .signalsReport .bubbleChartContainer .axis.x {
  display: none;
}
#app > section.panel > .container .signalsReport .bubbleChartContainer .axis path {
  display: none;
}
#app > section.panel > .container .signalsReport .bubbleChartContainer .gridLine {
  fill: none;
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1;
}
#app > section.panel > .container .signalsReport .bubbleChartContainer .bubble {
  opacity: 0.7;
  stroke: white;
  stroke-width: 1;
}
#app > section.panel > .container .signalsReport table.signals th.dynamic,
#app > section.panel > .container .signalsReport table.signals td.dynamic {
  width: 60px;
  color: #B2B2B2;
}
#app > section.panel > .container .signalsReport table.signals td.dynamic .up3 {
  color: red;
}
#app > section.panel > .container .signalsReport table.signals.increase td.dynamic .up3 {
  color: blue;
}
#app > section.panel > .container .signalsReport table.signals.increase .inMatchingSessionsShare,
#app > section.panel > .container .signalsReport table.signals.increase .inMatchingSessions,
#app > section.panel > .container .signalsReport table.signals.increase .perSessionInMatchingSessions {
  color: blue;
}
#app > section.panel > .container .signalsReport table.signals.reduce .inNotMatchingSessionsShare,
#app > section.panel > .container .signalsReport table.signals.eliminate .inNotMatchingSessionsShare,
#app > section.panel > .container .signalsReport table.signals.reduce .inNotMatchingSessions,
#app > section.panel > .container .signalsReport table.signals.eliminate .inNotMatchingSessions,
#app > section.panel > .container .signalsReport table.signals.reduce .perSessionInNotMatchingSessions,
#app > section.panel > .container .signalsReport table.signals.eliminate .perSessionInNotMatchingSessions {
  color: red;
}
#app > section.panel > .container .signalsReport table.signals td.impact {
  width: 60px;
}
#app > section.panel > .container .signalsReport table.signals th.impact {
  width: 60px;
}
#app > section.panel > .container .signalsReport table.signals th.desc {
  display: table-cell;
}
#app > section.panel > .container .signalsReport table.signals th.perSessionInNotMatchingSessions,
#app > section.panel > .container .signalsReport table.signals th.perSessionInMatchingSessions {
  width: 80px;
}
#app > section.panel > .container .signalsReport table.signals td.perSessionInNotMatchingSessions,
#app > section.panel > .container .signalsReport table.signals td.perSessionInMatchingSessions {
  width: 80px;
}
#app > section.panel > .container .signalsReport table.signals th.inNotMatchingSessionsShare,
#app > section.panel > .container .signalsReport table.signals th.inMatchingSessionsShare {
  width: 120px;
}
#app > section.panel > .container .signalsReport table.signals td.inNotMatchingSessionsShare,
#app > section.panel > .container .signalsReport table.signals td.inMatchingSessionsShare {
  width: 120px;
}
#app > section.panel > .container .signalsReport table.signals td.segment > span {
  width: 500px;
  max-width: initial;
  display: block;
  white-space: normal;
  margin-bottom: 5px;
  margin-top: 7px;
}
#app > section.panel > .container .signalsReport table.signals th.supplementary {
  width: 40px;
}
#app > section.panel > .container .signalsReport .suboptions .ui-form-group {
  width: 200px;
}
#app > section.panel > .container .realtime-data > ul {
  display: flex;
  flex-wrap: wrap;
}
#app > section.panel > .container .realtime-data li.visit {
  min-width: 340px;
  display: inline-block;
  max-width: 30%;
  margin-top: 40px;
  margin-right: 20px;
  width: 16%;
  padding: 20px;
  background: white;
  border-bottom: 1px solid #666;
}
#app > section.panel > .container .realtime-data li.visit .tabLikeBtn {
  float: none;
  line-height: 28px;
  margin: 10px 0;
  margin-right: 10px;
}
#app > section.panel > .container .realtime-data .push {
  position: relative;
  margin: 10px 0;
}
#app > section.panel > .container .realtime-data .push a {
  position: absolute;
  right: 0;
  line-height: 30px;
  top: 30px;
  background: #634973;
  padding: 0 10px;
  display: none;
  color: white;
}
#app > section.panel > .container .realtime-data .push .example {
  display: none;
}
#app > section.panel > .container .realtime-data .push:hover .ui-label.top .example {
  display: inline-block;
  float: none;
}
#app > section.panel > .container .realtime-data .push:hover .ui-label.top .example span {
  background: white;
  color: black;
}
#app > section.panel > .container .realtime-data .push:hover a {
  display: block;
}
#app > section.panel > .container .realtime-data table td {
  text-align: left !important;
  white-space: pre-wrap !important;
  background: white;
  vertical-align: top;
  line-height: 1.2em !important;
  padding: 8px 10px !important;
}
#app > section.panel > .container .realtime-data table tr {
  background: none !important;
}
#app > section.panel > .container .realtime-data table tr.section td {
  background: #242019;
  color: white;
  border-bottom: 1px solid white;
}
#app > section.panel > .container .realtime-data table tr:nth-child(2).section td {
  background: #634973;
}
#app > section.panel > .container .realtime-data table tr.triggerid,
#app > section.panel > .container .realtime-data table tr.triggered {
  display: none;
}
#app > section.panel > .container .realtime-data td .args {
  margin-bottom: 5px;
  line-height: 1em;
}
#app > section.panel > .container .realtime-data .attributes {
  display: none;
}
#app > section.panel > .container .realtime-data .events {
  overflow-y: hidden;
  max-height: 600px;
}
#app > section.panel > .container .realtime-data .a-referrer,
#app > section.panel > .container .realtime-data .a-entryurl {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  unicode-bidi: plaintext;
  margin-bottom: 6px;
  /* Beginning of string */
  direction: rtl;
  text-align: left;
}
#app > section.panel > .container tr.to-remove {
  display: none;
}
#app > section.panel > .container .execute-options .show-execute-options {
  display: none;
}
#app > section.panel > .container .execute-options.inactive .show-execute-options {
  display: block;
}
#app > section.panel > .container .execute-options.inactive form {
  display: none;
}
#app > section.panel > .container .pivot-data .cache-key {
  margin-left: 8px;
}
#app > section.panel > .container .pivot-data .toggle-all-rows {
  display: none;
}
#app > section.panel > .container .pivot-data:not(.show-all-rows) .toggle-all-rows {
  display: block;
  text-align: center;
}
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr {
  display: none;
}
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(1),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(2),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(3),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(4),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(5),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(6),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(7),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(8),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(9),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(10),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(11),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(12),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(13),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(14),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(15),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(16),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(17),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(18),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(19),
#app > section.panel > .container .pivot-data:not(.show-all-rows) table tr:nth-child(20) {
  display: table-row;
}
#app > section.panel > .container .pivot-data > .ui-tabs {
  margin: 40px 0;
}
#app > section.panel > .container .view > .triggers {
  min-height: 600px;
}
#app > section.panel > .container .view > .triggers .ui-label.top {
  white-space: nowrap;
}
#app > section.panel > .container .view > .triggers .responseStatus .ui-multitabs span {
  width: 50%;
}
#app > section.panel > .container .view > .triggers .responseStatus .ui-multitabs span:nth-child(2).selected {
  color: white;
  background: #4ab3bb;
  border-color: #4ab3bb;
}
#app > section.panel > .container .view > .triggers .responseStatus .ui-multitabs span:nth-child(2).selected i.fa {
  color: white;
}
#app > section.panel > .container .view > .triggers .responseStatus .response {
  padding-top: 10px;
}
@media (max-width: 1023px) {
  #app > section.panel > .container .view > .triggers .responseStatus .response {
    margin-bottom: 40px;
  }
}
#app > section.panel > .container .view > .triggers .responseStatus .response .actions {
  margin: 0px;
}
#app > section.panel > .container .view > .triggers .responseStatus .response h4 {
  margin-bottom: 7px;
}
#app > section.panel > .container .view > .triggers .responses {
  margin: 20px 0;
}
#app > section.panel > .container .view > .triggers .responses a.response-link {
  display: block;
  padding: 10px 8px;
}
#app > section.panel > .container .view > .triggers .responses a.response-link:hover {
  background: white;
}
#app > section.panel > .container .view > .triggers .responses a.response-link div {
  color: #333333;
}
#app > section.panel > .container .view > .triggers .responses a.response-link h4 {
  font-size: 18px;
  line-height: 24px;
}
#app > section.panel > .container .view > .triggers .responses li {
  border-bottom: 1px dotted;
}
#app > section.panel > .container .view > .triggers .responses .response-type {
  text-transform: uppercase;
}
#app > section.panel > .container .view > .triggers .responses .responseHeader {
  background-color: #f0f2eb;
}
#app > section.panel > .container .view > .triggers .responses .fixed {
  padding-top: 140px;
}
@media (min-width: 1024px) {
  #app > section.panel > .container .view > .triggers .responses .fixed .responseHeader {
    position: fixed;
    z-index: 90;
    width: calc(100% - 80px);
    top: 40px;
  }
}
@media (max-width: 1023px) {
  #app > section.panel > .container .view > .triggers .responses .fixed .responseHeader {
    width: calc(100% - 20px);
  }
}
#app > section.panel > .container .view > .triggers .responses .responseSpecificOptions .required {
  color: black;
}
#app > section.panel > .container .view > .triggers .responses .responseSpecificOptions .required:before {
  content: "Required";
  text-transform: none;
  color: white;
  background: #634973;
  border-radius: 2px;
  margin-right: 4px;
  padding: 0 2px;
  margin-left: -7px;
}
#app > section.panel > .container .view > .triggers .responses .responseSpecificOptions input:placeholder-shown {
  /*opacity:0.8;*/
}
#app > section.panel > .container .view > .triggers .responses .responseSpecificOptions > div > div:not(:first-child) .ui-header {
  margin-top: 60px;
}
#app > section.panel > .container .view > .triggers .responses .responseSpecificOptions .ui-header > * {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#app > section.panel > .container .view > .triggers .responses .responseSpecificOptions .ui-header > *:after {
  content: "";
  height: 1px;
  width: 100%;
  background: #999;
  flex: 1;
  margin-left: 8px;
}
#app > section.panel > .container .view > .triggers .emptyTrigger .responses li {
  padding: 20px 0px;
}
#app > section.panel > .container .view > .triggers .ui-form-group {
  padding: 3px 10px 0 0;
}
#app > section.panel > .container .view > .triggers .ui-form-group.col-md-12,
#app > section.panel > .container .view > .triggers .ui-form-group:last-child {
  padding-right: 0;
}
#app > section.panel > .container .view > .triggers .responseCommonOptions {
  display: flex;
  margin: 20px 0 0 0;
  padding-right: 10px;
  background: white;
  border-radius: 2px;
  box-shadow: -5px 5px 10px 0 rgba(0, 0, 0, 0.26);
}
@media (max-width: 1023px) {
  #app > section.panel > .container .view > .triggers .responseCommonOptions {
    display: block;
    margin-top: 40px;
  }
  #app > section.panel > .container .view > .triggers .responseCommonOptions > div {
    margin: 10px 0 10px 10px;
    padding-right: 0;
  }
}
#app > section.panel > .container .view > .triggers .responseCommonOptions .response-dependencies {
  flex: 1;
}
#app > section.panel > .container .view > .triggers .responseCommonOptions .response-sample,
#app > section.panel > .container .view > .triggers .responseCommonOptions .response-execution {
  min-width: 300px;
}
#app > section.panel > .container .view > .triggers .responseCommonOptions .response-delay,
#app > section.panel > .container .view > .triggers .responseCommonOptions .response-timeout {
  min-width: 120px;
}
#app > section.panel > .container .view > .triggers .fixed .response-versions {
  /*display: none;*/
}
#app > section.panel > .container .view > .triggers .response-versions {
  display: flex;
  margin-bottom: 10px;
  margin-top: -30px;
  justify-content: space-between;
  align-items: center;
}
#app > section.panel > .container .view > .triggers .response-versions.has-versions .versions ul {
  display: flex;
}
#app > section.panel > .container .view > .triggers .response-versions.has-versions .version-actions a[data-action="remove-version"] {
  display: inline-block;
}
#app > section.panel > .container .view > .triggers .response-versions .version-actions a {
  margin-left: 8px;
  display: inline-block;
}
#app > section.panel > .container .view > .triggers .response-versions .version-actions a[data-action="remove-version"] {
  display: none;
}
#app > section.panel > .container .view > .triggers .response-versions .versions {
  flex: 1;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul {
  display: none;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul li {
  font-size: 21px;
  font-weight: 300;
  margin-right: 10px;
  border-bottom: none;
  border-radius: 2px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  background: white;
  width: 110px;
  cursor: pointer;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul li div:first-child {
  border-bottom: 1px dotted;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul li div:last-child {
  line-height: 14px;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul li a {
  color: black;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul li.active {
  background: #C93956;
  color: white;
  border: 1px solid #C93956;
  cursor: auto;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul li.active small {
  color: white;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul li.active:hover {
  background: #C93956;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul li.active a {
  color: white;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul li.control {
  color: #888;
  pointer-events: none;
  background: transparent;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul li:hover {
  background: #C93956;
  border: 1px solid #C93956;
  color: white;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul li:hover small {
  color: white;
}
#app > section.panel > .container .view > .triggers .response-versions .versions ul li:hover a {
  color: white;
}
#app > section.panel > .container .view > .triggers .responseSpecificOptions {
  margin: 40px 0;
}
#app > section.panel > .container .view > .triggers .responseSpecificOptions .ui-form-group {
  margin-bottom: 15px;
}
#app > section.panel > .container .view > .triggers .responseDatapoints > p {
  margin-top: -20px;
  margin-bottom: 15px;
}
#app > section.panel > .container .view > .triggers .responseDatapoints li {
  padding: 4px 0;
  border-bottom: none;
}
#app > section.panel > .container .view > .triggers .related-reports a {
  margin: 10px 0 20px 0;
  display: block;
}
#app > section.panel > .container .view > .triggers .responseCode {
  margin-bottom: 20px;
}
#app > section.panel > .container .view > .triggers .responseCode .ui-code .code-editor {
  margin-top: 10px;
  padding-top: 3px;
  height: 24px;
}
#app > section.panel > .container .view > .triggers .responseCode textarea {
  resize: none;
  height: 45px;
  background: transparent;
}
@media (min-width: 1200px) {
  #app > section.panel > .container .view > .triggers .response-changePageContent > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #app > section.panel > .container .view > .triggers .response-changePageContent > div > div {
    order: 2;
  }
  #app > section.panel > .container .view > .triggers .response-changePageContent > div > div:nth-child(1),
  #app > section.panel > .container .view > .triggers .response-changePageContent > div > div:nth-child(4),
  #app > section.panel > .container .view > .triggers .response-changePageContent > div > div:nth-child(5) {
    order: 4;
    flex: 1;
    margin-right: 8px;
  }
  #app > section.panel > .container .view > .triggers .response-changePageContent > div > div:nth-child(5) {
    margin-right: 0;
  }
  #app > section.panel > .container .view > .triggers .response-changePageContent > div .ui-code .code-editor {
    min-height: 50vh;
  }
  #app > section.panel > .container .view > .triggers .response-changePageContent > div .ui-code:not(.code-view-expanded) a[data-action="code-view-expand"] {
    display: inline-block;
  }
  #app > section.panel > .container .view > .triggers .response-changePageContent > div > div.form-group-expanded {
    min-width: 100%;
    order: 3;
  }
}
#app > section.panel > .container ul.users > li {
  clear: both;
}
#app > section.panel > .container ul.users > li > div {
  clear: both;
  padding: 2px 4px;
}
#app > section.panel > .container .overview {
  background: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
#app > section.panel > .container .timeline {
  height: 20px;
  line-height: 20px;
}
#app > section.panel > .container .timeline > div {
  display: inline-block;
}
#app > section.panel > .container .timeline .sessions {
  color: #999;
}
#app > section.panel > .container .timeline .sessions .bar {
  background: #1140c8;
  height: 20px;
}
#app > section.panel > .container .timeline .sessions .bar.mobile {
  background: #11c895;
}
#app > section.panel > .container .timeline .sessions .interval {
  margin: 0 3px ;
  font-size: 10px;
  width: 40px;
  text-align: center;
  line-height: 20px;
}
#app > section.panel > .container .timeline span {
  display: inline-block;
  height: 100%;
  float: left;
}
#app > section.panel > .container .timeline .label {
  width: 400px;
}
#app > section.panel > .container .timeline .label > span {
  margin-right: 10px;
  min-width: 20px;
}
#app > section.panel > .container .timeline .label > span:first-child {
  font-weight: bold;
  width: 220px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#app > section.panel > .container .attributes {
  margin: 20px 0;
}
#app > section.panel > .container .attributes > ul li {
  display: inline-block;
  width: 12%;
  text-align: center;
}
#app > section.panel > .container .attributes > ul li label {
  color: #999;
  font-size: 11px;
}
#app > section.panel > .container .attributes > ul li > div {
  border-bottom: 1px dotted #333;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}
#app > section.panel > .container .Steps .interval {
  visibility: hidden;
}
#app > section.panel > .container .Steps .timeline {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#app > section.panel > .container .Steps li > .bar {
  background: rgba(0, 0, 0, 0.1) !important;
}
#app > section.panel > .container .Steps .bar .bar {
  background: #1140c8;
}
#app > section.panel > .container .Steps .bar.mobile .bar {
  background: #11c895;
}
#app > section.panel > .container .content .view .overlap-data {
  margin-top: 40px;
  margin-bottom: 120px;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart {
  padding-top: 80px;
  display: flex;
  height: 200px;
  font-size: 14px;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart h4.datapoint {
  font-size: 12px;
  margin-right: 0;
  font-weight: normal;
  margin-top: -9px;
  margin-bottom: -8px;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart > div {
  text-wrap: nowrap;
  height: 100px;
  width: 33%;
  position: relative;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart > div:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-top: 10px solid #f0f2eb;
  border-bottom: 10px solid #f0f2eb;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart > div > div {
  position: absolute;
  top: -82px;
  border-left: 1px solid;
  padding-left: 10px;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart h3 {
  line-height: 40px;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart strong {
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart .overlap-chart-left > div {
  left: 0;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart .overlap-chart-left > div strong {
  margin-bottom: 120px;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart .overlap-chart-both > div {
  border-left: 1px solid;
  border-right: 1px solid;
  bottom: -100px;
  left: 0;
  right: 0;
  top: initial;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart .overlap-chart-both > div > h4 {
  margin-top: 20px;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart .overlap-chart-both > div > strong {
  margin-bottom: 0;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart .overlap-chart-both {
  text-align: center;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart .overlap-chart-right {
  text-align: right;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart .overlap-chart-right > div {
  right: 0;
  padding-right: 10px;
  border-right: 1px solid;
  border-left: none;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart .overlap-chart-right > div strong {
  margin-bottom: 130px;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart .overlap-chart-left:before {
  border-top: 10px solid #C93956;
  background: #C93956;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart .overlap-chart-both:before {
  background: #634973;
  border-top: 10px solid #C93956;
  border-bottom: 10px solid #5dd2da;
}
#app > section.panel > .container .content .view .overlap-data .overlap-chart .overlap-chart-right:before {
  border-bottom: 10px solid #5dd2da;
  background: #5dd2da;
}
#app > section.panel > .container .content .view .overlap-table {
  margin-top: 40px;
}
#app > section.panel > .container .content .view .overlap-table .toggle-all-rows {
  display: none;
}
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) .toggle-all-rows {
  display: block;
  text-align: center;
}
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr {
  display: none;
}
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(1),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(2),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(3),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(4),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(5),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(6),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(7),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(8),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(9),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(10),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(11),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(12),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(13),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(14),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(15),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(16),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(17),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(18),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(19),
#app > section.panel > .container .content .view .overlap-table:not(.show-all-rows) table tr:nth-child(20) {
  display: table-row;
}
#app > section.panel > .container .content .view .outcome-data .trigger-actions a {
  margin-left: 4px;
  margin-right: 8px;
}
#app > section.panel > .container .content .view .outcome-data table {
  margin-top: 20px;
}
#app > section.panel > .container .content .view .outcome-data table tbody tr:nth-child(odd) {
  background: transparent;
}
#app > section.panel > .container .content .view .outcome-data table tbody tr:first-child {
  background: transparent;
}
#app > section.panel > .container .content .view .outcome-data table tbody tr.Control {
  background: #634973;
  color: white;
}
#app > section.panel > .container .content .view .outcome-data table tbody tr.Test {
  background: #4ab3bb;
  color: white;
}
#app > section.panel > .container .content .view .outcome-data table tbody tr.Total,
#app > section.panel > .container .content .view .outcome-data table tbody tr.ErrorMargin,
#app > section.panel > .container .content .view .outcome-data table tbody tr.ConfidenceLevel {
  color: #999;
  font-size: 10px;
}
#app > section.panel > .container .content .view .outcome-data table tbody tr.Total td,
#app > section.panel > .container .content .view .outcome-data table tbody tr.ErrorMargin td,
#app > section.panel > .container .content .view .outcome-data table tbody tr.ConfidenceLevel td {
  line-height: 20px;
}
#app > section.panel > .container .content .view .outcome-data table tbody tr.ErrorMargin td,
#app > section.panel > .container .content .view .outcome-data table tbody tr.ConfidenceLevel td {
  line-height: 12px;
}
#app > section.panel > .container .content .view .outcome-data table tbody tr.Change .changeDown,
#app > section.panel > .container .content .view .outcome-data table tbody tr.ChangePct .changeDown {
  color: red;
}
#app > section.panel > .container .content .view .outcome-data table tbody tr.Change td,
#app > section.panel > .container .content .view .outcome-data table tbody tr.ChangePct td {
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
}
#app > section.panel > .container .content .view .outcome-data table tbody th {
  font-size: 10px;
}
#app > section.panel > .container .content .view .outcome-data table tbody th,
#app > section.panel > .container .content .view .outcome-data table tbody td {
  text-align: right;
}
#app > section.panel > .container .content .view .outcome-data table tbody .txt {
  text-align: left;
}
#app > section.panel > .container .content .view .outcome-data .triggers-hide-inactive .trigger-inactive {
  display: none;
}
@media (max-width: 1023px) {
  #app > section.panel > .container .row.paths .ui-form .ui-form-group .ui-stack > div {
    float: none;
  }
  #app > section.panel > .container .row.paths .ui-stack .ui-text {
    margin-left: 0;
  }
  #app > section.panel > .container .row.paths .path-last-step-label {
    margin-left: 10px;
    margin-bottom: 0;
  }
  #app > section.panel > .container .content .view {
    padding: 10px;
  }
  #app > section.panel > .container .content .view .trendschart > div {
    padding: 0;
  }
  #app > section.panel > .container .content .view section .sh h3 {
    clear: both;
  }
  #app > section.panel > .container .content .view section .sh .suboptions .ui-form-group,
  #app > section.panel > .container .content .view section .sh .suboptions {
    float: none;
    margin-bottom: 30px;
  }
  #app > section.panel > .container .content .view .trendssummary-container {
    overflow-y: scroll;
  }
  #app > section.panel > .container .content .view .trendschart {
    padding-top: 5px;
    padding-bottom: 15px;
  }
  #app > section.panel > .container .content .view .trendschart > div .datefrom {
    margin-left: 10px;
  }
  #app > section.panel > .container .content .view .trendschart > div .dateto {
    margin-right: 10px;
  }
  #app > section.panel > .container .content .view .trendschart h4 {
    clear: both;
  }
  #app > section.panel > .container .content .view .trendschart h4 > span {
    width: auto;
    margin: 20px 0;
  }
  #app > section.panel > .container .content .view .trendschart .ct-chart {
    min-height: 300px;
  }
  #app > section.panel > .container .content .view .trendschart .ct-chart foreignObject[height="40"] {
    display: none;
  }
  #app > section.panel > .container .content .view .trendschart .options {
    margin: 0 10px;
  }
}
#app > section.panel > .container .ct-label {
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  padding-top: 3px;
  font-size: 11px;
  line-height: 1;
}
#app > section.panel > .container .ct-label strong {
  fill: #000000;
  color: #000000;
}
#app > section.panel > .container .ct-chart-pie .ct-label {
  color: rgba(255, 255, 255, 0.6);
  fill: rgba(255, 255, 255, 0.6);
}
#app > section.panel > .container .ct-chart-line .ct-label,
#app > section.panel > .container .ct-chart-bar .ct-label {
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#app > section.panel > .container .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
#app > section.panel > .container .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
#app > section.panel > .container .ct-label.ct-vertical.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}
#app > section.panel > .container .ct-label.ct-vertical.ct-end {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
#app > section.panel > .container .ct-chart-bar .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}
#app > section.panel > .container .ct-chart-bar .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-anchor: start;
}
#app > section.panel > .container .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
#app > section.panel > .container .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: start;
}
#app > section.panel > .container .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
  text-align: right;
  text-anchor: end;
}
#app > section.panel > .container .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  justify-content: flex-start;
  text-align: left;
  text-anchor: end;
}
#app > section.panel > .container .ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 1px;
}
#app > section.panel > .container .ct-point {
  stroke-width: 10px;
  stroke-linecap: round;
  stroke-opacity: 0.5;
}
#app > section.panel > .container .ct-line {
  fill: none;
  stroke-width: 6px;
  stroke-opacity: 0.8;
}
#app > section.panel > .container .ct-area {
  stroke: none;
  fill-opacity: 0.1;
}
#app > section.panel > .container .ct-bar {
  fill: none;
  stroke-width: 10px;
}
#app > section.panel > .container .ct-slice-donut {
  fill: none;
  stroke-width: 60px;
}
#app > section.panel > .container .ct-series-a .ct-slice-pie,
#app > section.panel > .container .ct-series-a .ct-area {
  fill: #c22143;
}
#app > section.panel > .container .ct-series-a-label {
  color: #c22143;
  font-weight: bold;
}
#app > section.panel > .container .ct-series-b .ct-slice-pie,
#app > section.panel > .container .ct-series-b .ct-area {
  fill: #cd325e;
}
#app > section.panel > .container .ct-series-b-label {
  color: #cd325e;
  font-weight: bold;
}
#app > section.panel > .container .ct-series-c .ct-slice-pie,
#app > section.panel > .container .ct-series-c .ct-area {
  fill: #972f5f;
}
#app > section.panel > .container .ct-series-c-label {
  color: #972f5f;
  font-weight: bold;
}
#app > section.panel > .container .ct-series-d .ct-slice-pie,
#app > section.panel > .container .ct-series-d .ct-area {
  fill: #a63867;
}
#app > section.panel > .container .ct-series-d-label {
  color: #a63867;
  font-weight: bold;
}
#app > section.panel > .container .ct-series-e .ct-slice-pie,
#app > section.panel > .container .ct-series-e .ct-area {
  fill: #713071;
}
#app > section.panel > .container .ct-series-e-label {
  color: #713071;
  font-weight: bold;
}
#app > section.panel > .container .ct-series-f .ct-slice-pie,
#app > section.panel > .container .ct-series-f .ct-area {
  fill: #47265b;
}
#app > section.panel > .container .ct-series-f-label {
  color: #47265b;
  font-weight: bold;
}
#app > section.panel > .container .ct-series-g .ct-slice-pie,
#app > section.panel > .container .ct-series-g .ct-area {
  fill: #4e335f;
}
#app > section.panel > .container .ct-series-g-label {
  color: #4e335f;
  font-weight: bold;
}
#app > section.panel > .container .ct-series-h .ct-slice-pie,
#app > section.panel > .container .ct-series-h .ct-area {
  fill: #2b1a35;
}
#app > section.panel > .container .ct-series-h-label {
  color: #2b1a35;
  font-weight: bold;
}
#app > section.panel > .container .ct-series-i .ct-slice-pie,
#app > section.panel > .container .ct-series-i .ct-area {
  fill: #3b2a45;
}
#app > section.panel > .container .ct-series-i-label {
  color: #3b2a45;
  font-weight: bold;
}
#app > section.panel > .container .ct-series-j .ct-slice-pie,
#app > section.panel > .container .ct-series-j .ct-area {
  fill: #120c19;
}
#app > section.panel > .container .ct-series-j-label {
  color: #120c19;
  font-weight: bold;
}
#app > section.panel > .container .ct-series-k .ct-slice-pie,
#app > section.panel > .container .ct-series-k .ct-area {
  fill: #c22143;
}
#app > section.panel > .container .ct-series-l .ct-slice-pie,
#app > section.panel > .container .ct-series-l .ct-area {
  fill: #cd325e;
}
#app > section.panel > .container .ct-series-m .ct-slice-pie,
#app > section.panel > .container .ct-series-m .ct-area {
  fill: #972f5f;
}
#app > section.panel > .container .ct-series-n .ct-slice-pie,
#app > section.panel > .container .ct-series-n .ct-area {
  fill: #a63867;
}
#app > section.panel > .container .ct-series-a .ct-point,
#app > section.panel > .container .ct-series-a .ct-line,
#app > section.panel > .container .ct-series-a .ct-bar,
#app > section.panel > .container .ct-series-a .ct-slice-donut {
  stroke: #b5b5af;
}
#app > section.panel > .container .ct-series-b .ct-point,
#app > section.panel > .container .ct-series-b .ct-line,
#app > section.panel > .container .ct-series-b .ct-bar,
#app > section.panel > .container .ct-series-b .ct-slice-donut {
  stroke: #c93956;
}
#app > section.panel > .container .ct-series-c .ct-point,
#app > section.panel > .container .ct-series-c .ct-line,
#app > section.panel > .container .ct-series-c .ct-bar,
#app > section.panel > .container .ct-series-c .ct-slice-donut {
  stroke: #5e40c2;
}
#app > section.panel > .container .ct-series-d .ct-point,
#app > section.panel > .container .ct-series-d .ct-line,
#app > section.panel > .container .ct-series-d .ct-bar,
#app > section.panel > .container .ct-series-d .ct-slice-donut {
  stroke: #a4c240;
}
#app > section.panel > .container .ct-series-e .ct-point,
#app > section.panel > .container .ct-series-e .ct-line,
#app > section.panel > .container .ct-series-e .ct-bar,
#app > section.panel > .container .ct-series-e .ct-slice-donut {
  stroke: #c2ae40;
}
#app > section.panel > .container .ct-series-f .ct-point,
#app > section.panel > .container .ct-series-f .ct-line,
#app > section.panel > .container .ct-series-f .ct-bar,
#app > section.panel > .container .ct-series-f .ct-slice-donut {
  stroke: #7ec899;
}
#app > section.panel > .container .ct-series-g .ct-point,
#app > section.panel > .container .ct-series-g .ct-line,
#app > section.panel > .container .ct-series-g .ct-bar,
#app > section.panel > .container .ct-series-g .ct-slice-donut {
  stroke: #389719;
}
#app > section.panel > .container .ct-series-h .ct-point,
#app > section.panel > .container .ct-series-h .ct-line,
#app > section.panel > .container .ct-series-h .ct-bar,
#app > section.panel > .container .ct-series-h .ct-slice-donut {
  stroke: #679ddf;
}
#app > section.panel > .container .ct-series-i .ct-point,
#app > section.panel > .container .ct-series-i .ct-line,
#app > section.panel > .container .ct-series-i .ct-bar,
#app > section.panel > .container .ct-series-i .ct-slice-donut {
  stroke: #a974d2;
}
#app > section.panel > .container .ct-series-j .ct-point,
#app > section.panel > .container .ct-series-j .ct-line,
#app > section.panel > .container .ct-series-j .ct-bar,
#app > section.panel > .container .ct-series-j .ct-slice-donut {
  stroke: #c28761;
}
#app > section.panel > .container .ct-series-k .ct-point,
#app > section.panel > .container .ct-series-k .ct-line,
#app > section.panel > .container .ct-series-k .ct-bar,
#app > section.panel > .container .ct-series-k .ct-slice-donut {
  stroke: #d27490;
}
#app > section.panel > .container .ct-series-l .ct-point,
#app > section.panel > .container .ct-series-l .ct-line,
#app > section.panel > .container .ct-series-l .ct-bar,
#app > section.panel > .container .ct-series-l .ct-slice-donut {
  stroke: #b5b5af;
}
#app > section.panel > .container .ct-series-m .ct-point,
#app > section.panel > .container .ct-series-m .ct-line,
#app > section.panel > .container .ct-series-m .ct-bar,
#app > section.panel > .container .ct-series-m .ct-slice-donut {
  stroke: #c93956;
}
#app > section.panel > .container .ct-series-n .ct-point,
#app > section.panel > .container .ct-series-n .ct-line,
#app > section.panel > .container .ct-series-n .ct-bar,
#app > section.panel > .container .ct-series-n .ct-slice-donut {
  stroke: #5e40c2;
}
#app > section.panel > .container .ct-series-o .ct-point,
#app > section.panel > .container .ct-series-o .ct-line,
#app > section.panel > .container .ct-series-o .ct-bar,
#app > section.panel > .container .ct-series-o .ct-slice-donut {
  stroke: #a4c240;
}
#app > section.panel > .container .ct-square {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-square:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 100%;
}
#app > section.panel > .container .ct-square:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-square > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-minor-second {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-minor-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 93.75%;
}
#app > section.panel > .container .ct-minor-second:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-minor-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-major-second {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-major-second:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 88.88889%;
}
#app > section.panel > .container .ct-major-second:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-major-second > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-minor-third {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-minor-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 83.33333%;
}
#app > section.panel > .container .ct-minor-third:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-minor-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-major-third {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-major-third:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 80%;
}
#app > section.panel > .container .ct-major-third:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-major-third > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-perfect-fourth {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-perfect-fourth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 75%;
}
#app > section.panel > .container .ct-perfect-fourth:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-perfect-fourth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-perfect-fifth {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-perfect-fifth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 66.66667%;
}
#app > section.panel > .container .ct-perfect-fifth:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-perfect-fifth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-minor-sixth {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-minor-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 62.5%;
}
#app > section.panel > .container .ct-minor-sixth:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-minor-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-golden-section {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-golden-section:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 61.8047%;
}
#app > section.panel > .container .ct-golden-section:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-golden-section > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-major-sixth {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-major-sixth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 60%;
}
#app > section.panel > .container .ct-major-sixth:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-major-sixth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-minor-seventh {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-minor-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 56.25%;
}
#app > section.panel > .container .ct-minor-seventh:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-minor-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-major-seventh {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-major-seventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 53.33333%;
}
#app > section.panel > .container .ct-major-seventh:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-major-seventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-octave {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 50%;
}
#app > section.panel > .container .ct-octave:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-major-tenth {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-major-tenth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 40%;
}
#app > section.panel > .container .ct-major-tenth:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-major-tenth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-major-eleventh {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-major-eleventh:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 37.5%;
}
#app > section.panel > .container .ct-major-eleventh:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-major-eleventh > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.33333%;
}
#app > section.panel > .container .ct-major-twelfth:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .ct-double-octave {
  display: block;
  position: relative;
  width: 100%;
}
#app > section.panel > .container .ct-double-octave:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 25%;
}
#app > section.panel > .container .ct-double-octave:after {
  content: "";
  display: table;
  clear: both;
}
#app > section.panel > .container .ct-double-octave > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#app > section.panel > .container .add-users #removeUsers .users {
  background: white;
  padding: 10px 15px;
  margin-bottom: 10px;
  box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
}
#app > section.panel > .container .add-users #removeUsers label {
  min-width: 225px;
}
#app > section.panel > .container .add-users .invite-to-all .other-projects {
  display: block;
}
#app > section.panel > .container .add-users .other-projects {
  display: none;
  font-size: 11px;
  margin-top: 5px;
  color: #777;
  margin-bottom: 10px;
}
#app > section.panel > .container .add-users .other-projects li:after {
  content: ",";
  margin-right: 4px;
}
#app > section.panel > .container .add-users .other-projects ul {
  display: inline;
}
#app > section.panel > .container .add-users .other-projects li {
  display: inline-block;
}
#app > section.panel > .container .add-users #manageUsers .update-permissions {
  margin-bottom: 50px;
}
#app > section.panel > .container .add-users #manageUsers .update-permissions .ui-form .ui-form-actions {
  text-align: left;
}
#app > section.panel > .container .add-users #manageUsers .update-permissions .manage-save-changes {
  display: block;
}
#app > section.panel > .container .add-users #manageUsers .manage-save-changes {
  display: none;
}
#app > section.panel > .container .add-users #manageUsers > ul:empty {
  display: none;
}
#app > section.panel > .container .add-users #manageUsers > ul:before {
  font-weight: 300;
  margin: 0 0 30px 0;
  content: 'Manage users';
  font-size: 18px;
  display: block;
  border-top: 1px solid #d6d9ce;
  padding-top: 20px;
}
#app > section.panel > .container .add-users #manageUsers > ul {
  margin-top: 20px;
}
#app > section.panel > .container .add-users #manageUsers .managed-user {
  margin-bottom: 30px;
  line-height: 18px;
}
#app > section.panel > .container .add-users #manageUsers .ui-form-group {
  margin-top: 10px;
}
#app > section.panel > .container .add-users #manageUsers a {
  margin-left: 10px;
}
#app > section.panel > .container .add-users #manageUsers .managed-owner strong:before {
  content: 'Project owner';
  display: inline-block;
  background: #634973;
  color: white;
  border-radius: 2px;
  padding: 0 2px;
  font-weight: 300;
  margin-right: 10px;
}
#app > section.panel > .container .add-users #manageUsers .managed-owner a {
  display: none;
}
@media (max-width: 1023px) {
  #app > section.panel > .container .add-users .ui-form-group {
    overflow-x: auto;
    margin: 10px -40px;
    padding-left: 40px;
  }
  #app > section.panel > .container .add-users .ui-form-group .ui-multitabs {
    white-space: nowrap;
  }
  #app > section.panel > .container .add-users .ui-form-group .ui-multitabs > span:last-of-type {
    margin-right: 40px;
  }
  #app > section.panel > .container .add-users .ui-form-group.dark {
    margin: 10px 0;
    padding-left: 0;
  }
  #app > section.panel > .container .add-users .ui-form-group.dark label.left {
    display: none;
  }
}
#app > section.panel > .container small {
  font-weight: 400;
  color: #919090;
  font-size: 11px;
}
#app > section.panel > .container small strong {
  color: #333333;
  font-weight: 400;
}
#app > section.panel > .container .dark small {
  color: #E5E5E5;
}
#app > section.panel > .container .dark small strong {
  color: white;
}
#app > section .notReady {
  display: none !important;
  outline: 2px solid red;
}
@media (max-width: 900px) {
  #app > section table.signals td.segment > span {
    white-space: normal !important;
    overflow: visible !important;
    max-width: initial !important;
    margin-bottom: 4px !important;
  }
  #app > section table.signals .type {
    display: none !important;
  }
  #app > section table.signals td {
    width: 40px !important;
  }
  #app > section table.signals td.segment {
    width: 340px !important;
  }
}
@media print {
  #app > section .tabLikeBtn,
  #app > section .search,
  #app > section .processsample,
  #app > section .formoptions,
  #app > section .in-between,
  #app > section .actions,
  #app > section .reports .menu .level1,
  #app > section .branch .item .options,
  #app > section .branch .item .toggle,
  #app > section .main.menu .tools,
  #app > section .main.menu .level1,
  #app > section .main.menu .level2,
  #app > section .branch,
  #app > section .branch.set.parent > .item {
    display: none !important;
  }
  #app > section .branch.selected,
  #app > section .branch.parent,
  #app > section .reports .menu .level1.selected {
    display: block !important;
  }
  #app > section .branch .sub-items .sub-items {
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: none !important;
  }
  #app > section .branch .sub-items .sub-items .label:before {
    content: 'AND';
  }
  #app > section header {
    position: absolute !important;
    top: 0 !important;
  }
  #app > section .reports > header {
    position: relative !important;
  }
}
#app > section.error h1 {
  background-color: #C93956;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 24px;
  font-weight: normal;
  border-radius: 50%;
  text-align: center;
  color: #FFFFFF;
  margin: 30px auto;
}
#app > section.error p {
  text-align: center;
}
#app > section.ui-demo .ui-form-group {
  padding-left: 100px;
}
#app > section.ui-demo .dates:before,
#app > section.ui-demo .dates:after {
  content: " ";
  display: table;
}
#app > section.ui-demo .dates:after {
  clear: both;
}
#app > section.ui-demo .dates:before,
#app > section.ui-demo .dates:after {
  content: " ";
  display: table;
}
#app > section.ui-demo .dates:after {
  clear: both;
}
#app > section.ui-demo .dates > div {
  width: 120px;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
#app > section.ui-demo .range:before,
#app > section.ui-demo .range:after {
  content: " ";
  display: table;
}
#app > section.ui-demo .range:after {
  clear: both;
}
#app > section.ui-demo .range:before,
#app > section.ui-demo .range:after {
  content: " ";
  display: table;
}
#app > section.ui-demo .range:after {
  clear: both;
}
#app > section.ui-demo .range > span {
  display: block;
  width: 10px;
  float: left;
  margin-bottom: 5px;
  text-align: center;
  line-height: 30px;
}
#app > section.ui-demo .range > div {
  width: 120px;
  float: left;
  margin-bottom: 5px;
}
#app > section.ui-demo .json {
  margin-top: 30px;
}
#app .module.json {
  display: none;
  background: #E5E5E5;
  padding: 20px;
  line-height: 20px;
}
#app .module.json a {
  display: inline-block;
  padding: 3px 10px;
  line-height: 14px;
  background: #919090;
  color: #FFFFFF;
  border-radius: 4px;
  margin: 0 5px;
  font-size: 11px;
}
#app .module.json a:hover {
  background: #C93956;
  color: #FFFFFF;
}
#app .module.json div p {
  margin-left: 20px;
}
#app .module.scheduledTasksQuickEdit {
  position: absolute;
  bottom: 20px;
  right: 0;
  z-index: 1000;
}
#app .module.scheduledTasksQuickEdit .hint {
  color: #999;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
  background: white;
  padding: 10px;
  display: none;
}
#app .module.scheduledTasksQuickEdit .hint a {
  color: #666;
  margin: 5px;
}
#app .module.scheduledTasksQuickEdit .hint a .fa {
  margin-right: 5px;
}
#app .module.scheduledTasksQuickEdit .hint a:hover {
  color: #333 !important;
}
#app .module.scheduledTasksQuickEdit .hint h4 {
  font-weight: 300;
  margin-bottom: 10px;
}
#app .module.scheduledTasksQuickEdit .hint ul {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  max-height: 200px;
  overflow: scroll;
}
#app .module.scheduledTasksQuickEdit .hint ul li {
  border-top: 1px solid #eee;
  padding-top: 4px;
  margin-bottom: 8px;
}
#app .module.scheduledTasksQuickEdit .hint ul li div {
  vertical-align: middle;
}
#app .module.scheduledTasksQuickEdit .hint .tools,
#app .module.scheduledTasksQuickEdit .hint .task {
  display: inline-block;
}
#app .module.scheduledTasksQuickEdit .hint .task {
  max-width: 500px;
  width: 500px;
}
#app .module.scheduledTasksQuickEdit .hint .cron span {
  border: 1px solid #bbb;
  font-size: 9px;
  padding: 0 2px;
}
#app .module.scheduledTasksQuickEdit .hint .cron span.period {
  margin: 0 -1px 0 5px;
  background: #333;
  color: white;
  border: 1px solid #333;
}
#app .module.scheduledTasksQuickEdit .hint .cron span.period:first-child {
  margin-left: 0;
}
#app .module.scheduledTasksQuickEdit .hint .method {
  color: #777;
}
#app .module.scheduledTasksQuickEdit .hint .method strong {
  font-weight: 500;
  color: #000;
}
#app .module.schedulerForm {
  display: none;
}
#app .module.schedulerForm .toplayer {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 1000;
  padding: 20px;
}
#app .module.schedulerForm .cronSelector {
  background: white;
  padding: 20px;
}
#app .module.schedulerForm .cronSelector h2 {
  margin-bottom: 30px;
  font-weight: 200;
}
#app .module.schedulerForm .cronSelector h4 {
  text-transform: capitalize;
  margin-top: 25px;
}
#app .module.schedulerForm .cronSelector ul li a {
  padding: 5px 7px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin: 0 0 0 -1px;
  float: left;
}
#app .module.schedulerForm .cronSelector ul li a:hover,
#app .module.schedulerForm .cronSelector ul li a.selected {
  background: #333;
  color: #fff;
}
#app .module.schedulerForm .cronSelector ul.any li:first-child:after {
  content: "or:";
  float: left;
  padding: 5px 7px;
}
#app .module.schedulerForm .cronSelector ul:after {
  content: " ";
  clear: both;
  display: table;
}
#app .module.schedulerForm .cronSelector div {
  margin: 10px 0;
}
#app .module.schedulerForm .close {
  float: right;
  padding: 5px 8px;
  border: 1px solid #333;
}
.ui-modal > .content > div {
  border-radius: 4px;
}
.ui-modal > .content > div.default {
  margin: 50px 0;
  top: 0;
  left: 50px;
  right: 50px;
}
.ui-modal > .content > div.version-diff {
  left: 40px;
  right: 40px;
  margin-left: 0;
  transform: none;
  top: 40px;
  padding-bottom: 40px;
}
.ui-modal > .content > div.version-diff .diff-versions {
  display: flex;
}
.ui-modal > .content > div.version-diff .diff-versions > div {
  width: 50%;
}
.ui-modal > .content > div.version-diff .diff-segments li {
  margin: 20px 0;
}
.ui-modal > .content > div.version-diff .diff-segments li > span {
  display: block;
  padding: 0 12px;
  margin-bottom: 4px;
}
.ui-modal > .content > div.version-diff .diff-segments li > div {
  display: flex;
}
.ui-modal > .content > div.version-diff .diff-segments li .version {
  width: 50%;
  margin-bottom: 1px;
}
.ui-modal > .content > div.version-diff .diff-segments li .version:first-child {
  margin-right: 2px;
}
.ui-modal > .content > div.version-diff .diff-segments li .version:last-child {
  margin-left: 2px;
}
.ui-modal > .content > div.version-diff .diff-segments li .version.segment-missing .criteria {
  background: pink;
}
.ui-modal > .content > div.version-diff .diff-segments li .version .criteria {
  min-height: 32px;
  background: #634973;
  display: block;
  line-height: 24px;
  padding: 4px 12px;
  border-radius: 4px;
}
.ui-modal > .content > div.version-diff .diff-segments li .version .criteria .label {
  cursor: text;
  left: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 250px);
  height: 30px;
  font-weight: 300;
  color: white;
  white-space: nowrap;
}
.ui-modal > .content > div.version-diff .diff-segments li .version .criteria .label strong {
  font-weight: bold;
  padding-right: 6px;
}
.ui-modal > .content > div.version-diff .diff-segments li .version .criteria .label .type {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  color: #bbb;
  height: 17px;
  width: 17px;
  border: 1px solid #ccc;
  line-height: 17px;
  text-align: center;
  border-radius: 50%;
  margin-right: 3px;
}
.ui-modal > .content > div.version-diff .diff-segments li .version .criteria .label .condition {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  padding: 2px 4px;
  color: #fffacb;
}
.ui-modal > .content > div.version-diff .diff-segments li .version .criteria .label .exclusion {
  color: #C93956;
}
.ui-modal > .content > div.version-diff .diff-segments li .version .criteria .label .wildcard {
  font-weight: 500;
  margin: 0 1px;
  color: #C93956;
}
.ui-modal > .content > div.schedule {
  width: 95%;
  top: 0;
  left: 2.5%;
  margin-left: 0;
  margin-top: 50px;
  margin-bottom: 50px;
  transform: translateY(0%);
}
.ui-modal > .content > div .what {
  margin-top: 10px;
}
.ui-modal > .content > div .what a.tabLikeBtn {
  width: 100%;
}
.ui-modal > .content > div .what .ui-form-caption strong:after {
  content: 'INCLUDE IN THE REPORT';
}
.ui-modal > .content > div .what ul.addedReports li {
  line-height: 30px;
  margin-bottom: 10px;
  display: inline-block;
}
.ui-modal > .content > div .what ul.addedReports li > div {
  font-weight: 100;
  display: inline-block;
  border: 1px solid;
  padding: 0 10px;
  border-radius: 6px;
  background: #634973;
  color: white;
  font-size: 18px;
}
.ui-modal > .content > div .what ul.addedReports li > div a {
  margin-right: 10px;
}
.ui-modal > .content > div .what ul.addedReports li > div a:hover {
  color: white;
}
.ui-modal > .content > div ul.removableTags li {
  float: left;
  background: #f0f2eb;
  padding: 3px 6px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-right: 5px;
}
.ui-modal > .content > div ul.removableTags li > a {
  margin-left: 4px;
  cursor: pointer;
}
.ui-modal > .content > div .when .ui-form-caption strong:after {
  content: 'SCHEDULE THE REPORT TO RUN';
}
.ui-modal > .content > div .when .response {
  clear: both;
}
.ui-modal > .content > div .recepients .ui-form-caption strong:after {
  content: 'SEND THE REPORT SUMMARY TO';
}
.ui-modal > .content > div.filter {
  width: 95%;
  top: 0;
  left: 2.5%;
  margin-left: 0;
  margin-top: 50px;
  margin-bottom: 50px;
  transform: translateY(0%);
}
.ui-modal > .content > div.filter .header:before,
.ui-modal > .content > div.filter .session:before,
.ui-modal > .content > div.filter .header:after,
.ui-modal > .content > div.filter .session:after {
  content: " ";
  display: table;
}
.ui-modal > .content > div.filter .header:after,
.ui-modal > .content > div.filter .session:after {
  clear: both;
}
.ui-modal > .content > div.filter .header:before,
.ui-modal > .content > div.filter .session:before,
.ui-modal > .content > div.filter .header:after,
.ui-modal > .content > div.filter .session:after {
  content: " ";
  display: table;
}
.ui-modal > .content > div.filter .header:after,
.ui-modal > .content > div.filter .session:after {
  clear: both;
}
.ui-modal > .content > div.filter .header .a {
  width: 190px;
  float: left;
}
.ui-modal > .content > div.filter .header .b > div {
  float: left;
}
.ui-modal > .content > div.filter .header .b .ui-form-group {
  padding-left: 110px;
}
.ui-modal > .content > div.filter .header .b,
.ui-modal > .content > div.filter .header .c {
  width: calc(100% - 190px);
  float: left;
}
.ui-modal > .content > div.filter .header .b .ui-form-group {
  width: 50%;
  float: left;
  padding-left: 10px;
}
.ui-modal > .content > div.filter .groups .group .ui-form-caption strong:after {
  content: 'And';
}
.ui-modal > .content > div.filter .groups .group:first-child .ui-form-caption strong:after {
  content: 'Filter visits';
}
.ui-modal > .content > div.filter .groups .group {
  position: relative;
}
.ui-modal > .content > div.filter .groups .group .groupCondition {
  position: absolute;
  top: 61px;
  right: 0;
  width: 65px;
}
.ui-modal > .content > div.filter .groups .group .alert {
  padding: 6px;
  border: 1px dotted red;
}
.ui-modal > .content > div.filter .groups .group .alert i.fa {
  color: red;
  margin-right: 20px;
}
.ui-modal > .content > div.filter .groups .group .alert .datapoint {
  line-height: 24px;
  margin: 0 5px;
  color: white;
  background-color: red;
  border: 1px solid red;
  border-radius: 3px;
  padding: 5px 6px 4px;
}
.ui-modal > .content > div.filter .groups .group .alert .datapoint:first-child {
  margin: 0 5px 0 0;
}
.ui-modal > .content > div.filter .groups .group .alert .datapoint .type {
  color: #bbb;
  background-color: white;
  height: 17px;
  width: 17px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  line-height: 17px;
  text-transform: uppercase;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: center;
  border-radius: 50%;
  margin-right: 3px;
  font-weight: 300;
}
.ui-modal > .content > div.filter .session .a .a,
.ui-modal > .content > div.filter .session .bb .d,
.ui-modal > .content > div.filter .session .bb .e {
  padding-top: 30px;
}
.ui-modal > .content > div.filter .session .a {
  width: 190px;
  float: left;
}
.ui-modal > .content > div.filter .session .a .a {
  width: 80px;
}
.ui-modal > .content > div.filter .session .a .b {
  width: 110px;
  padding-left: 10px;
}
.ui-modal > .content > div.filter .session .b {
  width: calc(100% - 190px);
  float: left;
}
.ui-modal > .content > div.filter .session .b .c {
  padding-left: 10px;
}
.ui-modal > .content > div.filter .session .b .aa {
  width: calc(100% - 115px);
  float: left;
}
.ui-modal > .content > div.filter .session .b .aa .c .row > div {
  padding-right: 10px;
}
.ui-modal > .content > div.filter .session .b .aa .c .row > div:last-child {
  padding-right: 0;
}
.ui-modal > .content > div.filter .session .b .aa .d {
  width: 30px;
  margin-left: 10px;
}
.ui-modal > .content > div.filter .session .b .aa .e {
  display: none;
  width: 30px;
  margin-left: 5px;
}
.ui-modal > .content > div.filter .session .b .bb {
  float: left;
  width: 115px;
  padding-left: 10px;
}
.ui-modal > .content > div.filter .session .b .bb > div {
  float: left;
}
.ui-modal > .content > div.filter .session .b .bb .e {
  display: block;
  padding-left: 10px;
}
.ui-modal > .content > div.filter .session .b .f {
  width: 30px;
  margin-left: 5px;
}
.ui-modal > .content > div.filter .event-guide .help-hidden table {
  display: none !important;
}
.ui-modal > .content > div.filter .event-guide .help-hidden .hide-help {
  display: none;
}
.ui-modal > .content > div.filter .event-guide .help-hidden .show-help {
  display: block;
}
.ui-modal > .content > div.filter .event-guide .hide-help {
  display: block;
}
.ui-modal > .content > div.filter .event-guide .show-help {
  display: none;
}
.ui-modal > .content > div.filter .event-guide table {
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #ccc;
  margin-bottom: 8px;
}
.ui-modal > .content > div.filter .event-guide td,
.ui-modal > .content > div.filter .event-guide th {
  vertical-align: baseline;
  text-align: left;
  padding: 5px 10px;
}
.ui-modal > .content > div.filter .event-guide td {
  border-top: 1px solid #ccc;
}
.ui-modal > .content > div.filter .event-guide td:nth-child(3),
.ui-modal > .content > div.filter .event-guide th:nth-child(3) {
  font-weight: bold;
  width: 50%;
}
.ui-modal > .content > div.filter .event-guide td:nth-child(4),
.ui-modal > .content > div.filter .event-guide th:nth-child(4) {
  width: 50%;
}
.ui-modal > .content > div.filter .event-guide td:nth-child(5),
.ui-modal > .content > div.filter .event-guide th:nth-child(5) {
  width: 60px;
  max-width: 60px;
}
.ui-modal > .content > div.filter .event-guide th {
  font-size: small;
  font-weight: normal;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
}
.ui-modal > .content > div.filter .event-guide [datapoint-addon="br"] td {
  text-transform: uppercase;
}
.ui-modal > .content > div.filter .event-guide [datapoint-addon="example"][first-addon="true"] td:before {
  content: '';
  font-size: small;
  color: rgba(0, 0, 0, 0.5);
}
.ui-modal > .content > div.filter .event-guide p {
  margin-bottom: 5px;
}
.ui-modal > .content > div.filter .event-guide p:last-child {
  margin-bottom: 0;
}
.ui-modal > .content > div.filter .event-guide em {
  font-weight: bold;
  color: #c93956;
  font-style: normal;
  padding: 0 1px;
  font-size: 13px;
  line-height: 12px;
}
.ui-modal > .content > div.filter .event-guide [datapoint-addon="example"]:hover td,
.ui-modal > .content > div.filter .event-guide [datapoint-addon="query-example"]:hover td {
  background: #f0f2eb;
  white-space: initial;
}
.ui-modal > .content > div.filter .event-guide [datapoint-addon="example"] td,
.ui-modal > .content > div.filter .event-guide [datapoint-addon="query-example"] td {
  border-top: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ui-modal > .content > div.filter .event-guide [datapoint-addon="example"] td .example,
.ui-modal > .content > div.filter .event-guide [datapoint-addon="query-example"] td .example,
.ui-modal > .content > div.filter .event-guide [datapoint-addon="example"] td .query-example,
.ui-modal > .content > div.filter .event-guide [datapoint-addon="query-example"] td .query-example {
  font-weight: normal;
  background: #FFFFFF;
  padding: 1px 3px;
  border-radius: 2px;
  border: 1px #aaa solid;
}
.ui-modal > .content > div.filter .event-guide [datapoint-addon="example"] td .example.matched,
.ui-modal > .content > div.filter .event-guide [datapoint-addon="query-example"] td .example.matched,
.ui-modal > .content > div.filter .event-guide [datapoint-addon="example"] td .query-example.matched,
.ui-modal > .content > div.filter .event-guide [datapoint-addon="query-example"] td .query-example.matched {
  background: #C93956;
  color: white;
  border: 1px #C93956 solid;
}
.ui-modal > .content > div.filter .event-guide .examples-toggler .fa-chevron-up,
.ui-modal > .content > div.filter .event-guide .examples-toggler .fa-chevron-down {
  margin-right: 5px;
}
.ui-modal > .content > div.filter .event-guide .examples-toggler .fa-chevron-up {
  display: none;
}
.ui-modal > .content > div.filter .event-guide .examples-toggler.toggled .fa-chevron-up {
  display: inline-block;
}
.ui-modal > .content > div.filter .event-guide .examples-toggler.toggled .fa-chevron-down {
  display: none;
}
.ui-modal > .content > div.filter .event-guide [addon-for="query-example"] .toggled:after {
  content: "Expand Datapoint Examples and hover over a query to see which datapoint examples match it.";
  display: block;
  text-transform: none;
  margin: 10px 0;
  color: #666;
  font-size: 12px;
}
@media (max-width: 1023px) {
  .ui-modal > .content > div.filter {
    left: 0;
    right: 0;
  }
  .ui-modal > .content > div.filter .header .a {
    display: none;
  }
  .ui-modal > .content > div.filter .header .b {
    width: 100%;
  }
  .ui-modal > .content > div.filter .header .b > .ui-form-group {
    width: 100%;
    padding-left: 0;
  }
  .ui-modal > .content > div.filter .header .b > .ui-form-group:last-child {
    display: none;
  }
  .ui-modal > .content > div.filter .session {
    margin-bottom: 20px;
    border-bottom: 1px solid #9999;
    padding-bottom: 20px;
  }
  .ui-modal > .content > div.filter .session > .b {
    width: 100%;
  }
  .ui-modal > .content > div.filter .session > .b .c {
    padding-left: 0;
  }
  .ui-modal > .content > div.filter .session > .b .c .aa {
    width: 100%;
  }
  .ui-modal > .content > div.filter .session > .b .c .aa div[data-point="a"] > div:first-child,
  .ui-modal > .content > div.filter .session > .b .c .aa div[data-point="m"] > div:first-child,
  .ui-modal > .content > div.filter .session > .b .c .aa div[data-point="a"] > div:nth-child(2),
  .ui-modal > .content > div.filter .session > .b .c .aa div[data-point="m"] > div:nth-child(2) {
    width: 50% !important;
  }
  .ui-modal > .content > div.filter .session > .b .c .aa div[data-point="a"] > div:nth-child(3),
  .ui-modal > .content > div.filter .session > .b .c .aa div[data-point="m"] > div:nth-child(3) {
    width: 100% !important;
  }
  .ui-modal > .content > div.filter .session > .b .c .aa div[data-point="e"] > div:nth-child(2) {
    width: 100% !important;
  }
  .ui-modal > .content > div.filter .session > .b .c .aa div[data-point="e"] > div:nth-child(3) {
    width: 50% !important;
  }
  .ui-modal > .content > div.filter .session > .b .c .aa .event-guide {
    width: 100%;
    clear: both;
    padding: 10px 0;
  }
  .ui-modal > .content > div.filter .session > .b .bb {
    padding-left: 0;
    width: 100%;
  }
  .ui-modal > .content > div.filter .groups .group .groupCondition {
    top: 280px;
  }
}
.ui-modal > .content > div.filters {
  width: 95%;
  top: 0;
  left: 2.5%;
  margin-left: 0;
  margin-top: 50px;
  margin-bottom: 50px;
  transform: translateY(0%);
}
.ui-modal > .content > div.filters .breadcrumbs {
  display: none;
}
.ui-modal > .content > div.filters .ui-form-actions {
  display: block;
}
.ui-modal > .content > div.filters th.checkbox,
.ui-modal > .content > div.filters td.checkbox {
  display: table-cell;
}
.ui-modal > .content > div.filters .criteria {
  padding: 0;
}
.ui-modal > .content > div.filters .criteria:not(.show-all-rows) .toggle-all-rows:not(.all-rows-visible) {
  display: block;
  text-align: center;
}
.ui-modal > .content > div.filters .criteria:not(.show-all-rows) .list-container {
  max-height: 700px;
  overflow: hidden;
}
.ui-modal > .content > div .versions table {
  width: 100%;
  margin: 40px 0;
}
.ui-modal > .content > div .versions table td,
.ui-modal > .content > div .versions table th {
  line-height: 18px;
  text-align: left;
  padding-right: 10px;
}
.ui-modal > .content > div .import {
  display: none;
}
.ui-modal > .content > div.set-create-new .import {
  display: block;
  margin-top: 20px;
}
.ui-modal > .content > div .import .ui-form-group {
  display: none;
}
.ui-modal > .content > div .import.toggled .ui-form-group {
  display: block;
  margin-top: 10px;
}
.ui-modal > .content > div .alert {
  max-width: 470px;
  color: #C93956;
  margin: 10px 0;
}
#app .loader {
  z-index: 1000;
}
.ui-modal > .bg {
  z-index: 100;
}
.ui-modal > .content {
  z-index: 150;
}
#app .panel header {
  z-index: 50;
}
a.tabLikeBtn,
button.tabLikeBtn,
.actions a {
  display: inline-block;
  line-height: 28px;
  padding: 0 0 0 10px;
  text-align: center;
  cursor: pointer;
  font-weight: 300;
  font-size: 11px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0);
  color: #333333;
  transition: all 0.5s ease;
  border-radius: 2px;
}
a.progressbar {
  display: none;
  position: relative;
  width: 0;
  text-align: left;
  margin-left: -3px;
  color: black;
  padding-left: 0px;
  transition: all 0.5s ease;
}
a.progressbar .progress {
  position: relative;
  color: #242019;
  z-index: 1;
}
a.progressbar .bar {
  background-color: white;
  position: absolute;
  height: 21px;
  display: inline-block;
  width: 20px;
  left: -3px;
  top: 0;
  width: 0;
  margin: 2px;
}
a.violet {
  background: #634973;
  color: white;
  border: 1px solid #634973;
  text-transform: uppercase;
  padding: 0 10px;
}
a.purple,
button.purple {
  background: #C93956;
  color: white;
  border: 1px solid #C93956;
  text-transform: uppercase;
  padding: 0 10px;
}
a.purple:hover,
button.purple:hover {
  background: #634973;
  color: white;
  border: 1px solid #634973;
}
a.white,
button.white {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0 10px;
}
a.purple.muted,
button.muted {
  background: rgba(0, 0, 0, 0.2) !important;
  border: 1px solid rgba(0, 0, 0, 0) !important;
  padding: 0 10px;
}
a.purple.muted:hover,
button.muted:hover {
  background: #C93956 !important;
}
a.inactive {
  opacity: 0.35 !important;
}
a.tabLikeBtn.fa {
  width: 30px;
  overflow: hidden;
  text-align: center;
  padding: 0;
  font-size: 15px;
}
.actions a:hover {
  color: #C93956;
}
.actions a.purple:hover {
  color: #fffacb;
  background: #242019;
}
.stackedBtns .tabLikeBtn {
  border-left: 1px dotted #f0f2eb !important;
}
.counter {
  font-size: 10px;
  background: white;
  display: inline-block;
  padding: 0 3px;
  border-radius: 5px;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.3);
  line-height: 12px;
  vertical-align: text-bottom;
}
i.ab-test {
  background: #242019;
  color: white;
  font-style: normal;
  border-radius: 2px;
  font-size: 9px;
  font-weight: 500;
  vertical-align: middle;
  display: inline-block;
  line-height: 10px;
  padding: 0 1px;
  margin-bottom: 2px;
}
.selected > i.ab-test {
  background: white;
  color: #242019;
}
/* UI visibility based on permissions*/
/* navigation */
.submenu li.edit-settings,
.submenu li.edit-data {
  display: none;
}
/* workspace list */
.top a[data-action="new-set"],
.top span[data-value="scheduled"],
.top span[data-value="datafeeds"],
.top span[data-value="recent"],
.top span[data-value="my"],
.top span[data-value="all"],
.top span[data-value="tests"],
.top span[data-value="triggers"] {
  display: none;
}
/* workspace */
.workspace-actions {
  display: none;
}
.user-can-edit-settings .submenu li.edit-settings {
  display: block;
}
.user-can-edit span[data-value="datafeeds"],
.user-can-edit span[data-value="scheduled"] {
  display: inline-block;
}
.user-can-edit .workspace-actions,
.user-can-edit-triggers .workspace-actions {
  display: block;
}
.user-can-edit .submenu li.edit-data,
.user-can-edit-triggers .submenu li.edit-data {
  display: block;
}
.user-can-edit .top a[data-action="new-set"],
.user-can-edit-triggers .top a[data-action="new-set"] {
  display: block;
}
.user-can-edit .top span[data-value="recent"],
.user-can-edit-triggers .top span[data-value="recent"],
.user-can-edit .top span[data-value="my"],
.user-can-edit-triggers .top span[data-value="my"],
.user-can-edit .top span[data-value="all"],
.user-can-edit-triggers .top span[data-value="all"] {
  display: inline-block;
}
.user-can-edit-triggers span[data-value="tests"],
.user-can-publish-triggers span[data-value="tests"],
.user-can-edit-triggers span[data-value="triggers"],
.user-can-publish-triggers span[data-value="triggers"] {
  display: inline-block;
}
body[fullscreen="true"] {
  max-height: 100vh;
  overflow: hidden;
}