@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);@import url(https://fonts.googleapis.com/css?family=Open+Sans);@font-face {
  font-family: 'fontello';
  src: url(/leo_botmon/3.0.6.1727368738869/bb43ff238abb8486bef7663a458dacd2.eot);
  src: url(/leo_botmon/3.0.6.1727368738869/bb43ff238abb8486bef7663a458dacd2.eot#iefix) format('embedded-opentype'),
       url(/leo_botmon/3.0.6.1727368738869/images/fontello.woff2) format('woff2'),
       url(/leo_botmon/3.0.6.1727368738869/images/fontello.woff) format('woff'),
       url(/leo_botmon/3.0.6.1727368738869/3c5ec2ab6776356704c8ff2753b1055c.ttf) format('truetype'),
       url(/leo_botmon/3.0.6.1727368738869/630be7c33a24e4520cf3609343f79b57.svg#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?19534639#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-search:before { content: '\a801'; } /* 'ꠁ' */
.icon-plus:before { content: '\e800'; } /* '' */
.icon-minus-circled:before { content: '\e801'; } /* '' */
.icon-flash:before { content: '\e802'; } /* '' */
.icon-gauge:before { content: '\e803'; } /* '' */
.icon-buffer:before { content: '\e804'; } /* '' */
.icon-list-bullet:before { content: '\e805'; } /* '' */
.icon-sort:before { content: '\e806'; } /* '' */
.icon-sort-down:before { content: '\e807'; } /* '' */
.icon-sort-up:before { content: '\e808'; } /* '' */
.icon-tag:before { content: '\e809'; } /* '' */
.icon-login:before { content: '\e80a'; } /* '' */
.icon-logout:before { content: '\e80b'; } /* '' */
.icon-flow-cascade:before { content: '\e80c'; } /* '' */
.icon-bot:before { content: '\e80d'; } /* '' */
.icon-target:before { content: '\e80e'; } /* '' */
.icon-doc-text:before { content: '\e80f'; } /* '' */
.icon-bug:before { content: '\e810'; } /* '' */
.icon-stopwatch:before { content: '\e811'; } /* '' */
.icon-fast-bw:before { content: '\e812'; } /* '' */
.icon-sort-numeric:before { content: '\e813'; } /* '' */
.icon-history:before { content: '\e814'; } /* '' */
.icon-clock:before { content: '\e815'; } /* '' */
.icon-hourglass:before { content: '\e816'; } /* '' */
.icon-down-open:before { content: '\e817'; } /* '' */
.icon-up-open:before { content: '\e818'; } /* '' */
.icon-cancel:before { content: '\e819'; } /* '' */
.icon-pause:before { content: '\e81a'; } /* '' */
.icon-stop:before { content: '\e81b'; } /* '' */
.icon-play:before { content: '\e81c'; } /* '' */
.icon-fast-fw:before { content: '\e81d'; } /* '' */
.icon-list-alt:before { content: '\e81e'; } /* '' */
.icon-database:before { content: '\e81f'; } /* '' */
.icon-zoom-in:before { content: '\e820'; } /* '' */
.icon-zoom-out:before { content: '\e821'; } /* '' */
.icon-left-open:before { content: '\e822'; } /* '' */
.icon-right-open:before { content: '\e823'; } /* '' */
.icon-menu:before { content: '\e824'; } /* '' */
.icon-filter:before { content: '\e825'; } /* '' */
.icon-book:before { content: '\e826'; } /* '' */
.icon-cogs:before { content: '\e827'; } /* '' */
.icon-cog:before { content: '\e828'; } /* '' */
.icon-upload:before { content: '\e829'; } /* '' */
.icon-help-circled:before { content: '\e82a'; } /* '' */
.icon-chart:before { content: '\e82b'; } /* '' */
.icon-layout-horizontal:before { content: '\e82c'; } /* '' */
.icon-layout-left:before { content: '\e82d'; } /* '' */
.icon-layout-right:before { content: '\e82e'; } /* '' */
.icon-layout-vertical:before { content: '\e82f'; } /* '' */
.icon-edit:before { content: '\e830'; } /* '' */
.icon-refresh:before { content: '\e831'; } /* '' */
.icon-ok:before { content: '\e832'; } /* '' */
.icon-comment:before { content: '\e833'; } /* '' */
.icon-right-fat:before { content: '\e834'; } /* '' */
.icon-ccw:before { content: '\e835'; } /* '' */
.icon-download:before { content: '\e836'; } /* '' */
.icon-pin:before { content: '\e837'; } /* '' */
.icon-attention:before { content: '\e838'; } /* '' */
.icon-cancel-circled:before { content: '\e839'; } /* '' */
.icon-info-circled:before { content: '\e83a'; } /* '' */
.icon-archive:before { content: '\e83b'; } /* '' */
.icon-calendar:before { content: '\e83c'; } /* '' */
.icon-volume-off:before { content: '\e83d'; } /* '' */
.icon-volume-low:before { content: '\e83e'; } /* '' */
.icon-left-dir:before { content: '\e83f'; } /* '' */
.icon-right-dir:before { content: '\e840'; } /* '' */
.icon-down-dir:before { content: '\e841'; } /* '' */
.icon-up-dir:before { content: '\e842'; } /* '' */
.icon-plus-circled:before { content: '\e843'; } /* '' */
.icon-flow-branch:before { content: '\e844'; } /* '' */
.icon-pencil:before { content: '\e845'; } /* '' */
.icon-infinity:before { content: '\e846'; } /* '' */
.icon-clipboard:before { content: '\e847'; } /* '' */
.icon-bell:before { content: '\e848'; } /* '' */
.icon-bookmark-empty:before { content: '\e849'; } /* '' */
.icon-bookmark:before { content: '\e84a'; } /* '' */
.icon-resize-vertical:before { content: '\e84b'; } /* '' */
.icon-layout:before { content: '\e84c'; } /* '' */
.icon-key:before { content: '\e84d'; } /* '' */
.icon-sdk:before { content: '\e8ac'; } /* '' */
.icon-share:before { content: '\f129'; } /* '' */
.icon-exclamation:before { content: '\f12a'; } /* '' */
.icon-calendar-empty:before { content: '\f133'; } /* '' */
.icon-bullseye:before { content: '\f140'; } /* '' */
.icon-ellipsis:before { content: '\f141'; } /* '' */
.icon-minus-squared:before { content: '\f146'; } /* '' */
.icon-map-o:before { content: '\f278'; } /* '' */
.icon-map:before { content: '\f279'; } /* '' *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
  line-height: 1.25em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*
		DO NOT EDIT THIS FILE
	*/
.outline-all *,
.outline-all {
  outline: 1px solid orange;
}
.fill-space {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.no-drag {
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -ms-user-drag: none;
  user-drag: none;
}
.no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.no-wrap {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pre-wrap {
  white-space: pre-wrap;
}
.flex-box {
  display: flex;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-grow {
  flex-grow: 1;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-auto {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  overflow-y: auto;
  min-height: 0px;
}
.flex-wrap {
  flex-wrap: wrap;
}
.space-between,
.flex-spread {
  justify-content: space-between;
}
.space-around,
.flex-space {
  justify-content: space-around;
}
.flex-align-middle {
  align-items: center;
  justify-content: center;
  display: flex;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.stroke-above {
  border-top: 1px solid;
}
.stroke-below {
  border-bottom: 1px solid;
}
.stroke-left {
  border-left: 1px solid;
}
.stroke-right {
  border-right: 1px solid;
}
.border-box {
  box-sizing: border-box;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.pull-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.force-left {
  float: left;
  height: 0;
}
.force-right {
  float: right;
  height: 0;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-top {
  vertical-align: top;
}
.text-middle {
  vertical-align: middle;
}
.text-bottom {
  vertical-align: bottom;
}
.text-sub {
  vertical-align: sub;
}
.text-super {
  vertical-align: super;
}
.text-small {
  font-size: 80%;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-normal {
  text-transform: none;
}
.text-bold {
  font-weight: bold;
}
.text-ellipsis {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.font-10em {
  font-size: 1em;
}
.font-11em {
  font-size: 1.1em;
}
.font-12em {
  font-size: 1.2em;
}
.font-15em {
  font-size: 1.5em;
}
.font-20em {
  font-size: 2em;
}
.font-dim {
  opacity: 0.6;
}
.valign-top {
  vertical-align: top;
}
.valign-middle {
  vertical-align: middle;
}
.valign-bottom {
  vertical-align: bottom;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.position-fixed {
  position: fixed;
}
.position-static {
  position: static;
}
.table-fixed {
  table-layout: fixed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-pointer label {
  cursor: inherit;
}
.align-middle {
  vertical-align: middle;
}
.align-middle:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.align-middle > * {
  display: inline-block;
  vertical-align: middle;
}
.text-danger {
  color: red;
}
.text-warning {
  color: orange;
}
.text-success {
  color: green;
}
.text-primary {
  color: lightskyblue;
}
.gray-out {
  filter: grayscale(25%);
  opacity: 0.5;
  font-weight: normal;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.clear-both {
  clear: both;
}
.clear-fix:after {
  content: "";
  display: table;
  clear: both;
}
/*.capitalize { text-transform: capitalize; }*/
.display-block {
  display: block !important;
}
.display-inline {
  display: inline;
}
.display-inline-block {
  display: inline-block !important;
}
.display-inline-table {
  display: inline-table;
}
.display-table-cell {
  display: table-cell;
}
.display-none {
  display: none;
}
.ignore-events,
.no-events {
  pointer-events: none;
}
.width-100px {
  width: 100px;
}
.width-125px {
  width: 125px;
}
.width-200px {
  width: 200px;
}
.width-250px {
  width: 250px;
}
.width-full,
.full-width,
.width-1-1 {
  width: 100%;
}
.width-1-2 {
  width: 50%;
}
.width-1-3 {
  width: 33%;
}
.width-2-3 {
  width: 66%;
}
.width-1-4 {
  width: 25%;
}
.width-3-4 {
  width: 75%;
}
.width-1-5 {
  width: 20%;
}
.width-2-5 {
  width: 40%;
}
.width-1-6 {
  width: 16.7%;
}
.width-5-6 {
  width: 83.3%;
}
.width-1-7 {
  width: 14.3%;
}
.width-1-8 {
  width: 12.5%;
}
.width-7-8 {
  width: 87.5%;
}
.width82 {
  width: 82%;
}
.width18 {
  width: 18%;
}
.height-full,
.full-height,
.height-1-1 {
  height: 100%;
}
.height-1-2 {
  height: 50%;
}
.height-1-2-dash {
  height: 49%;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
.height-1-3 {
  height: 33%;
}
.height-2-3 {
  height: 66%;
}
.height-1-4 {
  height: 25%;
}
.height-3-4 {
  height: 75%;
}
.height-1-5 {
  height: 20%;
}
.height-2-5 {
  height: 40%;
}
.height-3-5 {
  height: 60%;
}
.height-4-5 {
  height: 80%;
}
.height-1-6 {
  height: 16%;
}
.padding-0 {
  padding: 0 !important;
}
.padding-1 {
  padding: 1px;
}
.padding-2 {
  padding: 2px;
}
.padding-3 {
  padding: 3px;
}
.padding-4 {
  padding: 4px;
}
.padding-5 {
  padding: 5px;
}
.padding-8 {
  padding: 8px;
}
.padding-10 {
  padding: 10px;
}
.padding-20 {
  padding: 20px;
}
.padding-0-10 {
  padding: 0 10px;
}
.padding-0-20 {
  padding: 0 20px;
}
.padding-10-0 {
  padding: 10px 0;
}
.padding-20-0 {
  padding: 20px 0;
}
.margin-0 {
  margin: 0 !important;
}
.margin-1 {
  margin: 1px;
}
.margin-2 {
  margin: 2px;
}
.margin-3 {
  margin: 3px;
}
.margin-4 {
  margin: 4px;
}
.margin-5 {
  margin: 5px;
}
.margin-8 {
  margin: 8px;
}
.margin-10 {
  margin: 10px;
}
.margin-20 {
  margin: 20px;
}
.margin-30 {
  margin: 30px;
}
.margin-0-5 {
  margin: 0 5px;
}
.margin-0-10 {
  margin: 0 10px;
}
.margin-0-20 {
  margin: 0 20px;
}
.margin-5-0 {
  margin: 5px 0;
}
.margin-10-0 {
  margin: 10px 0;
}
.margin-20-0 {
  margin: 20px 0;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-right-10 {
  margin-right: 10px;
}
.fixed-width-icon {
  width: 1.28571429em;
  text-align: center;
}
.inline-table {
  display: inline-table;
  table-layout: fixed;
  border-spacing: 4px;
  border-collapse: separate;
}
.beta-feature {
  position: relative;
  background: repeating-linear-gradient(-45deg, white, white 20px, orange 21px, orange 22px);
}
.beta-feature > * {
  background: transparent;
}
.beta-feature:before {
  content: 'Beta Feature';
  font-weight: bold;
  font-size: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.5em -3em;
  color: rgba(0, 0, 0, 0.25);
  z-index: 1000;
}
.not-implimented {
  position: relative;
  opacity: 0.5;
  pointer-events: none;
  background: repeating-linear-gradient(-45deg, white, white 2px, gray 2px, gray 4px);
}
.not-implimented > * {
  background: transparent;
}
.not-implimented:before {
  content: 'not implimented';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.5em -7em;
  color: red;
}
.arrow-inset-up,
.arrow-inset-down,
.arrow-inset-left,
.arrow-inset-right {
  position: relative;
}
.arrow-inset-up:after,
.arrow-inset-down:after,
.arrow-inset-left:after,
.arrow-inset-right:after {
  content: '';
  border-width: 10px;
  border-style: solid;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
}
.arrow-inset-up:after {
  border-color: transparent transparent black transparent;
  left: 50%;
  margin-left: -10px;
  top: -5px;
}
.arrow-inset-down:after {
  border-color: black transparent transparent transparent;
  left: 50%;
  margin-left: -10px;
  bottom: -5px;
}
.arrow-inset-left:after {
  border-color: transparent black transparent transparent;
  left: -5px;
  top: 50%;
  margin-top: -10px;
}
.arrow-inset-right:after {
  border-color: transparent transparent transparent black;
  right: -5px;
  top: 50%;
  margin-top: -10px;
}
.arrow-up-left,
.arrow-up-right,
.arrow-down-left,
.arrow-down-right {
  position: relative;
}
.arrow-up-left:after,
.arrow-up-right:after,
.arrow-down-left:after,
.arrow-down-right:after {
  content: '';
  border-width: 10px;
  border-style: solid;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
}
.arrow-up-left:after,
.arrow-up-right:after {
  border-color: transparent transparent currentColor transparent;
  top: -20px;
}
.arrow-down-left:after,
.arrow-down-right:after {
  border-color: currentColor transparent transparent transparent;
  bottom: -20px;
}
.arrow-up-left:after,
.arrow-down-left:after {
  left: 20px;
}
.arrow-up-right:after,
.arrow-down-right:after {
  right: 20px;
}
.arrow-left-top,
.arrow-left-bottom,
.arrow-right-top,
.arrow-right-bottom {
  position: relative;
}
.arrow-left-top:after,
.arrow-left-bottom:after,
.arrow-right-top:after,
.arrow-right-bottom:after {
  content: '';
  border-width: 10px;
  border-style: solid;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
}
/* page header */
.page-header {
  box-sizing: border-box;
  font-size: 22px;
  padding: 0;
  text-align: left;
  height: 64px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.page-header .page-logo-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-header .page-logo {
  float: left;
  font-size: 16px;
  height: 64px;
  width: 64px;
  background: #000;
  opacity: 1;
}
.page-header .page-logo img {
  display: inline-block;
  margin: 17px 17px;
  width: 30px;
}
.page-header .page-title {
  display: inline-block;
  margin: 0 0 0 24px;
  height: 100%;
  line-height: 64px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.page-header .page-title .icon-down-open {
  font-size: 18px;
  margin: 0 10px;
  color: #9ACA41;
}
.page-header .page-nav {
  float: right;
  height: 100%;
}
.page-header .page-nav > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
  list-style: none;
}
.page-header .page-nav > ul:first-of-type {
  font-size: 16px;
}
.page-header .page-nav > ul:first-of-type > li {
  margin: 0 10px;
  height: 50px;
}
.page-header .page-nav > ul:first-of-type > li:last-of-type {
  padding-right: 40px;
  border-right: 1px solid #50555d;
}
.page-header .page-nav > ul > li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  white-space: nowrap;
}
.page-header .page-nav > ul > li:last-of-type {
  margin-right: 20px;
}
.page-header .page-nav > ul > li:last-of-type ul {
  right: 40px;
}
.page-header .page-nav > ul > li > a {
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  display: inline-block;
  padding: 0 11px 4px 8px;
  text-align: center;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
  max-width: 100%;
  line-height: 45px;
}
.page-header .page-nav > ul > li > a:hover:after,
.page-header .page-nav > ul > li > a.active:after {
  content: '';
  display: block;
  width: 80%;
  height: 4px;
  background: #4DA2D9;
  position: absolute;
  bottom: 0;
  left: 10%;
  margin: 0;
}
.page-header .page-nav > ul > li:hover > a,
.page-header .page-nav > ul > li > a.active {
  color: #4DA2D9;
}
.page-header .page-nav > ul > li:hover {
  color: #07D;
}
.page-main-wrapper {
  position: absolute;
  top: 64px;
  bottom: 0;
  left: 64px;
  right: 0;
}
.page-sub-header {
  height: 0;
  text-align: right;
}
.tz-select {
  position: relative;
  align-content: center;
}
.tz-select label {
  margin: 5px;
  font-size: medium;
  font-weight: bold;
}
.tz-select select {
  position: relative;
  text-align: center;
  font-size: medium;
  background-color: #2E2E2E;
  z-index: 100;
  border-radius: 4px;
  border-style: hidden;
}
.header-options {
  display: flex;
}
.page-sub-nav {
  padding-right: 5px;
  margin: 5px;
  font-size: 14px;
  white-space: nowrap;
}
.page-sub-nav > ul {
  margin: 0;
  padding: 0;
}
.page-sub-nav > ul > li {
  display: inline-block;
  padding: 10px 5px;
  width: 54px;
  height: 74px;
  box-sizing: border-box;
  text-align: center;
}
.page-sub-nav > ul > li > a {
  padding: 5px 5px 5px 5px;
  color: white;
  text-decoration: none;
  line-height: 24px;
  display: inline-block;
  text-align: center;
  xwidth: 36px;
  xheight: 34px;
}
.page-sub-nav > ul > li > a i {
  font-size: 24px;
  vertical-align: middle;
  position: relative;
  /*
					&.icon-bell:after {
						content: attr(data-count);
						display: block;
						color: white;
						border-radius: 50%;
						top: -1px;
						right: -6px;
						position: absolute;
						font-size: 14px;
						font-weight: bold;
						line-height: 19px;
						height: 20px;
						width: 20px;
						background-color: #EF6374;
					}
					*/
}
.page-sub-nav > ul > li > a i.icon-ellipsis,
.page-sub-nav > ul > li > a i.icon-ellipsis:before,
.page-sub-nav > ul > li > a i.icon-ellipsis:after {
  display: block;
  height: 6px;
  width: 6px;
  border: none;
  border-radius: 50%;
  background: #B7B7B7;
}
.page-sub-nav > ul > li > a i.icon-ellipsis {
  top: 5px;
}
.page-sub-nav > ul > li > a i.icon-ellipsis:before,
.page-sub-nav > ul > li > a i.icon-ellipsis:after {
  content: '';
  position: absolute;
  top: 0;
}
.page-sub-nav > ul > li > a i.icon-ellipsis:before {
  left: -10px;
}
.page-sub-nav > ul > li > a i.icon-ellipsis:after {
  right: -10px;
}
.page-sub-nav > ul > li:hover {
  xbackground: white;
  xborder-radius: 5px;
  xbox-shadow: 0 0 1px black;
  xz-index: 30;
}
.page-sub-nav > ul > li:hover > a > i {
  opacity: 0.6;
}
@media (max-width: 800px) {
  .page-header .page-nav {
    background: inherit;
  }
  .page-header .page-nav > ul {
    display: none;
    background: inherit;
    z-index: 100;
    position: relative;
  }
  .page-header .page-nav:before {
    content: '\e824';
    font-family: fontello;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 8px;
  }
  .page-nav.active ul {
    display: block;
  }
}
.dashboard-wrapper {
  padding: 16px 20px;
}
.dashboard-wrapper .leo-icon {
  display: inline-block;
  background-size: contain;
  height: 48px;
  width: 48px;
  vertical-align: middle;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABHNCSVQICAgIfAhkiAAAAGJ6VFh0UmF3IHByb2ZpbGUgdHlwZSBBUFAxAAB4nFXIsQ2AMAwAwd5TeIR3HBwyDkIBRUKAsn9BAQ1XnuztbKOveo9r60cTVVVVz5JrrmkBZl4GbhgJKF8t/ExEDQ8rHgYgD0i2FMl6UPBzAAAPu0lEQVR4nO2de3Rb1ZXGv32vbCsJjxKepcPQRYFOGSYshpD4IVmWUhgSXqulIdOBKYtXKWQakkCwJYcoBluyEzAhUMKiQAsDUwbK6hQGmFAiRZZkBwivTjO0BWZomQIhoTwSEsn2Pd/8YWdWEvS4V7pXUoh/f/ruc/bW+Xyf55y9Bfsg4U0n1bs/PuJcKu18Ec4A5KsAGgBkAb5NygsQ/lv2kM3/3vXX/zVc1WAtItUOwAphQmsY9F8ChS4ROaaYPcl3oCGcbY4/0CVQlYixXPYZQSLp1iZQXy2Q6dZb80UNakG7J7HB/sjspeYF6Uu1HK1Q3wfIxeX2ReKfdcl2tHvS79oRmxPUrCCr35jdsH1zdhHIThE5wK5+SW6HSM8BRzbctuCEZ7J29WsXNSlIb7rtfCqtH4LjzNgTVALZRvBAgWgm27wFYHHIE3+irGBtpqYE6Rtq/YYy9FWAnGnGnsDL0Iyb66bU/2rJKb/6bOVrZ0wZ+Wz4DCj9RgH+1pxXPqvpxsL2poHXy4ndLmpCkPArvi+5d2jLqTBfRFzF7EluEU1CmebY/bmensKE5h4MXEbFiIgcbqK/UYjcqbm15R3Tn/uk1N9hB1UVJExo7pT/CgLdZgdOhHeI29VlZuB6N37zYJVRy0H+k2mhgaUZT/zeaj0mV02Q3pTPQ2irATnVjD3BtdDUwlBz4rdWfUUGfX8Fpa0SyN+Za8FXSPww5I2nrfoql4oL0ve87y+MEW2lQP7ejD3BtzTIog5P7MlyffemAucq8DaBfM1UA+JnWr1xQ/vMxP+W69ssFRMkHPe5G+r06wEGBTK5mD3J7QJ2Z6Z+cJudnz9WvzG74bP3dy4kZKmZx2mCOwCJZkeMW7r8iYxdceSjIoJE020XgHLL+Den4ggfVMZoR2dr8j2nYuoZ8H5Z0129oHzPXAu+DcrioDf2C6diAhwWpCftO1mjdjsgAZNNXtBgXFvJTxx9KV+jGruXnW6uBWNK1LWdLYnfOBGPI4L0DzVOzRqTuwBcDUAvZk9gswg6OppjD4iATsRU0D8hvYOBS0j0CnCkiSYGgDXg8LKgN/WRnbHYKsijnKu/Obj1+0J0AzK1eAuOAFyVqdvR3TXzhU/tjKUUws/POMg9MnkpIAsBqStmT+BDCG88vvmwey6Uxww7YrBNkMiQ34dRWS2CaeZa8CndZSy6oXHgDbtisIsVG1pPMEb12wA524w9iV/DxQWhpniiXN9lC9I9GDhWN7ASgrlm7En8XhMs7PDEninXt9P0pgKzFbFKBCeasSf4qIbhJR2e9B9L9VmyIP1DjZOyo5PaCbSLiLuYPcFPhbwpM/WDO/alWbzwppPq3X8+4ocUWSaQg4rZk8wI0Nfg2tm3uGnDTqv+ShIkmm6bB8oKQP6yuDUJ4ieqTkKdjbHNpfirBXo2BI7URhiB4FJATIwb/6iAJZ2e+KNW/FgSZOwxVv8RgFYz9gSHRDOuDTYPvGjFTy0THWw9nUq/XSBNZuxJJjTB/A5PfJMZe9OCRFP+JQS6BVJvIox3RVR7e3Pi4Wo8xjoNCekb9F1Ean2AHF3UHhwWYGnQE19ZzLaoICSkN+W/EyLXmHEMkf7ssNHT5U9sL2a/rxOO+w5oqNc7QS429Y9K3hX0xucXMikqSCTtDwmlp3h4/CWoLQ561/13cdsvFtHkrOMgqh+Q84vZUtgZaolH8h0vKEh3yjddh74BBd+2+ToEC4Mt8WeLBfNFJ5r2nwliFSDfKGBmGDAal3oSG3MdLDj/rFG7BfnF+ITAosyImjYhxhjBlvizmRE1jcAiAPkm0PTxcc1J3jOkbygwQxl4PudB8iXDJecvbYr9yVLE+xHdQ4Gv6KP8JUROy3Vc0zGzvSn2wuf+nq9Dw+C8XH8n+V7dJHXWhBiFWdoU+xMxMhvg+7mO5xvfQpesnO8aFPZcPz2xtYQY9ztC3tQWBXbnOZxzfPMKIsDXc/69Xn+khNj2W/KNV77xLXCGyIF7/4XAh6EZ6z4sNbj9kdCMdR8SyDFmnx9foMhTVg6+8C97DmF63KwKMoHDTAhSYxRdzVcKkbT/alBuBrhOqH6c8SRi+8qGmWKsfO2MKaPbjbkgLwdwnBJ1dmdL4lW7+ndEECG+A+BQQC6E6Be60/63oyncb6jRny5tTb7jhE+niQ62ng5Dv2J02+h3x27IY+/UQr0NQG0LQkLfcwpHvgrgJk1zLY+k/P8B4L5D3Z8+edX0l0ac8G8X/UONU4fVpIuUkiugMK0Sq9gcESQf43s35gCY8+fMQR9E0oEHdfLedk/8d5WMoxAkJDLUFtAM7fKsgW8DaDAzP2gXFRVkT+QIIa5XkOujKX+K4L1Z97bHuqa/tKMa0fSlWo5WrLu0N6VdpgmOq9YydGfuIcB6AD4LLTwC8bgzB90RTQUeBnlv0Bt/yYnYdicc97kaGnAODO1yA5gjYm731S5IjsKFV+yMyZHH3qA3vpw62wiutdZSDgTwA4hsjKYDYSdi250Gl5YSpf9CRM4xuxUOGFtZAuBuo9440Y61WLvj2CVrPNBEdLD1VCq9Q4C55lZr7IJtALocCg8AICIzrdiPLWXCGleDWnXDjETOr7jl4vg9JNg88AqAedEhXycMvR3gJaaWaara2G43Bj8AsCo7Ra3pOjXxsZOeKnZTDzYl3gRwZV+qJWyg/jqBXAVgSqX8lwKBPxBq5SQ9c38pi95KoeJPWeOb9q+LJD29InVrALmg0jEUg2PnZzA7rPq7/InRSvqu2mNvyJva8ijnznszvTVpdtFZpRCwJ9iyfkU1fFf14+KF8pgh4I+qGUMu6txcXS3f1f/aq6nfVzuEPeG2ak5RV10QRamx71lS1a/SVRdkgj2ZEKTGmBCkxpgQpMaYEKTGmBCkxpgQpMbYbwUJszZ/e00GBQCC4nl5y2HK863mUjRVmJoVBILjosnAt5zqftTQr3Oq73Ko4iIHEwgfiCQDBxw66ZNH7FoyNJb2z1gmlKvs6M9uqi+IoTZT04Zz72KVA0Xw4IeZg+6OpAJbyvZFamqn8eXC+RdZ1Y+dVRekszX5Xk/aN1Oo3Z8v/+J4Brpjy3ZWdEqfD9e51cKy/ZRBTdxDOlsSr2ZG1AwCQQAVzzZN8h0RdU7QE7+42rvDakIQAOjyJ0ZDnlivBp4CMFUpv4Rak63/7OSOlvVPVcpnIap+ydqbdk/8dyRae1P+qyHozbfTqHz4BsW4PNQykHSm/9KomTNkd0TAoDd+l2D4ZIJP29y9AbIvM6Km1ZoYQA2eIbszngjs7Giq7SJAVgFyWHk98jWly2WdTfGXbQnQAWryDNmboGf9w+TISQAfL7ELA1RLMyNqemdTrGbFAGr8DNmdkDe1hcTcaLrtPoF2qaXGxD8Gvet/5lBotmLpDBHQoRusSf8C0qUFAZrOwUXw1aA3VlUxrIxbXkEI5kjbKlNv2egr8zpeHuNpAk2n9RDBrx0Mpyhj4/X5lLm5x7fQGULkLHCSzUjOHB2VIhz3uYHipS3+H+IoB8MpSt7xyjO+hVJr5Hw50yDLejYEzGR/doSGeu0ajNUsNInM6k35T3EsoAL0bAgcKZSc+1zyj28eDFF5cprIETLK57oHA+V/W7JINBmYC4U+i810BXkqOuQ73pGg8tA9GDhWRvlcgUI1Oe9rBb+2RZL+9SKSc2tapaudRZP+yyj4sZWdTnvCraIbgY6mgf+0N7I9MVNdjmQi5I235TpW8MdRUwtJ5lyOLyIHCBDdvjmzKZLyn2c5cgtEUoGFELkvlxgkMxT0QjhLgPMI/jx3L3KYMvRUJOm3tGvKWpz+87ZvzmwSIFpAjFFq+b8oF92lFE35lwBiYmm+M9XOokn/ckju6zDArRrUuXuXt+hJtc3XoN2Zp81OCM4JtsRjdsVopbocgSUhT8x6ir/diaT8twpkcVFnNlY7IyHRdKBfgDz/TXxXdOOsfJeg3rTvYkXtgdyXOI4Q+E65NQwtFx0D+0OeeMGpY/OJlJP+ayDSDxNPOCS3QENntjl+Xyk5Th7lXP2t1NZ7IHJZzv7B/xFdnTm+TS4vvem280l5LNeeRoJKE3VJR0viIavxlVCWLyPAdUFv/K5itpY2Vval/F9XwGqzhR9LqXY2lvz+qIfyV1vg61qdOtNsoa6ewbZZmpInAZmUuzvONzNQu4gk/S0iuMNKdTkduNZstoqSdrqWUu3McGFJscSZ4Y2nTXZnDv45gNm5u8HL4PBZIW/K0vx6X8rXaEBbm7+6AUNBTzxaqI+xLKNYCcF3zfgstbpcyVuPrRYPJrhDyEhmlLfmqnbWu/GbBzOjnkDeRP9MiVs/p9R7U89AYJqmcV3eT/hkX4cnHtw7V3047nM31GuLQXRaqS435ahJq0p5HSh7L7gd1c4iSc/hkLqn89VKJ7g26/702+XmQVmxofWE0VFXXICv5DG5O9MSm7/rvhdNBr4FYX8lq8vZtjnfarUzgus04FqpU58Yw/paEZyUx/LxzCGb/8GuIjDdA95jNM0Vz3e5pfBfCLVSqN0ikFnmeuWLGtQCO6rL2ZotYfzp43tWqp0R2JrPllA/Ob7l8CvtKri1i/EzMiaQk8vpZ1d1uUxz7EG7MuY5kr7CarWznAhv72iOL3Kq/sj4PetZADOst3auupyj+UQiyVknQtRtApljpR3Bm0KeuOPZgMIbT5vcsPPgIfOV5QCCT4PaopB3nSMrHCuS4MVqtTOA/yoYvqGcamfF6B7wHqNrrpWAufmdSlWXq1xx4k0n1Td8dNQCAZeZW2vFnRDpa9B2rLAz8Uv/UOOkrJp8A8j2vC+Le8axjZCbsoe8v7oS1eUqngLJarUzAn8QYknQG3usXN/RZGAuBSvF1DphkuBP6dKClawuV7WcVNHB1tOh9NWANJqxJ5kgZUFna8zyHHnPQGCaCFfnm9vJ4W0DNGNBNarLVTVJmNVqZwAMQt2Dev1GM0UBIi/MOhTDxs0C7fswUySZfA+Q9qAn9lC1qsvVRNa2EqqdfQSRZZkR4+5c+azCcZ/LXaf/AORNEDmkaHfj1eV0ZiPtnvS2En+GLdSEILu4Oe3/mou41Uy1MwAg+BsC0eEp6umuUxMfh1/xfan+M22OAEGzL30EnzAEi29sib9VXvT2UFOC7MJktbO9ycLCahSCv6XGhZ3N6y1mTnWWmlzba7La2d6YFeMTAouyI+pvak0MoEbPkN2JJD2HC+q6IbjSWprZvSEJ3lsnw0uXtAx+YF+E9lLzguwiOth66vhjssdqW5JpumRBra98B/YhQYDxRPmDvnlCrdvMbCXBt4RyY4cn9si+UiR5nxJkF+G4zzWpTp+twAsEaByfQGoAkAX4NoENGuTxnSPGM5VO81ou/wcHhbkIsCCfMAAAAABJRU5ErkJggg==');
}
.dashboard-wrapper h1 {
  margin: 0;
}
.dashboard-wrapper h1 img {
  max-width: 48px;
  max-height: 48px;
  vertical-align: middle;
}
.dashboard-wrapper h1 span {
  vertical-align: middle;
  font-size: 22px;
  color: #87C442;
  font-weight: normal;
  letter-spacing: 0.5px;
}
.dashboard-wrapper h2 {
  font-size: 18px;
  margin: 43px 0 19px 0;
  font-weight: normal;
  letter-spacing: -0.5px;
}
.dashboard-wrapper table {
  width: 100%;
}
.dashboard-wrapper th {
  text-align: left;
}
.dashboard-wrapper tbody > tr:first-child > th:first-child {
  border-top: 1px solid #ddd;
}
.dashboard-wrapper th.bot-name {
  color: #52BAE2;
  text-align: left;
  padding: 18px 6px 12px 6px;
}
.dashboard-wrapper th.event-name {
  color: orange;
  text-transform: uppercase;
  font-size: 12px;
  padding: 0px 20px;
  vertical-align: top;
  min-width: 100px;
}
.dashboard-wrapper td {
  padding: 0 4px 18px 0;
}
.dashboard-wrapper small {
  color: gray;
}
.dashboard-wrapper .unsubscribe {
  margin: 36px 0;
  padding: 18px 20px;
  background: #eee;
  font-size: 12px;
  color: gray;
}
.dashboard-wrapper a {
  color: blue;
  text-decoration: none;
  cursor: pointer;
}
.dashboard-wrapper a:hover {
  text-decoration: underline;
}
.dashboard-wrapper .timestamp {
  color: silver;
  font-size: smaller;
}
.theme-body-default {
  /* dialogs */
  /* theme icons */
  /* forms */
  /* buttons */
  /* */
  /* */
  /* */
  /* dropdowns */
  /* loading spinners */
  /* tables */
  /* fonts */
  /* tabs */
  /* tool tips */
  /* tool tips */
}
.theme-body-default .theme-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.6);
}
.theme-body-default .theme-modal .theme-dialog {
  position: static;
}
.theme-body-default .theme-dialog {
  position: fixed;
  z-index: 1000;
  box-sizing: border-box;
  padding: 10px;
  margin: 0;
  min-width: 33vw;
  max-width: calc(100% - 20px);
  /* 98vw; */
  display: table;
  background: #F2F2F2;
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity 0.3s linear, transform 0.3s ease-out;
  border-radius: 0;
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.5);
  border: 1px solid white;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: 14px;
}
.theme-body-default .theme-dialog > header {
  margin: -10px -10px 0 -10px;
  padding: 5px 10px 0;
  position: relative;
  z-index: 100;
  color: #222222;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2em;
  min-height: 2em;
}
.theme-body-default .theme-dialog > header.ui-draggable-handle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.theme-body-default .theme-dialog > header > span {
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 100px);
  /* 90vw; */
  display: inline-block;
  text-overflow: ellipsis;
}
.theme-body-default .theme-dialog > header svg,
.theme-body-default .theme-dialog > header img {
  max-width: 2em;
  max-height: 2em;
  margin: 0 10px 0 0;
  vertical-align: bottom;
  padding: 0;
  min-width: 2em;
}
.theme-body-default .theme-dialog > header svg[src$=".svg"],
.theme-body-default .theme-dialog > header img[src$=".svg"] {
  height: 2em;
}
.theme-body-default .theme-dialog > header .theme-icon-close {
  float: right;
  font-size: 1.25em;
  font-weight: bold;
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid currentColor;
  width: 1em;
  height: 1em;
  min-width: 1em;
  min-height: 1em;
  line-height: 1em;
  text-align: center;
  color: #4A4A4A;
  padding: 0;
  margin: 0.25em -0.0125em;
  background: #F2F2F2;
  z-index: 10;
}
.theme-body-default .theme-dialog > header .theme-icon-closebSettings {
  color: firebrick;
}
.theme-body-default .theme-dialog form {
  clear: both;
}
.theme-body-default .theme-dialog main {
  min-height: 50px;
  max-height: calc(100vh - 130px);
  /* 85vh; */
  overflow: auto;
  max-width: calc(100vw - 40px);
  /* 95vw; */
}
.theme-body-default .theme-dialog > form > footer {
  text-align: right;
  margin-bottom: 15px;
  margin: 10px -10px -10px -10px;
  padding: 5px 15px;
}
.theme-body-default .theme-dialog > form > footer a,
.theme-body-default .theme-dialog > form > footer button {
  margin: 0 0 0 4px;
}
.theme-body-default .theme-modal-full {
  width: 100vw;
  height: 100vh;
}
.theme-body-default .theme-modal-full .theme-dialog {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  left: 0 !important;
  top: 0 !important;
  border-radius: 0;
  border: 0 none;
  display: block;
  background: #ddd;
}
.theme-body-default .theme-modal-full .theme-dialog form main {
  margin: 0 -10px 0 -10px;
  max-height: 100vh;
  max-width: 100vw;
  height: calc(100vh - 60px);
}
.theme-body-default .theme-dialog-warning main,
.theme-body-default .theme-dialog-info main,
.theme-body-default .theme-dialog-confirm main,
.theme-body-default .theme-dialog-error main {
  padding: 0.25em 0 1em 5em;
  position: relative;
}
.theme-body-default .theme-dialog-warning main:before,
.theme-body-default .theme-dialog-info main:before,
.theme-body-default .theme-dialog-confirm main:before,
.theme-body-default .theme-dialog-error main:before {
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  margin: 2px 0.25em;
  font-size: 3em;
  width: 1em;
  height: 1em;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 0;
}
.theme-body-default .theme-dialog-warning main:before {
  content: '!';
  font-family: cursive;
  border-radius: 0;
  border-color: transparent transparent darkorange transparent;
  border-width: 0 20px 45px 20px;
  border-style: solid;
  width: 0;
  height: 0;
  text-align: center;
  text-indent: -7px;
  line-height: 1.25em;
}
.theme-body-default .theme-dialog-info main:before {
  content: 'i';
  color: white;
  box-shadow: 0 0 1px 1px navy;
  font-family: cursive;
  background: linear-gradient(blue 15%, navy 100%);
}
.theme-body-default .theme-dialog-confirm main:before {
  content: '?';
  color: black;
  box-shadow: 0 0 1px 1px navy;
  background: linear-gradient(#fff 15%, #acf 100%);
}
.theme-body-default .theme-dialog-error main:before {
  content: '\00D7';
  color: white;
  box-shadow: 0 0 1px 1px white;
  background: linear-gradient(red 15%, firebrick 100%);
}
.theme-body-default .theme-dialog-open.theme-dialog,
.theme-body-default .theme-dialog-open .theme-dialog {
  opacity: 1;
  transform: none;
}
.theme-body-default .theme-icon-close {
  font-style: normal;
}
.theme-body-default .theme-icon-close:after {
  content: '\00D7';
}
.theme-body-default .theme-icon-close {
  xfloat: right;
  font-size: 1.25em;
  font-weight: bold;
  cursor: pointer;
  border-radius: 50%;
  border: 3px solid currentColor;
  width: 1em;
  height: 1em;
  line-height: 1em;
  text-align: center;
  color: #4A4A4A;
  padding: 0;
  margin: 0.25em -0.25em;
}
.theme-body-default .theme-icon-closebSettings {
  color: firebrick;
}
.theme-body-default .theme-form-inputs select,
.theme-body-default .theme-form-inputs textarea,
.theme-body-default .theme-form-inputs input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]),
.theme-body-default .theme-form-input,
.theme-body-default .theme-form select,
.theme-body-default .theme-form textarea,
.theme-body-default .theme-form input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]) {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #C2C2C2;
  background: #fff;
  color: #000;
  transition: all linear 0.2s;
  border-radius: 4px;
  outline: none;
  box-sizing: border-box;
  vertical-align: top;
}
.theme-body-default .theme-form-inputs select:not(.theme-form-input),
.theme-body-default .theme-form-inputs textarea:not(.theme-form-input),
.theme-body-default .theme-form-inputs input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not(.theme-form-input),
.theme-body-default .theme-form-input:not(.theme-form-input),
.theme-body-default .theme-form select:not(.theme-form-input),
.theme-body-default .theme-form textarea:not(.theme-form-input),
.theme-body-default .theme-form input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not(.theme-form-input) {
  margin-top: 4px;
  margin-bottom: 15px;
}
.theme-body-default .theme-form-inputs select:not(textarea):not(div):not(select[size]):not(select[multiple]),
.theme-body-default .theme-form-inputs textarea:not(textarea):not(div):not(select[size]):not(select[multiple]),
.theme-body-default .theme-form-inputs input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not(textarea):not(div):not(select[size]):not(select[multiple]),
.theme-body-default .theme-form-input:not(textarea):not(div):not(select[size]):not(select[multiple]),
.theme-body-default .theme-form select:not(textarea):not(div):not(select[size]):not(select[multiple]),
.theme-body-default .theme-form textarea:not(textarea):not(div):not(select[size]):not(select[multiple]),
.theme-body-default .theme-form input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not(textarea):not(div):not(select[size]):not(select[multiple]) {
  height: 2.125em;
}
.theme-body-default .theme-form-inputs select:focus,
.theme-body-default .theme-form-inputs textarea:focus,
.theme-body-default .theme-form-inputs input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):focus,
.theme-body-default .theme-form-input:focus,
.theme-body-default .theme-form select:focus,
.theme-body-default .theme-form textarea:focus,
.theme-body-default .theme-form input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):focus {
  outline: 1px solid #1DA5D9;
  /* highlight; */
  background: #f8f8f8;
}
.theme-body-default .theme-form-inputs select[readonly],
.theme-body-default .theme-form-inputs textarea[readonly],
.theme-body-default .theme-form-inputs input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox])[readonly],
.theme-body-default .theme-form-input[readonly],
.theme-body-default .theme-form select[readonly],
.theme-body-default .theme-form textarea[readonly],
.theme-body-default .theme-form input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox])[readonly],
.theme-body-default .theme-form-inputs select[disabled],
.theme-body-default .theme-form-inputs textarea[disabled],
.theme-body-default .theme-form-inputs input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox])[disabled],
.theme-body-default .theme-form-input[disabled],
.theme-body-default .theme-form select[disabled],
.theme-body-default .theme-form textarea[disabled],
.theme-body-default .theme-form input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox])[disabled] {
  color: gray;
  xborder-color: transparent;
  pointer-events: none;
}
.theme-body-default .theme-form-inputs select:invalid,
.theme-body-default .theme-form-inputs textarea:invalid,
.theme-body-default .theme-form-inputs input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):invalid,
.theme-body-default .theme-form-input:invalid,
.theme-body-default .theme-form select:invalid,
.theme-body-default .theme-form textarea:invalid,
.theme-body-default .theme-form input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):invalid {
  border-color: red;
}
.theme-body-default .theme-form-inputs select + span,
.theme-body-default .theme-form-inputs textarea + span,
.theme-body-default .theme-form-inputs input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]) + span,
.theme-body-default .theme-form-input + span,
.theme-body-default .theme-form select + span,
.theme-body-default .theme-form textarea + span,
.theme-body-default .theme-form input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]) + span {
  box-sizing: border-box;
  vertical-align: top;
  line-height: 1.8em;
  height: 34px;
  font-size: 1em;
  margin: 2px 4px;
  padding: 4px 4px 12px 4px;
  display: inline-block;
}
.theme-body-default .theme-form-inputs select.wide,
.theme-body-default .theme-form-inputs textarea.wide,
.theme-body-default .theme-form-inputs input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]).wide,
.theme-body-default .theme-form-input.wide,
.theme-body-default .theme-form select.wide,
.theme-body-default .theme-form textarea.wide,
.theme-body-default .theme-form input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]).wide {
  width: 100%;
}
.theme-body-default select.theme-form-input,
.theme-body-default .theme-form-inputs select,
.theme-body-default .theme-form select {
  /* stupid mac hack */
  border: 5px solid transparent;
  padding: 0;
  margin: 1px;
  box-shadow: 0 0 1px 1px #ddd;
  outline-offset: 0px;
}
.theme-body-default div.theme-form-input {
  margin-top: 4px;
  margin-bottom: 15px;
}
.theme-body-default .theme-form-input[type="file"],
.theme-body-default .theme-form [type="file"],
.theme-body-default select.theme-form-input,
.theme-body-default .theme-form-input select,
.theme-body-default button.theme-form-input,
.theme-body-default .theme-form button {
  cursor: pointer;
}
.theme-body-default input[type="number"].theme-form-input,
.theme-body-default .theme-form input[type="number"] {
  width: 5em;
  text-align: right;
}
.theme-body-default .theme-form-label {
  text-align: right;
  text-transform: capitalize;
  box-sizing: border-box;
  vertical-align: top;
  line-height: 1.8em;
  height: 34px;
  font-size: 1em;
  margin: 2px;
  /* display: table-cell; */
  padding: 4px;
  /*
				&:not(:empty):after {
					content: ':';
				} */
}
.theme-body-default .theme-form-label input[type="checkbox"] {
  height: 25px;
}
.theme-body-default .theme-form-section > div,
.theme-body-default .theme-row-group > div,
.theme-body-default .theme-form > div,
.theme-body-default .theme-form-row {
  display: table-row;
}
.theme-body-default .theme-form-horizontal {
  display: table;
}
.theme-body-default .theme-form-horizontal > label,
.theme-body-default .theme-form-section > div > label,
.theme-body-default .theme-row-group > div > label,
.theme-body-default .theme-form > div > label,
.theme-body-default .theme-form-row > label {
  text-transform: capitalize;
  text-align: right;
  padding: 4px 30px 12px 30px;
}
.theme-body-default .theme-form-horizontal > label,
.theme-body-default .theme-form-section > div > label,
.theme-body-default .theme-row-group > div > label,
.theme-body-default .theme-form > div > label,
.theme-body-default .theme-form-row > label,
.theme-body-default .theme-form-horizontal > label + span,
.theme-body-default .theme-form-section > div > label + span,
.theme-body-default .theme-row-group > div > label + span,
.theme-body-default .theme-form > div > label + span,
.theme-body-default .theme-form-row > label + span {
  box-sizing: border-box;
  vertical-align: top;
  line-height: 1.8em;
  height: 34px;
  font-size: 1em;
  display: table-cell;
  margin: 2px 4px;
  max-width: 25vw;
}
.theme-body-default .theme-form-horizontal > label + span,
.theme-body-default .theme-form-section > div > label + span,
.theme-body-default .theme-row-group > div > label + span,
.theme-body-default .theme-form > div > label + span,
.theme-body-default .theme-form-row > label + span {
  padding: 4px 4px 12px 4px;
}
.theme-body-default .theme-form-horizontal > label:not(:empty):after,
.theme-body-default .theme-form-section > div > label:not(:empty):after,
.theme-body-default .theme-row-group > div > label:not(:empty):after,
.theme-body-default .theme-form > div > label:not(:empty):after,
.theme-body-default .theme-form-row > label:not(:empty):after {
  xcontent: ':';
}
.theme-body-default .theme-form-horizontal > label + select,
.theme-body-default .theme-form-section > div > label + select,
.theme-body-default .theme-row-group > div > label + select,
.theme-body-default .theme-form > div > label + select,
.theme-body-default .theme-form-row > label + select,
.theme-body-default .theme-form-horizontal > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]),
.theme-body-default .theme-form-section > div > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]),
.theme-body-default .theme-row-group > div > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]),
.theme-body-default .theme-form > div > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]),
.theme-body-default .theme-form-row > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]),
.theme-body-default .theme-form-horizontal > label + textarea,
.theme-body-default .theme-form-section > div > label + textarea,
.theme-body-default .theme-row-group > div > label + textarea,
.theme-body-default .theme-form > div > label + textarea,
.theme-body-default .theme-form-row > label + textarea,
.theme-body-default .theme-form-horizontal > label + span,
.theme-body-default .theme-form-section > div > label + span,
.theme-body-default .theme-row-group > div > label + span,
.theme-body-default .theme-form > div > label + span,
.theme-body-default .theme-form-row > label + span {
  /* width: 25vw; /* 250px; */
  max-width: 75%;
  display: table-cell;
}
.theme-body-default .theme-form-horizontal > label + select.auto-width,
.theme-body-default .theme-form-section > div > label + select.auto-width,
.theme-body-default .theme-row-group > div > label + select.auto-width,
.theme-body-default .theme-form > div > label + select.auto-width,
.theme-body-default .theme-form-row > label + select.auto-width,
.theme-body-default .theme-form-horizontal > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]).auto-width,
.theme-body-default .theme-form-section > div > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]).auto-width,
.theme-body-default .theme-row-group > div > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]).auto-width,
.theme-body-default .theme-form > div > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]).auto-width,
.theme-body-default .theme-form-row > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]).auto-width,
.theme-body-default .theme-form-horizontal > label + textarea.auto-width,
.theme-body-default .theme-form-section > div > label + textarea.auto-width,
.theme-body-default .theme-row-group > div > label + textarea.auto-width,
.theme-body-default .theme-form > div > label + textarea.auto-width,
.theme-body-default .theme-form-row > label + textarea.auto-width,
.theme-body-default .theme-form-horizontal > label + span.auto-width,
.theme-body-default .theme-form-section > div > label + span.auto-width,
.theme-body-default .theme-row-group > div > label + span.auto-width,
.theme-body-default .theme-form > div > label + span.auto-width,
.theme-body-default .theme-form-row > label + span.auto-width {
  width: auto;
}
.theme-body-default .theme-form-horizontal > label + select.wide,
.theme-body-default .theme-form-section > div > label + select.wide,
.theme-body-default .theme-row-group > div > label + select.wide,
.theme-body-default .theme-form > div > label + select.wide,
.theme-body-default .theme-form-row > label + select.wide,
.theme-body-default .theme-form-horizontal > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]).wide,
.theme-body-default .theme-form-section > div > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]).wide,
.theme-body-default .theme-row-group > div > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]).wide,
.theme-body-default .theme-form > div > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]).wide,
.theme-body-default .theme-form-row > label + input:not([type=range]):not([type=image]):not([type=radio]):not([type=checkbox]):not([type=number]).wide,
.theme-body-default .theme-form-horizontal > label + textarea.wide,
.theme-body-default .theme-form-section > div > label + textarea.wide,
.theme-body-default .theme-row-group > div > label + textarea.wide,
.theme-body-default .theme-form > div > label + textarea.wide,
.theme-body-default .theme-form-row > label + textarea.wide,
.theme-body-default .theme-form-horizontal > label + span.wide,
.theme-body-default .theme-form-section > div > label + span.wide,
.theme-body-default .theme-row-group > div > label + span.wide,
.theme-body-default .theme-form > div > label + span.wide,
.theme-body-default .theme-form-row > label + span.wide {
  max-width: 100%;
}
.theme-body-default .theme-form-horizontal > label + input[type=checkbox],
.theme-body-default .theme-form-section > div > label + input[type=checkbox],
.theme-body-default .theme-row-group > div > label + input[type=checkbox],
.theme-body-default .theme-form > div > label + input[type=checkbox],
.theme-body-default .theme-form-row > label + input[type=checkbox],
.theme-body-default .theme-form-horizontal > label + input[type=radio],
.theme-body-default .theme-form-section > div > label + input[type=radio],
.theme-body-default .theme-row-group > div > label + input[type=radio],
.theme-body-default .theme-form > div > label + input[type=radio],
.theme-body-default .theme-form-row > label + input[type=radio] {
  margin: 0.8em;
  height: 20px;
}
.theme-body-default .theme-form-horizontal .active,
.theme-body-default .theme-form-section > div .active,
.theme-body-default .theme-row-group > div .active,
.theme-body-default .theme-form > div .active,
.theme-body-default .theme-form-row .active {
  background: #1DA5D9;
  /* highlight; */
  color: #FFF;
  /* highlighttext; */
}
.theme-body-default .theme-form-horizontal.theme-form-section,
.theme-body-default .theme-form-section > div.theme-form-section,
.theme-body-default .theme-row-group > div.theme-form-section,
.theme-body-default .theme-form > div.theme-form-section,
.theme-body-default .theme-form-row.theme-form-section,
.theme-body-default .theme-form-horizontal.theme-row-group,
.theme-body-default .theme-form-section > div.theme-row-group,
.theme-body-default .theme-row-group > div.theme-row-group,
.theme-body-default .theme-form > div.theme-row-group,
.theme-body-default .theme-form-row.theme-row-group {
  display: table-row-group;
}
.theme-body-default .theme-form-horizontal.theme-form-section:before,
.theme-body-default .theme-form-section > div.theme-form-section:before,
.theme-body-default .theme-row-group > div.theme-form-section:before,
.theme-body-default .theme-form > div.theme-form-section:before,
.theme-body-default .theme-form-row.theme-form-section:before,
.theme-body-default .theme-form-horizontal.theme-row-group:before,
.theme-body-default .theme-form-section > div.theme-row-group:before,
.theme-body-default .theme-row-group > div.theme-row-group:before,
.theme-body-default .theme-form > div.theme-row-group:before,
.theme-body-default .theme-form-row.theme-row-group:before,
.theme-body-default .theme-form-horizontal.theme-form-section:after,
.theme-body-default .theme-form-section > div.theme-form-section:after,
.theme-body-default .theme-row-group > div.theme-form-section:after,
.theme-body-default .theme-form > div.theme-form-section:after,
.theme-body-default .theme-form-row.theme-form-section:after,
.theme-body-default .theme-form-horizontal.theme-row-group:after,
.theme-body-default .theme-form-section > div.theme-row-group:after,
.theme-body-default .theme-row-group > div.theme-row-group:after,
.theme-body-default .theme-form > div.theme-row-group:after,
.theme-body-default .theme-form-row.theme-row-group:after {
  content: '';
  display: table-row;
  height: 0.5em;
}
.theme-body-default .theme-form-horizontal.theme-form-section > label,
.theme-body-default .theme-form-section > div.theme-form-section > label,
.theme-body-default .theme-row-group > div.theme-form-section > label,
.theme-body-default .theme-form > div.theme-form-section > label,
.theme-body-default .theme-form-row.theme-form-section > label,
.theme-body-default .theme-form-horizontal.theme-row-group > label,
.theme-body-default .theme-form-section > div.theme-row-group > label,
.theme-body-default .theme-row-group > div.theme-row-group > label,
.theme-body-default .theme-form > div.theme-row-group > label,
.theme-body-default .theme-form-row.theme-row-group > label {
  font-weight: bold;
  padding-left: 1em;
}
.theme-body-default .theme-form-horizontal .theme-form-heading,
.theme-body-default .theme-form-section > div .theme-form-heading,
.theme-body-default .theme-row-group > div .theme-form-heading,
.theme-body-default .theme-form > div .theme-form-heading,
.theme-body-default .theme-form-row .theme-form-heading {
  text-transform: capitalize;
  display: inline-block;
  margin-top: 1em;
}
.theme-body-default .theme-form-horizontal .theme-form-group > label,
.theme-body-default .theme-form-section > div .theme-form-group > label,
.theme-body-default .theme-row-group > div .theme-form-group > label,
.theme-body-default .theme-form > div .theme-form-group > label,
.theme-body-default .theme-form-row .theme-form-group > label {
  font-size: 1.125em;
}
.theme-body-default .theme-form-horizontal .theme-form-group-heading,
.theme-body-default .theme-form-section > div .theme-form-group-heading,
.theme-body-default .theme-row-group > div .theme-form-group-heading,
.theme-body-default .theme-form > div .theme-form-group-heading,
.theme-body-default .theme-form-row .theme-form-group-heading {
  text-transform: uppercase;
  color: #5D8F24;
  font-weight: bold;
  font-size: 1.1em;
}
.theme-body-default .theme-form-horizontal .theme-form-group-heading div,
.theme-body-default .theme-form-section > div .theme-form-group-heading div,
.theme-body-default .theme-row-group > div .theme-form-group-heading div,
.theme-body-default .theme-form > div .theme-form-group-heading div,
.theme-body-default .theme-form-row .theme-form-group-heading div {
  line-height: 2em;
  display: table-cell;
  /* width: 25%; */
}
.theme-body-default .theme-form-horizontal .theme-form-group-heading + div,
.theme-body-default .theme-form-section > div .theme-form-group-heading + div,
.theme-body-default .theme-row-group > div .theme-form-group-heading + div,
.theme-body-default .theme-form > div .theme-form-group-heading + div,
.theme-body-default .theme-form-row .theme-form-group-heading + div {
  line-height: 0.1em;
}
.theme-body-default .theme-form-horizontal > input[type=radio]:first-child,
.theme-body-default .theme-form-section > div > input[type=radio]:first-child,
.theme-body-default .theme-row-group > div > input[type=radio]:first-child,
.theme-body-default .theme-form > div > input[type=radio]:first-child,
.theme-body-default .theme-form-row > input[type=radio]:first-child,
.theme-body-default .theme-form-horizontal > input[type=checkbox]:first-child,
.theme-body-default .theme-form-section > div > input[type=checkbox]:first-child,
.theme-body-default .theme-row-group > div > input[type=checkbox]:first-child,
.theme-body-default .theme-form > div > input[type=checkbox]:first-child,
.theme-body-default .theme-form-row > input[type=checkbox]:first-child {
  display: inline-block;
  margin: 0.8em 5px 0;
  vertical-align: top;
  float: right;
}
.theme-body-default .theme-form-horizontal > input[type=radio]:first-child + label,
.theme-body-default .theme-form-section > div > input[type=radio]:first-child + label,
.theme-body-default .theme-row-group > div > input[type=radio]:first-child + label,
.theme-body-default .theme-form > div > input[type=radio]:first-child + label,
.theme-body-default .theme-form-row > input[type=radio]:first-child + label,
.theme-body-default .theme-form-horizontal > input[type=checkbox]:first-child + label,
.theme-body-default .theme-form-section > div > input[type=checkbox]:first-child + label,
.theme-body-default .theme-row-group > div > input[type=checkbox]:first-child + label,
.theme-body-default .theme-form > div > input[type=checkbox]:first-child + label,
.theme-body-default .theme-form-row > input[type=checkbox]:first-child + label {
  text-align: left;
}
.theme-body-default .theme-required > :not(:empty):first-child:before {
  content: '*';
  color: red;
  margin: -2px 2px;
  font-size: 2em;
  vertical-align: top;
}
.theme-body-default :focus {
  outline: none;
}
.theme-body-default .theme-button-big,
.theme-body-default .theme-button-micro,
.theme-body-default .theme-button-tiny,
.theme-body-default .theme-button-small,
.theme-body-default .theme-button-icon,
.theme-body-default .theme-button-disabled,
.theme-body-default .theme-button-success,
.theme-body-default .theme-button-warning,
.theme-body-default .theme-button-danger,
.theme-body-default .theme-button-primary,
.theme-body-default .theme-button {
  display: inline-block;
  box-sizing: border-box;
  padding: 5px 30px;
  vertical-align: top;
  min-height: 30px;
  font-size: 1em;
  text-decoration: none;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  line-height: 2em;
  background: #f5f5f5;
  color: #444;
  cursor: pointer;
  text-transform: uppercase;
}
.theme-body-default .theme-button-big.active,
.theme-body-default .theme-button-micro.active,
.theme-body-default .theme-button-tiny.active,
.theme-body-default .theme-button-small.active,
.theme-body-default .theme-button-icon.active,
.theme-body-default .theme-button-disabled.active,
.theme-body-default .theme-button-success.active,
.theme-body-default .theme-button-warning.active,
.theme-body-default .theme-button-danger.active,
.theme-body-default .theme-button-primary.active,
.theme-body-default .theme-button.active {
  color: black;
  background: #fff;
  box-shadow: 0 0 0 2px #1DA5D9;
  /* highlight; */
}
.theme-body-default .theme-button-big[disabled],
.theme-body-default .theme-button-micro[disabled],
.theme-body-default .theme-button-tiny[disabled],
.theme-body-default .theme-button-small[disabled],
.theme-body-default .theme-button-icon[disabled],
.theme-body-default .theme-button-disabled[disabled],
.theme-body-default .theme-button-success[disabled],
.theme-body-default .theme-button-warning[disabled],
.theme-body-default .theme-button-danger[disabled],
.theme-body-default .theme-button-primary[disabled],
.theme-body-default .theme-button[disabled] {
  color: silver;
  background: #f5f5f5;
  cursor: default;
}
.theme-body-default .theme-button-big + a,
.theme-body-default .theme-button-micro + a,
.theme-body-default .theme-button-tiny + a,
.theme-body-default .theme-button-small + a,
.theme-body-default .theme-button-icon + a,
.theme-body-default .theme-button-disabled + a,
.theme-body-default .theme-button-success + a,
.theme-body-default .theme-button-warning + a,
.theme-body-default .theme-button-danger + a,
.theme-body-default .theme-button-primary + a,
.theme-body-default .theme-button + a,
.theme-body-default .theme-button-big + button,
.theme-body-default .theme-button-micro + button,
.theme-body-default .theme-button-tiny + button,
.theme-body-default .theme-button-small + button,
.theme-body-default .theme-button-icon + button,
.theme-body-default .theme-button-disabled + button,
.theme-body-default .theme-button-success + button,
.theme-body-default .theme-button-warning + button,
.theme-body-default .theme-button-danger + button,
.theme-body-default .theme-button-primary + button,
.theme-body-default .theme-button + button {
  margin-left: 5px;
}
.theme-body-default .theme-button-bigbSettings,
.theme-body-default .theme-button-microbSettings,
.theme-body-default .theme-button-tinybSettings,
.theme-body-default .theme-button-smallbSettings,
.theme-body-default .theme-button-iconbSettings,
.theme-body-default .theme-button-disabledbSettings,
.theme-body-default .theme-button-successbSettings,
.theme-body-default .theme-button-warningbSettings,
.theme-body-default .theme-button-dangerbSettings,
.theme-body-default .theme-button-primarybSettings,
.theme-body-default .theme-buttonbSettings {
  opacity: 0.8;
}
.theme-body-default .theme-button-icon {
  padding: 0 4px;
}
.theme-body-default .theme-button-primary {
  background: #1DA5D9;
  color: #fff;
}
.theme-body-default .theme-button-danger {
  background: #EF6374;
  color: #fff;
}
.theme-body-default .theme-button-warning {
  background: #4A4A4A;
  color: #fff;
}
.theme-body-default .theme-button-success {
  background: #9ACA41;
  color: #fff;
}
.theme-body-default .theme-button-disabled {
  background: ghostwhite;
  color: silver;
}
.theme-body-default .theme-button.active {
  background: #ddd;
}
.theme-body-default .theme-button-small {
  padding: 2px 15px;
  font-size: 0.9em;
  background: #6E6E6E;
  color: #F2F2F2;
  margin-left: 5px;
}
.theme-body-default .theme-button-tiny {
  padding: 2px 10px;
  font-size: 0.9em;
  line-height: 1.5em;
  min-height: 20px;
}
.theme-body-default .theme-button-micro {
  padding: 1px 4px;
  font-size: 0.8em;
  line-height: 1.5em;
  min-height: 20px;
}
.theme-body-default .theme-button-big {
  text-transform: none;
  height: 104px;
  width: 280px;
  color: #1DA5D9;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  background: #fff;
  text-align: left;
  padding: 12px;
  margin: 8px;
}
.theme-body-default .theme-button-big img {
  height: 48px;
  width: 48px;
  border-radius: 100px;
  background-color: #F2F2F2;
  margin-right: 12px;
  border: 12px solid #F2F2F2;
}
.theme-body-default .theme-button-big small {
  display: block;
  color: #5D8F24;
  font-size: 12px;
  line-height: 0;
  margin: -0.5em 0 0.5em 0;
  text-transform: uppercase;
}
.theme-body-default .theme-button-big.disabled {
  opacity: 0.5;
  cursor: default;
  color: inherit;
}
.theme-body-default .theme-color-primary {
  color: #1DA5D9;
}
.theme-body-default .theme-color-danger {
  color: #EF6374;
}
.theme-body-default .theme-color-warning {
  color: darkorange;
}
.theme-body-default .theme-color-success {
  color: #9ACA41;
}
.theme-body-default .theme-color-disabled {
  color: silver;
}
.theme-body-default .theme-color-gray {
  color: gray;
}
.theme-body-default .theme-badge-primary,
.theme-body-default .theme-badge-danger,
.theme-body-default .theme-badge-warning,
.theme-body-default .theme-badge-success,
.theme-body-default .theme-badge-disabled {
  border-radius: 5px;
  padding: 5px 10px;
  margin: 8px 0;
  font-weight: bold;
  display: inline-block;
  color: white;
}
.theme-body-default .theme-badge-primary {
  background: #1DA5D9;
}
.theme-body-default .theme-badge-danger {
  background: #EF6374;
}
.theme-body-default .theme-badge-warning {
  background: #4A4A4A;
}
.theme-body-default .theme-badge-success {
  background: #9ACA41;
}
.theme-body-default .theme-badge-disabled {
  background: ghostwhite;
}
.theme-body-default .theme-message-success,
.theme-body-default .theme-message {
  padding: 5px;
  display: inline-block;
  vertical-align: top;
}
.theme-body-default .theme-message-success {
  color: #9ACA41;
}
.theme-body-default .theme-tags span:not(:empty) {
  border-radius: 3px;
  background: #000;
  opacity: 0.4;
  white-space: nowrap;
  color: #FFFFFF;
  font-size: 12px;
  /* font-weight: 600; */
  line-height: 17px;
  text-transform: uppercase;
  display: inline-block;
  padding: 2px 5px;
  margin: 1px 1px 0 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.theme-body-default .theme-tags span:not(:empty) .icon-cancel {
  display: inline-block;
  margin-left: 1em;
  cursor: pointer;
}
.theme-body-default .theme-tags input {
  vertical-align: middle;
  margin: 0 !important;
  outline: none !important;
  border: none !important;
  padding-left: 2px !important;
  width: auto;
}
.theme-body-default td .theme-tags,
.theme-body-default td.theme-tags {
  white-space: normal !important;
  font-size: 0;
}
.theme-body-default .theme-form label + .theme-tags {
  display: inline-block;
  color: #444444;
  box-sizing: border-box;
  vertical-align: top;
  border-width: 1px;
  border-style: solid;
  border-color: #c2c2c2;
  border-image: initial;
  background: #ffffff;
  transition: all 0.2s linear;
  border-radius: 4px;
  outline: none;
  padding: 3px;
  width: 25vw;
  max-width: 75%;
  overflow: hidden;
}
.theme-body-default .theme-form label + .theme-tags > div > div {
  max-width: 66%;
}
.theme-body-default .theme-popup-above-left,
.theme-body-default .theme-popup-above-right,
.theme-body-default .theme-popup-below-left,
.theme-body-default .theme-popup-below-right {
  position: absolute;
  background: #505050;
  z-index: 20;
  padding: 10px;
  border-radius: 4px;
  color: white;
  box-shadow: 2px 2px 4px black;
}
.theme-body-default .theme-popup-above-left:after,
.theme-body-default .theme-popup-above-right:after,
.theme-body-default .theme-popup-below-left:after,
.theme-body-default .theme-popup-below-right:after {
  content: '';
  display: inline-block;
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
}
.theme-body-default .theme-popup-above-left .mask,
.theme-body-default .theme-popup-above-right .mask,
.theme-body-default .theme-popup-below-left .mask,
.theme-body-default .theme-popup-below-right .mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  background: rgba(44, 44, 44, 0.001);
}
.theme-body-default .theme-popup-above-left > :not(.mask),
.theme-body-default .theme-popup-above-right > :not(.mask),
.theme-body-default .theme-popup-below-left > :not(.mask),
.theme-body-default .theme-popup-below-right > :not(.mask) {
  position: relative;
  z-index: 100;
}
.theme-body-default .theme-popup-above-left input,
.theme-body-default .theme-popup-above-right input,
.theme-body-default .theme-popup-below-left input,
.theme-body-default .theme-popup-below-right input {
  max-width: 150px;
}
.theme-body-default .theme-popup-above-left:before,
.theme-body-default .theme-popup-above-right:before,
.theme-body-default .theme-popup-below-left:before,
.theme-body-default .theme-popup-below-right:before {
  content: '';
  display: inline-block;
  border: 0 none;
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0px;
  background: transparent;
}
.theme-body-default .theme-popup-above-left,
.theme-body-default .theme-popup-above-right {
  bottom: 2.5em;
  margin-bottom: 5px;
}
.theme-body-default .theme-popup-above-left:after,
.theme-body-default .theme-popup-above-right:after {
  border-width: 10px 10px 0 10px;
  border-color: #505050 transparent transparent transparent;
  bottom: -10px;
}
.theme-body-default .theme-popup-above-left:before,
.theme-body-default .theme-popup-above-right:before {
  bottom: -20px;
}
.theme-body-default .theme-popup-below-left,
.theme-body-default .theme-popup-below-right {
  top: 1.5em;
  margin-top: 5px;
}
.theme-body-default .theme-popup-below-left:after,
.theme-body-default .theme-popup-below-right:after {
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #505050 transparent;
  top: -10px;
}
.theme-body-default .theme-popup-below-left:before,
.theme-body-default .theme-popup-below-right:before {
  top: -20px;
}
.theme-body-default .theme-popup-above-left,
.theme-body-default .theme-popup-below-left {
  right: 0;
}
.theme-body-default .theme-popup-above-left:after,
.theme-body-default .theme-popup-below-left:after {
  right: 10px;
}
.theme-body-default .theme-popup-above-right,
.theme-body-default .theme-popup-below-right {
  left: 0;
}
.theme-body-default .theme-popup-above-right:after,
.theme-body-default .theme-popup-below-right:after {
  left: 10px;
}
.theme-body-default .theme-hover-view {
  display: none;
}
.theme-body-default :hover > .theme-hover-view {
  display: inline-block;
}
.theme-body-default .theme-dropdown-left,
.theme-body-default .theme-dropdown-right {
  position: relative;
  cursor: pointer;
}
.theme-body-default .theme-dropdown-left ul,
.theme-body-default .theme-dropdown-right ul {
  display: none;
  list-style: none;
  margin: 0;
  position: absolute;
  top: 50px;
  z-index: 30;
  padding: 15px 0;
  box-shadow: 0 1px 1px black;
  background: white;
  color: #1DA5D9;
  text-align: left;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 2em;
}
.theme-body-default .theme-dropdown-left ul a,
.theme-body-default .theme-dropdown-right ul a {
  display: block;
  cursor: pointer;
  padding: 5px 20px;
  white-space: nowrap;
  text-decoration: none;
  max-width: 50vw;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.theme-body-default .theme-dropdown-left ul a:hover,
.theme-body-default .theme-dropdown-right ul a:hover {
  background-color: #C8E2EC;
}
.theme-body-default .theme-dropdown-left ul a.active,
.theme-body-default .theme-dropdown-right ul a.active {
  font-weight: bold;
  color: #059;
}
.theme-body-default .theme-dropdown-left ul a i,
.theme-body-default .theme-dropdown-right ul a i {
  margin-right: 10px;
  width: 0.8em;
  display: inline-block;
}
.theme-body-default .theme-dropdown-left ul a span:before,
.theme-body-default .theme-dropdown-right ul a span:before {
  content: ' ';
}
.theme-body-default .theme-dropdown-left:hover ul,
.theme-body-default .theme-dropdown-right:hover ul {
  display: block;
}
.theme-body-default .theme-dropdown-left .special-link,
.theme-body-default .theme-dropdown-right .special-link {
  border-top: 1px solid #8AE;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
}
.theme-body-default .theme-dropdown-left i::before,
.theme-body-default .theme-dropdown-right i::before {
  margin: 0;
}
.theme-body-default .theme-dropdown-left ul {
  left: 0;
  border-radius: 0 5px 5px 5px;
}
.theme-body-default .theme-dropdown-right ul {
  right: 0;
  border-radius: 5px 0 5px 5px;
}
.theme-body-default #chart-preview .highcharts-loading,
.theme-body-default .theme-spinner-fill,
.theme-body-default .theme-spinner-large,
.theme-body-default .theme-spinner-tiny,
.theme-body-default .theme-spinner-small,
.theme-body-default .theme-spinner {
  background: rgba(255, 255, 255, 0.5);
}
.theme-body-default #chart-preview .highcharts-loading,
.theme-body-default .theme-spinner-fill {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  display: block;
}
.theme-body-default .theme-spinner-large {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  min-width: 50em;
  min-height: 50em;
}
.theme-body-default .theme-spinner-tiny {
  position: relative;
  min-width: 3em;
  min-height: 3em;
}
.theme-body-default .theme-spinner-small {
  position: relative;
  min-width: 8em;
  min-height: 8em;
}
.theme-body-default .theme-spinner {
  position: relative;
  min-width: 20em;
  min-height: 20em;
}
.theme-body-default #chart-preview .highcharts-loading:after,
.theme-body-default .theme-spinner-fill:after,
.theme-body-default .theme-spinner-large:after,
.theme-body-default .theme-spinner-tiny:after,
.theme-body-default .theme-spinner-small:after,
.theme-body-default .theme-spinner:after {
  content: '';
  margin: -7em;
  position: absolute;
  border: 2em solid rgba(128, 128, 128, 0.2);
  border-left-color: #aaa;
  transform: translateZ(0);
  animation: spinning 1.1s infinite linear;
  border-radius: 50%;
  width: 10em;
  height: 10em;
  left: 50%;
  top: 50%;
}
.theme-body-default .theme-spinner-tiny:after {
  margin: -1.5em;
  border-width: 0.5em;
  width: 2em;
  height: 2em;
}
.theme-body-default .theme-spinner-small:after {
  margin: -3em;
  border-width: 1em;
  width: 4em;
  height: 4em;
}
.theme-body-default .theme-spinner-large:after {
  margin: -20em;
  border-width: 5em;
  width: 25em;
  height: 25em;
}
.theme-body-default #chart-preview .highcharts-loading:after,
.theme-body-default .theme-spinner-fill:after {
  margin: -15vmin;
  border-width: 5vmin;
  width: 25vmin;
  height: 25vmin;
}
@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.theme-body-default #chart-preview .highcharts-loading-inner {
  display: none;
}
.theme-body-default .theme-table-column-header {
  display: block;
  padding: 0.25em 0.5em;
  line-height: 1.5em;
  background: #777;
  color: #D7D7D7;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  box-sizing: border-box;
  height: 28px;
  min-height: 28px;
  font-size: 14px;
}
.theme-body-default .theme-table-overflow-hidden td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.theme-body-default .theme-table caption,
.theme-body-default .theme-table-fixed-header caption,
.theme-body-default .theme-table-fixed-header-wrap caption,
.theme-body-default .theme-table-fixed-header2 caption,
.theme-body-default .theme-table-fixed-header-footer caption,
.theme-body-default .theme-table-caption {
  color: #4A4A4A;
  font-size: 1.25em;
  text-align: left;
  padding: 1em 0;
  text-transform: uppercase;
  height: 1.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.theme-body-default .change-log-table {
  height: 100%;
  overflow: auto;
}
.theme-body-default .change-log-table table {
  table-layout: fixed;
  overflow: auto;
}
.theme-body-default .change-log-table th,
.theme-body-default .change-log-table td {
  padding: 0.25em 0.5em;
  line-height: 1.5em;
  xborder-left: 1px solid #ccc;
  overflow: auto;
}
.theme-body-default .change-log-table th:last-child,
.theme-body-default .change-log-table td:last-child {
  xborder-right: 1px solid #ccc;
}
.theme-body-default .change-log-table td {
  xpadding: 0.5em 0.5em;
  padding: 16px;
  height: 55px;
  box-sizing: border-box;
}
.theme-body-default .change-log-table td img {
  vertical-align: middle;
  margin: 0 1em 0 0.125em;
}
.theme-body-default .change-log-table tfoot,
.theme-body-default .change-log-table thead {
  text-align: left;
}
.theme-body-default .change-log-table tfoot th,
.theme-body-default .change-log-table thead th {
  background: #777;
  color: #D7D7D7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
}
.theme-body-default .change-log-table tfoot th:first-child,
.theme-body-default .change-log-table thead th:first-child {
  padding-left: 1em;
}
.theme-body-default .change-log-table tfoot::-webkit-scrollbar,
.theme-body-default .change-log-table thead::-webkit-scrollbar,
.theme-body-default .change-log-table tfoot::-webkit-scrollbar-button,
.theme-body-default .change-log-table thead::-webkit-scrollbar-button,
.theme-body-default .change-log-table tfoot::-webkit-scrollbar-track,
.theme-body-default .change-log-table thead::-webkit-scrollbar-track,
.theme-body-default .change-log-table tfoot::-webkit-scrollbar-track-piece,
.theme-body-default .change-log-table thead::-webkit-scrollbar-track-piece,
.theme-body-default .change-log-table tfoot::-webkit-scrollbar-thumb,
.theme-body-default .change-log-table thead::-webkit-scrollbar-thumb,
.theme-body-default .change-log-table tfoot::-webkit-scrollbar-corner,
.theme-body-default .change-log-table thead::-webkit-scrollbar-corner,
.theme-body-default .change-log-table tfoot::-webkit-resizer,
.theme-body-default .change-log-table thead::-webkit-resizer {
  background: #777;
}
.theme-body-default .change-log-table tbody {
  outline-offset: -1px;
  /* font-size: 1.125em; */
  font-size: 14px;
  color: black;
}
.theme-body-default .change-log-table tbody tr:nth-child(odd) {
  background: #fff;
}
.theme-body-default .change-log-table tbody tr:nth-child(even) {
  background: #f8f8f8;
}
.theme-body-default .change-log-table tbody tr:hover {
  background-color: #C8E2EC;
}
.theme-body-default .change-log-table tbody tr.active {
  background-color: #1DA5D9;
  /* highlight; */
}
.theme-body-default .change-log-table tbody tr.active,
.theme-body-default .change-log-table tbody tr.active a {
  color: #FFF;
  /* highlighttext; */
}
.theme-body-default .change-log-tableHover table {
  height: 100% !important;
}
.theme-body-default .theme-table th,
.theme-body-default .theme-table-fixed-header th,
.theme-body-default .theme-table-fixed-header-wrap th,
.theme-body-default .theme-table-fixed-header2 th,
.theme-body-default .theme-table-fixed-header-footer th,
.theme-body-default .theme-table td,
.theme-body-default .theme-table-fixed-header td,
.theme-body-default .theme-table-fixed-header-wrap td,
.theme-body-default .theme-table-fixed-header2 td,
.theme-body-default .theme-table-fixed-header-footer td {
  padding: 0.25em 0.5em;
  line-height: 1.5em;
  xborder-left: 1px solid #ccc;
  /* overflow: hidden; */
}
.theme-body-default .theme-table th:last-child,
.theme-body-default .theme-table-fixed-header th:last-child,
.theme-body-default .theme-table-fixed-header-wrap th:last-child,
.theme-body-default .theme-table-fixed-header2 th:last-child,
.theme-body-default .theme-table-fixed-header-footer th:last-child,
.theme-body-default .theme-table td:last-child,
.theme-body-default .theme-table-fixed-header td:last-child,
.theme-body-default .theme-table-fixed-header-wrap td:last-child,
.theme-body-default .theme-table-fixed-header2 td:last-child,
.theme-body-default .theme-table-fixed-header-footer td:last-child {
  xborder-right: 1px solid #ccc;
}
.theme-body-default .theme-table td,
.theme-body-default .theme-table-fixed-header td,
.theme-body-default .theme-table-fixed-header-wrap td,
.theme-body-default .theme-table-fixed-header2 td,
.theme-body-default .theme-table-fixed-header-footer td {
  xpadding: 0.5em 0.5em;
  padding: 16px;
  height: 55px;
  box-sizing: border-box;
}
.theme-body-default .theme-table td img,
.theme-body-default .theme-table-fixed-header td img,
.theme-body-default .theme-table-fixed-header-wrap td img,
.theme-body-default .theme-table-fixed-header2 td img,
.theme-body-default .theme-table-fixed-header-footer td img {
  vertical-align: middle;
  margin: 0 1em 0 0.125em;
}
.theme-body-default .theme-table thead .sortable,
.theme-body-default .theme-table-fixed-header thead .sortable,
.theme-body-default .theme-table-fixed-header-wrap thead .sortable,
.theme-body-default .theme-table-fixed-header2 thead .sortable,
.theme-body-default .theme-table-fixed-header-footer thead .sortable {
  cursor: pointer;
  position: relative;
  padding-right: 16px;
}
.theme-body-default .theme-table thead .sortable:after,
.theme-body-default .theme-table-fixed-header thead .sortable:after,
.theme-body-default .theme-table-fixed-header-wrap thead .sortable:after,
.theme-body-default .theme-table-fixed-header2 thead .sortable:after,
.theme-body-default .theme-table-fixed-header-footer thead .sortable:after {
  content: '\e806';
  /* icon-sort */
  font-family: Fontello;
  margin: -10px 5px;
  color: silver;
  position: absolute;
  right: 0;
  top: 50%;
}
.theme-body-default .theme-table thead .sortable.desc:after,
.theme-body-default .theme-table-fixed-header thead .sortable.desc:after,
.theme-body-default .theme-table-fixed-header-wrap thead .sortable.desc:after,
.theme-body-default .theme-table-fixed-header2 thead .sortable.desc:after,
.theme-body-default .theme-table-fixed-header-footer thead .sortable.desc:after {
  content: '\E841';
  /* icon-dir-down */
  color: #fff;
}
.theme-body-default .theme-table thead .sortable.asc:after,
.theme-body-default .theme-table-fixed-header thead .sortable.asc:after,
.theme-body-default .theme-table-fixed-header-wrap thead .sortable.asc:after,
.theme-body-default .theme-table-fixed-header2 thead .sortable.asc:after,
.theme-body-default .theme-table-fixed-header-footer thead .sortable.asc:after {
  content: '\E842';
  /* icon-dir-up */
  color: #fff;
}
.theme-body-default .theme-table tfoot,
.theme-body-default .theme-table-fixed-header tfoot,
.theme-body-default .theme-table-fixed-header-wrap tfoot,
.theme-body-default .theme-table-fixed-header2 tfoot,
.theme-body-default .theme-table-fixed-header-footer tfoot,
.theme-body-default .theme-table thead,
.theme-body-default .theme-table-fixed-header thead,
.theme-body-default .theme-table-fixed-header-wrap thead,
.theme-body-default .theme-table-fixed-header2 thead,
.theme-body-default .theme-table-fixed-header-footer thead {
  text-align: left;
}
.theme-body-default .theme-table tfoot th,
.theme-body-default .theme-table-fixed-header tfoot th,
.theme-body-default .theme-table-fixed-header-wrap tfoot th,
.theme-body-default .theme-table-fixed-header2 tfoot th,
.theme-body-default .theme-table-fixed-header-footer tfoot th,
.theme-body-default .theme-table thead th,
.theme-body-default .theme-table-fixed-header thead th,
.theme-body-default .theme-table-fixed-header-wrap thead th,
.theme-body-default .theme-table-fixed-header2 thead th,
.theme-body-default .theme-table-fixed-header-footer thead th {
  background: #777;
  color: #D7D7D7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
}
.theme-body-default .theme-table tfoot th:first-child,
.theme-body-default .theme-table-fixed-header tfoot th:first-child,
.theme-body-default .theme-table-fixed-header-wrap tfoot th:first-child,
.theme-body-default .theme-table-fixed-header2 tfoot th:first-child,
.theme-body-default .theme-table-fixed-header-footer tfoot th:first-child,
.theme-body-default .theme-table thead th:first-child,
.theme-body-default .theme-table-fixed-header thead th:first-child,
.theme-body-default .theme-table-fixed-header-wrap thead th:first-child,
.theme-body-default .theme-table-fixed-header2 thead th:first-child,
.theme-body-default .theme-table-fixed-header-footer thead th:first-child {
  padding-left: 1em;
}
.theme-body-default .theme-table tfoot::-webkit-scrollbar,
.theme-body-default .theme-table-fixed-header tfoot::-webkit-scrollbar,
.theme-body-default .theme-table-fixed-header-wrap tfoot::-webkit-scrollbar,
.theme-body-default .theme-table-fixed-header2 tfoot::-webkit-scrollbar,
.theme-body-default .theme-table-fixed-header-footer tfoot::-webkit-scrollbar,
.theme-body-default .theme-table thead::-webkit-scrollbar,
.theme-body-default .theme-table-fixed-header thead::-webkit-scrollbar,
.theme-body-default .theme-table-fixed-header-wrap thead::-webkit-scrollbar,
.theme-body-default .theme-table-fixed-header2 thead::-webkit-scrollbar,
.theme-body-default .theme-table-fixed-header-footer thead::-webkit-scrollbar,
.theme-body-default .theme-table tfoot::-webkit-scrollbar-button,
.theme-body-default .theme-table-fixed-header tfoot::-webkit-scrollbar-button,
.theme-body-default .theme-table-fixed-header-wrap tfoot::-webkit-scrollbar-button,
.theme-body-default .theme-table-fixed-header2 tfoot::-webkit-scrollbar-button,
.theme-body-default .theme-table-fixed-header-footer tfoot::-webkit-scrollbar-button,
.theme-body-default .theme-table thead::-webkit-scrollbar-button,
.theme-body-default .theme-table-fixed-header thead::-webkit-scrollbar-button,
.theme-body-default .theme-table-fixed-header-wrap thead::-webkit-scrollbar-button,
.theme-body-default .theme-table-fixed-header2 thead::-webkit-scrollbar-button,
.theme-body-default .theme-table-fixed-header-footer thead::-webkit-scrollbar-button,
.theme-body-default .theme-table tfoot::-webkit-scrollbar-track,
.theme-body-default .theme-table-fixed-header tfoot::-webkit-scrollbar-track,
.theme-body-default .theme-table-fixed-header-wrap tfoot::-webkit-scrollbar-track,
.theme-body-default .theme-table-fixed-header2 tfoot::-webkit-scrollbar-track,
.theme-body-default .theme-table-fixed-header-footer tfoot::-webkit-scrollbar-track,
.theme-body-default .theme-table thead::-webkit-scrollbar-track,
.theme-body-default .theme-table-fixed-header thead::-webkit-scrollbar-track,
.theme-body-default .theme-table-fixed-header-wrap thead::-webkit-scrollbar-track,
.theme-body-default .theme-table-fixed-header2 thead::-webkit-scrollbar-track,
.theme-body-default .theme-table-fixed-header-footer thead::-webkit-scrollbar-track,
.theme-body-default .theme-table tfoot::-webkit-scrollbar-track-piece,
.theme-body-default .theme-table-fixed-header tfoot::-webkit-scrollbar-track-piece,
.theme-body-default .theme-table-fixed-header-wrap tfoot::-webkit-scrollbar-track-piece,
.theme-body-default .theme-table-fixed-header2 tfoot::-webkit-scrollbar-track-piece,
.theme-body-default .theme-table-fixed-header-footer tfoot::-webkit-scrollbar-track-piece,
.theme-body-default .theme-table thead::-webkit-scrollbar-track-piece,
.theme-body-default .theme-table-fixed-header thead::-webkit-scrollbar-track-piece,
.theme-body-default .theme-table-fixed-header-wrap thead::-webkit-scrollbar-track-piece,
.theme-body-default .theme-table-fixed-header2 thead::-webkit-scrollbar-track-piece,
.theme-body-default .theme-table-fixed-header-footer thead::-webkit-scrollbar-track-piece,
.theme-body-default .theme-table tfoot::-webkit-scrollbar-thumb,
.theme-body-default .theme-table-fixed-header tfoot::-webkit-scrollbar-thumb,
.theme-body-default .theme-table-fixed-header-wrap tfoot::-webkit-scrollbar-thumb,
.theme-body-default .theme-table-fixed-header2 tfoot::-webkit-scrollbar-thumb,
.theme-body-default .theme-table-fixed-header-footer tfoot::-webkit-scrollbar-thumb,
.theme-body-default .theme-table thead::-webkit-scrollbar-thumb,
.theme-body-default .theme-table-fixed-header thead::-webkit-scrollbar-thumb,
.theme-body-default .theme-table-fixed-header-wrap thead::-webkit-scrollbar-thumb,
.theme-body-default .theme-table-fixed-header2 thead::-webkit-scrollbar-thumb,
.theme-body-default .theme-table-fixed-header-footer thead::-webkit-scrollbar-thumb,
.theme-body-default .theme-table tfoot::-webkit-scrollbar-corner,
.theme-body-default .theme-table-fixed-header tfoot::-webkit-scrollbar-corner,
.theme-body-default .theme-table-fixed-header-wrap tfoot::-webkit-scrollbar-corner,
.theme-body-default .theme-table-fixed-header2 tfoot::-webkit-scrollbar-corner,
.theme-body-default .theme-table-fixed-header-footer tfoot::-webkit-scrollbar-corner,
.theme-body-default .theme-table thead::-webkit-scrollbar-corner,
.theme-body-default .theme-table-fixed-header thead::-webkit-scrollbar-corner,
.theme-body-default .theme-table-fixed-header-wrap thead::-webkit-scrollbar-corner,
.theme-body-default .theme-table-fixed-header2 thead::-webkit-scrollbar-corner,
.theme-body-default .theme-table-fixed-header-footer thead::-webkit-scrollbar-corner,
.theme-body-default .theme-table tfoot::-webkit-resizer,
.theme-body-default .theme-table-fixed-header tfoot::-webkit-resizer,
.theme-body-default .theme-table-fixed-header-wrap tfoot::-webkit-resizer,
.theme-body-default .theme-table-fixed-header2 tfoot::-webkit-resizer,
.theme-body-default .theme-table-fixed-header-footer tfoot::-webkit-resizer,
.theme-body-default .theme-table thead::-webkit-resizer,
.theme-body-default .theme-table-fixed-header thead::-webkit-resizer,
.theme-body-default .theme-table-fixed-header-wrap thead::-webkit-resizer,
.theme-body-default .theme-table-fixed-header2 thead::-webkit-resizer,
.theme-body-default .theme-table-fixed-header-footer thead::-webkit-resizer {
  background: #777;
}
.theme-body-default .theme-table tbody,
.theme-body-default .theme-table-fixed-header tbody,
.theme-body-default .theme-table-fixed-header-wrap tbody,
.theme-body-default .theme-table-fixed-header2 tbody,
.theme-body-default .theme-table-fixed-header-footer tbody {
  outline-offset: -1px;
  /* font-size: 1.125em; */
  font-size: 14px;
  color: black;
}
.theme-body-default .theme-table tbody tr:nth-child(odd),
.theme-body-default .theme-table-fixed-header tbody tr:nth-child(odd),
.theme-body-default .theme-table-fixed-header-wrap tbody tr:nth-child(odd),
.theme-body-default .theme-table-fixed-header2 tbody tr:nth-child(odd),
.theme-body-default .theme-table-fixed-header-footer tbody tr:nth-child(odd) {
  background: #fff;
}
.theme-body-default .theme-table tbody tr:nth-child(even),
.theme-body-default .theme-table-fixed-header tbody tr:nth-child(even),
.theme-body-default .theme-table-fixed-header-wrap tbody tr:nth-child(even),
.theme-body-default .theme-table-fixed-header2 tbody tr:nth-child(even),
.theme-body-default .theme-table-fixed-header-footer tbody tr:nth-child(even) {
  background: #f8f8f8;
}
.theme-body-default .theme-table tbody tr:hover,
.theme-body-default .theme-table-fixed-header tbody tr:hover,
.theme-body-default .theme-table-fixed-header-wrap tbody tr:hover,
.theme-body-default .theme-table-fixed-header2 tbody tr:hover,
.theme-body-default .theme-table-fixed-header-footer tbody tr:hover {
  background-color: #C8E2EC;
}
.theme-body-default .theme-table tbody tr.active,
.theme-body-default .theme-table-fixed-header tbody tr.active,
.theme-body-default .theme-table-fixed-header-wrap tbody tr.active,
.theme-body-default .theme-table-fixed-header2 tbody tr.active,
.theme-body-default .theme-table-fixed-header-footer tbody tr.active {
  background-color: #1DA5D9;
  /* highlight; */
}
.theme-body-default .theme-table tbody tr.active,
.theme-body-default .theme-table-fixed-header tbody tr.active,
.theme-body-default .theme-table-fixed-header-wrap tbody tr.active,
.theme-body-default .theme-table-fixed-header2 tbody tr.active,
.theme-body-default .theme-table-fixed-header-footer tbody tr.active,
.theme-body-default .theme-table tbody tr.active a,
.theme-body-default .theme-table-fixed-header tbody tr.active a,
.theme-body-default .theme-table-fixed-header-wrap tbody tr.active a,
.theme-body-default .theme-table-fixed-header2 tbody tr.active a,
.theme-body-default .theme-table-fixed-header-footer tbody tr.active a {
  color: #FFF;
  /* highlighttext; */
}
.theme-body-default .theme-table-fixed-header,
.theme-body-default .theme-table-fixed-header-wrap,
.theme-body-default .theme-table-fixed-header2,
.theme-body-default .theme-table-fixed-header-footer {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-height: inherit;
}
.theme-body-default .theme-table-fixed-header > table,
.theme-body-default .theme-table-fixed-header-wrap > table,
.theme-body-default .theme-table-fixed-header2 > table,
.theme-body-default .theme-table-fixed-header-footer > table {
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-top: 28px;
  /* 2em; */
  height: calc(100% - 28px);
  /* 2em; */
  max-height: inherit;
  width: 100%;
  background: #ddd;
}
.theme-body-default .theme-table-fixed-header > table > thead,
.theme-body-default .theme-table-fixed-header-wrap > table > thead,
.theme-body-default .theme-table-fixed-header2 > table > thead,
.theme-body-default .theme-table-fixed-header-footer > table > thead {
  top: 0;
}
.theme-body-default .theme-table-fixed-header > table > thead,
.theme-body-default .theme-table-fixed-header-wrap > table > thead,
.theme-body-default .theme-table-fixed-header2 > table > thead,
.theme-body-default .theme-table-fixed-header-footer > table > thead,
.theme-body-default .theme-table-fixed-header > table > tfoot,
.theme-body-default .theme-table-fixed-header-wrap > table > tfoot,
.theme-body-default .theme-table-fixed-header2 > table > tfoot,
.theme-body-default .theme-table-fixed-header-footer > table > tfoot {
  position: absolute;
  width: 100%;
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 28px;
  /* 2em; */
}
.theme-body-default .theme-table-fixed-header > table > thead tr,
.theme-body-default .theme-table-fixed-header-wrap > table > thead tr,
.theme-body-default .theme-table-fixed-header2 > table > thead tr,
.theme-body-default .theme-table-fixed-header-footer > table > thead tr,
.theme-body-default .theme-table-fixed-header > table > tfoot tr,
.theme-body-default .theme-table-fixed-header-wrap > table > tfoot tr,
.theme-body-default .theme-table-fixed-header2 > table > tfoot tr,
.theme-body-default .theme-table-fixed-header-footer > table > tfoot tr {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  height: 28px;
}
.theme-body-default .theme-table-fixed-header > table > tbody,
.theme-body-default .theme-table-fixed-header-wrap > table > tbody,
.theme-body-default .theme-table-fixed-header2 > table > tbody,
.theme-body-default .theme-table-fixed-header-footer > table > tbody {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.theme-body-default .theme-table-fixed-header-footer table {
  height: calc(100% - 4em);
  margin-bottom: 2em;
}
.theme-body-default .theme-table-fixed-header-footer tfoot {
  bottom: 0;
}
.theme-body-default .theme-table-fixed-header-wrap > table {
  height: calc(100% - 48px);
  margin-top: 48px;
}
.theme-body-default .theme-table-fixed-header-wrap > table > thead {
  height: 48px;
}
.theme-body-default .theme-table-fixed-header-wrap > table > thead th {
  white-space: normal;
  height: 48px;
  box-sizing: border-box;
}
.theme-body-default .theme-table-fixed-header2 table {
  height: calc(100% - 4em);
  margin-top: 4em;
}
.theme-body-default .theme-table-fixed-header2 thead {
  height: 4em;
}
.theme-body-default .theme-thin-column {
  width: 4em;
  text-align: center;
}
.theme-body-default .theme-1-icon-column {
  width: 3em;
  text-align: center;
}
.theme-body-default .theme-2-icon-column {
  width: 6em;
  text-align: center;
}
.theme-body-default .theme-table-dark tbody tr {
  color: white;
}
.theme-body-default .theme-table-dark tbody tr:nth-child(odd) {
  background: #222;
}
.theme-body-default .theme-table-dark tbody tr:nth-child(even) {
  background: #3D3D3D;
}
.theme-body-default .theme-table-dark tbody tr:hover {
  background-color: #C8E2EC;
}
.theme-body-default .theme-table-dark tbody tr.active {
  background-color: #1DA5D9;
  /* highlight; */
  color: #FFF;
  /* highlighttext; */
}
.theme-body-default .theme-table-auto table,
.theme-body-default .theme-table-auto thead,
.theme-body-default .theme-table-auto tfoot {
  overflow-y: auto;
  overflow-x: hidden;
}
.theme-body-default .theme-plain-table th {
  text-align: left;
}
.theme-body-default .theme-plain-table th,
.theme-body-default .theme-plain-table td {
  padding: 10px;
}
.theme-body-default .theme-monospace {
  font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace;
}
.theme-body-default .theme-tabs > ul {
  margin: 0 32px 0 0;
  overflow: auto;
  text-align: left;
  padding: 0 5px 0 5px;
  display: flex;
}
.theme-body-default .theme-tabs > ul li {
  display: inline-block;
  padding: 10px 25px;
  margin: 0 1px;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  overflow: visible;
  text-overflow: ellipsis;
  user-select: none;
  border-bottom: 4px solid transparent;
  color: #8C8C8C;
  font-size: 1.125em;
  white-space: nowrap;
}
.theme-body-default .theme-tabs > ul li.active {
  background: initial;
  color: #525252;
  font-weight: bold;
  border-color: #9ACA41;
  overflow: visible;
}
.theme-body-default .theme-tabs > ul li:last-child {
  margin-right: 2em;
}
.theme-body-default .theme-tabs > ul li.disabled {
  color: #ccc;
}
.theme-body-default .theme-tabs > ul + div {
  padding: 0 4px 0 4px;
  /* overflow: hidden; */
}
.theme-body-default .theme-tabs > ul + div > div {
  display: none;
  background: #fff;
  padding: 20px 20px 20px 20px;
  border-radius: 2px;
  box-sizing: border-box;
}
.theme-body-default .theme-tabs > ul + div > div.active {
  background: #fff;
  color: #000;
  display: block;
}
.theme-body-default .theme-autocomplete {
  position: relative;
}
.theme-body-default .theme-autocomplete .mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.theme-body-default .theme-autocomplete input {
  position: relative;
  z-index: 1;
  width: 25vw;
  margin-bottom: 0 !important;
}
.theme-body-default .theme-autocomplete ul {
  display: block;
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  box-shadow: 0 0 2px black;
  /* max-width: 200px; */
  box-sizing: border-box;
  box-shadow: 0 1px 2px 0px black;
  position: absolute;
  /* width: 100%; */
  background: white;
  z-index: 20;
}
.theme-body-default .theme-autocomplete ul li {
  padding: 5px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  min-width: 100px;
}
.theme-body-default .theme-autocomplete ul li small {
  display: block;
}
.theme-body-default .theme-autocomplete ul li:hover {
  background-color: #C8E2EC;
}
.theme-body-default .theme-autocomplete ul li.active {
  background: #1DA5D9;
  /* highlight; */
  color: #FFF;
  /* highlighttext; */
}
.theme-body-default .theme-autocomplete.black input.theme-form-input {
  background-color: #2E2E2E !important;
  color: rgba(255, 255, 255, 0.5) !important;
}
.theme-body-default .theme-autocomplete.black input.theme-form-input:focus {
  border: 2px solid #1DA5D9;
}
.theme-body-default .theme-autocomplete.black ul {
  background-color: #2E2E2E;
  color: rgba(255, 255, 255, 0.5);
}
.theme-body-default .theme-autocomplete.black ul li:hover {
  color: #000;
}
.theme-body-default .theme-autocomplete.black .theme-tags span {
  background: #9B9B9B;
}
.theme-body-default .theme-autocomplete.left-icon input.theme-form-input {
  padding-left: 50px !important;
}
.theme-body-default .theme-autocomplete.left-icon input.theme-form-input ~ .search-icon {
  color: silver;
  pointer-events: none;
  position: absolute;
  left: 0;
  margin: 1px 4px;
  font-size: 1.25em;
  z-index: 10;
  padding: 5px;
  display: inline-block;
  top: 0;
  line-height: 1em;
}
.theme-body-default .theme-autocomplete.left-icon input.theme-form-input ~ .icon-cancel {
  margin-left: -2.5em;
}
.theme-body-default .theme-form .theme-autocomplete input {
  max-width: 75%;
}
.theme-body-default .theme-icon-group.show-charts {
  position: fixed;
  white-space: no-wrap;
  right: 24px;
  bottom: 24px;
  padding: 0 12px 0 6px;
  border-radius: 30px;
  background: #777;
  color: #fff;
  height: 30px;
  line-height: 18px;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
}
.theme-body-default .theme-icon-group > i {
  background: #777;
  color: #fff;
  padding: 6px;
  width: 30px;
  height: 30px;
  line-height: 18px;
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
}
.theme-body-default .theme-icon-group > i:before {
  margin: 0;
}
.theme-body-default .theme-icon-group > i.active {
  color: #000;
}
.theme-body-default .theme-icon-group > i:first-of-type {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.theme-body-default .theme-icon-group > i:last-of-type {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.theme-body-default a,
.theme-body-default .theme-link {
  color: #1DA5D9;
  cursor: pointer;
}
.theme-body-default a:hover,
.theme-body-default .theme-link:hover {
  text-decoration: underline;
}
.theme-body-default .theme-image {
  max-width: 80px;
  max-height: 80px;
}
.theme-body-default .theme-image[src$=".svg"] {
  height: 80px;
}
.theme-body-default .theme-image-thumbnail {
  max-width: 3em;
  max-height: 3em;
}
.theme-body-default .theme-image-tiny {
  max-width: 2em;
  max-height: 2em;
}
.theme-body-default .theme-image-micro {
  max-width: 1em;
  max-height: 1em;
}
.theme-body-default .theme-progress {
  text-align: center;
  margin: 2px;
  height: 1.5em;
  position: relative;
  vertical-align: top;
  display: inline-block;
  xbackground: gray repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255, 255, 255, 0.5) 35px, rgba(255, 255, 255, 0.5) 70px);
}
.theme-body-default .theme-progress:before {
  content: attr(value);
  display: inline-block;
}
.theme-body-default .theme-progress:not(:indeterminate):after {
  content: '%';
  display: inline-block;
}
.theme-body-default .theme-progress-bar {
  background-color: #eee;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  text-align: center;
  position: relative;
  border-radius: 5px;
  line-height: 0.9em;
  margin-bottom: 0.2em;
}
.theme-body-default .theme-progress-bar:empty {
  height: 1em;
  background-color: #ddd;
  background-image: linear-gradient(-45deg, transparent 33%, rgba(255, 255, 255, 0.5) 33%, rgba(255, 255, 255, 0.5) 66%, transparent 66%);
  background-size: 35px 20px, 100% 100%, 100% 100%;
  animation: animate-stripes 5s linear infinite;
}
.theme-body-default .theme-progress-bar :first-child {
  display: inline-block;
  background-color: #1DA5D9;
  /* highlight; */
  background-image: linear-gradient(-45deg, transparent 33%, rgba(255, 255, 255, 0.5) 33%, rgba(255, 255, 255, 0.5) 66%, transparent 66%), linear-gradient(rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25));
  background-size: 35px 20px, 100% 100%, 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 5px;
  animation: animate-stripes 5s linear infinite;
}
.theme-body-default .theme-progress-bar :last-child {
  position: relative;
  z-index: 10;
}
@keyframes animate-stripes {
  100% {
    background-position: -100px 0px;
  }
}
.theme-body-default .theme-time-picker {
  white-space: nowrap;
  display: inline-block;
  color: white;
  margin: 0;
}
.theme-body-default .theme-time-picker.has-date-picker {
  background: #777777;
  border-radius: 24px;
  padding: 2px 6px 3px 6px;
}
.theme-body-default .theme-time-picker .wrapper {
  background: #363636;
  display: inline-block;
  font-size: 15px;
  /* 12px too small, 18px too big */
  border-radius: 1.8em;
  vertical-align: middle;
  padding: 1px 0;
  height: 22px;
}
.theme-body-default .theme-time-picker .time {
  display: inline-block;
  xline-height: 1em;
  /* 1.5em */
  margin: 0 4px;
  color: #A0A0A0;
  cursor: pointer;
}
.theme-body-default .theme-time-picker .time i.active,
.theme-body-default .theme-time-picker .time.active {
  color: #B9ED58;
  background: inherit;
}
.theme-body-default .theme-time-picker .time:first-child {
  margin-left: 0.6em;
}
.theme-body-default .theme-time-picker .time:last-child {
  margin-right: 0.6em;
}
.theme-body-default .theme-time-picker .date-interval-date {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
}
.theme-body-default .theme-time-picker .input-group {
  position: relative;
  display: inline-block;
  line-height: 1.4em;
  xvertical-align: middle;
}
.theme-body-default .theme-time-picker .end-time-input {
  margin: 0;
  vertical-align: middle;
  padding: 2px 8px;
  line-height: 1em;
  height: 24px;
}
.theme-body-default .theme-time-picker .icon-left-open,
.theme-body-default .theme-time-picker .icon-right-open {
  vertical-align: middle;
  cursor: pointer;
}
.theme-body-default .theme-time-picker .icon-left-open[disabled],
.theme-body-default .theme-time-picker .icon-right-open[disabled] {
  opacity: 0.3;
}
.theme-body-default .theme-time-picker .now-button {
  display: inline-block;
  margin: 0 1px;
  padding: 1px 10px;
  border-radius: 24px;
  vertical-align: middle;
  background: #363636;
  cursor: pointer;
}
.theme-body-default .theme-time-picker .now-button[disabled] {
  opacity: 0.3;
}
.theme-body-default .theme-time-picker .icon-calendar-empty,
.theme-body-default .theme-time-picker .icon-clock,
.theme-body-default .theme-time-picker .icon-refresh {
  margin: 2px 1px !important;
  line-height: 15px;
  vertical-align: middle;
  font-size: 15px;
  cursor: pointer;
  color: white;
}
.theme-body-default .theme-time-picker .input-group.time {
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 16px;
  height: 24px;
  margin: 1px;
  padding: 2px 0;
}
.theme-body-default .theme-default-font-size {
  font-size: 14px;
}
.theme-body-default .theme-hover-glow:hover {
  color: #1DA5D9;
  /* highlight; */
  xbackground: #FFF;
  /* highlighttext; */
}
.theme-body-default .theme-section-header {
  color: #5D8F24;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  line-height: 52px;
}
.theme-body-default .theme-section-subheader {
  line-height: 22px;
  color: #777777;
  font-size: 16px;
  line-height: 32px;
}
.theme-body-default .theme-red-bubble {
  position: relative;
}
.theme-body-default .theme-red-bubble:after {
  content: attr(data-count);
  display: inline-block;
  color: white;
  border-radius: 50%;
  top: -4px;
  right: -8px;
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  height: 22px;
  width: 22px;
  background-color: #EF6374;
  text-align: center;
}
.theme-body-default .theme-red-bubble[data-count="0"]:after {
  background-color: #9ACA41;
  display: none;
}
.theme-body-default span.theme-red-bubble {
  line-height: 1.5em;
  vertical-align: middle;
}
.theme-body-default span.theme-red-bubble:after {
  position: relative;
}
.theme-body-default .theme-combo-box {
  position: relative;
}
.theme-body-default .theme-combo-box.active + ul,
.theme-body-default .theme-combo-box:focus + ul {
  display: block;
}
.theme-body-default .theme-combo-box + ul {
  display: none;
  position: absolute;
  margin: -15px 0 10px;
  padding: 0;
  list-style: none;
  border: 1px solid #C2C2C2;
  border-radius: 4px;
  background-color: #FFFFFF;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
  min-width: 310px;
  z-index: 100;
}
.theme-body-default .theme-combo-box + ul li {
  margin: 0;
  padding: 8px;
}
.theme-body-default .theme-combo-box + ul li:first-child {
  border-radius: 4px 4px 0 0;
  background-color: #F2F2F2;
}
.theme-body-default .theme-combo-box + ul li label {
  opacity: 0.5;
  color: #222222;
  font-size: 12px;
  line-height: 17px;
  text-transform: uppercase;
}
.theme-body-default .theme-combo-box + ul li div {
  opacity: 0.5;
  color: #222222;
  font-size: 14px;
  line-height: 19px;
  padding: 8px;
}
.theme-body-default .theme-combo-box + ul li div i {
  color: #1DA5D9;
}
.theme-body-default .theme-white-out {
  filter: brightness(0) invert(1);
}
.theme-body-default .theme-title {
  text-transform: uppercase;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
}
.theme-body-default .theme-title.red {
  color: #EF6374;
}
.theme-body-default .theme-title.green {
  color: #71AA30;
}
.theme-body-default .theme-panel {
  background: #F2F2F2;
  padding: 20px;
}
.theme-body-default .theme-card {
  background: white;
  padding: 10px 1px;
  margin: 0 5px 10px 5px;
  text-align: center;
  flex-grow: 1;
  max-width: 50%;
}
.theme-body-default .theme-card.active {
  box-shadow: 0 0 6px #1DA5D9;
}
.theme-body-default .theme-card .theme-card-title {
  color: black;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}
.theme-body-default .theme-card .theme-card-title.small {
  font-size: 14px;
  max-width: 90px;
  padding: 2px 5px;
  box-sizing: border-box;
}
.theme-body-default .theme-card .theme-card-title.small i {
  display: none;
}
.theme-body-default .theme-card:hover .theme-card-title.small i {
  display: inline;
}
.theme-body-default .theme-small-label,
.theme-body-default .theme-big-label {
  color: #9B9B9B;
  line-height: 1.5em;
  text-transform: uppercase;
}
.theme-body-default .theme-small-label {
  font-size: 10px;
}
.theme-body-default .theme-big-label {
  font-size: 14px;
}
.theme-body-default .theme-tool-tip-wrapper:hover .theme-tool-tip,
.theme-body-default :hover > .theme-tool-tip {
  display: block;
  z-index: 100;
}
.theme-body-default .theme-tool-tip-wrapper:hover .theme-tool-tip2,
.theme-body-default :hover > .theme-tool-tip2 {
  display: inline-block;
  z-index: 100;
}
.theme-body-default td:nth-child(n+2):last-child .theme-tool-tip,
.theme-body-default td:nth-child(n+3):nth-last-child(-n+2) .theme-tool-tip,
.theme-body-default td:nth-child(n+4):nth-last-child(-n+3) .theme-tool-tip,
.theme-body-default td:nth-child(n+5):nth-last-child(-n+4) .theme-tool-tip,
.theme-body-default td:nth-child(n+6):nth-last-child(-n+5) .theme-tool-tip,
.theme-body-default td:nth-child(n+7):nth-last-child(-n+6) .theme-tool-tip {
  left: auto;
  right: 100%;
}
.theme-body-default td:nth-child(n+2):last-child .theme-tool-tip:after,
.theme-body-default td:nth-child(n+3):nth-last-child(-n+2) .theme-tool-tip:after,
.theme-body-default td:nth-child(n+4):nth-last-child(-n+3) .theme-tool-tip:after,
.theme-body-default td:nth-child(n+5):nth-last-child(-n+4) .theme-tool-tip:after,
.theme-body-default td:nth-child(n+6):nth-last-child(-n+5) .theme-tool-tip:after,
.theme-body-default td:nth-child(n+7):nth-last-child(-n+6) .theme-tool-tip:after {
  left: auto;
  right: -10px;
}
.theme-body-default td:nth-child(n+2):last-child .theme-tool-tip2,
.theme-body-default td:nth-child(n+3):nth-last-child(-n+2) .theme-tool-tip2,
.theme-body-default td:nth-child(n+4):nth-last-child(-n+3) .theme-tool-tip2,
.theme-body-default td:nth-child(n+5):nth-last-child(-n+4) .theme-tool-tip2,
.theme-body-default td:nth-child(n+6):nth-last-child(-n+5) .theme-tool-tip2,
.theme-body-default td:nth-child(n+7):nth-last-child(-n+6) .theme-tool-tip2 {
  left: auto;
  right: 100%;
}
.theme-body-default td:nth-child(n+2):last-child .theme-tool-tip2:after,
.theme-body-default td:nth-child(n+3):nth-last-child(-n+2) .theme-tool-tip2:after,
.theme-body-default td:nth-child(n+4):nth-last-child(-n+3) .theme-tool-tip2:after,
.theme-body-default td:nth-child(n+5):nth-last-child(-n+4) .theme-tool-tip2:after,
.theme-body-default td:nth-child(n+6):nth-last-child(-n+5) .theme-tool-tip2:after,
.theme-body-default td:nth-child(n+7):nth-last-child(-n+6) .theme-tool-tip2:after {
  left: auto;
  right: -10px;
}
.theme-body-default tr:nth-last-child(-n+2):not(:nth-child(-n+2)) .theme-tool-tip {
  top: auto;
  bottom: 0.5em;
}
.theme-body-default tr:nth-last-child(-n+2):not(:nth-child(-n+2)) .theme-tool-tip:after {
  top: auto;
  bottom: 20px;
}
.theme-body-default .theme-tool-tip {
  display: none;
  pointer-events: none;
  background: #4A4A4A;
  position: absolute;
  top: 0.5em;
  left: 100%;
  color: #fff;
  font-size: 14px;
  line-height: 19px;
  padding: 20px;
  border-radius: 4px;
  max-width: 25vw;
}
.theme-body-default .theme-tool-tip:after {
  content: '';
  display: block;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 20px;
  height: 20px;
  background: inherit;
  left: -10px;
  top: 20px;
  position: absolute;
}
.theme-body-default .theme-tool-tip span {
  display: block;
  text-align: center;
}
.theme-body-default .theme-tool-tip > div:first-of-type:not(:last-of-type) {
  padding: 0 10px 10px;
}
.theme-body-default .theme-tool-tip > div:not(:first-of-type):not(:last-of-type) {
  padding: 10px;
}
.theme-body-default .theme-tool-tip > div:last-of-type:not(:first-of-type) {
  padding: 10px 10px 0;
}
.theme-body-default .theme-tool-tip > div:first-of-type:last-of-type {
  padding: 0 10px;
}
.theme-body-default .theme-tool-tip > div:not(:last-of-type) {
  border-bottom: 1px solid white;
}
.theme-body-default .theme-tool-tip .force-right {
  background: #4A4A4A;
}
.theme-body-default .theme-tool-tip .tabular-data {
  display: table-row;
}
.theme-body-default .theme-tool-tip .tabular-data label {
  display: table-cell;
  text-align: right;
  padding: 2px 5px;
  opacity: 0.6;
  white-space: nowrap;
}
.theme-body-default .theme-tool-tip .tabular-data span {
  display: table-cell;
  text-align: left;
  padding: 2px 2px;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme-body-default .theme-tool-tip2 {
  display: none;
  pointer-events: none;
  background: #4A4A4A;
  position: absolute;
  right: 18%;
  color: #fff;
  font-size: 14px;
  line-height: 19px;
  padding: 15px;
  border-radius: 4px;
  max-width: 25vw;
}
.theme-body-default .theme-tool-tip2:after {
  content: '';
  display: block;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 20px;
  height: 20px;
  background: inherit;
  right: -10px;
  top: 20px;
  position: absolute;
}
.theme-body-default .theme-tool-tip2 span {
  display: inline-block;
  text-align: center;
}
.theme-slider {
  display: inline-block;
  width: 600px;
  max-width: 50vw;
  height: 18px;
  position: relative;
  display: inline-flex;
  flex-direction: row;
}
.theme-slider label {
  white-space: nowrap;
  padding: 0 5px;
  display: inline-block;
}
.theme-slider .track {
  width: 100%;
  position: relative;
}
.theme-slider .track:before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 8px;
  background: #50ADE5;
  /* linear-gradient(gray, silver); */
}
.theme-slider .track.ticks-5:after,
.theme-slider .track.ticks-10:after,
.theme-slider .track.ticks-60:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 12px;
  position: absolute;
  top: 12px;
}
.theme-slider .track.ticks-5:after {
  background: repeating-linear-gradient(90deg, gray, transparent 1%, transparent 99%, silver);
  background-size: 20%;
}
.theme-slider .track.ticks-10:after {
  background: repeating-linear-gradient(90deg, gray, gray 3%, transparent 3%, transparent 97%, silver 97%, silver);
  background: repeating-linear-gradient(90deg, gray, gray 1%, transparent 1%, transparent 99%, silver 99%, silver);
  background-size: 9.9%;
}
.theme-slider .track.ticks-60:after {
  background: repeating-linear-gradient(90deg, gray, transparent 15%, transparent 85%, silver);
  background-size: 1.5%;
}
.theme-slider .selection {
  position: absolute;
  display: inline-block;
  width: 20%;
  height: 100%;
  right: 0;
  background: rgba(80, 173, 229, 0.8);
  cursor: move;
  z-index: 100;
}
.theme-slider .text {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 100;
  color: white;
}
.theme-slider .left-handle,
.theme-slider .right-handle {
  border: 1px solid #9D968E;
  width: 10px;
  height: 20px;
  margin: -1px 0;
  box-sizing: border-box;
  display: inline-block;
  position: absolute;
  background: linear-gradient(90deg, #F4F2EF, #EAE5E0);
  z-index: 10;
  cursor: ew-resize;
  font-size: 8px;
  white-space: nowrap;
}
.theme-slider .left-handle:first-of-type,
.theme-slider .right-handle:first-of-type {
  left: 0;
}
.theme-slider .left-handle:last-of-type,
.theme-slider .right-handle:last-of-type {
  right: 0;
}
.theme-slider .left-handle:hover,
.theme-slider .right-handle:hover {
  background: linear-gradient(90deg, #FFF, #F4F2EF);
}
.theme-slider .left-handle:before,
.theme-slider .right-handle:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 1px;
  width: 6px;
  height: 100%;
  background: linear-gradient(0deg, transparent 4px, #9D968E 5px, transparent 6px, transparent 8px, #9D968E 9px, transparent 10px, transparent 12px, #9D968E 13px, transparent 14px);
}
.theme-slider [data-title]:hover:after {
  content: attr(data-title);
  position: absolute;
  top: 18px;
  color: #222;
  font-size: 13px;
  z-index: 10;
  padding: 2px 8px;
  xbackground: #fff;
  white-space: nowrap;
  left: 0;
  margin: 0 auto;
  margin: 0 -100%;
  min-width: 300%;
  text-align: center;
  text-shadow: 0 0 4px white;
}
.margin-tiny {
  margin: 2px;
}
.margin-small {
  margin: 10px;
}
.margin-medium {
  margin: 20px;
}
.margin-large {
  margin: 50px;
}
.padding-tiny {
  padding: 2px;
}
.padding-small {
  padding: 10px;
}
.padding-medium {
  padding: 20px;
}
.padding-large {
  padding: 50px;
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.14.30
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
  background: white;
  box-shadow: 0 0 12px -3px black;
  padding: 10px;
  margin: 0 0 10px 0;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 9em;
  position: absolute;
  top: 2em;
  z-index: 10;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 19em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 19em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 19em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: 0.8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: 0 0 7px 7px solid transparent;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
  float: left;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.bootstrap-datetimepicker-widget ~ .mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
::-webkit-input-placeholder {
  color: silver;
}
/* Chrome/Opera/Safari */
::-moz-placeholder {
  color: silver;
}
/* Firefox 19+ */
:-ms-input-placeholder {
  color: silver;
}
/* IE 10+ */
::placeholder {
  color: silver;
}
[tabindex] {
  outline: none;
}
[class^="icon-"],
[class*=" icon-"] {
  font-style: normal;
}
html,
body,
#EventBus,
#main {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  /* font-family: lato, "Helvetica Neueu", Helvetica, Verdana; */
  font-family: 'Open Sans', sans-serif;
  overflow: hidden;
}
html .page-sub-header,
body .page-sub-header,
#EventBus .page-sub-header,
#main .page-sub-header {
  position: relative;
  z-index: 20;
}
:not(input):not(textarea):not(.user-selectable) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.user-selectable,
.user-selectable * {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}
.page-main-wrapper {
  margin: 0 auto;
  clear: both;
}
.hide-details-pane .details-pane {
  display: none;
}
.hide-details-pane .page-main-wrapper {
  height: auto;
}
@media screen and (max-width: 1240px) {
  .searchDisappear {
    display: none;
  }
}
@media screen and (max-width: 865px) {
  .timePickerDisappear {
    display: none !important;
  }
}
[class^="icon-image-"],
[class*=" icon-image-"] {
  background-size: contain;
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.icon-flow-branch {
  cursor: pointer;
  display: inline-block;
  transform: rotate(90deg) scaleX(-1);
  font-size: 24px;
  overflow: hidden;
}
.icon-buffer {
  display: inline-block;
  transform: rotate(90deg) scaleX(-1);
}
input[type='checkbox'] {
  width: 20px;
  height: 20px;
}
input[type="search"] {
  border: none;
  padding: 8px 12px;
  border-radius: 5px;
  width: 50%;
  max-width: 400px;
}
input[type="search"] ~ .icon-down-dir,
input[type="search"] ~ .icon-search,
input[type="search"] ~ .icon-cancel {
  position: relative;
  margin-left: -2em;
  z-index: 10;
  padding: 5px;
  display: inline-block;
}
input[type="search"] ~ .icon-down-dir,
input[type="search"] ~ .icon-search {
  color: silver;
  pointer-events: none;
}
input[type="search"] ~ .icon-cancel {
  color: #1DA5D9;
  cursor: pointer;
}
input[type="search"] + .icon-cancel + .icon-down-dir,
input[type="search"] + .icon-cancel + .icon-search {
  display: none;
}
input[type="text"].wide-input {
  width: 325px;
}
.theme-body-default .theme-form .timeframe-search-bar {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.theme-body-default .theme-form .timeframe-search-bar .left-side {
  width: 100%;
  box-sizing: border-box;
  vertical-align: middle;
  margin-right: 10px;
  min-height: 2em;
}
.theme-body-default .theme-form .timeframe-search-bar .left-side input {
  width: 100%;
  margin: 0 !important;
}
.theme-body-default .theme-form .timeframe-search-bar .left-side i {
  display: inline-block;
  margin-top: 5px;
}
.theme-body-default .theme-form .timeframe-search-bar .right-side {
  display: table-cell;
  white-space: nowrap;
  vertical-align: middle;
  margin: -0.5em 0;
}
.theme-body-default .theme-form .timeframe-search-bar .right-side label input[type=radio] {
  display: none;
}
.theme-body-default .theme-form .timeframe-search-bar .right-side label span {
  display: inline-block;
  padding: 5px;
  line-height: 2em;
  cursor: pointer;
}
.theme-body-default .theme-form .timeframe-search-bar .right-side label input:checked + span {
  color: blue;
  font-weight: bold;
}
.theme-body-default .theme-form .timeframe-search-bar .right-side label input:disabled + span {
  color: silver;
}
.theme-body-default .theme-form .timeframe-search-bar .right-side input[type=text] {
  width: 5em;
}
.theme-body-default .theme-form .timeframe-search-bar .right-side .input-group {
  position: relative;
  display: inline-block;
}
.theme-body-default .theme-form .timeframe-search-bar .refresh-button {
  font-size: 1.25em;
}
.checksum {
  display: table;
}
@media (min-width: 900px) {
  .detail-timestamp {
    width: 212px;
  }
}
table.bot-details {
  font-size: 14px;
  height: 50vh;
}
table.bot-details tbody td {
  padding: 4px 8px;
}
table.bot-details tbody td:first-child {
  width: 234px;
}
table.bot-details tbody td:last-child {
  width: 70px;
}
table.bot-details td a {
  color: #50ADE5;
  cursor: pointer;
  text-decoration: none;
  width: 100%;
  height: 100%;
}
table.bot-details td a:hover {
  text-decoration: underline;
}
.current-payload button {
  position: absolute;
  right: 25px;
  margin: 8px 2px;
  bottom: 0;
}
pre.pretty-print {
  overflow: auto;
  padding: 5px;
  box-shadow: inset 0 0 2px 0px black;
  background: #f8f8f8;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all;
  /* max-width: 1140px; */
  max-height: 500px;
  color: black;
}
.theme-body-default .bot-list {
  font-size: 14px;
  margin: 20px;
}
.theme-body-default .bot-list tr.active svg {
  filter: brightness(0) invert(1);
}
.theme-body-default .bot-list tr th:first-child,
.theme-body-default .bot-list tr td:first-child {
  width: 25%;
}
.theme-body-default .bot-list tr th.text-right,
.theme-body-default .bot-list tr td.text-right {
  padding-right: 1.5em !important;
}
.theme-body-default .bot-list tr th.narrow,
.theme-body-default .bot-list tr td.narrow {
  width: 90px;
}
.theme-body-default .bot-list thead {
  color: #D7D7D7;
  /* A9A9A9; */
  font-weight: 600;
  text-transform: uppercase;
}
.theme-body-default .bot-list thead tr {
  background: #797979;
}
.theme-body-default .bot-list thead tr th {
  border-left-color: transparent;
}
.theme-body-default .bot-list thead tr th:empty {
  height: 1.5em;
}
.theme-body-default .bot-list thead tr th.sortable:after {
  color: silver;
}
.theme-body-default .bot-list thead tr th.sortable.asc:after,
.theme-body-default .bot-list thead tr th.sortable.desc:after {
  color: white;
}
.theme-body-default .bot-list tbody tr {
  cursor: pointer;
}
.theme-body-default .bot-list tbody td {
  white-space: nowrap;
  box-sizing: border-box;
  text-overflow: ellipsis;
  background: inherit;
  color: inherit;
}
.theme-body-default .bot-list tbody td:first-child {
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.theme-body-default .bot-list tbody td:first-child svg,
.theme-body-default .bot-list tbody td:first-child img {
  vertical-align: inherit;
  max-height: 32px;
  max-width: 32px;
  margin: -2px 10px -5px -5px;
  float: left;
}
.theme-body-default .bot-list tbody td:first-child span {
  vertical-align: middle;
}
.theme-body-default .bot-list tbody td:first-child small {
  display: block;
}
.theme-body-default .bot-list em {
  margin: 0 1em;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%;
}
.theme-body-default .bot-list .opacity-6 td {
  opacity: 0.6;
}
.theme-body-default .bot-list td.full-description div {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.theme-body-default .bot-list td.full-description:hover {
  position: relative;
  overflow: visible;
  padding: 0;
  opacity: 1;
}
.theme-body-default .bot-list td.full-description:hover div {
  position: absolute;
  white-space: normal;
  background: white;
  xborder: 2px solid #1DA5D9;
  color: black;
  padding: 16px 16px;
  top: 2px;
  left: 0px;
  right: 0px;
  border-radius: 4px;
  z-index: 100;
  background: inherit;
  color: inherit;
}
.top-controls {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 20px 20px 10px 20px;
  align-items: flex-start;
}
.top-controls .control {
  height: 30px;
  display: inline-block;
  box-sizing: border-box;
  margin: 10px 5px;
  vertical-align: top;
}
.top-controls .pill {
  min-width: 30px;
  height: 30px;
  line-height: 30px;
}
.top-controls .push-right {
  margin-left: auto;
}
.list-view {
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.list-view .button-group > label,
.list-view .button-group li {
  overflow: hidden;
  vertical-align: middle;
  margin: 0.1em 0.25em;
  padding: 0 0.75em 0 0;
}
.list-view .button-group > label.active,
.list-view .button-group li.active {
  background: #1DA5D9;
  /* highlight; */
  color: #FFF;
  /* highlighttext; */
}
.list-view .button-group > label input,
.list-view .button-group li input {
  margin: 0.5em;
  vertical-align: middle;
}
.list-view .button-group > label span,
.list-view .button-group li span,
.list-view .button-group > label img,
.list-view .button-group li img {
  vertical-align: middle;
  overflow: hidden;
}
.list-view .button-group > label {
  display: inline-block;
  padding: 0.3em 0.75em 0.2em 0.75em;
  border-radius: 30px;
}
.list-view .button-group .dropdown-checkboxes {
  overflow: visible;
  display: inline-block;
  border-radius: 35px;
  padding: 0.3em 0.35em;
  cursor: pointer;
  background: #CDCDCD;
  color: white;
}
.list-view .button-group .dropdown-checkboxes:hover {
  background-color: #C8E2EC;
}
.list-view .button-group .dropdown-checkboxes.active {
  background: #1DA5D9;
  color: #FFF;
}
.list-view .button-group .dropdown-checkboxes.inactive {
  color: #1DA5D9;
  background: #FFF;
  border: 1px solid #1DA5D9;
}
.list-view .button-group .dropdown-checkboxes.partly {
  background: rgba(29, 165, 215, 0.6);
}
.list-view .button-group .dropdown-checkboxes label,
.list-view .button-group .dropdown-checkboxes > span {
  vertical-align: top;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 4px 0 0px;
  cursor: pointer;
}
.list-view .button-group .dropdown-checkboxes label input,
.list-view .button-group .dropdown-checkboxes > span input,
.list-view .button-group .dropdown-checkboxes label img,
.list-view .button-group .dropdown-checkboxes > span img,
.list-view .button-group .dropdown-checkboxes label i,
.list-view .button-group .dropdown-checkboxes > span i {
  vertical-align: middle;
  line-height: 0.5em;
}
.list-view .button-group .dropdown-checkboxes label {
  margin: -2px 0 0 0;
}
.list-view .button-group .dropdown-checkboxes label span {
  vertical-align: middle;
}
.list-view .button-group .dropdown-checkboxes i.icon-sort-down {
  margin: -0.9em 0 -0.1em 0;
}
.list-view .button-group .dropdown-checkboxes img,
.list-view .button-group .dropdown-checkboxes i {
  display: inline-block;
  padding: 0 0.25em;
  padding: 0;
  min-width: 24px;
  margin: -0.5em 0;
}
.list-view .button-group .dropdown-checkboxes input {
  display: none;
}
.list-view .button-group .dropdown-checkboxes ul {
  left: 0;
  top: 30px;
  width: auto;
  margin: 0;
  padding: 0.5em 0;
}
.list-view .button-group .dropdown-checkboxes ul li {
  white-space: nowrap;
  width: auto;
  cursor: default;
  padding: 2px;
  margin: 1px 5px;
}
.list-view .button-group .dropdown-checkboxes ul li:hover {
  background-color: #C8E2EC;
}
.list-view .button-group .dropdown-checkboxes ul li.active {
  background: #1DA5D9;
  /* highlight; */
  color: #FFF;
  /* highlighttext; */
}
.list-view .button-group .dropdown-checkboxes ul li label {
  width: 100%;
  display: inline-block;
  cursor: pointer;
}
.list-view button {
  margin: 8px;
}
.node-view {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.node-view.show-details-pane {
  height: calc(100% - 300px);
}
#diagram {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  cursor: move;
  position: relative;
}
#diagram svg {
  max-width: 100%;
  position: absolute;
}
.tree-wrapper {
  width: 100%;
  height: 100%;
  cursor: move;
  position: relative;
  overflow: hidden;
}
.tree-wrapper .tree-buttons {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
}
.tree-wrapper .node {
  cursor: pointer;
}
.tree-wrapper .node text {
  font-size: 12px;
  fill: black;
}
.tree-wrapper .node use {
  display: none;
}
.tree-wrapper .node:hover use {
  display: block;
}
.tree-wrapper .node.paused path[data-shape].stroked,
.tree-wrapper .node.paused circle.stroked {
  stroke: #A8D6F2;
}
.tree-wrapper .node circle.stroked {
  stroke: #A8D6F2;
}
.tree-wrapper path.stroked {
  fill: transparent;
  stroke-width: 2px;
  stroke: #50ADE5;
}
.tree-wrapper path.stroked[stroke-dasharray="6"] {
  stroke: #CCC;
}
.tree-wrapper [data-shape="delta"],
.tree-wrapper [data-shape="octogon"] {
  stroke: transparent;
}
.tree-wrapper .gray {
  fill: transparent;
  stroke-width: 2px;
  stroke: #ddd;
}
.tree-wrapper path.working {
  fill: transparent;
  stroke-width: 2px;
  stroke: #50ADE5;
  stroke-dasharray: 4;
  animation: 4s stroke_working infinite;
}
@keyframes stroke_working {
  from {
    stroke-dasharray: 6;
  }
  to {
    stroke-dasharray: 2;
  }
}
.tree-wrapper svg rect.stroked-danger,
.tree-wrapper svg circle.stroked-danger,
.tree-wrapper svg path.stroked-danger:not([data-shape]) {
  stroke: red;
}
.tree-wrapper .unstroked {
  fill: transparent;
}
.tree-wrapper .active path[data-shape],
.tree-wrapper .active circle {
  stroke-width: 5px;
}
.tree-wrapper path[data-shape="octogon"],
.tree-wrapper path[data-shape="delta"] {
  stroke-width: 0;
}
.tree-wrapper .active path[data-shape="delta"] {
  stroke-width: 10px;
}
.tree-wrapper .active path[data-shape="octogon"] {
  stroke-width: 12px;
}
.tree-wrapper .active path[data-shape].root-node {
  stroke-width: 8px;
}
.tree-wrapper .active path[data-shape].root-node[data-shape="octogon"] {
  stroke-width: 14px;
}
.tree-wrapper g [data-shape="octogon"],
.tree-wrapper .active [data-shape="octogon"] {
  stroke: firebrick;
}
.tree-wrapper g [data-shape="delta"],
.tree-wrapper .active [data-shape="delta"] {
  stroke: chocolate;
  /* #BC1D2C; */
}
.tree-wrapper .empty {
  fill: #fff;
}
.tree-wrapper svg .link text {
  cursor: pointer;
}
.tree-wrapper svg .link rect {
  cursor: pointer;
  fill: transparent;
}
.tree-wrapper svg path[data-shape].stroked,
.tree-wrapper svg circle.stroked,
.tree-wrapper svg rect.stroked,
.tree-wrapper svg rect.gray,
.tree-wrapper svg rect.working,
.tree-wrapper svg text.stroked {
  fill: #fff;
}
.tree-wrapper svg .link.active path.stroked,
.tree-wrapper svg .link.active rect.rect {
  stroke-width: 4px;
}
.tree-wrapper svg text.stat {
  fill: #50ADE5;
  text-anchor: middle;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  line-height: 1.2em;
  dominant-baseline: middle;
}
.tree-wrapper svg .link.hover path.stroked {
  stroke: #176b9e;
}
.tree-wrapper svg .link.hover path.stroked-danger:not([data-shape]) {
  stroke: #cc0000;
}
.tree-wrapper svg .link.hover text.stat {
  fill: #176b9e;
  xfont-size: 18px;
  font-weight: 900;
  text-shadow: 0 0 1px #176b9e;
  line-height: 1.5em;
}
.tree-wrapper svg .link.hover text.stat-danger {
  fill: #cc0000;
  text-shadow: 0 0 1px #cc0000;
}
.tree-wrapper svg text.stat-danger {
  fill: red;
}
.tree-wrapper svg rect.rect {
  text-anchor: middle;
  rx: 6;
  ry: 6;
  opacity: -5e;
}
.tree-wrapper foreignObject > div {
  width: 50%;
  height: 50%;
  margin: 25%;
  position: fixed;
}
/* hide for bot */
[data-icon=system] i.icon-doc-text {
  display: none;
}
.dialog-content .loading-spinner {
  height: 50vh;
  position: relative;
}
/* details pane */
.details-pane {
  height: 300px;
  /* 250px; */
  background: #f2f2f2;
  /* #1C2840; */
  position: fixed;
  left: 64px;
  right: 0;
  bottom: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 14px;
  z-index: 0;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.25);
}
.details-pane .theme-icon-close {
  position: absolute;
  top: 2px;
  right: 8px;
  background: #F2F2F2;
}
.details-pane .theme-tabs img {
  max-height: 1.8em;
  vertical-align: middle;
  margin: 0;
}
.details-pane .theme-tabs img + span {
  vertical-align: middle;
}
.details-pane .event-timestamp label {
  padding: 0 2px;
}
.details-pane .event-timestamp label:after {
  content: ': ';
}
.details-pane .event-timestamp a {
  color: blue;
  cursor: pointer;
}
.pointer {
  cursor: pointer;
}
.unMuted {
  color: #1da5d9;
}
.muted {
  color: #9e9e9e;
}
/* firefox fix */
foreignObject {
  overflow: visible;
  border-radius: 50%;
}
/* c3 charts */
.c3 {
  color: #000;
}
.c3-region.incomplete {
  fill: deepskyblue;
}
.c3-region-0 {
  fill: red;
}
.range-controls {
  margin: 5px auto;
  border-radius: 5px;
  padding: 1px 5px;
  color: black;
  display: inline-block;
  xbackground-color: lightblue;
  xbox-shadow: 0 0 2px black;
}
.bot-detail-filters {
  margin: 10px;
  display: inline-table;
}
.bot-detail-filters > div > * {
  display: table-cell;
  vertical-align: top;
}
@media (max-width: 800px) {
  .range-controls {
    font-size: 11px;
    float: left;
    margin: 4px;
  }
  .range-controls .date-interval-date {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .range-controls div > label {
    display: none;
  }
  .range-controls select {
    width: 60px;
    margin: 1px;
    padding: 2px;
  }
  .range-controls button.theme-button,
  .range-controls button.theme-button-primary,
  .range-controls button.theme-button-disabled,
  .range-controls button {
    margin: 1px;
    padding: 2px;
  }
}
.button-reset-overrides {
  background-color: #f06273;
  color: #FFFFFF;
  font-size: 15px;
  border-radius: 4px;
  position: relative;
  left: 223px;
}
.timestamp-display {
  padding: 10px;
}
#timestamp {
  margin: auto 10px;
}
.interval-controls button:last-child {
  margin-right: 4px;
}
.upload-preview table {
  font-size: 12px;
  max-width: 88vw;
  max-height: 50vh;
  overflow: auto;
  display: inline-block;
  outline: 2px inset silver;
  outline-offset: -2px;
}
.search-input + .icon-cancel {
  color: firebrick;
  margin: 0.4em 0 0 -1.5em;
  display: inline-block;
}
.saved-views {
  width: 640px;
  max-width: 100%;
}
.saved-views .workflow-div {
  height: 40px;
  width: 576px;
  max-width: calc(100% - 64px);
  border-radius: 4px;
  background-color: #FFFFFF;
  color: #4A4A4A;
  margin: 4px 32px;
}
.saved-views .workflow-div span {
  font-size: 16px;
  line-height: 22px;
  margin: 8px 16px;
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
.saved-views .workflow-div i.icon-menu {
  font-size: 1.5em;
  margin: 6px 8px;
  display: inline-block;
  color: #757575;
  cursor: ns-resize;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.saved-views .workflow-div i.icon-menu:hover {
  color: #000;
}
.saved-views .workflow-div i.icon-minus-circled {
  font-size: 1.5em;
  margin: 6px 8px;
  display: inline-block;
  color: #757575;
  cursor: pointer;
}
.saved-views .workflow-div i.icon-minus-circled:hover {
  color: #EF6374;
}
.clear-search-text {
  display: inline-block;
  margin-left: -24px;
}
/* mapping */
.mapping-frame {
  clear: both;
  height: 100%;
  display: flex;
  position: relative;
  /* */
}
.mapping-frame > div {
  min-width: 250px;
}
.mapping-frame .source-panel,
.mapping-frame .preview-panel {
  flex-grow: 1;
}
.mapping-frame .code-panel {
  flex-grow: 3;
}
.mapping-frame :not(hr) {
  user-drag: none;
  -webkit-user-drag: none;
}
.mapping-frame pre {
  tab-size: 4;
  margin: 0;
  width: 100%;
  height: 100%;
  /* background: #fff; kills highlights */
}
.mapping-frame hr {
  border: 0 none;
  /* 2px inset #fff; */
  width: 30px;
  min-width: 30px;
  height: 100%;
  z-index: 10;
  cursor: ew-resize;
  position: relative;
}
.mapping-frame hr:after {
  content: '';
  display: block;
  width: 10px;
  height: 40px;
  background: silver;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: -20px auto;
  background: repeating-linear-gradient(90deg, silver 0%, silver 19%, white 20%, white 39%);
}
.mapping-frame .timeframe-search-bar {
  padding: 8px;
}
.mapping-frame .timeframe-search-bar .bootstrap-datetimepicker-widget.dropdown-menu.bottom {
  left: auto !important;
  right: 0 !important;
}
.mapping-frame .timeframe-search-bar .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  left: auto;
  right: 7px;
}
.mapping-frame .timeframe-search-bar .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  left: auto;
  right: 8px;
}
.mapping-frame .coding-wrapper {
  position: relative;
}
.mapping-frame .source-panel,
.mapping-frame .code-panel,
.mapping-frame .preview-panel {
  padding: 5px;
  box-sizing: border-box;
  background: #eee;
  background: #fff;
  border: 1px solid #C2C2C2;
  border-radius: 4px;
  padding: 0;
}
.mapping-frame .source-panel .panel-header,
.mapping-frame .code-panel .panel-header,
.mapping-frame .preview-panel .panel-header {
  font-weight: bold;
  display: flex;
  white-space: nowrap;
  padding: 0px 10px;
  box-sizing: border-box;
  line-height: 1.5em;
  vertical-align: top;
  justify-content: space-between;
  color: white;
  background: #777777;
  font-size: 16px;
  font-weight: normal;
  height: 40px;
  min-height: 40px;
  line-height: 40px;
  position: relative;
}
.mapping-frame .source-panel .panel-header .panel-title,
.mapping-frame .code-panel .panel-header .panel-title,
.mapping-frame .preview-panel .panel-header .panel-title {
  text-transform: uppercase;
}
.mapping-frame .source-panel .panel-header button.theme-button-icon,
.mapping-frame .code-panel .panel-header button.theme-button-icon,
.mapping-frame .preview-panel .panel-header button.theme-button-icon {
  vertical-align: top;
  margin: -0.25em 2px;
}
.mapping-frame .source-panel.expanded,
.mapping-frame .code-panel.expanded,
.mapping-frame .preview-panel.expanded {
  position: absolute;
  z-index: 100;
  width: 50vw !important;
  height: 100%;
  box-shadow: 0 0 10px black;
}
.mapping-frame .source-panel.expanded.source-panel,
.mapping-frame .code-panel.expanded.source-panel,
.mapping-frame .preview-panel.expanded.source-panel {
  left: 0;
}
.mapping-frame .source-panel.expanded.code-panel,
.mapping-frame .code-panel.expanded.code-panel,
.mapping-frame .preview-panel.expanded.code-panel {
  left: 25vw;
}
.mapping-frame .source-panel.expanded.preview-panel,
.mapping-frame .code-panel.expanded.preview-panel,
.mapping-frame .preview-panel.expanded.preview-panel {
  right: 0;
}
.mapping-frame .source-panel {
  position: relative;
}
.mapping-frame .source-panel textarea {
  background: white;
  height: calc(100% - 120px);
  width: 100%;
  display: block;
  font-family: monospace;
  font-size: 1em;
  cursor: text;
  resize: none;
  margin: 0 !important;
  padding: 2px;
  tab-size: 4;
}
.mapping-frame .source-panel .event-timestamp {
  padding: 5px;
}
.mapping-frame .source-panel .event-timestamp:empty:after {
  content: '\00a0';
}
.mapping-frame .source-panel .event-timestamp + div a[disabled] {
  color: silver;
  cursor: default;
}
.mapping-frame .source-panel .icon-upload {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px;
  font-size: 30px;
  margin: 20px;
  background: #eee;
  border-radius: 5px;
  cursor: pointer;
}
.mapping-frame .source-panel .icon-upload + input {
  display: none !important;
}
.mapping-frame .source-panel .mock-toolbar {
  margin: 0 0 0 0;
  background: #ddd;
  padding: 4px;
}
.mapping-frame .source-panel .mock-toolbar + strong {
  margin-top: 20px;
}
.mapping-frame .source-panel .mock-button-closed,
.mapping-frame .source-panel .mock-button-open {
  padding-bottom: 0.5em;
  position: relative;
}
.mapping-frame .source-panel .mock-button-closed:after,
.mapping-frame .source-panel .mock-button-open:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  position: absolute;
  left: 50%;
  margin: -8px;
}
.mapping-frame .source-panel .mock-button-open:after {
  border-color: currentColor transparent transparent transparent;
  bottom: 2px;
}
.mapping-frame .source-panel .mock-button-closed:after {
  border-color: transparent transparent currentColor transparent;
  bottom: 12px;
}
.mapping-frame .source-panel .mock-wrapper {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.mapping-frame .source-panel .mock-wrapper textarea + .CodeMirror {
  height: 100%;
  /* calc(~"100% - 50px"); */
}
.mapping-frame .source-panel .mock-checkboxes {
  right: -5px;
  padding: 18px;
  line-height: 1.8em;
}
.mapping-frame .source-panel .mock-checkboxes:after {
  color: #4A4A4A;
}
.mapping-frame .source-panel .mock-checkboxes.closed {
  bottom: 3em;
}
.mapping-frame .source-panel .mock-checkboxes.open {
  top: 3em;
}
.mapping-frame .source-panel .mock-checkboxes .panel-title {
  color: #A0A0A0;
  line-height: 1em;
  padding: 0 0 0.8em 0;
  text-transform: uppercase;
}
.mapping-frame .source-panel .mock-checkboxes label {
  display: block;
}
.mapping-frame .source-panel .mock-checkboxes label input {
  margin: 0 0.25em 0 0;
}
.mapping-frame .source-panel .mock-checkboxes label .icon-minus-circled {
  font-size: 1.5em;
  color: #757575;
}
.mapping-frame .source-panel .mock-checkboxes button {
  margin: 1.5em 0 0 0;
}
.mapping-frame.left.mock .source-panel {
  height: 100% !important;
}
.mapping-frame.left.mock .preview-panel,
.mapping-frame.left.mock hr:last-of-type {
  width: 0 !important;
  height: 0 !important;
  top: 100% !important;
}
.mapping-frame.right.mock .source-panel {
  height: 100% !important;
}
.mapping-frame.right.mock .preview-panel,
.mapping-frame.right.mock hr:first-of-type {
  width: 0 !important;
  height: 0 !important;
}
.mapping-frame .code-panel {
  z-index: 10;
}
.mapping-frame .code-panel textarea + .CodeMirror {
  height: calc(100% - 90px);
}
.mapping-frame .preview-panel {
  xorder: 3;
  width: 25%;
  height: 100%;
  xpadding: 5px 0 0 0;
  xposition: relative;
  /* background: #ddd; */
}
.mapping-frame .preview-panel > div {
  height: calc(100% - 50px);
}
.mapping-frame .preview-panel > div .active {
  height: 100%;
}
.mapping-frame .preview-panel > div pre {
  background: white;
  /* height: calc(~"100% - 20px"); */
}
.mapping-frame .preview-panel > div pre div {
  padding: 0 0.5em;
}
.mapping-frame .preview-panel > div pre div:last-child,
.mapping-frame .preview-panel > div pre div:first-child {
  padding: 0.5em;
}
.mapping-frame .preview-panel > div pre .info,
.mapping-frame .preview-panel > div pre .warn,
.mapping-frame .preview-panel > div pre .error {
  cursor: pointer;
  position: relative;
}
.mapping-frame .preview-panel > div pre .info:hover,
.mapping-frame .preview-panel > div pre .warn:hover,
.mapping-frame .preview-panel > div pre .error:hover {
  text-decoration: underline;
}
.mapping-frame .preview-panel > div pre .info:hover:before,
.mapping-frame .preview-panel > div pre .warn:hover:before,
.mapping-frame .preview-panel > div pre .error:hover:before {
  content: attr(data-tooltip);
  display: inline-block;
  font-size: 90%;
  background: #ffe;
  padding: 10px;
  position: absolute;
  bottom: 1.8em;
  left: -2em;
  pointer-events: none;
  box-shadow: 0 0 3px 1px black;
  border-radius: 5px;
  color: black;
}
.mapping-frame .preview-panel > div pre .error {
  color: red;
}
.mapping-frame .preview-panel > div pre .error:not(.hide):after {
  content: attr(data-tooltip);
  display: inline-block;
  font-size: 70%;
  background: #ffe;
  padding: 0 6px;
  margin: 0 8px;
  border: 1px solid black;
  border-radius: 5px;
  color: firebrick;
}
.mapping-frame .preview-panel > div pre .warn {
  color: darkorange;
}
.mapping-frame .preview-panel > div pre .info {
  color: blue;
}
.log-results > div:first-child {
  width: 270px;
}
.node-dashboard {
  height: 100%;
}
.node-dashboard .node-name {
  padding-bottom: 10px;
  font-size: 20px;
  white-space: nowrap;
}
.node-dashboard .node-name svg,
.node-dashboard .node-name img {
  max-width: 40px;
  max-height: 40px;
  vertical-align: middle;
}
.node-dashboard .node-name span {
  padding: 10px;
}
.node-dashboard .node-name i {
  padding: 5px;
  font-size: 20px;
}
.node-dashboard .node-name i.disabled,
.node-dashboard .node-name .icon-pause.paused,
.node-dashboard .node-name .icon-play:not(.paused) {
  color: silver;
  display: none;
}
.node-dashboard .node-name .icon-play.paused:not(.disabled),
.node-dashboard .node-name .icon-pause:not(.paused):not(.disabled) {
  cursor: pointer;
}
.node-dashboard .node-name .icon-play.paused:not(.disabled):hover,
.node-dashboard .node-name .icon-pause:not(.paused):not(.disabled):hover {
  box-shadow: 0 0 2px black;
}
.node-dashboard .time-periods {
  background: #363636;
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  height: 20px;
  border-radius: 20px;
  white-space: nowrap;
}
.node-dashboard .time-periods label {
  margin-right: 2px;
}
.node-dashboard .time-periods label:after {
  content: ':';
}
.node-dashboard .time-periods a {
  display: inline-block;
  line-height: 1em;
  margin: 1px 4px;
  color: #A0A0A0;
}
.node-dashboard .time-periods a.active {
  color: #B9ED58;
}
.node-dashboard .time-periods a:first-child {
  margin-left: 0.5em;
}
.node-dashboard .time-periods a:last-child {
  margin-right: 0.5em;
}
.node-dashboard i.icon-refresh {
  font-size: 26px;
  margin: 10px -40px;
  cursor: pointer;
  z-index: 10;
  position: relative;
}
.node-dashboard .theme-table tbody {
  font-size: 16px;
}
.node-dashboard table td > svg,
.node-dashboard table img {
  max-width: 2em;
  max-height: 2em;
  margin: 0 4px;
  vertical-align: middle;
}
.node-dashboard .icon-stopwatch {
  color: #000;
}
.node-dashboard .icon-stopwatch.green {
  color: #080;
}
.node-dashboard .icon-stopwatch.red {
  color: #F00;
}
.node-dashboard a {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  vertical-align: middle;
}
.node-dashboard a a:hover {
  text-decoration: underline;
}
.node-charts {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
}
.node-charts .node-chart {
  text-align: center;
  vertical-align: middle;
  background: #F7F7F7;
  height: 200px;
  margin: 8px;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
}
.node-charts .node-chart.width-1-3 {
  max-width: 33%;
}
.node-charts .node-chart.width-1-4 {
  max-width: 25%;
}
.node-charts .node-chart header {
  margin: 8px;
  position: relative;
  white-space: nowrap;
  xoverflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-size: 16px;
  /* 1.125vw; */
}
.node-charts .node-chart header select {
  margin: -0.25em 4px;
  font-size: 12px;
}
.node-charts .node-chart header span {
  display: inline-block;
}
.node-charts .node-chart header img {
  margin: 0;
  padding: 0 8px;
  cursor: pointer;
  vertical-align: top;
  z-index: 10;
  display: inline-block;
  position: relative;
  /* background: #fff; */
}
.node-charts .node-chart header i {
  margin: 0 -8px 0 0;
  cursor: pointer;
  color: #9B9B9B;
  font-size: 22px;
  vertical-align: top;
}
.node-charts .node-chart header i::before {
  vertical-align: top;
}
.node-charts .node-chart header .theme-popup-above-left,
.node-charts .node-chart header .theme-popup-above-right {
  width: 250px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 19px;
  z-index: 100;
}
.node-charts .node-chart header .theme-popup-above-left header,
.node-charts .node-chart header .theme-popup-above-right header {
  text-transform: uppercase;
  font-weight: 600;
}
.node-charts .node-chart header .theme-popup-above-left p,
.node-charts .node-chart header .theme-popup-above-right p {
  white-space: normal;
  font-weight: normal;
  padding: 8px;
  line-height: 19px;
}
.node-charts .node-chart header .theme-popup-above-left a,
.node-charts .node-chart header .theme-popup-above-right a {
  padding: 8px;
  color: #1DA5D9;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}
.node-charts .node-chart .stats {
  font-size: 1.125vw;
  font-weight: normal;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.node-charts .node-chart .stats .current {
  font-size: 48px;
}
.node-charts .node-chart .stats .prev_change {
  font-size: 21px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.node-charts .node-chart figure {
  /* max-height: 100% !important; */
  max-height: 161px !important;
}
.node-charts .node-chart figure svg {
  height: 100% !important;
}
.node-chart {
  font-weight: bold;
  text-align: center;
}
.node-chart .width-1-1,
.node-chart.width-1-1 {
  /* small chart */
  width: auto;
}
.node-chart .width-1-1 figure,
.node-chart.width-1-1 figure {
  /* small chart */
  width: 200px;
  height: 50px;
  min-width: 200px;
  min-height: 50px;
}
.node-chart figure {
  margin: 0;
  padding: 0;
  max-height: 100%;
}
.node-chart .read-cutoff line {
  stroke: red;
}
/* */
.edit-alarm-form .select-box div {
  padding: 5px 10px;
  margin: 5px;
  cursor: pointer;
}
.edit-alarm-form .select-box div.active {
  background: #1DA5D9;
  /* highlight; */
  color: #FFF;
  /* highlighttext; */
}
.edit-alarm-form .select-box div.danger {
  color: red;
}
.edit-alarm-form .select-box div.ok {
  color: green;
}
.edit-alarm-form .select-box div i {
  padding: 8px;
}
.edit-alarm-form .theme-form {
  min-width: 350px;
}
.edit-alarm-form .theme-form .create-new {
  display: block;
  margin: 0 auto;
}
.alarms-interval-list {
  display: table;
}
.alarms-interval-list li {
  display: table-row;
}
.alarms-interval-list li span {
  display: table-cell;
  padding: 4px;
}
.event-trace {
  min-width: 100vw;
  min-height: calc(100vh - 60px);
  width: 100vw;
  height: calc(100vh - 60px);
  overflow: hidden;
  background: #f4f4f4;
}
.foreignObject .rotator {
  z-index: 50;
}
.foreignObject .rollover-info {
  z-index: 10;
}
.rollover-info {
  display: none;
}
.hover .rollover-info {
  display: block;
}
.rollover-info.rollover-is-root > div {
  bottom: 90px;
}
.rollover-info.rollover-not-root > div {
  bottom: 60px;
}
.rollover-info.message-is-root > div {
  bottom: 112px;
}
.rollover-info.message-not-root > div {
  bottom: 100px;
}
.rollover-info > div {
  position: absolute;
  bottom: 60px;
  left: -50px;
  min-width: 100px;
}
.rollover-info > div pre {
  background: rgba(255, 245, 230, 0.5);
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px black;
  font-size: 0.8em;
  margin: 0;
  max-height: 300px;
  max-width: 400px;
  overflow: auto;
}
.rollover-info > div:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
  left: 60px;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #bbb transparent transparent transparent;
}
.hover.rollover-below .rollover-info > div {
  top: 85px;
  bottom: 0;
}
.hover.rollover-below .rollover-info > div:after {
  top: 5px;
  bottom: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #bbb transparent;
}
.hover.rollover-below .rollover-info > div:before {
  content: '';
  display: block;
  position: absolute;
  top: -25px;
  left: 0;
  right: 0;
  background: transparent;
  height: 30px;
}
.hover.rollover-below .rollover-info.rollover-is-root div {
  top: 110px;
  bottom: 0;
}
.tree-wrapper .hoverBoard {
  pointer-events: none;
  /* */
}
.tree-wrapper .hoverBoard .node-details {
  pointer-events: none;
}
.tree-wrapper .hoverBoard rect {
  fill: #4A4A4A;
}
.tree-wrapper .hoverBoard rect.background {
  width: 450px;
  rx: 4px;
  ry: 4px;
}
.tree-wrapper .hoverBoard rect.arrow {
  y: -10px;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 20px;
  height: 20px;
}
.tree-wrapper .hoverBoard rect.arrow.left {
  x: -90px;
}
.tree-wrapper .hoverBoard rect.arrow.right {
  x: 70px;
}
.tree-wrapper .hoverBoard rect.arrow.above {
  x: -10;
  y: -40;
}
.tree-wrapper .hoverBoard rect.arrow.below {
  x: -10;
  y: 20;
}
.tree-wrapper .hoverBoard rect.arrow.top {
  x: -398;
  y: 10;
}
.tree-wrapper .hoverBoard text {
  fill: #fff;
  stroke-width: 0;
  font-size: 14px;
  line-height: 19px;
  pointer-events: none;
}
.tree-wrapper .hoverBoard text.title {
  fill: #ACACAC;
  text-transform: uppercase;
}
.tree-wrapper .hoverBoard .label {
  text-anchor: end;
  opacity: 0.6;
  width: 110px;
}
.tree-wrapper .hoverBoard .span {
  text-anchor: start;
  opacity: 1;
}
.tree-wrapper .hoverBoard rect.popup {
  width: 200px;
  height: 140px;
  rx: 4px;
  ry: 4px;
}
.tree-wrapper .hoverBoard rect.button {
  height: 32px;
  width: 171px;
  rx: 4px;
  ry: 4px;
  fill: #1DA5D9;
  x: -84;
  cursor: pointer;
}
.slaDiv {
  max-height: 85vh;
  overflow: hidden;
  vertical-align: middle;
}
.slaDiv .wide-column {
  width: 25%;
}
.slaDiv svg,
.slaDiv span {
  vertical-align: middle;
}
.slaDiv tr:last-child:not(:first-child) .mute-alarm.theme-popup-below-left {
  top: auto;
  bottom: 2.5em;
  margin-bottom: 5px;
}
.slaDiv tr:last-child:not(:first-child) .mute-alarm.theme-popup-below-left:after {
  border-width: 10px 10px 0 10px;
  border-color: #505050 transparent transparent transparent;
  bottom: -10px;
  top: auto;
}
.slaDiv tr:last-child:not(:first-child) .mute-alarm.theme-popup-below-left:before {
  bottom: -20px;
  top: auto;
}
body div.CodeMirror-lint-tooltip {
  position: fixed;
  z-index: 2000;
}
.settingsDialog {
  width: calc(100vw - 40px);
  /* 94vw; */
  height: calc(100vh - 160px);
  overflow: hidden;
  position: relative;
}
.resetBody {
  height: 420px;
}
.forceWarning {
  padding-top: 50px;
  margin-left: 30px;
}
.fixed-size {
  width: 300px;
}
.node-dialog-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-grow: 1;
  max-width: calc(100vw - 76px);
}
.QueueSchema .height-1-1 > .CodeMirror {
  height: 100%;
}
.QueueSettings,
.SystemSettings,
.BotSettings {
  min-width: 600px;
}
.QueueSettings .flow-icons,
.SystemSettings .flow-icons,
.BotSettings .flow-icons {
  /* float: right; */
  white-space: nowrap;
  margin: 4em 2em;
}
.QueueSettings .flow-icons div,
.SystemSettings .flow-icons div,
.BotSettings .flow-icons div {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.QueueSettings .flow-icons svg,
.SystemSettings .flow-icons svg,
.BotSettings .flow-icons svg,
.QueueSettings .flow-icons img,
.SystemSettings .flow-icons img,
.BotSettings .flow-icons img {
  max-width: 80px;
  max-height: 80px;
  vertical-align: middle;
}
.QueueSettings .flow-icons svg.smaller,
.SystemSettings .flow-icons svg.smaller,
.BotSettings .flow-icons svg.smaller,
.QueueSettings .flow-icons img.smaller,
.SystemSettings .flow-icons img.smaller,
.BotSettings .flow-icons img.smaller {
  max-width: 40px;
  max-height: 40px;
  opacity: 0.5;
}
.QueueSettings .flow-icons i,
.SystemSettings .flow-icons i,
.BotSettings .flow-icons i {
  font-size: 30px;
  line-height: 80px;
  display: inline-block;
  vertical-align: middle;
}
.QueueSettings .flow-icons.input img:first-child,
.SystemSettings .flow-icons.input img:first-child,
.BotSettings .flow-icons.input img:first-child {
  float: right;
}
.QueueSettings .flow-icons.input img:last-child,
.SystemSettings .flow-icons.input img:last-child,
.BotSettings .flow-icons.input img:last-child {
  float: left;
}
.QueueSettings .theme-form,
.SystemSettings .theme-form,
.BotSettings .theme-form {
  display: table;
}
.QueueSettings .bottom-padding-40:after,
.SystemSettings .bottom-padding-40:after,
.BotSettings .bottom-padding-40:after {
  content: '';
  display: block;
  width: 100%;
  height: 40px;
}
.left-padding-40 {
  padding-left: 40px;
}
.dashBotImg {
  float: left;
  padding-right: 5px;
}
.form-button-bar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  background: #D2EDF7;
  padding: 5px;
  z-index: 10;
}
.form-button-bar button {
  margin-left: 4px;
}
.node-button-wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
  vertical-align: middle;
  margin: 4px 0;
  font-size: 1.125em;
}
.node-button-wrapper + .dropdown {
  position: absolute;
  top: 44px;
  right: 192px;
  background: white;
  padding: 0;
  margin: 8px 0;
  list-style: none;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
  font-size: 14px;
}
.node-button-wrapper + .dropdown .mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: default;
}
.node-button-wrapper + .dropdown li {
  padding: 0.5em;
  margin: 0;
  position: relative;
  z-index: 100;
}
.theme-body-default .theme-dialog > header .node-button-bar {
  vertical-align: middle;
  background: #C7E2EC;
  color: #1DA5D9;
  border-radius: 4px;
  height: 40px;
  font-size: 1.125em;
  margin: 4px 12px;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  line-height: 34px;
  /* max-width: calc(~"100vw - 170px"); */
}
.theme-body-default .theme-dialog > header .node-button-bar img {
  border-radius: 5px 0 0 5px;
  padding: 8px 8px;
  cursor: pointer;
  vertical-align: middle;
  background: #1DA5D9;
}
.theme-body-default .theme-dialog > header .node-button-bar .kinesis-number {
  vertical-align: middle;
  display: inline-block;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 350px;
}
.theme-body-default .theme-dialog > header .node-button-bar i {
  vertical-align: middle;
  font-size: 1.125em;
}
.node-navigate {
  display: inline-block;
  vertical-align: middle;
  background: #C7E2EC;
  color: #1DA5D9;
  border-radius: 4px;
  height: 40px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  line-height: 34px;
  color: #0084B8;
  padding: 4px 7px;
  margin: 4px 4px;
  position: relative;
  box-sizing: border-box;
  font-size: 28px;
}
.node-navigate i {
  cursor: pointer;
}
.node-navigate.disabled {
  color: silver;
  background: snow;
}
.node-navigate.disabled i {
  cursor: default;
}
.node-navigate em {
  position: absolute;
  display: block;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  background: #0084B8;
  color: white;
  font-size: 0.6em;
  top: -0.5em;
  right: -0.5em;
  text-align: center;
  line-height: 1.6em;
  font-style: normal;
}
.node-navigate .node-navigate-popup {
  font-size: 14px;
  line-height: 2em;
  width: 200px;
  top: 3em;
}
.node-navigate .node-navigate-popup header {
  color: silver;
  text-transform: uppercase;
}
.node-navigate .node-navigate-popup ul {
  color: white;
  max-height: 50vh;
  overflow: auto;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 100;
}
.node-navigate .node-navigate-popup ul li {
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notice-message {
  position: relative;
  height: 3em;
  overflow: hidden;
  cursor: pointer;
  margin: 0 10px;
}
.notice-message div {
  background: #fff;
  padding: 0 0.5em;
  box-shadow: 0 0 2px black;
}
.notice-message pre {
  display: inline-block;
  white-space: pre-wrap;
  background: #fff;
  padding: 0.5em;
  box-sizing: border-box;
  margin: 0;
  z-index: 100;
  position: relative;
  vertical-align: middle;
}
.notice-message .stack {
  padding-bottom: 2em;
  width: 100%;
  box-shadow: 0 0 2px black;
}
.notice-message.active {
  overflow: visible;
}
.codeMirror-fill .CodeMirror {
  width: 100%;
  height: 100%;
}
.theme-form-input + .CodeMirror {
  min-width: 450px;
  border: 1px solid #ddd;
  background: #fff;
  color: #444;
  transition: all linear 0.2s;
  border-radius: 4px;
  height: 200px;
}
.dropdown-buttons {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.dropdown-buttons div {
  position: absolute;
  white-space: nowrap;
  padding: 4px;
  z-index: 10;
  background: #eee;
  box-shadow: 0 0 1px gray;
  font-size: smaller;
}
.date-picker {
  display: flex;
  flex-wrap: wrap;
  width: 230px;
  text-align: center;
  margin: 5px;
}
.date-picker u {
  text-decoration: none;
  display: inline-block;
  min-width: 30px;
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin: 1px;
  cursor: pointer;
}
.date-picker u.active {
  background: #1DA5D9;
  /* highlight; */
  color: #FFF;
  /* highlighttext; */
}
.theme-body-default .hover-tool-tip {
  position: relative;
}
.theme-body-default .hover-tool-tip dd {
  display: none;
  position: absolute;
  top: 0.5em;
  right: 0px;
  min-width: 100px;
  background: rgba(255, 245, 230, 0.8);
  color: black;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px black;
  font-size: 0.8em;
  margin: 0;
  max-height: 300px;
  max-width: 400px;
  overflow: auto;
}
.theme-body-default .hover-tool-tip dd th,
.theme-body-default .hover-tool-tip dd td {
  padding: 2px;
  height: auto;
}
.theme-body-default .hover-tool-tip:hover dd {
  display: block;
}
.theme-body-default .hover-tool-tip:hover .checksum dd {
  display: table;
}
.theme-body-default .hover-tool-tip:hover .checksum {
  position: absolute;
}
.message-center {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  height: 0;
  overflow: visible;
  z-index: 9999;
}
.message-center.message-list {
  max-height: none;
  overflow: visible;
}
.message-center.message-list > div {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 600;
  line-height: 33px;
}
.message-center .message {
  margin: 11px auto !important;
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity 0.5s linear, transform 0.5s ease-out;
  height: 67px;
  width: 800px;
  max-width: calc(100vw - 20px);
  border-radius: 4px;
  text-align: center;
}
.message-details {
  width: 900px;
  max-width: 80vw;
}
.message-details summary {
  text-align: center;
  cursor: pointer;
}
.message-details summary::after {
  content: 'show details';
}
.message-details[open] summary:after {
  content: 'hide details';
}
.message-details pre {
  font-size: 0.9em;
  font-family: monospace;
  max-height: 10em;
  overflow: auto;
  xwidth: 900px;
  xmax-width: 90vw;
  white-space: pre-wrap;
  text-align: left;
  tab-size: 4;
  background: white;
  color: #2E2E2E;
  padding: 1em;
  margin: 1em 0.125em;
}
/* in list */
.message-list {
  max-height: calc(100vh - 120px - 50px);
  overflow: auto;
  /* width: calc(~"100vw - 40px"); */
}
.message-list .message {
  font-size: 16px;
  color: #FFFFFF;
  margin: 8px;
}
.message-list .message.success {
  background: #71AA30;
}
.message-list .message.error {
  background: #EF6374;
}
.message-list .message.warning {
  background: #EEA014;
}
.message-list .message.info {
  background: #1DA5D9;
}
.message-list .message.show {
  opacity: 1;
  transform: none;
}
.message-list .message > div {
  padding: 12px;
  box-shadow: 0 0 2px #888;
  border-radius: 2px;
  min-height: 1em;
  white-space: nowrap;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  background: inherit;
}
.message-list .message > div .details-wrapper {
  background: inherit;
}
.message-list .message > div .details-wrapper span {
  background: inherit;
  position: relative;
  padding: 2px 5px;
  width: 50%;
}
.message-list .message > div:before {
  content: '';
  display: inline-block;
  font-size: 2em;
  line-height: 0.5em;
  vertical-align: middle;
  text-align: center;
  margin: 0 5px 0 0;
}
.message-list .message > div small {
  margin-left: 2em;
}
.message-list .message > div .details {
  font-size: 0.9em;
  font-family: monospace;
  max-height: 10em;
  overflow: auto;
  max-width: 90vw;
  white-space: pre-wrap;
  text-align: left;
  tab-size: 4;
  background: white;
  color: #2E2E2E;
  padding: 1em;
  margin: 1em 0.125em;
}
.message-list .message.success > div:before {
  content: '\2713';
  color: white;
  border-radius: 50%;
  padding: 2px;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.75em;
  font-weight: bold;
  font-size: 1.5em;
}
.message-list .message.error > div:before {
  content: '\00d7';
  color: #EF6374;
  background: white;
  border-radius: 50%;
  padding: 2px;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.75em;
  font-weight: bold;
  font-size: 1.5em;
}
.message-list .message.warning > div:before {
  content: '!';
  color: orange;
  padding: 2px;
  width: 0;
  height: 0;
  line-height: 1.25em;
  font-weight: bold;
  font-size: 1.5em;
  border-bottom: 1em solid white;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  text-indent: -4px;
}
.message-list .message.info > div:before {
  content: 'i';
  color: #1DA5D9;
  background: white;
  border-radius: 50%;
  padding: 3px;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.75em;
  font-weight: bold;
  font-size: 1.5em;
  font-style: italic;
  font-family: monospace;
}
.form-validation {
  float: right;
  background: oldlace;
  height: 10px;
  width: 50px;
  display: table;
  padding: 10px;
}
.form-validation div {
  white-space: nowrap;
}
.rotator-g .hover-circle {
  r: 45;
  fill: transparent;
}
.rotator-g .div {
  opacity: 0;
  transition: opacity 0.2s, z-index 0.2s, transform 0.2s;
  transform: translateX(0);
  fill: black;
}
.rotator-g .div .i {
  transition: color 0.06s, transform 0.2s;
  cursor: pointer;
  font-size: 18px;
}
.rotator-g .div .i circle {
  r: 16;
  fill: #eee;
}
.rotator-g .div .i circle:last-child {
  fill: transparent;
}
.rotator-g .div .i text {
  alignment-baseline: middle;
  text-anchor: middle;
  font-family: Fontello;
  font-size: 18px;
}
.touch-device .node.active .rotator-g .div,
.rotator-g.hover .div {
  opacity: 1;
}
.touch-device .node.active .rotator-g .div:nth-of-type(1),
.rotator-g.hover .div:nth-of-type(1) {
  transform: rotate(22.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(1) .i,
.rotator-g.hover .div:nth-of-type(1) .i {
  transform: translateY(-2.5em) rotate(-22.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(2),
.rotator-g.hover .div:nth-of-type(2) {
  transform: rotate(67.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(2) .i,
.rotator-g.hover .div:nth-of-type(2) .i {
  transform: translateY(-2.5em) rotate(-67.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(3),
.rotator-g.hover .div:nth-of-type(3) {
  transform: rotate(112.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(3) .i,
.rotator-g.hover .div:nth-of-type(3) .i {
  transform: translateY(-2.5em) rotate(-112.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(4),
.rotator-g.hover .div:nth-of-type(4) {
  transform: rotate(157.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(4) .i,
.rotator-g.hover .div:nth-of-type(4) .i {
  transform: translateY(-2.5em) rotate(-157.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(5),
.rotator-g.hover .div:nth-of-type(5) {
  transform: rotate(-157.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(5) .i,
.rotator-g.hover .div:nth-of-type(5) .i {
  transform: translateY(-2.5em) rotate(157.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(6),
.rotator-g.hover .div:nth-of-type(6) {
  transform: rotate(-112.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(6) .i,
.rotator-g.hover .div:nth-of-type(6) .i {
  transform: translateY(-2.5em) rotate(112.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(7),
.rotator-g.hover .div:nth-of-type(7) {
  transform: rotate(-67.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(7) .i,
.rotator-g.hover .div:nth-of-type(7) .i {
  transform: translateY(-2.5em) rotate(67.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(8),
.rotator-g.hover .div:nth-of-type(8) {
  transform: rotate(-22.5deg);
}
.touch-device .node.active .rotator-g .div:nth-of-type(8) .i,
.rotator-g.hover .div:nth-of-type(8) .i {
  transform: translateY(-2.5em) rotate(22.5deg);
}
.touch-device .rotator-g .div:nth-of-type(8),
.rotator-g .div:nth-of-type(8) {
  opacity: 1;
  transform: rotate(-22.5deg);
}
.touch-device .rotator-g .div:nth-of-type(8) .i,
.rotator-g .div:nth-of-type(8) .i {
  opacity: 1;
  transform: translateY(-2.5em) rotate(22.5deg);
}
.touch-device .rotator-g .div:nth-of-type(8) text,
.rotator-g .div:nth-of-type(8) text {
  fill: darkorange;
}
.field-description {
  display: inline-block;
  margin-bottom: 15px;
}
input + div .field-description {
  display: block;
  margin-top: -15px;
}
.help-rollover {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: blue;
  padding: 4px 4px 12px 4px;
  z-index: 10;
}
.help-rollover span {
  display: none;
  position: absolute;
  background: oldlace;
  bottom: 40px;
  left: -340px;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 0 2px black;
  width: 350px;
  z-index: 0;
  color: black;
}
.help-rollover span:after {
  content: '';
  display: block;
  position: absolute;
  background: linear-gradient(-45deg, oldlace, oldlace 50%, transparent 50%, transparent);
  box-shadow: 1px 1px 1px black;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  right: 10px;
  bottom: -5px;
  z-index: -1;
}
.help-rollover:hover span {
  display: inline-block;
}
.CodeMirror + .help-rollover {
  float: right;
}
/* */
.bot-invoke-backoff {
  font-size: 16px;
  font-weight: normal;
  color: goldenrod;
}
.bot-aws-link {
  font-size: 16px;
  font-weight: normal;
  text-decoration: underline;
  color: darkblue;
  margin-left: -1.5em;
}
.theme-body-default .theme-dialog > header img.bot-aws-img {
  margin-left: 0.5em;
}
.bot-repo-link {
  font-size: 16px;
  font-weight: normal;
  text-decoration: underline;
  color: darkblue;
}
.diff-legend {
  border: 2px solid rgba(56, 51, 46, 0.1);
  border-radius: 0.4em;
  background-clip: padding-box;
  width: 20em;
  display: flexbox;
  overflow: hidden;
  margin-top: 1em;
  margin-left: 1em;
}
.diff-legend-accepted {
  left: 2em;
  display: inline-flex;
  padding-top: 0.2em;
  width: 90%;
}
.diff-legend-accepted-box {
  height: 1em;
  width: 1em;
  background-color: green;
  margin-left: 1em;
  margin-right: 1em;
}
.diff-legend-accepted-text {
  display: inline-flex;
}
.diff-legend-removed {
  left: 2em;
  display: inline-flex;
  padding-top: 0.2em;
  width: 75%;
}
.diff-legend-removed-box {
  height: 1em;
  width: 1em;
  background-color: red;
  margin-left: 1em;
  margin-right: 1em;
}
.diff-legend-removed-text {
  display: inline-block;
}
.diff-removed {
  padding-left: 2em;
  padding-top: 1em;
}
.toggle-switch {
  position: relative;
  width: 5.5em;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: left;
  float: right;
  margin-right: 0.5em;
}
.toggle-switch-checkbox {
  display: none;
}
.toggle-switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 0 solid #bbb;
  border-radius: 2em;
  margin: 0;
}
.toggle-switch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.toggle-switch-inner:before,
.toggle-switch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 2.5em;
  padding: 0;
  line-height: 2.5em;
  font-size: 1em;
  color: white;
  font-weight: bold;
  box-sizing: border-box;
}
.toggle-switch-inner:before {
  content: "Diff";
  text-transform: uppercase;
  padding-left: 1em;
  background-color: #f90;
  color: #fff;
}
.toggle-switch-disabled {
  background-color: #ddd;
  cursor: not-allowed;
}
.toggle-switch-disabled:before {
  background-color: #ddd;
  cursor: not-allowed;
}
.toggle-switch-inner:after {
  content: "orig";
  text-transform: uppercase;
  padding-right: 0.5em;
  background-color: #bbb;
  color: #fff;
  text-align: right;
}
.toggle-switch-switch {
  display: block;
  width: 1.75em;
  margin: 0.5em;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 2.8em;
  border: 0 solid #bbb;
  border-radius: 3em;
  transition: all 0.3s ease-in 0s;
}
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-inner {
  margin-left: 0;
}
.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-switch {
  right: 0em;
}
.grey {
  color: #424141;
}
.green {
  color: #027a02;
  font-weight: bold;
}
.red {
  color: red;
  font-weight: bold;
}
.node-error-message {
  height: 60px;
  background: #EF6374;
  margin: -10px -10px 15px -10px;
  box-sizing: border-box;
  padding: 10px;
  outline: 1px solid #EF6374;
  font-size: 1.125em;
  color: white;
  overflow: hidden;
}
.node-error-message.active {
  height: auto;
}
.node-error-message.active .error-preview {
  height: auto;
}
.node-error-message .error-exclamation {
  display: inline-block;
  height: 40px;
  vertical-align: middle;
  line-height: 2em;
  font-size: 1.25em;
}
.node-error-message .error-preview {
  display: inline-block;
  height: 40px;
  vertical-align: middle;
  line-height: 1.25em;
  font-size: 1em;
  padding: 0 3em;
  max-width: calc(100vw - 150px);
  box-sizing: border-box;
}
.node-error-message .error-preview pre {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.node-error-message .stack {
  display: none;
  background: inherit;
  z-index: 200;
  position: relative;
  padding: 1em;
  box-sizing: border-box;
  margin: 0 -11px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.node-error-message.active .stack {
  display: block;
}
.header-data {
  /* padding: .5em 0; */
  font-weight: normal;
}
.header-data label {
  display: inline-block;
  padding: 0 0.8em 0 0;
  text-transform: uppercase;
  color: #777777;
  font-size: 14px;
  line-height: 19px;
}
.header-data span {
  display: inline-block;
  padding: 0 2em 0 0;
  color: #4A4A4A;
  font-size: 16px;
  line-height: 22px;
}
.code-editor-wrapper {
  display: flex;
  flex-direction: row;
}
.code-editor-wrapper > div {
  height: 100%;
}
.theme-vertical-resizer {
  width: 30px;
  height: 100%;
  background: #eee;
  min-height: 100px;
  position: relative;
}
.theme-vertical-resizer:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 8px;
  display: block;
  width: 14px;
  height: 40px;
  margin: -20px 0;
  background: gray;
  background: repeating-linear-gradient(90deg, silver 0%, silver 19%, white 20%, white 39%);
}
.mute-alarm {
  position: relative;
  display: block;
  white-space: nowrap;
}
.mute-alarm header {
  padding-bottom: 0.5em;
}
.mute-alarm .times {
  background: #363636;
  border-radius: 25px;
  line-height: 1em;
  padding: 0 0.25em;
  display: inline-block;
}
.mute-alarm .times span {
  display: inline-block;
  margin: 0.25em;
  font-size: 0.75em;
  line-height: 1.5em;
  margin: 1px 4px;
  color: #A0A0A0;
  cursor: pointer;
}
.no-data-message {
  fill: #9B9B9B;
  text-anchor: middle;
  font-size: 16px;
}
.no-data-message tspan:first-child {
  font-size: 48px;
}
.theme-icon-group > i.icon-plus {
  background: #1DA5D9;
  cursor: pointer;
}
.c3-axis-x .tick line,
.c3-axis-y .tick line {
  display: none;
}
.left-nav {
  background-color: #9ACA41;
  color: #fff;
  width: 64px;
  height: 100%;
  position: relative;
  z-index: 10;
  position: fixed;
  top: 0;
  z-index: 100;
}
.left-nav .page-logo {
  height: 64px;
  background: #000;
}
.left-nav .page-logo img {
  display: inline-block;
  margin: 17px 17px;
  width: 30px;
}
.left-nav .mask {
  display: none;
  position: fixed;
  top: 0;
  left: 64px;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
}
.left-nav .icon-flow-branch,
.left-nav > div {
  color: white;
  display: block;
  height: 72px;
  width: 100%;
  font-size: 24px;
  font-weight: normal;
  box-sizing: border-box;
  margin: 0;
  text-align: center;
  line-height: 72px;
  position: relative;
  cursor: pointer;
}
.left-nav .icon-flow-branch span,
.left-nav > div span {
  display: inline-block;
  width: 64px;
  overflow: hidden;
  position: relative;
  z-index: 110;
  background: inherit;
}
.left-nav .icon-flow-branch.active,
.left-nav > div.active {
  background: #5D8F24;
}
.left-nav .icon-flow-branch:hover,
.left-nav > div:hover {
  background: #4C4C4C;
}
.left-nav .icon-flow-branch .pop-out.hover,
.left-nav > div .pop-out.hover {
  display: inline-block;
}
.left-nav .icon-flow-branch .pop-out,
.left-nav > div .pop-out {
  display: none;
}
.left-nav a {
  color: white;
}
.left-nav .toggle-menu {
  display: none;
}
.pop-out {
  width: 288px;
  max-width: calc(100vw - 64px);
  box-sizing: border-box;
  background-color: #4C4C4C;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
  position: absolute;
  top: 0;
  left: 64px;
  padding: 20px;
  font-size: 14px;
  line-height: 19px;
  color: #FFFFFF;
  text-align: left;
  z-index: 100;
}
.pop-out header {
  text-transform: uppercase;
  opacity: 0.5;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
}
.pop-out header i {
  cursor: pointer;
}
.pop-out .workflow-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pop-out .workflow-links a {
  color: #A0A0A0;
  display: inline-block;
  margin: 2px;
  xpadding: 8px 16px;
  width: 100%;
  box-sizing: border-box;
  height: 22px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pop-out .workflow-links a:hover {
  color: #1DA5D9;
  font-weight: bold;
}
.pop-out .workflow-links .theme-stroke {
  border-top: 1px solid white;
  padding-top: 12px;
  margin-top: 10px;
}
.pop-out .theme-autocomplete ul,
.pop-out .theme-autocomplete input {
  width: 100%;
}
.event-viewer {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.event-viewer .mobile-flex-wrap {
  height: 30px;
  margin: 10px 0 20px 0;
  align-items: flex-start;
}
.event-viewer-action-button {
  display: none;
  padding: 0 2px;
  margin: 0 2px;
}
.event-viewer-action-button i {
  margin: 0;
}
tr.active .event-viewer-action-button,
tr:hover .event-viewer-action-button {
  display: inline-block;
}
.theme-table-fixed-header td.table-timestamp {
  width: 185px;
}
.theme-table-fixed-header td.table-timestamp img {
  margin: 0 5px 0 -12px;
}
.width-10 {
  width: 10px;
}
.width-10 i {
  margin-left: -10px;
  font-size: 1.5em;
}
.health-state {
  position: relative;
  text-align: center;
}
.health-state:not(:empty) {
  font-weight: bold;
  color: #EF6374;
}
.health-state:empty:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #9ACA41;
}
.health-state .gray-text {
  color: silver;
}
.current-status {
  overflow: hidden;
  width: 100%;
  text-align: center;
  margin-bottom: -20px;
  position: relative;
  padding: 20px 0 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.current-status > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: visible;
  width: 100%;
}
.current-status > div .theme-card {
  flex-grow: 1;
}
.theme-body-default .slaDiv .two-icons,
.theme-body-default .event-viewer .two-icons,
.theme-body-default .dashboard-table-wrapper .two-icons {
  width: 80px;
  padding: 0;
  white-space: nowrap;
}
.theme-body-default .slaDiv .two-icons a,
.theme-body-default .event-viewer .two-icons a,
.theme-body-default .dashboard-table-wrapper .two-icons a {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin: 4px;
}
.theme-body-default .slaDiv .two-icons a i,
.theme-body-default .event-viewer .two-icons a i,
.theme-body-default .dashboard-table-wrapper .two-icons a i {
  margin: 0;
  vertical-align: middle;
}
.theme-body-default .slaDiv .one-icon,
.theme-body-default .event-viewer .one-icon,
.theme-body-default .dashboard-table-wrapper .one-icon {
  width: 40px;
  padding: 0;
  white-space: nowrap;
}
.no-tags:empty:after {
  content: '[No tags]';
  color: gray;
}
.leoOwned {
  background-color: #87C442 !important;
  opacity: 1 !important;
}
.theme-autocomplete.black .search-list .active svg,
.search-list .active svg {
  filter: brightness(0) invert(1);
}
.big-number,
.small-number {
  font-weight: bold;
  line-height: 1em;
}
.big-number.red,
.small-number.red {
  color: #EF6374;
}
.big-number.red:empty:after,
.small-number.red:empty:after {
  color: #71AA30;
}
.big-number.green,
.small-number.green {
  color: #71AA30;
}
.big-number.green:empty:after,
.small-number.green:empty:after {
  color: #EF6374;
}
.big-number:empty:after,
.small-number:empty:after {
  content: '0';
}
.big-number {
  font-size: 36px;
}
.small-number {
  font-size: 24px;
}
.js-circle-chart {
  width: 152px;
  height: 152px;
  margin: -10px auto;
  box-sizing: border-box;
  padding: 45px 0 0 0;
}
.js-circle-chart.large {
  width: 200px;
  height: 200px;
  padding: 60px 0 0 0;
}
.js-circle-chart.large .big-number {
  font-size: 50px;
}
.js-circle-chart.small {
  width: 125px;
  height: 125px;
  padding: 38px 0 0 0;
}
.js-circle-chart.tiny {
  width: 90px;
  height: 90px;
  padding: 16px 0 0 0;
  margin: 0 auto;
}
.dashboard-view {
  display: flex;
  flex-direction: column;
  padding: 20px;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
  flex-wrap: wrap;
}
.dashboard-view .dashboard-table-wrapper {
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 20px 0px 0;
  height: calc(100% - 314px);
}
.dashboard-view .dashboard-table-wrapper img {
  max-width: 20px;
  max-height: 20px;
  /* padding-top: 11px; */
}
.dashboard-view .dashboard-table-wrapper .wide-column {
  width: 25%;
}
.theme-body-default .filler-top,
.theme-body-default .filler-bottom {
  height: 0;
}
.theme-body-default .filler-top td,
.theme-body-default .filler-bottom td {
  height: 0;
  padding: 0;
}
.list-input div.theme-form-input {
  width: 100%;
  margin-bottom: 0;
  min-height: 1em;
}
.list-input .flex-row:hover {
  padding: 2px 5px;
  margin: -2px -5px;
  background: #eee;
}
.list-input .flex-row:hover .icon-cancel {
  color: firebrick;
}
.list-input select {
  display: none;
}
@media (max-width: 1020px), (max-height: 760px) {
  .dashboard-view .theme-card {
    padding: 5px 5px;
  }
  .dashboard-view .js-circle-chart.large {
    width: 120px;
    height: 120px;
    padding-top: 30px;
  }
  .dashboard-view .js-circle-chart.small {
    width: 80px;
    height: 80px;
    padding-top: 15px;
  }
  .dashboard-view .theme-big-number {
    font-size: 25px;
  }
  .dashboard-view .theme-small-number {
    font-size: 12px;
  }
  .dashboard-view .dashboard-table-wrapper {
    height: calc(100% - 305px);
  }
}
@media (max-width: 800px), (max-height: 760px) {
  .theme-slider {
    max-width: 95vw;
    box-sizing: border-box;
  }
  .dashboard-view {
    display: block;
    flex-wrap: nowrap;
    overflow: auto;
  }
  .dashboard-view .width-5-6,
  .dashboard-view .width-7-8,
  .dashboard-view .width-3-4 {
    width: 100%;
    order: 1;
  }
  .dashboard-view .width-5-6 .theme-panel,
  .dashboard-view .width-7-8 .theme-panel,
  .dashboard-view .width-3-4 .theme-panel {
    margin-right: 0 !important;
  }
  .dashboard-view .width-1-6,
  .dashboard-view .width-1-8,
  .dashboard-view .width-1-4 {
    width: 100%;
    height: auto;
    order: 1;
  }
  .dashboard-view .dashboard-table-wrapper {
    order: 2;
    padding: 20px 0 0 0;
    height: auto;
  }
  .dashboard-view .dashboard-table-wrapper .wide-column {
    width: auto;
  }
  .dashboard-view .dashboard-table-wrapper th:nth-of-type(n+3),
  .dashboard-view .dashboard-table-wrapper td:nth-of-type(n+3) {
    display: none;
  }
}
@media (min-width: 1021px) {
  .node-dashboard .theme-tool-tip-wrapper:hover .theme-tool-tip,
  .dashboard-view .wide-column .theme-tool-tip {
    display: none;
  }
  .mobile-show {
    display: none;
  }
}
@media (max-width: 1020px) {
  .button-group .dropdown-checkboxes .node-type-name {
    display: none;
  }
  .hide-columns-3 th:nth-of-type(3),
  .hide-columns-3 td:nth-of-type(3) {
    display: none;
  }
  .hide-columns-2-4-5 th:nth-of-type(2),
  .hide-columns-2-4-5 td:nth-of-type(2),
  .hide-columns-2-4-5 th:nth-of-type(4),
  .hide-columns-2-4-5 td:nth-of-type(4),
  .hide-columns-2-4-5 th:nth-of-type(5),
  .hide-columns-2-4-5 td:nth-of-type(5) {
    display: none;
  }
  .hide-columns-2-3-4-5-7-8 th:nth-of-type(2),
  .hide-columns-2-3-4-5-7-8 td:nth-of-type(2),
  .hide-columns-2-3-4-5-7-8 th:nth-of-type(3),
  .hide-columns-2-3-4-5-7-8 td:nth-of-type(3),
  .hide-columns-2-3-4-5-7-8 th:nth-of-type(4),
  .hide-columns-2-3-4-5-7-8 td:nth-of-type(4),
  .hide-columns-2-3-4-5-7-8 th:nth-of-type(5),
  .hide-columns-2-3-4-5-7-8 td:nth-of-type(5),
  .hide-columns-2-3-4-5-7-8 th:nth-of-type(7),
  .hide-columns-2-3-4-5-7-8 td:nth-of-type(7),
  .hide-columns-2-3-4-5-7-8 th:nth-of-type(8),
  .hide-columns-2-3-4-5-7-8 td:nth-of-type(8) {
    display: none;
  }
  .dashboard-table-wrapper th:nth-of-type(n+3),
  .dashboard-table-wrapper td:nth-of-type(n+3) {
    display: none;
  }
  .dashboard-table-wrapper .theme-tool-tip {
    left: 50px;
    max-width: 50vw;
  }
  .theme-body-default .bot-list tr th:first-child,
  .theme-body-default .bot-list tr td:first-child {
    width: auto;
  }
  .table-timestamp {
    width: auto;
  }
  .theme-body-default .theme-tabs > ul {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    overflow: auto;
    min-height: 0;
  }
  .theme-body-default .theme-tabs > ul li {
    overflow: visible;
    padding: 10px 5px;
  }
  .theme-body-default .theme-tabs > ul li.active {
    overflow: visible;
  }
  .theme-body-default .theme-tabs > ul + div > div {
    padding: 10px 10px 10px;
  }
  .details-pane .details-pane-bottom {
    height: 100%;
  }
  .details-pane .details-pane-bottom .theme-tabs {
    height: 100%;
  }
  .details-pane .details-pane-bottom .theme-tabs > ul {
    min-height: 46px;
  }
  .details-pane .details-pane-bottom .theme-tabs > div > div.active {
    height: 100%;
  }
  .details-pane .details-pane-bottom .theme-tabs > div > div.active > div:first-child {
    margin: 0 0 0.8em 0 !important;
  }
  .node-charts .node-chart header div {
    margin: 0 30px 0 0;
  }
  .node-charts {
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    display: block;
  }
  .node-charts::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
  }
  .node-charts::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }
  .node-charts .node-chart.width-1-2,
  .node-charts .node-chart.width-1-3,
  .node-charts .node-chart.width-1-4 {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 0 0;
  }
  .node-charts .node-chart header {
    margin: 2px;
  }
  .node-charts .node-chart .stats {
    width: 20%;
  }
  .node-charts .node-chart .stats .current {
    font-size: 24px;
  }
  .node-charts .node-chart .stats .prev_change {
    font-size: 10px;
  }
  .top-controls {
    margin: 8px 8px 4px 8px;
  }
  .top-controls .control {
    margin: 4px 2px;
  }
  .theme-body-default .bot-list {
    margin: 8px;
  }
  .theme-body-default .theme-popup-above-left,
  .theme-body-default .theme-popup-above-right {
    bottom: auto;
    top: -0.5em;
    left: auto;
    right: 0.5em;
  }
  .theme-body-default .theme-popup-above-left:after,
  .theme-body-default .theme-popup-above-right:after {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #505050;
    bottom: initial;
    right: -10px;
    left: initial;
    top: 0.8em;
  }
  .mobile-flex-wrap {
    flex-wrap: wrap;
  }
  .event-viewer .mobile-flex-wrap {
    height: auto;
  }
  .theme-body-default .theme-form .theme-autocomplete input {
    max-width: 95%;
  }
  .theme-body-default .mobile-flex-table caption {
    padding: 0;
    max-width: 80vw;
    font-size: 12px;
  }
  .theme-body-default .mobile-flex-table thead th,
  .theme-body-default .mobile-flex-table tbody {
    font-size: 10px;
  }
  .theme-body-default .mobile-flex-table tr {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    align-content: space-between;
  }
  .theme-body-default .mobile-flex-table tr th,
  .theme-body-default .mobile-flex-table tr td {
    display: inline-block;
    box-sizing: border-box;
    padding: 2px 0;
    height: auto;
  }
  .theme-body-default .mobile-flex-table tr th:nth-child(1),
  .theme-body-default .mobile-flex-table tr td:nth-child(1) {
    /* icon + name */
    flex-grow: 1;
    width: 50%;
    overflow: hidden;
  }
  .theme-body-default .mobile-flex-table tr th:nth-child(2),
  .theme-body-default .mobile-flex-table tr td:nth-child(2) {
    /* link */
    max-width: 30px;
    width: 30px;
    overflow: hidden;
  }
  .theme-body-default .mobile-flex-table tr th:nth-child(2) a,
  .theme-body-default .mobile-flex-table tr td:nth-child(2) a {
    text-overflow: clip;
  }
  .theme-body-default .mobile-flex-table tr th:nth-child(2) a i,
  .theme-body-default .mobile-flex-table tr td:nth-child(2) a i {
    margin: 0;
  }
  .theme-body-default .mobile-flex-table tr th:last-child,
  .theme-body-default .mobile-flex-table tr td:last-child {
    /* alert */
    max-width: 40px;
    width: 40px;
    overflow: hidden;
  }
  .theme-body-default .mobile-flex-table tr th:nth-child(3),
  .theme-body-default .mobile-flex-table tr td:nth-child(3) {
    /* chart */
    order: 10;
    width: 100%;
  }
  .theme-body-default .mobile-flex-table tr th:nth-child(n+4):not(:last-child),
  .theme-body-default .mobile-flex-table tr td:nth-child(n+4):not(:last-child) {
    /* hide */
    display: none;
    order: 20;
    width: 25%;
  }
  .theme-body-default .mobile-flex-table tr th .theme-tool-tip,
  .theme-body-default .mobile-flex-table tr td .theme-tool-tip {
    left: 25%;
    top: -1.5em;
    max-width: 50vw;
  }
}
@media (max-width: 600px) {
  .mobile-hide {
    display: none !important;
  }
  .width-1-1,
  .width-1-2,
  .width-1-3,
  .width-1-4,
  .width-1-5 {
    display: block;
    width: 100%;
  }
  .tab-content .tab-pane {
    display: block;
    overflow: auto;
    max-height: 200px;
  }
  .slaDiv {
    flex-wrap: wrap;
    overflow: auto;
  }
  .slaDiv > div {
    max-height: 50vh;
  }
  .mobile-height-1-2 {
    height: 50%;
  }
  .mobile-height-1-2-dash {
    height: 49%;
    border: 1px solid rgba(0, 0, 0, 0.25);
  }
  .theme-spinner-large {
    font-size: 8px;
  }
  .left-nav.active .mask {
    display: block;
  }
  .left-nav:not(.active) {
    height: 64px;
  }
  .left-nav:not(.active) span,
  .left-nav:not(.active) > div,
  .left-nav:not(.active) i.icon-flow-branch,
  .left-nav:not(.active) i {
    height: 64px;
    line-height: 64px;
  }
  .left-nav:not(.active) > div:not(.active) {
    display: none;
  }
  .left-nav:not(.active) > div.toggle-menu {
    display: block;
    position: absolute;
    top: 0;
    z-index: 110;
  }
  .no-data-message {
    font-size: 10px;
  }
  .no-data-message tspan:first-child {
    font-size: 32px;
  }
  .details-pane,
  .page-main-wrapper {
    left: 0;
  }
  .theme-body-default .theme-time-picker .date-interval-date {
    display: none;
  }
  .theme-body-default .theme-time-picker .wrapper {
    overflow: hidden;
  }
  .node-dashboard .node-charts .node-chart,
  .node-dashboard .single-number-wrapper .single-number {
    padding: 5px;
  }
  .node-dashboard .node-name {
    font-size: 12px;
    max-width: 50vw;
    white-space: normal;
    line-height: 0.8em;
  }
  .button-group .theme-autocomplete input {
    max-width: 22vw;
    padding: 5px 2px;
  }
  .tree-wrapper .hoverBoard text {
    font-size: 12px;
  }
  .tree-wrapper .hoverBoard rect.arrow.top {
    y: 8;
  }
  .theme-body-default .theme-dialog > header .node-dialog-title {
    max-width: calc(100vw - 55px);
  }
  .theme-body-default .theme-dialog > header .node-dialog-title svg {
    margin: 0;
  }
  .theme-body-default .theme-dialog > header .node-button-wrapper {
    margin: 4px 4px;
  }
  .theme-body-default .theme-dialog > header .node-button-wrapper .node-button-bar {
    margin: 4px 0;
  }
  .theme-body-default .theme-dialog > header .node-button-wrapper .node-button-bar img,
  .theme-body-default .theme-dialog > header .node-button-wrapper .node-button-bar i {
    font-size: 14px;
    min-width: 1em;
    padding-left: 4px;
    padding-right: 4px;
    margin: 0;
  }
  .theme-body-default .theme-dialog > header .node-button-wrapper .node-button-bar .kinesis-number {
    padding: 0;
  }
  .theme-body-default .theme-dialog > header .node-button-wrapper .node-navigate {
    padding: 4px 0;
    margin: 4px 1px;
    font-size: 14px;
  }
  .theme-body-default .theme-dialog > header .node-button-wrapper + .dropdown {
    right: 98px;
  }
  .mapping-frame .source-panel,
  .mapping-frame .preview-panel,
  .mapping-frame .form-button-bar,
  .mapping-frame hr {
    display: none;
  }
  .mapping-frame .code-panel textarea + .CodeMirror {
    height: calc(100% - 40px);
  }
  .log-results .font-dim {
    display: none;
  }
  .log-results > div:first-child,
  .log-results .detail-timestamp {
    width: 35px;
  }
  .log-results .theme-table-fixed-header thead th {
    font-size: 10px;
    padding-left: 0;
  }
  .log-results .theme-table-fixed-header tbody {
    font-size: 10px;
  }
  .log-results .theme-table-fixed-header td {
    padding: 4px;
    overflow: hidden;
  }
  .log-results .theme-table-fixed-header td.text-top {
    white-space: pre-wrap;
    word-break: break-all;
  }
  .theme-body-default .theme-dialog {
    max-width: 100vw;
  }
  .theme-body-default .theme-dialog main {
    max-width: calc(100vw - 20px);
    max-height: calc(100vh - 70px - 50px);
  }
  .theme-body-default .theme-dialog main .settingsDialog {
    width: calc(100vw - 20px);
    height: calc(100vh - 70px - 50px);
  }
  .theme-body-default .theme-dialog .node-error-message button {
    display: none;
  }
  .theme-body-default .theme-dialog .node-error-message ~ form main {
    max-height: calc(100vh - 132px - 50px);
  }
  .theme-form-input + .CodeMirror {
    min-width: 0;
  }
  .message-center.message-list > div {
    font-size: 16px;
  }
}