/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling  user zoom.
 * 3. Box-sizing for all elements.
 * 4. Font size for REM use.
 */
html {
  font-family: sans-serif;
  /* 1 */
  font-size: 62.25%;
  /* 4 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-box-sizing: border-box;
  /* 3 Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* 3 Firefox, other Gecko */
  box-sizing: border-box;
  /* 3 Opera/IE 8+ */
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizeLegibility;
  overflow: hidden;
  height: 100%; }

router-view, compose, dynamic-view {
  display: block; }

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

body {
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 0;
  -ms-scroll-chaining: chained;
  overscroll-behavior: none; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

figure {
  margin: 0; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Removes margins on all headers. */
h1, h2, h3, h4 {
  font-weight: 600; }

h1, h2, h3, h4, h5, h6, p, ul {
  margin: 0; }

ul {
  padding: 0;
  list-style: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: 600; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  margin: 0;
  overflow: unset; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  -webkit-text-fill-color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
  padding: 0; }

form {
  margin: 0; }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

input {
  line-height: normal;
  -webkit-overflow-scrolling: auto; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

textarea {
  overflow: auto;
  -webkit-overflow-scrolling: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: 600; }

/* Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* mixin for multiline */
.row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap; }
  .row.reverse {
    flex-direction: row-reverse; }
  .row.row-max {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 10px; }
  .row.nowrap {
    flex-wrap: nowrap; }

.column {
  display: flex;
  flex-direction: column; }
  .column.reverse {
    flex-direction: column-reverse; }
  .column.column-max {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 10px; }
  .column.nowrap {
    flex-wrap: nowrap; }

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  box-sizing: border-box;
  flex: 0 0 auto; }

.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%; }

.col-xs-1 {
  flex-basis: 8.33333333%;
  max-width: 8.33333333%; }

.col-xs-2 {
  flex-basis: 16.66666667%;
  max-width: 16.66666667%; }

.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%; }

.col-xs-4 {
  flex-basis: 33.33333333%;
  max-width: 33.33333333%; }

.col-xs-5 {
  flex-basis: 41.66666667%;
  max-width: 41.66666667%; }

.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%; }

.col-xs-7 {
  flex-basis: 58.33333333%;
  max-width: 58.33333333%; }

.col-xs-8 {
  flex-basis: 66.66666667%;
  max-width: 66.66666667%; }

.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%; }

.col-xs-10 {
  flex-basis: 83.33333333%;
  max-width: 83.33333333%; }

.col-xs-11 {
  flex-basis: 91.66666667%;
  max-width: 91.66666667%; }

.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%; }

.col-xs-offset-0 {
  margin-left: 0; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.flex-xs {
  display: flex;
  flex: 1 1 auto; }

.col-xs-gutter {
  padding: 0 5px; }

.start-xs {
  justify-content: flex-start; }

.center-xs {
  justify-content: center; }

.end-xs {
  justify-content: flex-end; }

.stretch-xs {
  justify-content: stretch; }

.top-xs {
  align-items: flex-start; }

.middle-xs {
  align-items: center; }

.bottom-xs {
  align-items: flex-end; }

.content-start-xs {
  align-content: flex-start; }

.content-center-xs {
  align-content: center; }

.content-end-xs {
  align-content: flex-end; }

.content-around-xs {
  align-content: space-around; }

.content-between-xs {
  align-content: space-between; }

.content-evenly-xs {
  align-content: space-evenly; }

.self-start-xs {
  align-self: flex-start; }

.self-center-xs {
  align-self: center; }

.self-end-xs {
  align-self: flex-end; }

.self-stretch-xs {
  align-self: stretch; }

.around-xs {
  justify-content: space-around; }

.between-xs {
  justify-content: space-between; }

.first-xs {
  order: -1; }

.last-xs {
  order: 1; }

.grow-xs-1 {
  min-height: 0;
  flex-grow: 1; }

.shrink-xs-0 {
  flex-shrink: 0; }

@media only screen and (min-width: 48em) {
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto; }
  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-sm-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-sm-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-sm-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-sm-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-sm-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-0 {
    margin-left: 0; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .flex-sm {
    display: flex;
    flex: 1 1 auto; }
  .col-sm-gutter {
    padding: 0 5px; }
  .start-sm {
    justify-content: flex-start; }
  .center-sm {
    justify-content: center; }
  .end-sm {
    justify-content: flex-end; }
  .stretch-sm {
    justify-content: stretch; }
  .top-sm {
    align-items: flex-start; }
  .middle-sm {
    align-items: center; }
  .bottom-sm {
    align-items: flex-end; }
  .content-start-sm {
    align-content: flex-start; }
  .content-center-sm {
    align-content: center; }
  .content-end-sm {
    align-content: flex-end; }
  .content-around-sm {
    align-content: space-around; }
  .content-between-sm {
    align-content: space-between; }
  .content-evenly-sm {
    align-content: space-evenly; }
  .self-start-sm {
    align-self: flex-start; }
  .self-center-sm {
    align-self: center; }
  .self-end-sm {
    align-self: flex-end; }
  .self-strech-sm {
    align-self: stretch; }
  .around-sm {
    justify-content: space-around; }
  .between-sm {
    justify-content: space-between; }
  .first-sm {
    order: -1; }
  .last-sm {
    order: 1; }
  .grow-sm-1 {
    min-height: 0;
    flex-grow: 1; }
  .shrink-sm-0 {
    flex-shrink: 0; } }

@media only screen and (min-width: 64em) {
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto; }
  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-md-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-md-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-md-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-md-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%; }
  .col-md-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-md-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-0 {
    margin-left: 0; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .flex-md {
    display: flex;
    flex: 1 1 auto; }
  .col-md-gutter {
    padding: 0 5px; }
  .start-md {
    justify-content: flex-start; }
  .center-md {
    justify-content: center; }
  .end-md {
    justify-content: flex-end; }
  .stretch-md {
    justify-content: stretch; }
  .top-md {
    align-items: flex-start; }
  .middle-md {
    align-items: center; }
  .bottom-md {
    align-items: flex-end; }
  .content-start-md {
    align-content: flex-start; }
  .content-center-md {
    align-content: center; }
  .content-end-md {
    align-content: flex-end; }
  .content-around-md {
    align-content: space-around; }
  .content-between-md {
    align-content: space-between; }
  .content-evenly-md {
    align-content: space-evenly; }
  .self-start-md {
    align-self: flex-start; }
  .self-center-md {
    align-self: center; }
  .self-end-md {
    align-self: flex-end; }
  .self-strech-md {
    align-self: stretch; }
  .around-md {
    justify-content: space-around; }
  .between-md {
    justify-content: space-between; }
  .first-md {
    order: -1; }
  .last-md {
    order: 1; }
  .grow-md-1 {
    min-height: 0;
    flex-grow: 1; }
  .shrink-md-0 {
    flex-shrink: 0; } }

@media only screen and (min-width: 75em) {
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto; }
  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-lg-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-lg-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-lg-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-lg-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-lg-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%; }
  .col-lg-offset-0 {
    margin-left: 0; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .flex-lg {
    display: flex;
    flex: 1 1 auto; }
  .col-lg-gutter {
    padding: 0 5px; }
  .start-lg {
    justify-content: flex-start; }
  .center-lg {
    justify-content: center; }
  .end-lg {
    justify-content: flex-end; }
  .stretch-lg {
    justify-content: stretch; }
  .top-lg {
    align-items: flex-start; }
  .middle-lg {
    align-items: center; }
  .bottom-lg {
    align-items: flex-end; }
  .content-start-lg {
    align-content: flex-start; }
  .content-center-lg {
    align-content: center; }
  .content-end-lg {
    align-content: flex-end; }
  .content-around-lg {
    align-content: space-around; }
  .content-between-lg {
    align-content: space-between; }
  .content-evenly-lg {
    align-content: space-evenly; }
  .self-start-lg {
    align-self: flex-start; }
  .self-center-lg {
    align-self: center; }
  .self-end-lg {
    align-self: flex-end; }
  .self-strech-lg {
    align-self: stretch; }
  .around-lg {
    justify-content: space-around; }
  .between-lg {
    justify-content: space-between; }
  .first-lg {
    order: -1; }
  .last-lg {
    order: 1; }
  .grow-lg-1 {
    min-height: 0;
    flex-grow: 1; }
  .shrink-lg-0 {
    flex-shrink: 0; } }

@media only screen and (min-width: 120em) {
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-offset-0,
  .col-xl-offset-1,
  .col-xl-offset-2,
  .col-xl-offset-3,
  .col-xl-offset-4,
  .col-xl-offset-5,
  .col-xl-offset-6,
  .col-xl-offset-7,
  .col-xl-offset-8,
  .col-xl-offset-9,
  .col-xl-offset-10,
  .col-xl-offset-11,
  .col-xl-offset-12 {
    box-sizing: border-box;
    flex: 0 0 auto; }
  .col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%; }
  .col-xl-1 {
    flex-basis: 8.33333333%;
    max-width: 8.33333333%; }
  .col-xl-2 {
    flex-basis: 16.66666667%;
    max-width: 16.66666667%; }
  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .col-xl-5 {
    flex-basis: 41.66666667%;
    max-width: 41.66666667%; }
  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex-basis: 58.33333333%;
    max-width: 58.33333333%; }
  .col-xl-8 {
    flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .col-xl-11 {
    flex-basis: 91.66666667%;
    max-width: 91.66666667%; }
  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%; }
  .col-xl-offset-0 {
    margin-left: 0; }
  .col-xl-offset-1 {
    margin-left: 8.33333333%; }
  .col-xl-offset-2 {
    margin-left: 16.66666667%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-offset-4 {
    margin-left: 33.33333333%; }
  .col-xl-offset-5 {
    margin-left: 41.66666667%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-offset-7 {
    margin-left: 58.33333333%; }
  .col-xl-offset-8 {
    margin-left: 66.66666667%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-offset-10 {
    margin-left: 83.33333333%; }
  .col-xl-offset-11 {
    margin-left: 91.66666667%; }
  .flex-xl {
    display: flex;
    flex: 1 1 auto; }
  .col-xl-gutter {
    padding: 0 5px; }
  .start-xl {
    justify-content: flex-start; }
  .center-xl {
    justify-content: center; }
  .end-xl {
    justify-content: flex-end; }
  .stretch-xl {
    justify-content: stretch; }
  .top-xl {
    align-items: flex-start; }
  .middle-xl {
    align-items: center; }
  .bottom-xl {
    align-items: flex-end; }
  .content-start-lg {
    align-content: flex-start; }
  .content-center-xl {
    align-content: center; }
  .content-end-xl {
    align-content: flex-end; }
  .content-around-xl {
    align-content: space-around; }
  .content-between-xl {
    align-content: space-between; }
  .content-evenly-xl {
    align-content: space-evenly; }
  .self-start-xl {
    align-self: flex-start; }
  .self-center-xl {
    align-self: center; }
  .self-end-xl {
    align-self: flex-end; }
  .self-strech-xl {
    align-self: stretch; }
  .around-xl {
    justify-content: space-around; }
  .between-xl {
    justify-content: space-between; }
  .first-xl {
    order: -1; }
  .last-xl {
    order: 1; }
  .grow-xl-1 {
    min-height: 0;
    flex-grow: 1; }
  .shrink-xl-0 {
    flex-shrink: 0; } }

html {
  font-family: "Open Sans", sans-serif; }

.body {
  min-width: 320px;
  font-size: 1.4rem;
  line-height: 1.38;
  color: #242424;
  background: #fafafa; }

h1 {
  font-size: 2.4rem; }

h2 {
  font-size: 2.0rem; }

h3 {
  font-size: 1.8rem; }

h4 {
  font-size: 1.6rem; }

h5 {
  font-size: 1.4rem;
  font-weight: normal; }

p {
  font-size: 1.4rem; }

a {
  color: #242424;
  font-size: 1.4rem;
  line-height: normal;
  text-decoration: none; }
  a:visited {
    color: #242424; }
  a:active {
    color: black; }
  a:hover {
    color: black; }

pre {
  font-family: "Open Sans", sans-serif; }

.display-none {
  display: none; }

.display-none-imp {
  display: none !important; }

.display-block {
  display: block; }

.display-block-imp {
  display: block !important; }

.no-margin {
  margin: 0; }

.no-padding {
  padding: 0; }

.text-bold {
  font-weight: 600; }

.text-italic {
  font-style: italic; }

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

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.text-justify {
  text-align: justify; }

.text-danger {
  color: #d9534f; }

.text-success {
  color: #5cb85c; }

.text-warning {
  color: #f0ad4e; }

.text-capitalize {
  text-transform: uppercase; }

.text-word-break {
  word-break: break-word; }

.position-absolute {
  position: absolute; }

.position-relative {
  position: relative; }

.padding-5 {
  padding: 5px; }

.padding-10 {
  padding: 10px; }

.padding-10-5 {
  padding: 10px 5px; }

.height-stretch {
  height: 100%; }

.min-height-0 {
  min-height: 0; }

.width-stretch {
  width: 100%; }

.overflow-y {
  overflow-y: auto; }

.overflow-x {
  overflow-x: auto; }

.overflow-y-hidden {
  overflow-y: hidden; }

.overflow-x-hidden {
  overflow-x: hidden; }

.overflow-hidden {
  overflow: hidden; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@media print {
  .noprint {
    display: none; } }

.cursor-pointer {
  cursor: pointer; }

.animation-fadein {
  animation: keyframe-fadein 0.2s ease-in; }

.animation-slide-top {
  animation: keyframe-slide-top 0.2s ease, keyframe-fadein 0.2s ease; }

.animation-slide-bottom {
  animation: keyframe-slide-bottom 0.2s ease, keyframe-fadein 0.2s ease; }

.animation-slide-left {
  animation: keyframe-slide-left 0.2s ease, keyframe-fadein 0.2s ease; }

.animation-slide-right {
  animation: keyframe-slide-right 0.2s ease, keyframe-fadein 0.2s ease; }

.animation-page-fadein {
  animation: keyframe-fadein 0.2s ease-in; }

.animation-page-zoomin {
  animation: keyframe-zoomin 0.2s ease-in; }

.animation-page-slide-bottom {
  animation: keyframe-slide-bottom 0.2s ease, keyframe-fadein 0.2s ease; }

.animation-page-slide-top {
  animation: keyframe-slide-top 0.2s ease, keyframe-fadein 0.2s ease; }

.animation-page-slide-left {
  animation: keyframe-slide-left 0.2s ease, keyframe-fadein 0.2s ease; }

.animation-page-slide-right {
  animation: keyframe-slide-right 0.2s ease, keyframe-fadein 0.2s ease; }

.animation-zoomin-top-right {
  animation: keyframe-zoomin 0.2s ease, keyframe-fadein 0.2s ease;
  transform-origin: top right; }

.animation-zoomin-top-center {
  animation: keyframe-zoomin 0.2s ease, keyframe-fadein 0.2s ease;
  transform-origin: top center; }

.animation-zoomin-top-right {
  animation: keyframe-zoomin 0.2s ease, keyframe-fadein 0.2s ease;
  transform-origin: top right; }

.animation-zoomin-top-center {
  animation: keyframe-zoomin 0.2s ease, keyframe-fadein 0.2s ease;
  transform-origin: top center; }

.fade-animation.au-enter-active {
  animation: keyframe-fadein 0.5s ease-in-out;
  animation-fill-mode: forwards; }

.fade-animation.au-leave-active {
  animation: keyframe-fadeout 0.5s ease-in-out;
  animation-fill-mode: forwards; }

@keyframes keyframe-fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes keyframe-fadeout {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes keyframe-zoomin {
  0% {
    transform: scale(0.7);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes keyframe-zoomout {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.7);
    opacity: 0; } }

@keyframes keyframe-slide-top {
  0% {
    transform: translateY(-30px); }
  100% {
    transform: translateY(0); } }

@keyframes keyframe-slide-left {
  0% {
    transform: translateX(-30px); }
  100% {
    transform: translateX(0); } }

@keyframes keyframe-slide-right {
  0% {
    transform: translateX(30px); }
  100% {
    transform: translateX(0); } }

@keyframes keyframe-slide-bottom {
  0% {
    transform: translateY(30px); }
  100% {
    transform: translateY(0); } }

@keyframes keyframe-slide {
  0% {
    transform: translateX(500px); }
  100% {
    transform: translateX(0); } }

@keyframes pulse {
  0% {
    transform: scale(0.7);
    opacity: 0.0; }
  25% {
    transform: scale(0.9);
    opacity: 0.2; }
  50% {
    transform: scale(1.15);
    opacity: 0.7; }
  75% {
    transform: scale(1.3);
    opacity: 0.9; }
  100% {
    transform: scale(1.35);
    opacity: 0.0; } }

@keyframes moves {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateX(-3px); }
  50% {
    transform: translateX(-5px); }
  75% {
    transform: translateX(-3px); }
  100% {
    transform: translateX(0); } }

@keyframes move-vertical {
  0% {
    transform: translateY(0); }
  25% {
    transform: translateY(3px); }
  50% {
    transform: translateY(5px); }
  75% {
    transform: translateY(3px); }
  100% {
    transform: translateY(0); } }

@keyframes keyframe-ghost-fadein {
  0% {
    opacity: 0.25; }
  35% {
    opacity: 0.7; }
  65% {
    opacity: 0.7; }
  100% {
    opacity: 0.25; } }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url("../../fonts/opensans/opensans-light.woff2") format("woff2"), url("../../fonts/opensans/opensans-light.woff") format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url("../../fonts/opensans/opensans-regular.woff2") format("woff2"), url("../../fonts/opensans/opensans-regular.woff") format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../../fonts/opensans/opensans-regular-italic.woff2") format("woff2"), url("../../fonts/opensans/opensans-regular-italic.woff") format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../../fonts/opensans/opensans-bold.woff2") format("woff2"), url("../../fonts/opensans/opensans-bold.woff") format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("../../fonts/opensans/opensans-bold-italic.woff2") format("woff2"), url("../../fonts/opensans/opensans-bold-italic.woff") format("woff"); }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("../../fonts/material-icons/material-icons.woff2") format("woff2"), url("../../fonts/material-icons/material-icons.woff") format("woff"); }

.material-icons, .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs .breadcrumbs-item:before, .page-onboarding-request-content .offerings-selected .onboarding-offer .content .image.fallback-image:after, .page-offerings-criteria-config .configs-list .configs .config.config-selected .config-name:after, .page-onboarding-offerings .onboarding-offer .content .image.fallback-image:after, .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .image.fallback-image:after {
  display: inline-block;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

activity-logger {
  display: flex;
  flex-direction: column; }

.activity-logger {
  flex-grow: 1;
  width: 380px;
  padding: 20px 30px 10px;
  background-color: #f1f1f1; }
  .activity-logger .activity-logger-header {
    flex-shrink: 0;
    margin-bottom: 10px; }
    .activity-logger .activity-logger-header .activity-logger-title {
      margin-right: auto;
      font-size: 2rem; }
    .activity-logger .activity-logger-header .search {
      min-width: 30px;
      height: 30px;
      background-color: #F8F8F8;
      border: 1px solid #e6e6e6;
      border-radius: 2px; }
      .activity-logger .activity-logger-header .search .textbox-search {
        width: 130px;
        height: 30px;
        padding: 0 7px;
        line-height: 30px;
        border: none;
        background: none;
        outline: none; }
      .activity-logger .activity-logger-header .search .icon-search {
        width: 30px;
        line-height: 30px;
        font-size: 2rem;
        text-align: center;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
    .activity-logger .activity-logger-header .filter {
      position: relative;
      width: 30px;
      height: 30px;
      margin-left: 5px;
      background-color: #F8F8F8;
      border: 1px solid #e6e6e6;
      border-radius: 2px;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .activity-logger .activity-logger-header .filter .icon-filter {
        width: 30px;
        line-height: 30px;
        font-size: 2rem;
        text-align: center; }
      .activity-logger .activity-logger-header .filter .filter-dropdown {
        position: absolute;
        top: 33px;
        right: 0;
        width: 180px;
        padding: 10px;
        background-color: #ffffff;
        border-radius: 2px;
        box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
        z-index: 1; }
        .activity-logger .activity-logger-header .filter .filter-dropdown .checkbox-filter:not(:last-child) {
          margin-bottom: 5px; }
  .activity-logger .icon-log {
    width: 30px;
    height: 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .activity-logger .icon-log i, .activity-logger .icon-log img {
      padding: 3px;
      border-radius: 2px; }
    .activity-logger .icon-log img {
      max-width: 24px;
      box-sizing: content-box; }
    .activity-logger .icon-log.icon-email i, .activity-logger .icon-log.icon-email img {
      background-color: #1174c3;
      color: #ffffff; }
    .activity-logger .icon-log.icon-sms i, .activity-logger .icon-log.icon-sms img {
      background-color: #10b0fb;
      color: #ffffff; }
    .activity-logger .icon-log.icon-call i, .activity-logger .icon-log.icon-call img {
      background-color: #5cb85c;
      color: #ffffff; }
    .activity-logger .icon-log.icon-generic i, .activity-logger .icon-log.icon-generic img {
      background-color: #f0ad4e;
      color: #ffffff; }
    .activity-logger .icon-log.icon-reminder i, .activity-logger .icon-log.icon-reminder img {
      background-color: #d9534f;
      color: #ffffff; }
    .activity-logger .icon-log.icon-document i, .activity-logger .icon-log.icon-document img {
      background-color: #7F5CB8;
      color: #ffffff; }
  .activity-logger .submission {
    flex-shrink: 0; }
    .activity-logger .submission .log-icons-container {
      position: relative;
      padding-right: 10px; }
      .activity-logger .submission .log-icons-container .icon-log {
        cursor: pointer; }
        @media only screen and (min-width: 64em) {
          .activity-logger .submission .log-icons-container .icon-log:hover i, .activity-logger .submission .log-icons-container .icon-log:hover image {
            box-shadow: inset 0px 0 0px 16px rgba(0, 0, 0, 0.15); } }
        .activity-logger .submission .log-icons-container .icon-log.pulse i, .activity-logger .submission .log-icons-container .icon-log.pulse img {
          -webkit-animation: keyframe-activity-logger-icon-pulse 1s linear;
          animation: keyframe-activity-logger-icon-pulse 1s linear;
          animation-iteration-count: 10; }
      .activity-logger .submission .log-icons-container .log-icons {
        position: absolute;
        top: 39px;
        left: -5px;
        padding: 5px 5px 0;
        background: #fbfbfb;
        border: 1px solid #dddddd;
        border-radius: 2px; }
        .activity-logger .submission .log-icons-container .log-icons .icon-log {
          margin-bottom: 5px; }
        .activity-logger .submission .log-icons-container .log-icons:before {
          position: absolute;
          left: 12px;
          top: -15px;
          border: solid transparent;
          content: '';
          height: 0;
          width: 0;
          pointer-events: none;
          border-bottom-color: #dddddd;
          border-width: 7px; }
        .activity-logger .submission .log-icons-container .log-icons:after {
          position: absolute;
          left: 13px;
          top: -12px;
          border: solid transparent;
          content: '';
          height: 0;
          width: 0;
          pointer-events: none;
          border-bottom-color: #fbfbfb;
          border-width: 6px; }
    .activity-logger .submission .compose {
      padding: 0 5px 0 40px; }
  .activity-logger .log-messages {
    margin-top: 20px;
    overflow-x: hidden; }
    .activity-logger .log-messages::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
    .activity-logger .log-messages::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      background-color: transparent; }
    .activity-logger .log-messages::-webkit-scrollbar-thumb {
      background-color: #cecece;
      border-radius: 2.5px; }
    .activity-logger .log-messages .log-message {
      margin-bottom: 10px; }
      .activity-logger .log-messages .log-message .icon-log {
        padding: 0;
        margin-top: 2px; }
      .activity-logger .log-messages .log-message .message-text {
        display: block;
        line-height: 1.8rem;
        word-wrap: break-word;
        white-space: pre-wrap; }
      .activity-logger .log-messages .log-message .message-timestamp {
        display: block;
        font-size: 1rem;
        color: #9e9e9e; }

@keyframes keyframe-activity-logger-icon-pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

button-icon .button-icon {
  display: flex;
  flex-direction: row;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #10FFC3;
  outline: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s linear;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media (hover: hover) {
    button-icon .button-icon:hover:not(.disabled) {
      box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.15); }
    button-icon .button-icon:focus:not(.disabled) {
      box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.2); } }
  button-icon .button-icon:active:not(.disabled) {
    transform: scale(0.9, 0.9); }
  button-icon .button-icon .button-icon-value {
    display: inline-block;
    color: #ffffff;
    font-size: 2.4rem;
    font-family: 'Material Icons';
    line-height: 30px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased; }
  button-icon .button-icon.disabled {
    background-color: rgba(130, 130, 130, 0.12);
    cursor: not-allowed; }
    button-icon .button-icon.disabled .button-icon-value {
      color: rgba(0, 0, 0, 0.26); }

button-icon.success .button-icon:not(.disabled) {
  background-color: #5cb85c; }

button-icon.danger .button-icon:not(.disabled) {
  background-color: #d9534f; }

button-icon.warning .button-icon:not(.disabled) {
  background-color: #f0ad4e; }

button-icon.new .button-icon:not(.disabled) {
  background-color: #5bc0de; }

button-icon.secondary .button-icon:not(.disabled) {
  background-color: #d8d8d8; }
  button-icon.secondary .button-icon:not(.disabled) .button-icon-value {
    color: #6d6d6d; }

button-icon.transparent .button-icon:not(.disabled) {
  background-color: transparent; }
  button-icon.transparent .button-icon:not(.disabled) .button-icon-value {
    color: #242424; }

button-icon.margin-top .button-icon {
  margin-top: 30px; }

button-icon.margin-bottom .button-icon {
  margin-bottom: 30px; }

button-icon.margin-left .button-icon {
  margin-left: 30px; }

button-icon.margin-right .button-icon {
  margin-right: 30px; }

button-multi-selector {
  display: flex; }
  button-multi-selector button {
    display: flex;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-basis: 100%;
    height: 30px;
    padding: 0;
    outline: none;
    line-height: 30px;
    background-color: #10FFC3;
    border: none;
    border-radius: 2px;
    vertical-align: middle;
    transition: transform 0.1s ease; }
    button-multi-selector button .value {
      padding: 0 16px;
      flex-grow: 1;
      font-weight: 600;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0;
      overflow: hidden;
      text-decoration: none;
      text-align: center;
      color: #ffffff;
      -webkit-text-fill-color: #ffffff; }
    button-multi-selector button .arrow {
      width: 30px;
      height: 30px;
      background-color: rgba(0, 0, 0, 0.1); }
      button-multi-selector button .arrow .icon-arrow {
        color: #ffffff;
        line-height: 30px; }
    @media (hover: hover) {
      button-multi-selector button:hover {
        background-color: #00f6b8; } }
    button-multi-selector button:focus {
      background-color: #00e6ac; }
    button-multi-selector button.disabled {
      background-color: rgba(130, 130, 130, 0.12);
      cursor: not-allowed; }
      button-multi-selector button.disabled .value {
        color: rgba(0, 0, 0, 0.26);
        -webkit-text-fill-color: rgba(0, 0, 0, 0.26); }
      button-multi-selector button.disabled .arrow .icon-arrow {
        color: rgba(0, 0, 0, 0.26); }
    button-multi-selector button.loading {
      position: relative;
      justify-content: center;
      align-items: center;
      cursor: wait; }
      button-multi-selector button.loading .button-multi-selector-loading {
        position: absolute;
        top: 4px;
        left: calc(50%, -13px); }
      button-multi-selector button.loading .value,
      button-multi-selector button.loading .arrow {
        opacity: 0; }
  button-multi-selector .button-multi-selector-dropdown-adorned {
    display: block;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 0; }
    button-multi-selector .button-multi-selector-dropdown-adorned.dropdown-above {
      top: inherit;
      bottom: 30px; }
  button-multi-selector .button-multi-selector-dropdown-compose {
    position: absolute;
    left: -1px;
    top: 30px;
    right: -1px;
    z-index: 1; }
    button-multi-selector .button-multi-selector-dropdown-compose.dropdown-above {
      top: inherit;
      bottom: 30px; }
  button-multi-selector.success button:not(.disabled) {
    background-color: #5cb85c; }
    button-multi-selector.success button:not(.disabled):hover, button-multi-selector.success button:not(.disabled):active {
      background-color: #4cae4c; }
    button-multi-selector.success button:not(.disabled):focus {
      background-color: #47a447; }
  button-multi-selector.danger button:not(.disabled) {
    background-color: #d9534f; }
    button-multi-selector.danger button:not(.disabled):hover, button-multi-selector.danger button:not(.disabled):active {
      background-color: #d43f3a; }
    button-multi-selector.danger button:not(.disabled):focus {
      background-color: #d2322d; }
  button-multi-selector.warning button:not(.disabled) {
    background-color: #f0ad4e; }
    button-multi-selector.warning button:not(.disabled):hover, button-multi-selector.warning button:not(.disabled):active {
      background-color: #eea236; }
    button-multi-selector.warning button:not(.disabled):focus {
      background-color: #ed9c28; }
  button-multi-selector.secondary button:not(.disabled) {
    background-color: #d8d8d8;
    color: #6d6d6d; }
    button-multi-selector.secondary button:not(.disabled):hover, button-multi-selector.secondary button:not(.disabled):active {
      background-color: #cbcbcb; }
    button-multi-selector.secondary button:not(.disabled):focus {
      background-color: #c4c4c4; }
  button-multi-selector.margin-top button {
    margin-top: 30px; }
  button-multi-selector.margin-bottom button {
    margin-bottom: 30px; }
  button-multi-selector.margin-left button {
    margin-left: 30px; }
  button-multi-selector.margin-right button {
    margin-right: 30px; }

.button-multi-selector-dropdown {
  display: none;
  position: relative;
  width: 100%;
  padding: 3px 0;
  overflow: visible;
  animation: keyframe-slide-top 0.2s ease, keyframe-fadein 0.2s ease; }
  .button-multi-selector-dropdown.visible {
    display: block; }
    .button-multi-selector-dropdown.visible .button-multi-selector-dropdown-items {
      display: block; }
  .button-multi-selector-dropdown .button-multi-selector-dropdown-items {
    display: none;
    position: relative;
    width: 100%;
    max-height: 300px;
    background-color: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    overflow-y: auto; }
    .button-multi-selector-dropdown .button-multi-selector-dropdown-items .button-multi-selector-dropdown-item {
      min-height: 30px;
      padding: 6px 5px;
      line-height: 18px;
      text-align: left;
      color: #242424;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media (hover: hover) {
        .button-multi-selector-dropdown .button-multi-selector-dropdown-items .button-multi-selector-dropdown-item:hover {
          background-color: #eee; } }
      .button-multi-selector-dropdown .button-multi-selector-dropdown-items .button-multi-selector-dropdown-item.focused {
        background-color: #10FFC3;
        color: #ffffff; }

custom-button {
  display: flex;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  custom-button button {
    width: 100%;
    flex-basis: 100%;
    padding: 0;
    background: none;
    border: 0;
    outline: none; }
    custom-button button .custom-button {
      position: relative;
      width: inherit;
      height: 50px;
      padding: 0 20px;
      line-height: 50px;
      border: none;
      border-radius: 10px;
      font-size: 1.6rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0;
      overflow: hidden;
      text-align: center;
      vertical-align: middle;
      background-color: #10FFC3;
      transition: transform 0.1s ease; }
      custom-button button .custom-button .custom-button-loading-container .loading {
        border-color: rgba(36, 36, 36, 0.4);
        border-left-color: #242424; }
      custom-button button .custom-button .custom-button-value {
        font-weight: 600;
        color: #242424;
        -webkit-text-fill-color: #242424; }
    @media (hover: hover) {
      custom-button button:hover:not(.disabled) .custom-button {
        box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.15); } }
    custom-button button:focus:not(.disabled) .custom-button {
      box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.2); }
    custom-button button:active:not(.disabled) .custom-button {
      transform: scale(0.9, 0.9); }
    custom-button button.disabled .custom-button {
      background-color: rgba(130, 130, 130, 0.12);
      cursor: not-allowed; }
      custom-button button.disabled .custom-button .custom-button-value {
        color: rgba(0, 0, 0, 0.26);
        -webkit-text-fill-color: rgba(0, 0, 0, 0.26); }
    custom-button button.loading .custom-button .custom-button-loading-container {
      height: 100%; }
    custom-button button.loading .custom-button .custom-button-value {
      opacity: 0; }
  custom-button.success button:not(.disabled) .custom-button {
    background-color: #5cb85c; }
    custom-button.success button:not(.disabled) .custom-button:hover, custom-button.success button:not(.disabled) .custom-button:active {
      background-color: #4cae4c; }
    custom-button.success button:not(.disabled) .custom-button:focus {
      background-color: #47a447; }
    custom-button.success button:not(.disabled) .custom-button .custom-button-value {
      color: #ffffff;
      -webkit-text-fill-color: #ffffff; }
  custom-button.danger button:not(.disabled) .custom-button {
    background-color: #d9534f; }
    custom-button.danger button:not(.disabled) .custom-button:hover, custom-button.danger button:not(.disabled) .custom-button:active {
      background-color: #d43f3a; }
    custom-button.danger button:not(.disabled) .custom-button:focus {
      background-color: #d2322d; }
    custom-button.danger button:not(.disabled) .custom-button .custom-button-value {
      color: #ffffff;
      -webkit-text-fill-color: #ffffff; }
  custom-button.warning button:not(.disabled) .custom-button {
    background-color: #f0ad4e; }
    custom-button.warning button:not(.disabled) .custom-button:hover, custom-button.warning button:not(.disabled) .custom-button:active {
      background-color: #eea236; }
    custom-button.warning button:not(.disabled) .custom-button:focus {
      background-color: #ed9c28; }
    custom-button.warning button:not(.disabled) .custom-button .custom-button-value {
      color: #ffffff;
      -webkit-text-fill-color: #ffffff; }
  custom-button.new button:not(.disabled) .custom-button {
    background-color: #5bc0de; }
    custom-button.new button:not(.disabled) .custom-button:hover, custom-button.new button:not(.disabled) .custom-button:active {
      background-color: #46b8da; }
    custom-button.new button:not(.disabled) .custom-button:focus {
      background-color: #39b3d7; }
    custom-button.new button:not(.disabled) .custom-button .custom-button-value {
      color: #ffffff;
      -webkit-text-fill-color: #ffffff; }
  custom-button.secondary button:not(.disabled) .custom-button {
    background-color: #d8d8d8; }
    custom-button.secondary button:not(.disabled) .custom-button:hover, custom-button.secondary button:not(.disabled) .custom-button:active {
      background-color: #cbcbcb; }
    custom-button.secondary button:not(.disabled) .custom-button:focus {
      background-color: #c4c4c4; }
    custom-button.secondary button:not(.disabled) .custom-button .custom-button-value {
      color: #6d6d6d;
      -webkit-text-fill-color: #6d6d6d; }
  custom-button.margin-top button {
    margin-top: 30px; }
  custom-button.margin-bottom button {
    margin-bottom: 30px; }
  custom-button.margin-left button {
    margin-left: 30px; }
  custom-button.margin-right button {
    margin-right: 30px; }
  custom-button.icon-btn button .custom-button {
    min-width: initial;
    padding: 0 5px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    custom-button {
      display: block; } }

.progress-bar {
  background-color: #dddddd;
  border-radius: 10px; }
  .progress-bar .bar-part {
    height: 100%; }
    .progress-bar .bar-part:last-child {
      border-radius: 0px 10px 10px 0px; }
    .progress-bar .bar-part:first-child {
      border-radius: 10px 0px 0px 10px; }
      .progress-bar .bar-part:first-child:last-child {
        border-radius: 10px; }
    .progress-bar .bar-part.split {
      border-left: 2px solid #ffffff; }
      .progress-bar .bar-part.split:first-child {
        border-left: 0px; }

check-box {
  display: block; }
  check-box .checkbox .checkbox-value {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer; }
    check-box .checkbox .checkbox-value .checkbox-box {
      position: relative;
      width: 30px;
      height: 30px;
      flex-shrink: 0;
      background-color: #fbfbfb;
      border-radius: 5px;
      outline: none;
      border: 1px solid #dddddd;
      cursor: pointer;
      transition: background-color 0.15s linear; }
      check-box .checkbox .checkbox-value .checkbox-box:after {
        content: '';
        position: absolute;
        top: 8px;
        left: 7px;
        width: 13px;
        height: 7px;
        border: 2px solid #242424;
        border-top: none;
        border-right: none;
        background: transparent;
        transform: rotate(-55deg) scale(0); }
      check-box .checkbox .checkbox-value .checkbox-box:focus {
        border: 1px solid #10FFC3; }
    check-box .checkbox .checkbox-value .checkbox-text {
      padding-left: 7px;
      line-height: 20px;
      color: #4a4a4a;
      font-size: 1.6rem;
      font-weight: 400;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    check-box .checkbox .checkbox-value.checked .checkbox-box {
      background-color: #10FFC3;
      border: 1px solid #10FFC3; }
      check-box .checkbox .checkbox-value.checked .checkbox-box:after {
        transition: transform 0.15s ease;
        transform: rotate(-55deg) scale(1); }
      check-box .checkbox .checkbox-value.checked .checkbox-box:focus {
        background-color: rgba(16, 255, 195, 0.7); }
  check-box .checkbox .checkbox-input {
    display: none; }
  check-box .checkbox.readonly .checkbox-value .checkbox-box {
    background-color: transparent;
    border: none;
    cursor: default; }
  check-box .checkbox.readonly .checkbox-value .checkbox-text {
    color: #9c9c9c; }
  check-box .checkbox.readonly .checkbox-value.checked .checkbox-box {
    background-color: transparent;
    border: none; }
    check-box .checkbox.readonly .checkbox-value.checked .checkbox-box:after {
      border: 2px solid #10FFC3;
      border-top: none;
      border-right: none; }
  check-box .checkbox.disabled .checkbox-value {
    cursor: not-allowed; }
    check-box .checkbox.disabled .checkbox-value .checkbox-box {
      background-color: #f3f3f3;
      border: 1px solid #dddddd;
      cursor: not-allowed; }
    check-box .checkbox.disabled .checkbox-value .checkbox-text {
      color: #9c9c9c; }
    check-box .checkbox.disabled .checkbox-value.checked .checkbox-box {
      background-color: #f3f3f3;
      border: 1px solid #dddddd; }
      check-box .checkbox.disabled .checkbox-value.checked .checkbox-box:after {
        content: '';
        position: absolute;
        top: 4px;
        left: 3px;
        width: 12px;
        height: 7px;
        border: 2px solid #a9a9a9;
        border-top: none;
        border-right: none;
        background: transparent;
        transform: rotate(-55deg); }
  check-box.margin-top .checkbox {
    margin-top: 30px; }
  check-box.margin-bottom .checkbox {
    margin-bottom: 30px; }
  check-box.margin-left .checkbox {
    margin-left: 30px; }
  check-box.margin-right .checkbox {
    margin-right: 30px; }
  check-box.error-validation .checkbox .checkbox-value .checkbox-box {
    background-color: #f9e2e2;
    border: 1px solid #d9534f; }

collapsable {
  display: block; }
  collapsable .collapsable .collapsable-header {
    min-height: 40px; }
    collapsable .collapsable .collapsable-header .title {
      padding: 0 10px;
      font-size: 2rem;
      text-transform: uppercase;
      font-weight: 400;
      cursor: pointer;
      transition: color 0.15s ease;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media (hover: hover) {
        collapsable .collapsable .collapsable-header .title:hover {
          color: #0b0b0b; } }
    collapsable .collapsable .collapsable-header .line {
      height: 1px;
      background-color: #dddddd;
      cursor: pointer;
      transition: background-color 0.15s ease;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media (hover: hover) {
        collapsable .collapsable .collapsable-header .line:hover {
          background-color: #0b0b0b; } }
    collapsable .collapsable .collapsable-header .toggle {
      width: 34px;
      height: 34px;
      margin: 0 5px;
      border-radius: 50%;
      text-align: center;
      align-self: center;
      cursor: pointer;
      transition: background-color 0.2s ease;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      collapsable .collapsable .collapsable-header .toggle .toggle-icon {
        font-size: 26px;
        line-height: 34px;
        transform-origin: 50% 50%;
        transition: all 0.2s ease; }
      @media (hover: hover) {
        collapsable .collapsable .collapsable-header .toggle:hover {
          background-color: #10FFC3; }
          collapsable .collapsable .collapsable-header .toggle:hover .toggle-icon {
            color: #ffffff; } }
    collapsable .collapsable .collapsable-header.closed .toggle .toggle-icon {
      transform: rotate(90deg); }
  collapsable .collapsable .collapsable-body {
    padding: 5px; }
  collapsable.margin-top .collapsable .collapsable-header {
    margin-top: 30px; }
  collapsable.error-validation .collapsable .collapsable-header .title {
    color: #d9534f; }
  collapsable.error-validation .collapsable .collapsable-header .line {
    background-color: #d9534f; }
  collapsable.error-validation .collapsable .collapsable-header .toggle .toggle-icon {
    color: #d9534f; }
  collapsable.error-validation .collapsable:hover .toggle {
    background-color: #d9534f; }
    collapsable.error-validation .collapsable:hover .toggle .toggle-icon {
      color: #ffffff; }
  collapsable.required .collapsable .collapsable-header .title:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

color-picker {
  display: block; }
  color-picker .color-picker-label .color-picker-label-text {
    color: #9e9e9e; }
  color-picker .color-picker-label .color-picker-label-info {
    position: relative;
    height: 20px;
    padding-left: 3px; }
    color-picker .color-picker-label .color-picker-label-info .color-picker-label-info-icon {
      font-size: 1.6rem;
      line-height: 2rem;
      color: #9e9e9e;
      cursor: pointer; }
      color-picker .color-picker-label .color-picker-label-info .color-picker-label-info-icon:hover {
        color: #6b6b6b; }
        color-picker .color-picker-label .color-picker-label-info .color-picker-label-info-icon:hover + .color-picker-label-info-tooltip {
          display: block; }
    color-picker .color-picker-label .color-picker-label-info .color-picker-label-info-tooltip {
      display: none;
      position: absolute;
      top: -36px;
      left: -4px;
      padding: 5px 8px;
      font-size: 1.4rem;
      background-color: #1a1d27;
      color: #FFFFFF;
      white-space: nowrap;
      z-index: 2;
      border-radius: 4px; }
      color-picker .color-picker-label .color-picker-label-info .color-picker-label-info-tooltip:after {
        position: absolute;
        left: 8px;
        bottom: -14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none; }
      color-picker .color-picker-label .color-picker-label-info .color-picker-label-info-tooltip:after {
        border-top-color: #1a1d27;
        border-width: 7px; }
  color-picker .color-picker-value {
    position: relative; }
    color-picker .color-picker-value .color-picker-box {
      position: absolute;
      right: 5px;
      top: 5px;
      width: 20px;
      height: 20px; }
  color-picker.margin-bottom .color-picker {
    margin-bottom: 30px; }
  color-picker.hasValidationError .color-picker .color-picker-value {
    border-bottom: 1px solid #d9534f; }
    color-picker.hasValidationError .color-picker .color-picker-value:focus {
      border-bottom: 1px solid #d9534f; }
  color-picker.required label:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

.color-picker-dropdown {
  position: fixed;
  z-index: 999;
  background: #FFFFFF;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #dddddd;
  width: 260px; }
  @media only screen and (min-width: 48em) {
    .color-picker-dropdown {
      width: 460px; } }
  .color-picker-dropdown.hidden {
    display: none; }
  .color-picker-dropdown .color-picker-input .color-information {
    position: relative; }
    .color-picker-dropdown .color-picker-input .color-information .color-hex .textbox .textbox-value {
      background-color: transparent;
      border: none;
      border-bottom: 1px solid #dddddd;
      margin: 10px;
      font-weight: 600; }
    .color-picker-dropdown .color-picker-input .color-information .color-sample {
      width: 20px;
      height: 20px;
      border-radius: 2px;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%); }
  .color-picker-dropdown .color-picker-palette-container .color-palette {
    position: relative;
    height: 175px; }
    .color-picker-dropdown .color-picker-palette-container .color-palette canvas {
      width: 100%;
      height: 100%;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    .color-picker-dropdown .color-picker-palette-container .color-palette .color-pointer {
      position: absolute;
      height: 20px;
      width: 20px;
      border: 2px #dddddd solid;
      border-radius: 22px;
      cursor: pointer;
      z-index: 10;
      box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.35); }
  .color-picker-dropdown .color-picker-palette-container .slider {
    background-color: #000000;
    outline: none;
    margin: 0;
    min-width: 100px;
    position: relative;
    height: 52px;
    display: block;
    border-radius: 0; }
  .color-picker-dropdown .color-picker-palette-container .slider > div {
    display: flex;
    flex-direction: row; }
  .color-picker-dropdown .color-picker-palette-container .slider > div > div {
    margin: 0 16px 0 16px;
    min-width: 100px;
    position: relative;
    height: 52px;
    display: block;
    outline: none; }
  .color-picker-dropdown .color-picker-palette-container .slider-backrgound {
    position: absolute;
    top: 21px;
    height: 8px;
    width: 100%;
    border-radius: 20px;
    background: -webkit-linear-gradient(left, red, yellow, lime, cyan, blue, magenta, red);
    background: -moz-linear-gradient(left, red, yellow, lime, cyan, blue, magenta, red);
    background: -o-linear-gradient(left, red, yellow, lime, cyan, blue, magenta, red);
    background: linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red); }
  .color-picker-dropdown .color-picker-palette-container .after-slider-background {
    position: relative;
    top: 14px;
    height: 20px;
    cursor: pointer; }
  .color-picker-dropdown .color-picker-palette-container .slider-cursor {
    position: absolute;
    height: 20px;
    width: 20px;
    left: -10px;
    border: 2px white solid;
    border-radius: 50%;
    z-index: 10;
    cursor: pointer; }

combo-box {
  display: block;
  position: relative;
  min-width: 60px; }
  combo-box .combobox .combobox-label .combobox-label-text {
    color: #9e9e9e;
    font-size: 1.4rem;
    font-weight: 400; }
  combo-box .combobox .combobox-label .combobox-label-info {
    position: relative;
    height: 20px;
    padding-left: 3px; }
    combo-box .combobox .combobox-label .combobox-label-info .combobox-label-info-icon {
      font-size: 1.6rem;
      line-height: 2rem;
      color: #9e9e9e;
      cursor: pointer; }
      combo-box .combobox .combobox-label .combobox-label-info .combobox-label-info-icon:hover {
        color: #6b6b6b; }
        combo-box .combobox .combobox-label .combobox-label-info .combobox-label-info-icon:hover + .combobox-label-info-tooltip {
          display: block; }
    combo-box .combobox .combobox-label .combobox-label-info .combobox-label-info-tooltip {
      display: none;
      position: absolute;
      top: -36px;
      left: -4px;
      padding: 5px 8px;
      font-size: 1.4rem;
      background-color: #1a1d27;
      color: #fff;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px; }
      combo-box .combobox .combobox-label .combobox-label-info .combobox-label-info-tooltip:after {
        position: absolute;
        left: 8px;
        bottom: -14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none; }
      combo-box .combobox .combobox-label .combobox-label-info .combobox-label-info-tooltip:after {
        border-top-color: #1a1d27;
        border-width: 7px; }
  combo-box .combobox .combobox-value {
    position: relative;
    height: 30px;
    padding: 0 30px 0 5px;
    border: 1px solid #dddddd;
    border-radius: 2px;
    background-color: #fbfbfb;
    color: #4a4a4a;
    cursor: pointer; }
    combo-box .combobox .combobox-value .combobox-input {
      width: 100%;
      height: 28px;
      line-height: 28px;
      border: 1px solid transparent;
      background: transparent;
      outline: 0;
      opacity: 0;
      cursor: text;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      font-size: 1.4rem;
      font-weight: 400; }
      combo-box .combobox .combobox-value .combobox-input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset; }
      combo-box .combobox .combobox-value .combobox-input::-webkit-input-placeholder {
        color: #c4c4c4; }
      combo-box .combobox .combobox-value .combobox-input:-ms-input-placeholder {
        color: #c4c4c4; }
      combo-box .combobox .combobox-value .combobox-input::input-placeholder {
        color: #c4c4c4; }
      combo-box .combobox .combobox-value .combobox-input[readonly] {
        cursor: none;
        caret-color: transparent; }
    combo-box .combobox .combobox-value .combobox-value-text {
      position: absolute;
      top: 0;
      left: 10px;
      width: calc(100% - 30px);
      line-height: 28px;
      white-space: nowrap;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 1.4rem;
      font-weight: 400; }
      combo-box .combobox .combobox-value .combobox-value-text.placeholder {
        color: #c4c4c4; }
    combo-box .combobox .combobox-value .combobox-icon {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      color: #adadad;
      vertical-align: baseline;
      line-height: 28px;
      text-align: center;
      transition: transform 0.3s ease, color 0.3s ease; }
      @media (hover: hover) {
        combo-box .combobox .combobox-value .combobox-icon:hover {
          color: #949494; } }
      combo-box .combobox .combobox-value .combobox-icon.dropdown-open {
        transform: rotate(180deg);
        color: #10FFC3; }
        @media (hover: hover) {
          combo-box .combobox .combobox-value .combobox-icon.dropdown-open:hover {
            color: #00dca5; } }
    combo-box .combobox .combobox-value.editing {
      border-bottom: 1px solid #10FFC3; }
      combo-box .combobox .combobox-value.editing .combobox-input {
        opacity: 1; }
      combo-box .combobox .combobox-value.editing .combobox-value-text {
        opacity: 0;
        visibility: collapse; }
    combo-box .combobox .combobox-value .combobox-dropdown-adorned {
      display: block;
      position: absolute;
      left: -1px;
      right: -1px;
      bottom: 0; }
    combo-box .combobox .combobox-value .combobox-dropdown-compose {
      position: absolute;
      left: -1px;
      top: 30px;
      right: -1px;
      z-index: 1; }
      combo-box .combobox .combobox-value .combobox-dropdown-compose.dropdown-above {
        top: inherit;
        bottom: 30px; }
  combo-box .combobox.disabled .combobox-value {
    padding: 0 10px;
    cursor: not-allowed;
    background: #f3f3f3;
    border: 1px solid #dddddd; }
    combo-box .combobox.disabled .combobox-value .combobox-value-text {
      position: static;
      width: calc(100% - 10px);
      color: #9c9c9c; }
    combo-box .combobox.disabled .combobox-value .combobox-icon {
      display: none; }
  combo-box .combobox.readonly .combobox-value {
    cursor: default;
    padding: 0;
    background: transparent;
    border: none; }
    combo-box .combobox.readonly .combobox-value .combobox-value-text {
      position: static;
      padding: 0;
      color: #4a4a4a; }
    combo-box .combobox.readonly .combobox-value .combobox-icon {
      display: none; }
  combo-box.margin-top .combobox {
    margin-top: 30px; }
  combo-box.margin-bottom .combobox {
    margin-bottom: 30px; }
  combo-box.margin-left .combobox {
    margin-left: 30px; }
  combo-box.margin-right .combobox {
    margin-right: 30px; }
  combo-box.error-validation .combobox .combobox-value {
    background-color: #f9e2e2;
    border: 1px solid #d9534f; }
    combo-box.error-validation .combobox .combobox-value .combobox-input .textbox .textbox-value .textbox-input::-webkit-input-placeholder {
      color: #e27c79; }
    combo-box.error-validation .combobox .combobox-value .combobox-input .textbox .textbox-value .textbox-input:-ms-input-placeholder {
      color: #e27c79; }
    combo-box.error-validation .combobox .combobox-value .combobox-input .textbox .textbox-value .textbox-input::input-placeholder {
      color: #e27c79; }
    combo-box.error-validation .combobox .combobox-value .combobox-value-text.placeholder {
      color: #e27c79; }
    combo-box.error-validation .combobox .combobox-value .combobox-icon {
      color: #d9534f; }
      @media only screen and (min-width: 64em) {
        combo-box.error-validation .combobox .combobox-value .combobox-icon:hover {
          color: #c9302c; } }
      combo-box.error-validation .combobox .combobox-value .combobox-icon.dropdown-open {
        color: #d9534f; }
        @media only screen and (min-width: 64em) {
          combo-box.error-validation .combobox .combobox-value .combobox-icon.dropdown-open:hover {
            color: #c9302c; } }
  combo-box.required .combobox .combobox-label .combobox-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

.combobox-dropdown {
  display: none;
  position: relative;
  width: 100%;
  padding: 3px 0;
  animation: keyframe-slide-top 0.2s ease, keyframe-fadein 0.2s ease; }
  .combobox-dropdown.is-mobile {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.2);
    overflow-y: auto; }
    .combobox-dropdown.is-mobile.visible {
      display: flex;
      flex-direction: column; }
    .combobox-dropdown.is-mobile .combobox-dropdown-filter {
      position: relative;
      padding-bottom: 10px; }
      .combobox-dropdown.is-mobile .combobox-dropdown-filter .filter-input {
        width: 100%;
        height: 30px;
        padding: 0 30px 0 5px;
        line-height: 28px;
        border: 1px solid #dddddd;
        background: #fbfbfb;
        outline: 0;
        border-radius: 2px;
        cursor: text;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
        .combobox-dropdown.is-mobile .combobox-dropdown-filter .filter-input:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px white inset; }
        .combobox-dropdown.is-mobile .combobox-dropdown-filter .filter-input::-webkit-input-placeholder {
          color: #c4c4c4; }
        .combobox-dropdown.is-mobile .combobox-dropdown-filter .filter-input:-ms-input-placeholder {
          color: #c4c4c4; }
        .combobox-dropdown.is-mobile .combobox-dropdown-filter .filter-input::input-placeholder {
          color: #c4c4c4; }
        .combobox-dropdown.is-mobile .combobox-dropdown-filter .filter-input[readonly] {
          cursor: none;
          caret-color: transparent; }
      .combobox-dropdown.is-mobile .combobox-dropdown-filter .icon-search {
        position: absolute;
        top: 0;
        right: 40px;
        width: 30px;
        height: 30px;
        flex-shrink: 0;
        line-height: 28px;
        text-align: center;
        color: #adadad;
        border-radius: 2px;
        pointer-events: none; }
      .combobox-dropdown.is-mobile .combobox-dropdown-filter .icon-close {
        width: 30px;
        height: 30px;
        margin-left: 10px;
        flex-shrink: 0;
        line-height: 30px;
        text-align: center;
        background-color: #ffffff;
        border-radius: 2px;
        color: #adadad;
        transition: all 0.2s ease; }
        .combobox-dropdown.is-mobile .combobox-dropdown-filter .icon-close:active {
          background-color: #d9534f;
          color: #ffffff;
          transform: scale(0.9, 0.9); }
    .combobox-dropdown.is-mobile .combobox-dropdown-items {
      max-height: initial; }
  .combobox-dropdown.visible {
    display: block; }
    .combobox-dropdown.visible .combobox-dropdown-items {
      display: block; }
  .combobox-dropdown .combobox-dropdown-items {
    display: none;
    position: relative;
    width: 100%;
    max-height: 300px;
    background-color: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    overflow-y: auto; }
    .combobox-dropdown .combobox-dropdown-items .combobox-dropdown-item {
      min-height: 30px;
      padding: 0 30px 0 5px;
      line-height: 28px;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media only screen and (min-width: 64em) {
        .combobox-dropdown .combobox-dropdown-items .combobox-dropdown-item:hover {
          background-color: #eee; } }
      .combobox-dropdown .combobox-dropdown-items .combobox-dropdown-item:active {
        background-color: #e6e6e6; }
      .combobox-dropdown .combobox-dropdown-items .combobox-dropdown-item.focused {
        background-color: #10FFC3;
        color: #ffffff; }

data-grid {
  display: flex;
  flex-direction: column;
  min-height: 0; }
  data-grid .datagrid {
    position: relative;
    min-height: 0; }
    data-grid .datagrid .datagrid-content {
      position: relative; }
      data-grid .datagrid .datagrid-content .datagrid-header-mobile {
        display: flex;
        flex-direction: row;
        height: 30px;
        flex-shrink: 0;
        background-color: #10FFC3;
        justify-content: flex-end;
        align-items: center; }
        @media only screen and (min-width: 64em) {
          data-grid .datagrid .datagrid-content .datagrid-header-mobile {
            display: none; } }
        data-grid .datagrid .datagrid-content .datagrid-header-mobile .mobile-filter-icon {
          display: inline-block;
          width: 28px;
          height: 28px;
          text-align: center;
          line-height: 28px;
          opacity: 0.7;
          cursor: pointer;
          color: #ffffff; }
      @media only screen and (min-width: 64em) {
        data-grid .datagrid .datagrid-content .datagrid-filter-mobile {
          display: none; } }
      data-grid .datagrid .datagrid-content .datagrid-filter-mobile .filter {
        margin-bottom: 5px; }
        data-grid .datagrid .datagrid-content .datagrid-filter-mobile .filter .filter-label {
          color: #9e9e9e; }
        data-grid .datagrid .datagrid-content .datagrid-filter-mobile .filter date-picker:first-child {
          margin-bottom: 2px; }
      data-grid .datagrid .datagrid-content table.datagrid-table {
        width: 100%;
        transform-style: preserve-3d;
        border-collapse: separate; }
        data-grid .datagrid .datagrid-content table.datagrid-table.grouped-table {
          table-layout: fixed; }
        data-grid .datagrid .datagrid-content table.datagrid-table thead {
          display: none; }
          @media only screen and (min-width: 64em) {
            data-grid .datagrid .datagrid-content table.datagrid-table thead {
              display: table-header-group;
              border-left: 1px solid #10FFC3;
              border-right: 1px solid #10FFC3; } }
          @media only screen and (min-width: 64em) {
            data-grid .datagrid .datagrid-content table.datagrid-table thead tr {
              display: table-row; } }
          data-grid .datagrid .datagrid-content table.datagrid-table thead tr th {
            vertical-align: top;
            height: 1px; }
            data-grid .datagrid .datagrid-content table.datagrid-table thead tr th:last-of-type .th-title .th-title-sort {
              margin-right: 30px; }
            @media (hover: hover) {
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .tooltip:hover .preview-tooltip {
                visibility: visible;
                opacity: 1; } }
            data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .tooltip .preview-tooltip {
              visibility: hidden;
              position: absolute;
              top: -25px;
              left: 0px;
              padding: 8px 10px;
              font-size: 1.2rem;
              line-height: 1.2rem;
              font-weight: bold;
              background-color: #1a1d27;
              color: #ffffff;
              white-space: nowrap;
              z-index: 2;
              border-radius: 2px;
              transition: opacity;
              opacity: 0; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .tooltip .preview-tooltip:after {
                position: absolute;
                bottom: -14px;
                left: 10px;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                pointer-events: none;
                border-top-color: #1a1d27;
                border-width: 7px; }
            @media (hover: hover) {
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .tooltip:hover:after {
                display: none; } }
            data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .th-title {
              height: 32px;
              line-height: 32px;
              position: relative;
              background-color: #10FFC3;
              font-weight: bold;
              cursor: pointer;
              text-align: left;
              display: flex;
              flex-direction: row;
              align-items: center;
              flex-wrap: wrap;
              color: #ffffff;
              border-left: 1px solid #01ffbf; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .th-title .check-box-select-all {
                margin-left: 5px; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .th-title .th-title-text {
                flex: 1;
                padding: 0 5px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis; }
                data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .th-title .th-title-text.remove-padding-right {
                  padding-right: 0; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .th-title .th-title-sort {
                white-space: nowrap; }
                data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .th-title .th-title-sort i {
                  display: block;
                  cursor: pointer; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .th-title .icon-filter {
                display: inline-block;
                width: 28px;
                height: 28px;
                text-align: center;
                line-height: 28px;
                opacity: 0.7;
                cursor: pointer;
                color: #ffffff; }
                @media (hover: hover) {
                  data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .th-title .icon-filter:hover {
                    opacity: 1; } }
            data-grid .datagrid .datagrid-content table.datagrid-table thead tr th:first-child .th-title {
              border-left: none; }
            data-grid .datagrid .datagrid-content table.datagrid-table thead tr th .datepicker thead {
              border: 0; }
          data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row {
            background-color: #ffffff; }
            data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th {
              font-weight: normal; }
              data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container {
                border-left: 1px solid #e2e2e2;
                border-bottom: 1px solid #efefef; }
                data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container:last-child {
                  border-right: 1px solid #e2e2e2; }
                data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container.overflow-auto {
                  overflow: initial;
                  animation: 2s delay-overflow; }

@keyframes delay-overflow {
  from {
    overflow: hidden; }
  to {
    overflow: initial; } }
                data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container.overflow-hidden {
                  overflow: hidden; }
                data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container .datagrid-filter {
                  height: calc(100% - 26px);
                  padding: 3px;
                  display: block !important; }
                  data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container .datagrid-filter:first-child .datagrid-filter {
                    border-left: none; }
                  data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container .datagrid-filter.filters-show {
                    margin-top: 0px;
                    opacity: 1;
                    transition: margin-top 0.25s ease-in-out, opacity 0.1s linear; }
                  data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container .datagrid-filter.filters-hide {
                    margin-top: -100%;
                    opacity: 0;
                    transition: margin-top 0.25s ease-in-out, opacity 0.1s linear;
                    padding-bottom: 0;
                    padding-top: 0; }
                  data-grid .datagrid .datagrid-content table.datagrid-table thead tr.datagrid-filter-row th.datagrid-filter-container .datagrid-filter date-picker:first-child {
                    margin-bottom: 3px; }
        data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody {
          display: block;
          transform: translate3d(0, 0, 0); }
          @media only screen and (min-width: 64em) {
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody {
              display: table-row-group;
              border-left: 1px solid #efefef;
              border-right: 1px solid #efefef; } }
          data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody.is-loading tr {
            opacity: 0.3; }
          data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.group-row:nth-of-type(even) {
            background-color: #ebebeb; }
          data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.group-row i.expander-icon {
            cursor: pointer;
            margin: -1px;
            /*because the material icon has a 1px whitespace on the sides*/ }
          data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr {
            display: block;
            margin-bottom: 20px;
            border-top: 5px solid #10FFC3;
            border-left: 1px solid #efefef;
            border-right: 1px solid #efefef; }
            @media only screen and (min-width: 64em) {
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr {
                display: table-row;
                margin-bottom: 0;
                border: none; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.odd {
                  background: #FFFFFF; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.even {
                  background: #f8f8f8; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr:not(.no-styles):hover {
                  background-color: #eee;
                  color: #000000;
                  cursor: pointer; } }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.selected-row {
              background-color: rgba(16, 255, 195, 0.5); }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.selected-row:hover {
                background-color: rgba(16, 255, 195, 0.7); }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.selected-row td {
                border-color: rgba(16, 255, 195, 0.1);
                color: #000000; }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr:last-child {
              margin-bottom: 0; }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr th, data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td {
              display: block;
              padding: 5px;
              font-weight: normal;
              border-bottom: 1px solid #efefef; }
              @media only screen and (min-width: 64em) {
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr th, data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td {
                  display: table-cell;
                  padding: 5px;
                  border-left: 1px solid #efefef; } }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr th:first-child, data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td:first-child {
                border-left: 0; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr th:last-child, data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td:last-child {
                border-right: 0; }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr th[scope="row"] {
              background-color: #10FFC3;
              color: #ffffff;
              font-weight: bold; }
              @media only screen and (min-width: 64em) {
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr th[scope="row"] {
                  background-color: transparent;
                  color: #242424;
                  font-weight: normal; } }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td {
              min-height: 30px;
              text-align: right;
              word-wrap: break-word; }
              @media only screen and (min-width: 64em) {
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td {
                  min-height: none;
                  text-align: left; } }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="delete"] {
                padding: 0;
                text-align: center; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="delete"] i {
                  vertical-align: middle;
                  color: #d9534f;
                  cursor: pointer;
                  font-size: 20px;
                  padding: 0 2px; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="remove"] {
                padding: 0;
                text-align: center; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="remove"] i {
                  vertical-align: middle;
                  color: #d9534f;
                  cursor: pointer;
                  font-size: 20px;
                  padding: 0 2px; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="edit"] {
                padding: 0;
                text-align: center; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="edit"] i {
                  vertical-align: middle;
                  color: #5cb85c;
                  cursor: pointer;
                  font-size: 20px;
                  padding: 0 2px; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="select"] {
                padding: 0; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="select"] .checkbox .checkbox-value {
                  padding: 5px 0; }
                  data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="select"] .checkbox .checkbox-value .checkbox-box {
                    margin-left: auto;
                    margin-right: auto; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-type="6"] {
                padding: 0;
                text-align: center; }
                data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-type="6"] i {
                  vertical-align: middle; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-title]:before {
                content: attr(data-title);
                float: left;
                opacity: 0.7; }
                @media only screen and (min-width: 64em) {
                  data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-title]:before {
                    content: none; } }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td .datepicker .readonly {
                height: initial;
                line-height: initial; }
          data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody .tr-expandable {
            border-bottom: 1px solid #efefef; }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody .tr-expandable .td-expandable {
              padding: 0; }
              data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody .tr-expandable .td-expandable th {
                padding: 0;
                border-left: 0; }
          data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody .data-grid-fallback {
            border-bottom: 1px solid #efefef; }
            data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody .data-grid-fallback .text-no-items {
              text-align: center;
              height: 40px;
              line-height: 40px; }
        data-grid .datagrid .datagrid-content table.datagrid-table tfoot.tfoot {
          border: 1px solid #efefef;
          border-bottom: none; }
          data-grid .datagrid .datagrid-content table.datagrid-table tfoot.tfoot tr td {
            padding: 5px;
            font-weight: bold; }
      data-grid .datagrid .datagrid-content .datagrid-loading-overlay {
        display: flex;
        position: absolute;
        top: 32px;
        left: 1px;
        right: 1px;
        bottom: 1px;
        background-color: rgba(255, 255, 255, 0.7);
        cursor: wait; }
    data-grid .datagrid .datagrid-footer {
      min-height: 41px;
      padding: 5px;
      flex-shrink: 0;
      background-color: #f3f3f3;
      border: 1px solid #efefef;
      border-top: none; }
      @media only screen and (min-width: 48em) {
        data-grid .datagrid .datagrid-footer {
          flex-wrap: nowrap; } }
      data-grid .datagrid .datagrid-footer .datagrid-page-count .label {
        display: none;
        padding-right: 8px; }
        @media only screen and (min-width: 48em) {
          data-grid .datagrid .datagrid-footer .datagrid-page-count .label {
            display: inline-block; } }
      data-grid .datagrid .datagrid-footer .datagrid-page-count .combobox-page-count {
        width: 80px; }
      data-grid .datagrid .datagrid-footer .datagrid-pagination {
        display: inline-flex;
        padding-left: 10px; }
        @media only screen and (min-width: 48em) {
          data-grid .datagrid .datagrid-footer .datagrid-pagination {
            flex-basis: auto; } }
        data-grid .datagrid .datagrid-footer .datagrid-pagination .textbox-current-page {
          width: 40px;
          margin-left: 5px; }
        data-grid .datagrid .datagrid-footer .datagrid-pagination .page-current {
          padding-left: 5px; }
        data-grid .datagrid .datagrid-footer .datagrid-pagination .page-of {
          padding: 0 5px; }
  data-grid.fixed-layout .datagrid .datagrid-content > table {
    table-layout: fixed; }
  data-grid.scrollable-content .datagrid {
    flex-grow: 1; }
    data-grid.scrollable-content .datagrid .datagrid-content {
      min-height: 0;
      flex-grow: 1;
      overflow-x: hidden;
      overflow-y: auto; }
      @media only screen and (min-width: 64em) {
        data-grid.scrollable-content .datagrid .datagrid-content::-webkit-scrollbar {
          width: 6px;
          height: 6px; }
        data-grid.scrollable-content .datagrid .datagrid-content::-webkit-scrollbar-track {
          -webkit-box-shadow: none;
          background-color: transparent; }
        data-grid.scrollable-content .datagrid .datagrid-content::-webkit-scrollbar-thumb {
          background-color: #cecece;
          border-radius: 2.5px; } }
  data-grid.horizontal-content .datagrid {
    flex-grow: 1; }
    data-grid.horizontal-content .datagrid .datagrid-content {
      min-height: 0;
      flex-grow: 1;
      overflow-x: auto; }
      @media only screen and (min-width: 64em) {
        data-grid.horizontal-content .datagrid .datagrid-content::-webkit-scrollbar {
          width: 6px;
          height: 6px; }
        data-grid.horizontal-content .datagrid .datagrid-content::-webkit-scrollbar-track {
          -webkit-box-shadow: none;
          background-color: transparent; }
        data-grid.horizontal-content .datagrid .datagrid-content::-webkit-scrollbar-thumb {
          background-color: #cecece;
          border-radius: 2.5px; } }
  data-grid.margin-top .datagrid {
    margin-top: 30px; }
  data-grid.margin-bottom .datagrid {
    margin-bottom: 30px; }

.datagrid-uploading-overlay {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 46px;
  background-color: rgba(255, 255, 255, 0.7);
  cursor: wait; }

date-picker {
  display: block; }
  date-picker .datepicker .datepicker-label .datepicker-label-text {
    color: #9e9e9e;
    font-size: 1.4rem;
    font-weight: 400; }
  date-picker .datepicker .datepicker-label .datepicker-label-info {
    position: relative;
    height: 20px;
    padding-left: 3px; }
    date-picker .datepicker .datepicker-label .datepicker-label-info .datepicker-label-info-icon {
      font-size: 1.6rem;
      line-height: 2rem;
      color: #9e9e9e;
      cursor: pointer; }
      date-picker .datepicker .datepicker-label .datepicker-label-info .datepicker-label-info-icon:hover {
        color: #6b6b6b; }
        date-picker .datepicker .datepicker-label .datepicker-label-info .datepicker-label-info-icon:hover + .datepicker-label-info-tooltip {
          display: block; }
    date-picker .datepicker .datepicker-label .datepicker-label-info .datepicker-label-info-tooltip {
      display: none;
      position: absolute;
      top: -36px;
      left: -4px;
      padding: 5px 8px;
      font-size: 1.4rem;
      background-color: #1a1d27;
      color: #FFFFFF;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px; }
      date-picker .datepicker .datepicker-label .datepicker-label-info .datepicker-label-info-tooltip:after {
        position: absolute;
        left: 8px;
        bottom: -14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none;
        border-top-color: #1a1d27;
        border-width: 7px; }
  date-picker .datepicker .datepicker-value {
    position: relative; }
    date-picker .datepicker .datepicker-value .datepicker-input {
      flex-grow: 1;
      width: 100%;
      height: 30px;
      padding: 5px 30px 5px 5px;
      outline: none;
      border: 1px solid #dddddd;
      border-radius: 2px;
      font-size: 1.4rem;
      font-weight: 400;
      font-family: "Open Sans", sans-serif;
      background-color: #fbfbfb;
      outline: none;
      color: #4a4a4a;
      -webkit-appearance: none; }
      date-picker .datepicker .datepicker-value .datepicker-input::-webkit-input-placeholder {
        color: #c4c4c4; }
      date-picker .datepicker .datepicker-value .datepicker-input:-ms-input-placeholder {
        color: #c4c4c4; }
      date-picker .datepicker .datepicker-value .datepicker-input::input-placeholder {
        color: #c4c4c4; }
    date-picker .datepicker .datepicker-value .datepicker-button {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      min-width: 30px;
      height: 30px;
      text-align: center;
      cursor: pointer; }
      date-picker .datepicker .datepicker-value .datepicker-button .datepicker-icon {
        color: #adadad;
        vertical-align: baseline;
        font-size: 22px;
        line-height: 30px; }
        date-picker .datepicker .datepicker-value .datepicker-button .datepicker-icon:hover {
          color: #949494; }
  date-picker .datepicker.disabled .datepicker-value .datepicker-input {
    padding: 5px;
    background: #f3f3f3;
    border: 1px solid #dddddd;
    color: #9c9c9c;
    cursor: not-allowed; }
  date-picker .datepicker.disabled .datepicker-value .datepicker-button {
    display: none; }
  date-picker .datepicker .readonly {
    height: 30px;
    line-height: 30px;
    cursor: default;
    font-size: 1.4rem;
    font-weight: 400; }
  date-picker.margin-top .datepicker {
    margin-top: 30px; }
  date-picker.margin-left .datepicker {
    margin-left: 30px; }
  date-picker.margin-right .datepicker {
    margin-right: 30px; }
  date-picker.margin-bottom .datepicker {
    margin-bottom: 30px; }
  date-picker.error-validation .datepicker .datepicker-value .datepicker-input {
    width: 100%;
    background-color: #f9e2e2;
    border: 1px solid #d9534f; }
    date-picker.error-validation .datepicker .datepicker-value .datepicker-input::-webkit-input-placeholder {
      color: #e27c79; }
    date-picker.error-validation .datepicker .datepicker-value .datepicker-input:-ms-input-placeholder {
      color: #e27c79; }
    date-picker.error-validation .datepicker .datepicker-value .datepicker-input::input-placeholder {
      color: #e27c79; }
  date-picker.error-validation .datepicker .datepicker-value .datepicker-button .datepicker-icon {
    color: #d9534f; }
    date-picker.error-validation .datepicker .datepicker-value .datepicker-button .datepicker-icon:hover {
      color: #c9302c; }
  date-picker.required .datepicker .datepicker-label .datepicker-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

picker-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 106; }
  @media (hover: none) {
    picker-container {
      position: fixed;
      top: 0 !important;
      right: 0;
      bottom: 0;
      left: 0 !important; } }
  @media (hover: hover) {
    picker-container {
      display: block;
      position: absolute;
      background: none; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    picker-container {
      display: block;
      position: absolute;
      background: none; } }
  picker-container.hide {
    visibility: hidden; }
  picker-container .datepicker-dropdown {
    position: relative;
    padding: 10px; }
    @media (hover: hover) {
      picker-container .datepicker-dropdown {
        padding: 0; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      picker-container .datepicker-dropdown {
        padding: 0; } }
    picker-container .datepicker-dropdown .dropdown-menu {
      position: relative;
      margin: 2px 0;
      padding: 4px;
      width: 266px;
      font-size: 14px;
      text-align: left;
      list-style: none;
      background-color: #ffffff;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #dddddd;
      border: 1px solid rgba(0, 0, 0, 0.15);
      color: #242424;
      border-radius: 4px;
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
      @media (hover: none) {
        picker-container .datepicker-dropdown .dropdown-menu {
          position: absolute;
          top: 50% !important;
          left: 50% !important;
          bottom: initial !important;
          right: initial !important;
          transform: translate(-50%, -50%);
          animation: keyframe-fadein 0.2s ease; } }
      @media (hover: hover) {
        picker-container .datepicker-dropdown .dropdown-menu {
          position: absolute;
          top: 100%;
          left: 0;
          z-index: 1000;
          float: left;
          animation: keyframe-fadein 0.2s ease; } }
      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        picker-container .datepicker-dropdown .dropdown-menu {
          position: absolute;
          top: 100%;
          left: 0;
          z-index: 1000;
          float: left;
          animation: keyframe-fadein 0.2s ease; } }
      @media (min-width: 768px) {
        picker-container .datepicker-dropdown .dropdown-menu.timepicker-sbs {
          width: 38em; } }
      @media (min-width: 992px) {
        picker-container .datepicker-dropdown .dropdown-menu.timepicker-sbs {
          width: 38em; } }
      @media (min-width: 1200px) {
        picker-container .datepicker-dropdown .dropdown-menu.timepicker-sbs {
          width: 38em; } }
      picker-container .datepicker-dropdown .dropdown-menu:before, picker-container .datepicker-dropdown .dropdown-menu:after {
        opacity: 0; }
        @media (hover: hover) {
          picker-container .datepicker-dropdown .dropdown-menu:before, picker-container .datepicker-dropdown .dropdown-menu:after {
            content: '';
            position: absolute;
            display: inline-block;
            opacity: 1; } }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          picker-container .datepicker-dropdown .dropdown-menu:before, picker-container .datepicker-dropdown .dropdown-menu:after {
            content: '';
            position: absolute;
            display: inline-block;
            opacity: 1; } }
      picker-container .datepicker-dropdown .dropdown-menu.bottom:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #e6e6e6;
        top: -7px;
        left: 7px; }
      picker-container .datepicker-dropdown .dropdown-menu.bottom:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        top: -6px;
        left: 8px; }
      picker-container .datepicker-dropdown .dropdown-menu.top:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #e6e6e6;
        bottom: -7px;
        left: 6px; }
      picker-container .datepicker-dropdown .dropdown-menu.top:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #ffffff;
        bottom: -6px;
        left: 7px; }
      picker-container .datepicker-dropdown .dropdown-menu.pull-right {
        right: 0;
        left: auto; }
        picker-container .datepicker-dropdown .dropdown-menu.pull-right:before {
          left: auto;
          right: 6px; }
        picker-container .datepicker-dropdown .dropdown-menu.pull-right:after {
          left: auto;
          right: 7px; }
      picker-container .datepicker-dropdown .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #fbfbfb; }
  picker-container .collapse {
    display: none;
    visibility: hidden; }
  picker-container .collapse.in {
    display: block;
    visibility: visible; }
  picker-container tr.collapse.in {
    display: table-row; }
  picker-container tbody.collapse.in {
    display: table-row-group; }
  picker-container .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility; }
  picker-container .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }
  picker-container .dropdown {
    position: relative; }
  picker-container .dropdown-toggle:focus {
    outline: 0; }
  picker-container .pull-right > .dropdown-menu {
    right: 0;
    left: auto; }
  picker-container .datetimepicker, picker-container .datepicker, picker-container .picker-switch, picker-container .timepicker-picker {
    position: relative; }
    picker-container .datetimepicker .glyphicon, picker-container .datepicker .glyphicon, picker-container .picker-switch .glyphicon, picker-container .timepicker-picker .glyphicon {
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased; }
    picker-container .datetimepicker .glyphicon-time::after, picker-container .datepicker .glyphicon-time::after, picker-container .picker-switch .glyphicon-time::after, picker-container .timepicker-picker .glyphicon-time::after {
      content: 'alarm'; }
    picker-container .datetimepicker .glyphicon-calendar::after, picker-container .datepicker .glyphicon-calendar::after, picker-container .picker-switch .glyphicon-calendar::after, picker-container .timepicker-picker .glyphicon-calendar::after {
      content: 'today'; }
    picker-container .datetimepicker .glyphicon-remove::after, picker-container .datepicker .glyphicon-remove::after, picker-container .picker-switch .glyphicon-remove::after, picker-container .timepicker-picker .glyphicon-remove::after {
      content: 'close'; }
    picker-container .datetimepicker .glyphicon-trash::after, picker-container .datepicker .glyphicon-trash::after, picker-container .picker-switch .glyphicon-trash::after, picker-container .timepicker-picker .glyphicon-trash::after {
      content: 'delete'; }
    picker-container .datetimepicker .glyphicon-chevron-up::after, picker-container .datepicker .glyphicon-chevron-up::after, picker-container .picker-switch .glyphicon-chevron-up::after, picker-container .timepicker-picker .glyphicon-chevron-up::after {
      content: 'keyboard_arrow_up'; }
    picker-container .datetimepicker .glyphicon-chevron-down::after, picker-container .datepicker .glyphicon-chevron-down::after, picker-container .picker-switch .glyphicon-chevron-down::after, picker-container .timepicker-picker .glyphicon-chevron-down::after {
      content: 'keyboard_arrow_down'; }
    picker-container .datetimepicker .glyphicon-chevron-left::after, picker-container .datepicker .glyphicon-chevron-left::after, picker-container .picker-switch .glyphicon-chevron-left::after, picker-container .timepicker-picker .glyphicon-chevron-left::after {
      content: 'keyboard_arrow_left'; }
    picker-container .datetimepicker .glyphicon-chevron-right::after, picker-container .datepicker .glyphicon-chevron-right::after, picker-container .picker-switch .glyphicon-chevron-right::after, picker-container .timepicker-picker .glyphicon-chevron-right::after {
      content: 'keyboard_arrow_right'; }
    picker-container .datetimepicker .glyphicon-screenshot::after, picker-container .datepicker .glyphicon-screenshot::after, picker-container .picker-switch .glyphicon-screenshot::after, picker-container .timepicker-picker .glyphicon-screenshot::after {
      content: 'gps_fixed'; }
  picker-container .sr-only, picker-container .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, picker-container .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, picker-container .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, picker-container .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, picker-container .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, picker-container .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, picker-container .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, picker-container .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, picker-container .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, picker-container .bootstrap-datetimepicker-widget .picker-switch::after, picker-container .bootstrap-datetimepicker-widget table th.prev::after, picker-container .bootstrap-datetimepicker-widget table th.next::after, full-page-date-picker .bootstrap-datetimepicker-widget picker-container .btn[data-action="incrementHours"]::after, full-page-date-picker .bootstrap-datetimepicker-widget picker-container .btn[data-action="incrementMinutes"]::after, full-page-date-picker .bootstrap-datetimepicker-widget picker-container .btn[data-action="decrementHours"]::after, full-page-date-picker .bootstrap-datetimepicker-widget picker-container .btn[data-action="decrementMinutes"]::after, full-page-date-picker .bootstrap-datetimepicker-widget picker-container .btn[data-action="showHours"]::after, full-page-date-picker .bootstrap-datetimepicker-widget picker-container .btn[data-action="showMinutes"]::after, full-page-date-picker .bootstrap-datetimepicker-widget picker-container .btn[data-action="togglePeriod"]::after, full-page-date-picker .bootstrap-datetimepicker-widget picker-container .btn[data-action="clear"]::after, full-page-date-picker .bootstrap-datetimepicker-widget picker-container .btn[data-action="today"]::after, full-page-date-picker .bootstrap-datetimepicker-widget picker-container .picker-switch::after, full-page-date-picker .bootstrap-datetimepicker-widget table picker-container th.prev::after, full-page-date-picker .bootstrap-datetimepicker-widget table picker-container th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  picker-container .bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0; }
  picker-container .bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0; }
  picker-container .bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none; }
  picker-container .bootstrap-datetimepicker-widget .timepicker-hour, picker-container .bootstrap-datetimepicker-widget .timepicker-minute, picker-container .bootstrap-datetimepicker-widget .timepicker-second {
    font-size: 1.4rem; }
  picker-container .bootstrap-datetimepicker-widget .timepicker-hour, picker-container .bootstrap-datetimepicker-widget .timepicker-minute, picker-container .bootstrap-datetimepicker-widget .timepicker-second, picker-container .bootstrap-datetimepicker-widget .glyphicon-chevron-down, picker-container .bootstrap-datetimepicker-widget .glyphicon-chevron-up, picker-container .bootstrap-datetimepicker-widget .glyphicon-trash, picker-container .bootstrap-datetimepicker-widget .glyphicon-remove, picker-container .bootstrap-datetimepicker-widget .glyphicon-calendar, picker-container .bootstrap-datetimepicker-widget .glyphicon-calendar,
  picker-container .bootstrap-datetimepicker-widget .glyphicon-time, picker-container .bootstrap-datetimepicker-widget .glyphicon-screenshot, picker-container .bootstrap-datetimepicker-widget .glyphicon-chevron-right, picker-container .bootstrap-datetimepicker-widget .glyphicon-chevron-left {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 600;
    margin: 0;
    padding: 0; }
  picker-container .bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px; }
  picker-container .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    content: "Increment Hours"; }
  picker-container .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    content: "Increment Minutes"; }
  picker-container .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    content: "Decrement Hours"; }
  picker-container .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    content: "Decrement Minutes"; }
  picker-container .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    content: "Show Hours"; }
  picker-container .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    content: "Show Minutes"; }
  picker-container .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    content: "Toggle AM/PM"; }
  picker-container .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    content: "Clear the picker"; }
  picker-container .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    content: "Set the date to today"; }
  picker-container .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center; }
    picker-container .bootstrap-datetimepicker-widget .picker-switch::after {
      content: "Toggle Date and Time Screens"; }
    picker-container .bootstrap-datetimepicker-widget .picker-switch td {
      padding: 0;
      margin: 0;
      height: auto;
      width: auto;
      line-height: inherit; }
      picker-container .bootstrap-datetimepicker-widget .picker-switch td span {
        width: 100%; }
  picker-container .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0; }
    picker-container .bootstrap-datetimepicker-widget table td, picker-container .bootstrap-datetimepicker-widget table th {
      text-align: center;
      border-radius: 2px 2px 2px 2px; }
    picker-container .bootstrap-datetimepicker-widget table th {
      height: 20px;
      line-height: 20px;
      width: 20px; }
      picker-container .bootstrap-datetimepicker-widget table th.picker-switch {
        width: 145px; }
      picker-container .bootstrap-datetimepicker-widget table th.disabled, picker-container .bootstrap-datetimepicker-widget table th.disabled:hover {
        background: none;
        color: #b3b3b3;
        cursor: not-allowed; }
      picker-container .bootstrap-datetimepicker-widget table th.prev::after {
        content: "Previous Month"; }
      picker-container .bootstrap-datetimepicker-widget table th.next::after {
        content: "Next Month"; }
    picker-container .bootstrap-datetimepicker-widget table thead tr:first-child th {
      cursor: pointer; }
      picker-container .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background-color: #10FFC3;
        color: #ffffff; }
    picker-container .bootstrap-datetimepicker-widget table td {
      height: 30px;
      line-height: 30px;
      width: 30px; }
      picker-container .bootstrap-datetimepicker-widget table td.cw {
        font-size: .8em;
        height: 30px;
        line-height: 30px;
        color: #00c392; }
      picker-container .bootstrap-datetimepicker-widget table td.day {
        height: 30px;
        line-height: 30px;
        width: 30px; }
      picker-container .bootstrap-datetimepicker-widget table td.day:hover, picker-container .bootstrap-datetimepicker-widget table td.hour:hover, picker-container .bootstrap-datetimepicker-widget table td.minute:hover, picker-container .bootstrap-datetimepicker-widget table td.second:hover, picker-container .bootstrap-datetimepicker-widget table td.day.weekend:hover {
        background-color: #10FFC3;
        cursor: pointer;
        color: #ffffff; }
      picker-container .bootstrap-datetimepicker-widget table td.old, picker-container .bootstrap-datetimepicker-widget table td.new {
        color: #a2a2a2; }
      picker-container .bootstrap-datetimepicker-widget table td.today {
        position: relative; }
        picker-container .bootstrap-datetimepicker-widget table td.today:before {
          content: '';
          display: inline-block;
          border: solid transparent;
          border-width: 0 0 7px 7px;
          border-bottom-color: #242424;
          border-top-color: #c4c4c4;
          position: absolute;
          bottom: 4px;
          right: 4px; }
      picker-container .bootstrap-datetimepicker-widget table td.day.weekend {
        color: #10FFC3; }
      picker-container .bootstrap-datetimepicker-widget table td.day.weekend.disabled {
        background: none;
        color: #b3b3b3;
        cursor: not-allowed; }
      picker-container .bootstrap-datetimepicker-widget table td.active.day.weekend {
        color: #ffffff; }
      picker-container .bootstrap-datetimepicker-widget table td.active, picker-container .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #10FFC3;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
      picker-container .bootstrap-datetimepicker-widget table td.active.today:before {
        border-bottom-color: #ffffff; }
      picker-container .bootstrap-datetimepicker-widget table td.disabled, picker-container .bootstrap-datetimepicker-widget table td.disabled:hover {
        background: none;
        color: #b3b3b3;
        cursor: not-allowed; }
      picker-container .bootstrap-datetimepicker-widget table td span {
        display: inline-block;
        padding: 15px;
        margin: 2px 1.5px;
        cursor: pointer;
        border-radius: 3px 3px 3px 3px;
        height: 54px;
        width: 54px; }
        picker-container .bootstrap-datetimepicker-widget table td span:hover {
          background-color: #10FFC3;
          color: #ffffff; }
        picker-container .bootstrap-datetimepicker-widget table td span.active {
          background-color: #242424;
          color: #ffffff;
          text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
        picker-container .bootstrap-datetimepicker-widget table td span.old {
          color: #00c392; }
        picker-container .bootstrap-datetimepicker-widget table td span.disabled, picker-container .bootstrap-datetimepicker-widget table td span.disabled:hover {
          background: none;
          color: #b3b3b3;
          cursor: not-allowed; }
        picker-container .bootstrap-datetimepicker-widget table td span.decade {
          padding: 0; }
        picker-container .bootstrap-datetimepicker-widget table td span.year {
          padding: 15px 0; }
      picker-container .bootstrap-datetimepicker-widget table td .btn-period {
        background-color: #10FFC3;
        color: #ffffff;
        border: none;
        border-radius: 2px;
        position: relative;
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        display: inline-block;
        font-weight: 600;
        text-transform: uppercase;
        overflow: hidden;
        will-change: box-shadow;
        outline: none;
        cursor: pointer;
        transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        text-decoration: none;
        text-align: center;
        vertical-align: middle; }
  picker-container .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px; }

.dialogs-host {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 105; }
  .dialogs-host .dialog {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
    .dialogs-host .dialog .overlay {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.2); }
    .dialogs-host .dialog .dialog-container {
      position: relative; }
      .dialogs-host .dialog .dialog-container.fullscreen {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
        .dialogs-host .dialog .dialog-container.fullscreen > .dialog-compose {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          max-width: 100%;
          max-height: 100%;
          align-items: stretch;
          justify-content: stretch;
          border-radius: 0; }
          .dialogs-host .dialog .dialog-container.fullscreen > .dialog-compose > .dialog-wrap {
            width: 100%;
            height: 100%;
            padding: 0; }
          .dialogs-host .dialog .dialog-container.fullscreen > .dialog-compose .dialog-container {
            justify-content: center; }
        .dialogs-host .dialog .dialog-container.fullscreen .dialog-close {
          top: 15px;
          right: 15px;
          color: #3c3c3c;
          background-color: transparent; }
      .dialogs-host .dialog .dialog-container .dialog-compose {
        display: flex;
        position: relative;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 1;
        max-width: calc(100vw - 50px);
        max-height: calc(100vh - 120px); }
        .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap {
          display: flex;
          flex-direction: column;
          padding: 20px;
          align-items: stretch;
          background-color: #ffffff;
          border-radius: 20px;
          border: 0;
          overflow: hidden;
          box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 1px 5px 2px rgba(0, 0, 0, 0.1), 0 5px 10px 4px rgba(0, 0, 0, 0.1); }
          .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap.width-400 {
            min-width: 400px; }
          .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap.width-500 {
            min-width: 500px; }
          .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap.min-width-500 {
            min-width: 500px; }
          .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap.width-800 {
            width: 800px; }
          .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap.width-1000 {
            width: 1000px; }
          .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header {
            padding-bottom: 10px;
            flex-shrink: 0; }
            .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .title {
              font-size: 2rem;
              font-weight: 400; }
          .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content {
            overflow-y: auto;
            overflow-x: hidden; }
          .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer {
            flex-shrink: 0; }
      .dialogs-host .dialog .dialog-container .dialog-close {
        position: absolute;
        top: -20px;
        right: -20px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #3c3c3c;
        color: #ffffff;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
        transition: all 0.2s linear;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 1; }
        .dialogs-host .dialog .dialog-container .dialog-close:hover {
          background-color: #d9534f; }
        .dialogs-host .dialog .dialog-container .dialog-close:active {
          transform: scale(0.9, 0.9); }
  .dialogs-host.au-enter-active .dialog .dialog-container {
    animation: keyframe-zoomin 0.2s linear forwards; }
  .dialogs-host.au-leave-active {
    pointer-events: none; }
    .dialogs-host.au-leave-active .dialog .dialog-container {
      animation: keyframe-zoomout 0.1s linear forwards; }
  .dialogs-host.top .dialog {
    align-items: flex-start;
    justify-content: stretch; }
    .dialogs-host.top .dialog .dialog-container {
      width: 100%; }
      .dialogs-host.top .dialog .dialog-container .dialog-compose {
        width: 100%;
        max-width: 100%;
        max-height: calc(100vh - 120px); }
        .dialogs-host.top .dialog .dialog-container .dialog-compose .dialog-wrap {
          width: 100%;
          border-radius: 0; }
  .dialogs-host.top.au-enter-active .dialog .dialog-container {
    animation: dialog-enter-top 0.2s ease forwards; }
  .dialogs-host.top.au-leave-active .dialog .dialog-container {
    animation: dialog-exit-top 0.2s ease forwards; }
  .dialogs-host.bottom .dialog {
    align-items: flex-end;
    justify-content: stretch; }
    .dialogs-host.bottom .dialog .dialog-container {
      width: 100%; }
      .dialogs-host.bottom .dialog .dialog-container .dialog-compose {
        width: 100%;
        max-width: 100%;
        max-height: calc(100vh - 120px); }
        .dialogs-host.bottom .dialog .dialog-container .dialog-compose .dialog-wrap {
          width: 100%;
          border-radius: 0; }
  .dialogs-host.bottom.au-enter-active .dialog .dialog-container {
    animation: dialog-enter-bottom 0.2s ease forwards; }
  .dialogs-host.bottom.au-leave-active .dialog .dialog-container {
    animation: dialog-exit-bottom 0.2s ease forwards; }
  .dialogs-host.left .dialog {
    align-items: stretch;
    justify-content: flex-start; }
    .dialogs-host.left .dialog .dialog-container {
      height: 100%; }
      .dialogs-host.left .dialog .dialog-container .dialog-compose {
        max-width: 100vw;
        height: 100%;
        max-height: 100%; }
        .dialogs-host.left .dialog .dialog-container .dialog-compose .dialog-wrap {
          height: 100%;
          border-radius: 0; }
  .dialogs-host.left.au-enter-active .dialog .dialog-container {
    animation: dialog-enter-left 0.2s ease forwards; }
  .dialogs-host.left.au-leave-active .dialog .dialog-container {
    animation: dialog-exit-left 0.2s ease forwards; }
  .dialogs-host.right .dialog {
    align-items: stretch;
    justify-content: flex-end; }
    .dialogs-host.right .dialog .dialog-container {
      height: 100%; }
      .dialogs-host.right .dialog .dialog-container .dialog-compose {
        max-width: 100vw;
        height: 100%;
        max-height: 100%; }
        .dialogs-host.right .dialog .dialog-container .dialog-compose .dialog-wrap {
          height: 100%;
          border-radius: 0; }
  .dialogs-host.right.au-enter-active .dialog .dialog-container {
    animation: dialog-enter-right 0.2s ease forwards; }
  .dialogs-host.right.au-leave-active .dialog .dialog-container {
    animation: dialog-exit-right 0.2s ease forwards; }

@keyframes dialog-enter-left {
  0% {
    margin-right: -1000px; }
  100% {
    margin-right: 0; } }

@keyframes dialog-exit-left {
  0% {
    margin-right: 0; }
  100% {
    margin-right: -1000px; } }

@keyframes dialog-enter-top {
  0% {
    margin-top: -1000px; }
  100% {
    margin-top: 0; } }

@keyframes dialog-exit-top {
  0% {
    margin-top: 0; }
  100% {
    margin-top: -1000px; } }

@keyframes dialog-enter-bottom {
  0% {
    margin-bottom: -1000px; }
  100% {
    margin-bottom: 0; } }

@keyframes dialog-exit-bottom {
  0% {
    margin-bottom: 0; }
  100% {
    margin-bottom: -1000px; } }

@keyframes dialog-enter-right {
  0% {
    margin-right: -1000px; }
  100% {
    margin-right: 0; } }

@keyframes dialog-exit-right {
  0% {
    margin-right: 0; }
  100% {
    margin-right: -1000px; } }

tabs {
  display: block;
  z-index: 1;
  background-color: #F8F8F8;
  box-shadow: 0px 5px 2px -4px rgba(0, 0, 0, 0.1); }
  tabs .tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-shrink: 0; }
    tabs .tabs.is-mobile {
      overflow-x: auto; }
    tabs .tabs .tab {
      position: relative;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      transition: background-color 0.2s ease;
      display: flex;
      align-items: center;
      flex-shrink: 0; }
      @media only screen and (min-width: 30em) {
        tabs .tabs .tab {
          padding: 0 15px;
          font-weight: 400; } }
      tabs .tabs .tab:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        transition: background-color 0.2s ease; }
      tabs .tabs .tab .tab-title {
        position: relative;
        padding: 0 10px;
        cursor: pointer; }
        tabs .tabs .tab .tab-title .title-text {
          font-size: 1.2rem;
          line-height: 35px;
          text-align: center;
          font-size: 1.4rem;
          white-space: nowrap;
          opacity: 0.6; }
        tabs .tabs .tab .tab-title .error-count {
          position: absolute;
          top: 5px;
          right: 0;
          width: 15px;
          height: 15px;
          border-radius: 8px;
          background-color: #d9534f;
          color: #ffffff;
          font-weight: 600;
          text-align: center;
          font-size: 1.2rem;
          line-height: 15px; }
      tabs .tabs .tab.active:after {
        background-color: #10FFC3; }
      tabs .tabs .tab.active .tab-title .title-text {
        opacity: 1;
        color: #242424; }
      @media (hover: hover) {
        tabs .tabs .tab:hover {
          background-color: rgba(0, 0, 0, 0.02); } }
      tabs .tabs .tab.validation-error {
        animation: keyframes-tabs-validation-error 2s ease;
        animation-iteration-count: infinite; }
        tabs .tabs .tab.validation-error.active {
          background-color: rgba(217, 83, 79, 0.1);
          animation: none; }
          tabs .tabs .tab.validation-error.active:after {
            background-color: #d9534f; }
    tabs .tabs .menu {
      cursor: pointer;
      position: relative;
      margin-left: auto;
      padding: 0 5px 0 0;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      tabs .tabs .menu.active .menu-item .text {
        color: #242424; }
      tabs .tabs .menu.active .menu-item .dot {
        background-color: #242424; }
      tabs .tabs .menu .menu-item .text {
        font-size: 1.4rem;
        font-weight: 400;
        color: #10FFC3;
        padding: 0 10px 0 0; }
      tabs .tabs .menu .menu-item .dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #10FFC3;
        margin: 0 1px; }
      tabs .tabs .menu .dropdown {
        position: absolute;
        top: 100%;
        right: 5px;
        border-radius: 2px;
        background-color: #ffffff;
        box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
        border: 1px solid #ddd;
        z-index: 100;
        padding: 5px 0; }
        tabs .tabs .menu .dropdown .dropdown-tab {
          position: relative;
          padding: 5px 20px;
          cursor: pointer; }
          @media (hover: hover) {
            tabs .tabs .menu .dropdown .dropdown-tab:hover {
              background-color: rgba(16, 255, 195, 0.1); } }
          tabs .tabs .menu .dropdown .dropdown-tab.active .title-text {
            color: #242424; }
          tabs .tabs .menu .dropdown .dropdown-tab .title-text {
            padding-right: 10px;
            color: #10FFC3;
            font-weight: 400;
            font-size: 1.4rem;
            white-space: nowrap; }
          tabs .tabs .menu .dropdown .dropdown-tab .error-count {
            position: absolute;
            top: 5px;
            right: 0;
            width: 15px;
            height: 15px;
            border-radius: 8px;
            background-color: #d9534f;
            color: #ffffff;
            font-weight: 600;
            text-align: center;
            font-size: 1.2rem;
            line-height: 15px; }

@keyframes keyframes-tabs-validation-error {
  0% {
    background-color: rgba(217, 83, 79, 0.1); }
  50% {
    background-color: rgba(217, 83, 79, 0.02); }
  100% {
    background-color: rgba(217, 83, 79, 0.1); } }

field {
  display: block; }
  field .field {
    width: 100%; }
    field .field .field-label .field-label-text {
      color: #9e9e9e;
      font-size: 1.4rem;
      font-weight: 400; }
    field .field .field-label .field-label-info {
      position: relative;
      height: 20px;
      padding-left: 3px; }
      field .field .field-label .field-label-info .field-label-info-icon {
        font-size: 1.6rem;
        line-height: 2rem;
        color: #9e9e9e;
        cursor: pointer; }
        field .field .field-label .field-label-info .field-label-info-icon:hover {
          color: #6b6b6b; }
          field .field .field-label .field-label-info .field-label-info-icon:hover + .field-label-info-tooltip {
            display: block; }
      field .field .field-label .field-label-info .field-label-info-tooltip {
        display: none;
        position: absolute;
        top: -36px;
        left: -4px;
        padding: 5px 8px;
        font-size: 1.4rem;
        background-color: #1a1d27;
        color: #FFFFFF;
        white-space: nowrap;
        z-index: 2;
        border-radius: 2px; }
        field .field .field-label .field-label-info .field-label-info-tooltip:after {
          position: absolute;
          left: 8px;
          bottom: -14px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          pointer-events: none; }
        field .field .field-label .field-label-info .field-label-info-tooltip:after {
          border-top-color: #1a1d27;
          border-width: 7px; }
    field .field .field-value {
      min-height: 30px;
      font-size: 1.4rem;
      font-weight: 400;
      color: #242424; }
  field.margin-top .field {
    margin-top: 30px; }
  field.margin-right .field {
    margin-right: 30px; }
  field.margin-bottom .field {
    margin-bottom: 30px; }
  field.margin-left .field {
    margin-left: 30px; }
  field.required .field .field-label .field-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

floating-action-button {
  position: absolute;
  bottom: 10px;
  right: 10px; }
  floating-action-button .fab-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #10FFC3;
    border-radius: 50%;
    overflow: hidden;
    outline: none;
    border: none;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.06), 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease; }
    @media only screen and (min-width: 64em) {
      floating-action-button .fab-button:hover {
        box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.15); } }
    floating-action-button .fab-button:not(.is-disabled):not(.is-loading):active {
      transform: scale(0.9, 0.9); }
    floating-action-button .fab-button:disabled {
      background-color: rgba(130, 130, 130, 0.12);
      cursor: not-allowed; }
      floating-action-button .fab-button:disabled .fab-button-icon {
        color: rgba(0, 0, 0, 0.26); }
    floating-action-button .fab-button .fab-button-icon {
      color: #ffffff;
      -webkit-text-fill-color: #ffffff; }
    floating-action-button .fab-button.is-loading {
      cursor: wait; }
  floating-action-button.margin-top .fab-button {
    margin-top: 30px; }
  floating-action-button.margin-bottom .fab-button {
    margin-bottom: 30px; }
  floating-action-button.margin-left .fab-button {
    margin-left: 30px; }
  floating-action-button.margin-right .fab-button {
    margin-right: 30px; }

radio-button {
  display: block; }
  radio-button .radiobutton .radiobutton-value {
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer; }
    radio-button .radiobutton .radiobutton-value .radiobutton-circle {
      display: block;
      position: relative;
      height: 20px;
      width: 20px;
      background-color: #fbfbfb;
      border: 1px solid #dddddd;
      border-radius: 50%;
      outline: none;
      cursor: pointer;
      transition: border 0.1s linear; }
      radio-button .radiobutton .radiobutton-value .radiobutton-circle:before {
        display: block;
        content: '';
        position: absolute;
        top: 2px;
        left: 2px;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        background-color: #10FFC3;
        transform-origin: center center;
        transition: transform 0.1s linear;
        transform: scale(0, 0); }
      radio-button .radiobutton .radiobutton-value .radiobutton-circle:focus {
        border: 2px solid #10FFC3; }
    radio-button .radiobutton .radiobutton-value .radiobutton-text {
      padding-left: 7px;
      color: #4a4a4a;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    radio-button .radiobutton .radiobutton-value.checked .radiobutton-circle {
      border: 2px solid #10FFC3; }
      radio-button .radiobutton .radiobutton-value.checked .radiobutton-circle:before {
        transform: scale(1, 1); }
      radio-button .radiobutton .radiobutton-value.checked .radiobutton-circle:focus:before {
        background-color: rgba(16, 255, 195, 0.7); }
  radio-button .radiobutton .radiobutton-input {
    display: none; }
  radio-button .radiobutton.disabled .radiobutton-value {
    cursor: not-allowed; }
    radio-button .radiobutton.disabled .radiobutton-value .radiobutton-circle {
      background-color: #f3f3f3;
      border: 1px solid #dddddd;
      cursor: not-allowed; }
    radio-button .radiobutton.disabled .radiobutton-value .radiobutton-text {
      color: #9c9c9c; }
    radio-button .radiobutton.disabled .radiobutton-value.checked .radiobutton-circle {
      background-color: #f3f3f3;
      border: 2px solid #dddddd; }
      radio-button .radiobutton.disabled .radiobutton-value.checked .radiobutton-circle:before {
        background-color: #c3c3c3; }
  radio-button.margin-top .radiobutton {
    margin-top: 30px; }
  radio-button.margin-bottom .radiobutton {
    margin-bottom: 30px; }
  radio-button.margin-left .radiobutton {
    margin-left: 30px; }
  radio-button.margin-right .radiobutton {
    margin-right: 30px; }
  radio-button.error-validation .radiobutton .radiobutton-value .radiobutton-circle {
    background-color: #f9e2e2;
    border-color: #d9534f; }
    radio-button.error-validation .radiobutton .radiobutton-value .radiobutton-circle:before {
      background-color: #d9534f; }
  radio-button.error-validation .radiobutton .radiobutton-value .radiobutton-text {
    color: #d9534f; }

.document-viewer {
  counter-reset: section; }
  .document-viewer .page.a4 {
    display: block;
    position: relative;
    width: 21cm;
    height: 29.7cm;
    margin: 0 auto 0.5cm;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
    @media print {
      .document-viewer .page.a4 {
        width: auto;
        height: auto;
        margin: 0;
        box-shadow: none; } }

sidebar {
  display: block; }
  sidebar .sidebar {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    background-color: #f1f1f1;
    transition: all 0.3s linear;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7; }
    sidebar .sidebar .sidebar-slot {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      width: 380px;
      overflow: hidden;
      transition: all 0.3s linear; }
      sidebar .sidebar .sidebar-slot .content-wrap {
        width: 380px; }
    sidebar .sidebar .button-collapse {
      position: absolute;
      top: 20px;
      left: -15px;
      width: 30px;
      height: 30px;
      border-radius: 2px;
      background-color: #10FFC3;
      text-align: center;
      z-index: 6;
      cursor: pointer;
      transition: all 0.2s ease;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media only screen and (min-width: 64em) {
        sidebar .sidebar .button-collapse:hover {
          box-shadow: inset 0px 0 0px 20px rgba(0, 0, 0, 0.15); } }
      sidebar .sidebar .button-collapse:active {
        transform: scale(0.9, 0.9); }
      sidebar .sidebar .button-collapse .toggle-icon {
        line-height: 30px;
        color: #ffffff;
        transition: transform 0.3s ease; }
      sidebar .sidebar .button-collapse.left {
        right: -15px;
        left: auto; }
        sidebar .sidebar .button-collapse.left .icon-arrow {
          transform: rotate(180deg); }
        sidebar .sidebar .button-collapse.left.collapsed .icon-arrow {
          transform: rotate(0deg); }
    sidebar .sidebar.collapsed .sidebar-slot {
      width: 20px;
      opacity: 0; }
    sidebar .sidebar.floating {
      width: 20px; }
      sidebar .sidebar.floating .sidebar-slot {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        border-left: solid 1px #e7e7e7;
        overflow: initial;
        z-index: 5;
        will-change: transform;
        transition: all 0.2s ease;
        transform: translate(-360px, 0); }
      sidebar .sidebar.floating .button-collapse {
        left: -375px; }
      sidebar .sidebar.floating.collapsed .sidebar-slot {
        opacity: 0;
        transform: translate(0, 0); }
      sidebar .sidebar.floating.collapsed .button-collapse {
        left: -15px; }

slider {
  display: flex;
  align-items: center;
  min-height: 30px; }
  slider .range-slider {
    width: 100%; }
    slider .range-slider .slider-label .slider-label-text {
      color: #9e9e9e;
      font-size: 1.4rem;
      font-weight: 400;
      margin-bottom: 10px; }
      slider .range-slider .slider-label .slider-label-text .slider-label-text-value {
        padding-left: 3px;
        color: #10FFC3;
        font-weight: bold; }
    slider .range-slider .slider-label .slider-label-info {
      position: relative;
      height: 20px;
      padding-left: 3px; }
      slider .range-slider .slider-label .slider-label-info .slider-label-info-icon {
        font-size: 1.6rem;
        line-height: 2rem;
        color: #9e9e9e;
        cursor: pointer; }
        slider .range-slider .slider-label .slider-label-info .slider-label-info-icon:hover {
          color: #6b6b6b; }
          slider .range-slider .slider-label .slider-label-info .slider-label-info-icon:hover + .slider-label-info-tooltip {
            display: block; }
      slider .range-slider .slider-label .slider-label-info .slider-label-info-tooltip {
        display: none;
        position: absolute;
        top: -36px;
        left: -4px;
        padding: 5px 8px;
        font-size: 1.4rem;
        background-color: #1a1d27;
        color: #FFFFFF;
        white-space: nowrap;
        z-index: 2;
        border-radius: 2px; }
        slider .range-slider .slider-label .slider-label-info .slider-label-info-tooltip:after {
          position: absolute;
          left: 8px;
          bottom: -14px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          pointer-events: none; }
        slider .range-slider .slider-label .slider-label-info .slider-label-info-tooltip:after {
          border-top-color: #1a1d27;
          border-width: 7px; }
    slider .range-slider .range-slider-bar {
      border: 1px solid #dddddd;
      background-color: #242424;
      height: 8px;
      border-radius: 4px;
      position: relative;
      user-select: none; }
      slider .range-slider .range-slider-bar .ui-slider-handle-wrapper {
        position: relative;
        height: 100%; }
        slider .range-slider .range-slider-bar .ui-slider-handle-wrapper .ui-slider-left {
          position: absolute;
          left: 0;
          height: 100%;
          background-color: #242424; }
        slider .range-slider .range-slider-bar .ui-slider-handle-wrapper .ui-slider-handle {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          border: 0;
          background-color: #ffffff;
          color: #10FFC3;
          font-size: 1.2rem;
          font-weight: 600;
          position: absolute;
          transform: translateY(-38%);
          margin-left: 0;
          border: 2px solid #dddddd;
          transition: background-color 0.15s linear; }
          @media (hover: hover) {
            slider .range-slider .range-slider-bar .ui-slider-handle-wrapper .ui-slider-handle:hover {
              background-color: #ebebeb;
              cursor: move;
              /* fallback if grab cursor is unsupported */
              cursor: grab;
              cursor: -moz-grab;
              cursor: -webkit-grab; } }
          slider .range-slider .range-slider-bar .ui-slider-handle-wrapper .ui-slider-handle:focus {
            outline: 0; }
          slider .range-slider .range-slider-bar .ui-slider-handle-wrapper .ui-slider-handle:active {
            cursor: grabbing;
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing; }
  slider.margin-bottom .range-slider {
    margin-bottom: 30px; }
  slider.required .slider-label .slider-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

switch {
  display: block; }
  switch .switch .switch-value {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 30px; }
    switch .switch .switch-value .switch-toggle {
      display: inline-block;
      position: relative;
      width: 40px;
      height: 24px;
      cursor: pointer;
      text-indent: -5000px;
      border-radius: 15px;
      border: 1px solid #EEEEEE;
      background-color: #fbfbfb;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      switch .switch .switch-value .switch-toggle:before {
        content: '';
        position: absolute;
        display: block;
        height: 24px;
        width: 24px;
        top: -1px;
        left: -1px;
        border-radius: 15px;
        transition: all 0.3s linear; }
      switch .switch .switch-value .switch-toggle:after {
        content: '';
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        top: 1px;
        left: 2px;
        border-radius: 15px;
        background-color: #FFFFFF;
        transition: all 0.3s linear; }
    switch .switch .switch-value.checked .switch-toggle:before {
      width: 40px;
      background-color: #10FFC3; }
    switch .switch .switch-value.checked .switch-toggle:after {
      left: 17px; }
    switch .switch .switch-value .switch-text {
      padding-left: 7px;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
  switch .switch.disabled .switch-value .switch-toggle {
    background-color: #f3f3f3;
    border: 1px solid #DDDDDD; }
  switch .switch.readonly {
    opacity: 0.6;
    cursor: not-allowed; }
  switch .switch-input {
    display: none; }
  switch.margin-top .switch {
    margin-top: 30px; }
  switch.margin-right .switch {
    margin-right: 30px; }
  switch.margin-bottom .switch {
    margin-bottom: 30px; }
  switch.margin-left .switch {
    margin-left: 30px; }

text-area {
  display: block; }
  text-area .textarea .textarea-label .textarea-label-text {
    color: #9e9e9e;
    font-size: 1.4rem;
    font-weight: 400; }
  text-area .textarea .textarea-label .textarea-label-info {
    position: relative;
    height: 20px;
    padding-left: 3px; }
    text-area .textarea .textarea-label .textarea-label-info .textarea-label-info-icon {
      font-size: 1.6rem;
      line-height: 2rem;
      color: #9e9e9e;
      cursor: pointer; }
      text-area .textarea .textarea-label .textarea-label-info .textarea-label-info-icon:hover {
        color: #6b6b6b; }
        text-area .textarea .textarea-label .textarea-label-info .textarea-label-info-icon:hover + .textarea-label-info-tooltip {
          display: block; }
    text-area .textarea .textarea-label .textarea-label-info .textarea-label-info-tooltip {
      display: none;
      position: absolute;
      top: -36px;
      left: -4px;
      padding: 5px 8px;
      font-size: 1.4rem;
      background-color: #1a1d27;
      color: #FFFFFF;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px; }
      text-area .textarea .textarea-label .textarea-label-info .textarea-label-info-tooltip:after {
        position: absolute;
        left: 8px;
        bottom: -14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none; }
      text-area .textarea .textarea-label .textarea-label-info .textarea-label-info-tooltip:after {
        border-top-color: #1a1d27;
        border-width: 7px; }
  text-area .textarea .textarea-value {
    min-height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center; }
    text-area .textarea .textarea-value .textarea-input {
      width: 100%;
      min-height: 92px;
      padding: 5px;
      outline: none;
      background-color: #fbfbfb;
      color: #4a4a4a;
      border: 1px solid #dddddd;
      border-radius: 2px;
      font-size: 1.4rem;
      font-weight: 400;
      resize: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      text-area .textarea .textarea-value .textarea-input::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      text-area .textarea .textarea-value .textarea-input::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent; }
      text-area .textarea .textarea-value .textarea-input::-webkit-scrollbar-thumb {
        background-color: #cecece;
        border-radius: 2.5px; }
      text-area .textarea .textarea-value .textarea-input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #fbfbfb inset; }
      text-area .textarea .textarea-value .textarea-input::-webkit-input-placeholder {
        color: #c4c4c4;
        -webkit-text-fill-color: #c4c4c4; }
      text-area .textarea .textarea-value .textarea-input:-ms-input-placeholder {
        color: #c4c4c4; }
      text-area .textarea .textarea-value .textarea-input::input-placeholder {
        color: #c4c4c4; }
      text-area .textarea .textarea-value .textarea-input:focus {
        margin-bottom: 0;
        border-bottom: 1px solid #10FFC3; }
      text-area .textarea .textarea-value .textarea-input.resizeable {
        resize: initial; }
  text-area .textarea.disabled .textarea-value .textarea-input {
    background: #f3f3f3;
    border: 1px solid #dddddd;
    color: #9c9c9c;
    cursor: not-allowed; }
  text-area .textarea.readonly .textarea-value {
    padding-top: 5px; }
    text-area .textarea.readonly .textarea-value .textarea-input {
      min-height: auto;
      padding: 0;
      background: transparent;
      border: none; }
    text-area .textarea.readonly .textarea-value .textarea-readonly {
      white-space: pre-line; }
  text-area.margin-top .textarea {
    margin-top: 30px; }
  text-area.margin-right .textarea {
    margin-right: 30px; }
  text-area.margin-bottom .textarea {
    margin-bottom: 30px; }
  text-area.margin-left .textarea {
    margin-left: 30px; }
  text-area.error-validation .textarea .textarea-value .textarea-input {
    background-color: #f9e2e2;
    border: 1px solid #d9534f; }
    text-area.error-validation .textarea .textarea-value .textarea-input::-webkit-input-placeholder {
      color: #e27c79;
      -webkit-text-fill-color: #e27c79; }
    text-area.error-validation .textarea .textarea-value .textarea-input:-ms-input-placeholder {
      color: #e27c79; }
    text-area.error-validation .textarea .textarea-value .textarea-input::input-placeholder {
      color: #e27c79; }
  text-area.required label:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

text-box {
  display: block; }
  text-box .textbox .textbox-label .textbox-label-text {
    color: #9e9e9e;
    font-size: 1.4rem;
    font-weight: 400; }
  text-box .textbox .textbox-label .textbox-label-info {
    position: relative;
    height: 20px;
    padding-left: 3px; }
    text-box .textbox .textbox-label .textbox-label-info .textbox-label-info-icon {
      font-size: 1.6rem;
      line-height: 2rem;
      color: #9e9e9e;
      cursor: pointer; }
      text-box .textbox .textbox-label .textbox-label-info .textbox-label-info-icon:hover {
        color: #6b6b6b; }
        text-box .textbox .textbox-label .textbox-label-info .textbox-label-info-icon:hover + .textbox-label-info-tooltip {
          display: block; }
    text-box .textbox .textbox-label .textbox-label-info .textbox-label-info-tooltip {
      display: none;
      position: absolute;
      bottom: 26px;
      left: -4px;
      padding: 5px 8px;
      font-size: 1.4rem;
      background-color: #1a1d27;
      color: #FFFFFF;
      white-space: pre;
      z-index: 2;
      border-radius: 2px; }
      text-box .textbox .textbox-label .textbox-label-info .textbox-label-info-tooltip:after {
        position: absolute;
        left: 8px;
        bottom: -14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none; }
      text-box .textbox .textbox-label .textbox-label-info .textbox-label-info-tooltip:after {
        border-top-color: #1a1d27;
        border-width: 7px; }
  text-box .textbox .textbox-value {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 30px;
    outline: none;
    border: 1px solid #dddddd;
    border-radius: 2px;
    font-size: 1.4rem;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    background-color: #fbfbfb;
    color: #4a4a4a; }
    text-box .textbox .textbox-value .textbox-symbol-start {
      padding: 0 5px;
      line-height: 28px;
      white-space: nowrap;
      border-right: 1px solid #dddddd;
      background-color: rgba(179, 179, 179, 0.15);
      color: rgba(36, 36, 36, 0.6);
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
    text-box .textbox .textbox-value .textbox-input {
      min-width: 0;
      width: 100%;
      padding: 0 5px;
      border: 0;
      background-color: transparent;
      outline: 0;
      height: 28px;
      line-height: 28px;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
      text-box .textbox .textbox-value .textbox-input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #fbfbfb inset; }
      text-box .textbox .textbox-value .textbox-input::-webkit-input-placeholder {
        color: #c4c4c4;
        -webkit-text-fill-color: #c4c4c4; }
      text-box .textbox .textbox-value .textbox-input:-ms-input-placeholder {
        color: #c4c4c4; }
      text-box .textbox .textbox-value .textbox-input::input-placeholder {
        color: #c4c4c4; }
      text-box .textbox .textbox-value .textbox-input:-webkit-outer-spin-button, text-box .textbox .textbox-value .textbox-input:-webkit-inner-spin-button {
        -webkit-appearance: none; }
      text-box .textbox .textbox-value .textbox-input::-ms-clear {
        display: none;
        width: 0;
        height: 0; }
      text-box .textbox .textbox-value .textbox-input::-ms-reveal {
        display: none;
        width: 0;
        height: 0; }
    text-box .textbox .textbox-value .textbox-readonly {
      color: #4a4a4a;
      white-space: normal;
      line-height: 28px; }
    text-box .textbox .textbox-value .textbox-symbol-end {
      padding: 0 5px;
      line-height: 28px;
      white-space: nowrap;
      border-left: 1px solid #dddddd;
      background-color: rgba(179, 179, 179, 0.15);
      color: rgba(36, 36, 36, 0.6);
      user-select: none; }
    text-box .textbox .textbox-value .icon-password {
      margin-right: 5px;
      font-size: 20px;
      cursor: pointer;
      transition: all 0.3s linear;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      text-box .textbox .textbox-value .icon-password:active {
        transform: scale(0.9, 0.9); }
    text-box .textbox .textbox-value.focused {
      border-bottom: 1px solid #10FFC3; }
  text-box .textbox.focused .textbox-value {
    border-bottom: 1px solid #10FFC3; }
  text-box .textbox.disabled .textbox-value {
    background-color: #f3f3f3;
    border: 1px solid #dddddd;
    color: #9c9c9c;
    cursor: not-allowed; }
    text-box .textbox.disabled .textbox-value .textbox-input {
      cursor: not-allowed; }
  text-box .textbox.readonly .textbox-value {
    background-color: transparent;
    border: none;
    padding: 0;
    color: #4a4a4a; }
    text-box .textbox.readonly .textbox-value .textbox-input {
      text-overflow: ellipsis; }
    text-box .textbox.readonly .textbox-value .textbox-symbol-start, text-box .textbox.readonly .textbox-value .textbox-symbol-end {
      background-color: transparent;
      border: none;
      padding: 0;
      color: #4a4a4a; }
  text-box[type="numeric-password"] .textbox-value {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    text-box[type="numeric-password"] .textbox-value .textbox-input {
      font-family: 'Text Security Disc'; }
  text-box.margin-top .textbox {
    margin-top: 30px; }
  text-box.margin-right .textbox {
    margin-right: 30px; }
  text-box.margin-bottom .textbox {
    margin-bottom: 30px; }
  text-box.margin-left .textbox {
    margin-left: 30px; }
  text-box.error-validation .textbox:not(.readonly) .textbox-value {
    background-color: #f9e2e2;
    border: 1px solid #d9534f; }
    text-box.error-validation .textbox:not(.readonly) .textbox-value .textbox-input::-webkit-input-placeholder {
      color: #e27c79;
      -webkit-text-fill-color: #e27c79; }
    text-box.error-validation .textbox:not(.readonly) .textbox-value .textbox-input:-ms-input-placeholder {
      color: #e27c79; }
    text-box.error-validation .textbox:not(.readonly) .textbox-value .textbox-input::input-placeholder {
      color: #e27c79; }
    text-box.error-validation .textbox:not(.readonly) .textbox-value .textbox-symbol-start, text-box.error-validation .textbox:not(.readonly) .textbox-value .textbox-symbol-end {
      border-color: #d9534f;
      background-color: #f4cecd;
      color: #d9534f; }
  text-box.required label:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

file-uploader {
  display: block; }
  file-uploader .file-uploader .file-uploader-label .file-uploader-label-text {
    color: #9e9e9e;
    font-size: 1.4rem;
    font-weight: 400; }
  file-uploader .file-uploader .file-uploader-label .file-uploader-label-info {
    position: relative;
    height: 20px;
    padding-left: 3px; }
    file-uploader .file-uploader .file-uploader-label .file-uploader-label-info .file-uploader-label-info-icon {
      font-size: 1.6rem;
      line-height: 2rem;
      color: #9e9e9e;
      cursor: pointer; }
      file-uploader .file-uploader .file-uploader-label .file-uploader-label-info .file-uploader-label-info-icon:hover {
        color: #6b6b6b; }
        file-uploader .file-uploader .file-uploader-label .file-uploader-label-info .file-uploader-label-info-icon:hover + .file-uploader-label-info-tooltip {
          display: block; }
    file-uploader .file-uploader .file-uploader-label .file-uploader-label-info .file-uploader-label-info-tooltip {
      display: none;
      position: absolute;
      top: -36px;
      left: -4px;
      padding: 5px 8px;
      font-size: 1.4rem;
      background-color: #1a1d27;
      color: #FFFFFF;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px; }
      file-uploader .file-uploader .file-uploader-label .file-uploader-label-info .file-uploader-label-info-tooltip:after {
        position: absolute;
        left: 8px;
        bottom: -14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none; }
      file-uploader .file-uploader .file-uploader-label .file-uploader-label-info .file-uploader-label-info-tooltip:after {
        border-top-color: #1a1d27;
        border-width: 7px; }
  file-uploader .file-uploader .file-uploader-value {
    flex-wrap: nowrap; }
    file-uploader .file-uploader .file-uploader-value .file-uploader-box {
      display: flex;
      flex-grow: 1;
      height: 30px;
      padding: 0 5px;
      background-color: #fbfbfb;
      border: 1px solid #dddddd;
      border-right: 0;
      border-radius: 2px 0 0 2px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      file-uploader .file-uploader .file-uploader-value .file-uploader-box .file-uploader-input {
        width: 100%;
        background: transparent;
        border: 0;
        outline: none; }
        file-uploader .file-uploader .file-uploader-value .file-uploader-box .file-uploader-input:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px #fbfbfb inset; }
        file-uploader .file-uploader .file-uploader-value .file-uploader-box .file-uploader-input::-webkit-input-placeholder {
          color: #c4c4c4;
          -webkit-text-fill-color: #c4c4c4; }
        file-uploader .file-uploader .file-uploader-value .file-uploader-box .file-uploader-input:-ms-input-placeholder {
          color: #c4c4c4; }
        file-uploader .file-uploader .file-uploader-value .file-uploader-box .file-uploader-input::input-placeholder {
          color: #c4c4c4; }
        file-uploader .file-uploader .file-uploader-value .file-uploader-box .file-uploader-input:-webkit-outer-spin-button, file-uploader .file-uploader .file-uploader-value .file-uploader-box .file-uploader-input:-webkit-inner-spin-button {
          -webkit-appearance: none; }
      file-uploader .file-uploader .file-uploader-value .file-uploader-box .file-uploader-text {
        line-height: 30px; }
      file-uploader .file-uploader .file-uploader-value .file-uploader-box .file-uploader-remove {
        width: 30px;
        height: 30px;
        font-size: 2rem;
        flex-shrink: 0;
        text-align: center;
        line-height: 30px;
        color: #4a4a4a;
        cursor: pointer;
        transition: all 0.2 linear; }
        @media only screen and (min-width: 64em) {
          file-uploader .file-uploader .file-uploader-value .file-uploader-box .file-uploader-remove:hover {
            color: #d9534f; } }
        file-uploader .file-uploader .file-uploader-value .file-uploader-box .file-uploader-remove:active {
          transform: scale(0.9, 0.9); }
    file-uploader .file-uploader .file-uploader-value .file-uploader-button {
      height: 30px;
      background-color: #10FFC3;
      text-align: center;
      border: 0;
      padding: 0;
      outline: 0;
      border-radius: 0 2px 2px 0;
      cursor: pointer;
      -webkit-appearance: none; }
      file-uploader .file-uploader .file-uploader-value .file-uploader-button .file-uploader-button-text {
        padding: 0 10px;
        color: #ffffff;
        line-height: 30px;
        font-weight: 600;
        font-size: 1.4rem;
        text-transform: uppercase; }
      @media only screen and (min-width: 64em) {
        file-uploader .file-uploader .file-uploader-value .file-uploader-button:hover {
          box-shadow: inset 0px 0 0px 20px rgba(0, 0, 0, 0.15); } }
  file-uploader .file-uploader.disabled .file-uploader-value .file-uploader-box {
    background: #f3f3f3;
    border-radius: 2px;
    border: 1px solid #dddddd;
    color: #9c9c9c;
    cursor: not-allowed; }
  file-uploader .file-uploader.disabled .file-uploader-button {
    background-color: #d8d8d8;
    color: #6d6d6d;
    cursor: not-allowed; }
  file-uploader .file-uploader.readonly .file-uploader-value {
    border-radius: 2px; }
    file-uploader .file-uploader.readonly .file-uploader-value .file-uploader-box {
      background: transparent;
      border: none;
      padding: 0;
      color: #4a4a4a; }
      file-uploader .file-uploader.readonly .file-uploader-value .file-uploader-box .file-uploader-text {
        text-overflow: ellipsis; }
  file-uploader .file-uploader.readonly .file-uploader-button {
    display: none; }
  file-uploader.margin-top .file-uploader {
    margin-top: 30px; }
  file-uploader.margin-right .file-uploader {
    margin-right: 30px; }
  file-uploader.margin-bottom .file-uploader {
    margin-bottom: 30px; }
  file-uploader.margin-left .file-uploader {
    margin-left: 30px; }
  file-uploader.required label .file-uploader .file-uploader-label .file-uploader-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }
  file-uploader.error-validation .file-uploader .file-uploader-value .file-uploader-text {
    background-color: #f9e2e2;
    border: 1px solid #d9534f; }
    file-uploader.error-validation .file-uploader .file-uploader-value .file-uploader-text span {
      color: #e27c79; }
  file-uploader.error-validation .file-uploader .file-uploader-value .file-uploader-button {
    background-color: #d9534f; }

object-viewer {
  display: block; }

.object-viewer .object-viewer-header {
  background-color: #10FFC3;
  color: #ffffff;
  height: 50px;
  flex-shrink: 0; }
  .object-viewer .object-viewer-header .button-back {
    margin-left: 10px;
    font-size: 4rem;
    line-height: 4rem;
    border-radius: 50%;
    color: #ffffff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.2s linear; }
    @media only screen and (min-width: 64em) {
      .object-viewer .object-viewer-header .button-back:hover {
        background-color: #ffffff;
        color: #10FFC3;
        cursor: pointer; } }
    .object-viewer .object-viewer-header .button-back:active {
      transform: scale(0.9, 0.9); }

.object-viewer .object-viewer-content {
  display: flex;
  flex-grow: 1;
  background: #525659; }
  .object-viewer .object-viewer-content.showing-images {
    overflow-y: auto; }
    .object-viewer .object-viewer-content.showing-images::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
    .object-viewer .object-viewer-content.showing-images::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      background-color: transparent; }
    .object-viewer .object-viewer-content.showing-images::-webkit-scrollbar-thumb {
      background-color: #cecece;
      border-radius: 2.5px; }
  .object-viewer .object-viewer-content .object {
    display: block;
    object-fit: contain;
    width: 90%;
    margin: 50px auto; }
  .object-viewer .object-viewer-content .image-container {
    width: 100%;
    text-align: center;
    overflow: auto; }
    .object-viewer .object-viewer-content .image-container .image {
      max-width: 100%;
      padding: 50px; }
      .object-viewer .object-viewer-content .image-container .image.zoomed-in {
        zoom: 120%;
        cursor: zoom-in; }
      .object-viewer .object-viewer-content .image-container .image.zoomed-out {
        zoom: 100%;
        cursor: zoom-out; }
  .object-viewer .object-viewer-content .loading-container {
    position: absolute;
    width: 100%; }

.adorner {
  position: fixed;
  z-index: 110;
  top: 0;
  left: 0; }
  .adorner .adorner-dynamic-view {
    display: block;
    position: absolute; }

tags-input-filter {
  display: block; }
  tags-input-filter .tags-input-filter .tags-input-filter-label .tags-input-filter-label-text {
    color: #9e9e9e; }
  tags-input-filter .tags-input-filter .tags-input-filter-value {
    width: 100%;
    min-height: 30px;
    background-color: #fbfbfb;
    border: 1px solid #dddddd;
    padding: 2px 3px;
    border-radius: 2px;
    cursor: text;
    text-align: left; }
    tags-input-filter .tags-input-filter .tags-input-filter-value .tags-input-filter-tag {
      margin: 2px;
      font-size: 1.1rem;
      font-weight: 600;
      line-height: 1.1rem;
      color: #ffffff;
      white-space: nowrap;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      tags-input-filter .tags-input-filter .tags-input-filter-value .tags-input-filter-tag .tags-input-filter-tag-text {
        background: #10FFC3;
        padding: 5px;
        border-radius: 2px 0 0 2px; }
      tags-input-filter .tags-input-filter .tags-input-filter-value .tags-input-filter-tag .tags-input-filter-tag-remove {
        padding: 5px 3px;
        background-color: #00fbbc;
        line-height: inherit;
        font-size: 1.4rem;
        cursor: pointer;
        border-radius: 0 3px 3px 0;
        transition: background-color 0.3s ease; }
        @media only screen and (min-width: 64em) {
          tags-input-filter .tags-input-filter .tags-input-filter-value .tags-input-filter-tag .tags-input-filter-tag-remove:hover {
            background-color: #d9534f; } }
    tags-input-filter .tags-input-filter .tags-input-filter-value .tags-input-filter-input {
      border: none;
      box-shadow: none;
      outline: none;
      background-color: transparent;
      margin: 0;
      width: auto;
      max-width: inherit;
      padding: 0 3px; }
  tags-input-filter .tags-input-filter.readonly .tags-input-filter-value {
    background-color: transparent;
    border: none; }
    tags-input-filter .tags-input-filter.readonly .tags-input-filter-value .tags-input-filter-tag {
      background-color: #10FFC3; }
    tags-input-filter .tags-input-filter.readonly .tags-input-filter-value .tags-input-filter-tag-text {
      background-color: inherit;
      border-radius: 2px; }
  tags-input-filter .tags-input-filter.disabled .tags-input-filter-value {
    background-color: #f3f3f3;
    border-color: #dddddd;
    cursor: not-allowed; }
    tags-input-filter .tags-input-filter.disabled .tags-input-filter-value .tags-input-filter-tag {
      background-color: #e6e6e6;
      cursor: not-allowed; }
    tags-input-filter .tags-input-filter.disabled .tags-input-filter-value .tags-input-filter-tag-text {
      background-color: inherit;
      border-radius: 2px; }
  tags-input-filter.margin-top .tags-input-filter {
    margin-top: 30px; }
  tags-input-filter.margin-right .tags-input-filter {
    margin-right: 30px; }
  tags-input-filter.margin-bottom .tags-input-filter {
    margin-bottom: 30px; }
  tags-input-filter.margin-left .tags-input-filter {
    margin-left: 30px; }

loading {
  display: block;
  overflow: hidden; }
  loading .loading.circle {
    position: relative;
    width: 22px;
    height: 22px;
    font-size: 3px;
    border-radius: 50%;
    text-indent: -9999px;
    border: 2px solid rgba(16, 255, 195, 0.4);
    border-left: 2px solid #10FFC3;
    animation: loading-rotate 0.5s infinite linear; }
    loading .loading.circle:after {
      border-radius: 50%;
      width: 22px;
      height: 22px; }
  loading .loading.line {
    position: relative;
    height: 5px;
    width: 100%;
    overflow: hidden; }
    loading .loading.line:before {
      display: block;
      position: absolute;
      content: "";
      left: -200px;
      width: 200px;
      height: 5px;
      background-color: #10FFC3;
      animation: loading-line 2s linear infinite; }
  @media print {
    loading .loading {
      display: none; } }
  loading.small .loading.circle {
    font-size: 2.2px; }
  loading.color-white .loading.circle {
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-left: 2px solid #ffffff; }
  loading.margin-top .loading {
    margin-top: 30px; }
  loading.margin-bottom .loading {
    margin-bottom: 30px; }
  loading.margin-left .loading {
    margin-left: 30px; }
  loading.margin-right .loading {
    margin-right: 30px; }

@keyframes loading-rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loading-line {
  from {
    left: -200px;
    width: 30%; }
  50% {
    width: 30%; }
  70% {
    width: 70%; }
  80% {
    left: 50%; }
  95% {
    left: 120%; }
  to {
    left: 100%; } }

.pdf-viewer {
  width: 100vw;
  height: 100vh; }
  .pdf-viewer .header {
    height: 50px;
    flex-shrink: 0;
    background-color: #10FFC3;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    z-index: 1; }
    .pdf-viewer .header .button-back {
      margin-left: 10px;
      font-size: 4rem;
      line-height: 4rem;
      border-radius: 50%;
      color: #ffffff;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      transition: all 0.2s linear; }
      @media only screen and (min-width: 64em) {
        .pdf-viewer .header .button-back:hover {
          background-color: #ffffff;
          color: #10FFC3;
          cursor: pointer; } }
      .pdf-viewer .header .button-back:active {
        transform: scale(0.9, 0.9); }
  .pdf-viewer .content {
    flex-grow: 1;
    background-color: #525659; }
    .pdf-viewer .content .object {
      width: 100%;
      height: calc(100vh - 50px); }

double-slider {
  position: relative;
  display: block; }
  double-slider .double-slider .double-slider-label {
    margin-bottom: 5px; }
    double-slider .double-slider .double-slider-label .double-slider-label-text {
      color: #9e9e9e;
      font-size: 1.4rem;
      font-weight: 400; }
    double-slider .double-slider .double-slider-label .double-slider-label-info {
      position: relative;
      height: 20px;
      padding-left: 3px; }
      double-slider .double-slider .double-slider-label .double-slider-label-info .double-slider-label-info-icon {
        font-size: 1.6rem;
        line-height: 2rem;
        color: #9e9e9e;
        cursor: pointer; }
        double-slider .double-slider .double-slider-label .double-slider-label-info .double-slider-label-info-icon:hover {
          color: #6b6b6b; }
          double-slider .double-slider .double-slider-label .double-slider-label-info .double-slider-label-info-icon:hover + .field-label-info-tooltip {
            display: block; }
      double-slider .double-slider .double-slider-label .double-slider-label-info .double-slider-label-info-tooltip {
        display: none;
        position: absolute;
        top: -36px;
        left: -4px;
        padding: 5px 8px;
        font-size: 1.4rem;
        background-color: #1a1d27;
        color: #FFFFFF;
        white-space: nowrap;
        z-index: 2;
        border-radius: 2px; }
        double-slider .double-slider .double-slider-label .double-slider-label-info .double-slider-label-info-tooltip:after {
          position: absolute;
          left: 8px;
          bottom: -14px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          pointer-events: none; }
        double-slider .double-slider .double-slider-label .double-slider-label-info .double-slider-label-info-tooltip:after {
          border-top-color: #1a1d27;
          border-width: 7px; }
  double-slider .double-slider .double-slider-input .double-slider-input-value {
    position: relative;
    height: 18px; }
    double-slider .double-slider .double-slider-input .double-slider-input-value .current-value {
      position: absolute;
      transition: left 0.05s linear;
      top: 25px;
      font-weight: 600;
      font-size: 1.4rem;
      color: #10FFC3; }
  double-slider .double-slider .double-slider-input .double-slider-input-limits {
    color: #ddd; }
  double-slider .double-slider .ui-slider {
    background-color: #ddd;
    height: 10px;
    border-radius: 2px; }
    double-slider .double-slider .ui-slider .ui-slider-range {
      position: absolute;
      background-color: #10FFC3;
      top: 50%;
      transform: translateY(-50%);
      height: 10px; }
    double-slider .double-slider .ui-slider .ui-slider-handle {
      position: absolute;
      border-radius: 50%;
      background-color: #10FFC3;
      border-color: #10FFC3;
      outline: 0;
      top: 50%;
      transform: translateY(-50%);
      height: 18px;
      width: 18px;
      cursor: grab; }
      double-slider .double-slider .ui-slider .ui-slider-handle:last-child {
        z-index: 1; }
    double-slider .double-slider .ui-slider .ui-slider-support-handle {
      float: right;
      height: 100%;
      background-color: #ddd;
      border-radius: 0 4px 4px 0; }
  double-slider.margin-bottom .double-slider {
    margin-bottom: 30px; }
  double-slider.required .double-slider .double-slider-label .double-slider-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

.double-slider {
  /* Interaction Cues
----------------------------------*/
  /* Icons
----------------------------------*/
  /* states and images */
  /* Misc visuals
----------------------------------*/
  /* Overlays */
  /* to make room for the icon, a width needs to be set here */
  /* button elements seem to need a little more width */
  /* button text element */
  /* no icon support for input elements, provide padding by default */
  /* button icon element(s) */
  /* button sets */
  /* workarounds */
  /* reset extra padding in Firefox, see h5bp.com/l */
  /* with multiple calendars */
  /* RTL support */
  /* icon support */
  /* left-aligned */
  /* right-aligned */
  /* support: IE8 - See #6727 */
  /* more specificity required here to override default borders */
  /* vertically center icon */
  /* TR overrides */
  /* Component containers
----------------------------------*/
  /* Interaction states
----------------------------------*/
  /* Interaction Cues
----------------------------------*/
  /* Icons
----------------------------------*/
  /* states and images */
  /* positioning */
  /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
  /* Misc visuals
----------------------------------*/
  /* Corner radius */
  /* Overlays */ }
  .double-slider .ui-helper-hidden {
    display: none; }
  .double-slider .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  .double-slider .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none; }
  .double-slider .ui-helper-clearfix:before,
  .double-slider .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse; }
  .double-slider .ui-helper-clearfix:after {
    clear: both; }
  .double-slider .ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */ }
  .double-slider .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */ }
  .double-slider .ui-front {
    z-index: 100; }
  .double-slider .ui-state-disabled {
    cursor: default !important; }
  .double-slider .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat; }
  .double-slider .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .double-slider .ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    /* support: IE7 */
    font-size: 100%; }
  .double-slider .ui-accordion .ui-accordion-icons {
    padding-left: 2.2em; }
  .double-slider .ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em; }
  .double-slider .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px; }
  .double-slider .ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto; }
  .double-slider .ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default; }
  .double-slider .ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
    /* removes extra width in IE */ }
  .double-slider .ui-button,
  .double-slider .ui-button:link,
  .double-slider .ui-button:visited,
  .double-slider .ui-button:hover,
  .double-slider .ui-button:active {
    text-decoration: none; }
  .double-slider .ui-button-icon-only {
    width: 2.2em; }
  .double-slider button.ui-button-icon-only {
    width: 2.4em; }
  .double-slider .ui-button-icons-only {
    width: 3.4em; }
  .double-slider button.ui-button-icons-only {
    width: 3.7em; }
  .double-slider .ui-button .ui-button-text {
    display: block;
    line-height: normal; }
  .double-slider .ui-button-text-only .ui-button-text {
    padding: .4em 1em; }
  .double-slider .ui-button-icon-only .ui-button-text,
  .double-slider .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px; }
  .double-slider .ui-button-text-icon-primary .ui-button-text,
  .double-slider .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em; }
  .double-slider .ui-button-text-icon-secondary .ui-button-text,
  .double-slider .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em; }
  .double-slider .ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em; }
  .double-slider input.ui-button {
    padding: .4em 1em; }
  .double-slider .ui-button-icon-only .ui-icon,
  .double-slider .ui-button-text-icon-primary .ui-icon,
  .double-slider .ui-button-text-icon-secondary .ui-icon,
  .double-slider .ui-button-text-icons .ui-icon,
  .double-slider .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px; }
  .double-slider .ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px; }
  .double-slider .ui-button-text-icon-primary .ui-button-icon-primary,
  .double-slider .ui-button-text-icons .ui-button-icon-primary,
  .double-slider .ui-button-icons-only .ui-button-icon-primary {
    left: .5em; }
  .double-slider .ui-button-text-icon-secondary .ui-button-icon-secondary,
  .double-slider .ui-button-text-icons .ui-button-icon-secondary,
  .double-slider .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em; }
  .double-slider .ui-buttonset {
    margin-right: 7px; }
  .double-slider .ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em; }
  .double-slider input.ui-button::-moz-focus-inner,
  .double-slider button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .double-slider .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none; }
  .double-slider .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0; }
  .double-slider .ui-datepicker .ui-datepicker-prev,
  .double-slider .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em; }
  .double-slider .ui-datepicker .ui-datepicker-prev-hover,
  .double-slider .ui-datepicker .ui-datepicker-next-hover {
    top: 1px; }
  .double-slider .ui-datepicker .ui-datepicker-prev {
    left: 2px; }
  .double-slider .ui-datepicker .ui-datepicker-next {
    right: 2px; }
  .double-slider .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px; }
  .double-slider .ui-datepicker .ui-datepicker-next-hover {
    right: 1px; }
  .double-slider .ui-datepicker .ui-datepicker-prev span,
  .double-slider .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px; }
  .double-slider .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center; }
  .double-slider .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0; }
  .double-slider .ui-datepicker select.ui-datepicker-month,
  .double-slider .ui-datepicker select.ui-datepicker-year {
    width: 45%; }
  .double-slider .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em; }
  .double-slider .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0; }
  .double-slider .ui-datepicker td {
    border: 0;
    padding: 1px; }
  .double-slider .ui-datepicker td span,
  .double-slider .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none; }
  .double-slider .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0; }
  .double-slider .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible; }
  .double-slider .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left; }
  .double-slider .ui-datepicker.ui-datepicker-multi {
    width: auto; }
  .double-slider .ui-datepicker-multi .ui-datepicker-group {
    float: left; }
  .double-slider .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em; }
  .double-slider .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%; }
  .double-slider .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%; }
  .double-slider .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%; }
  .double-slider .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
  .double-slider .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0; }
  .double-slider .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left; }
  .double-slider .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0; }
  .double-slider .ui-datepicker-rtl {
    direction: rtl; }
  .double-slider .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto; }
  .double-slider .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto; }
  .double-slider .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto; }
  .double-slider .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto; }
  .double-slider .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right; }
  .double-slider .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left; }
  .double-slider .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
  .double-slider .ui-datepicker-rtl .ui-datepicker-group {
    float: right; }
  .double-slider .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
  .double-slider .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px; }
  .double-slider .ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0; }
  .double-slider .ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative; }
  .double-slider .ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis; }
  .double-slider .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px; }
  .double-slider .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto; }
  .double-slider .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em; }
  .double-slider .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right; }
  .double-slider .ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer; }
  .double-slider .ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px; }
  .double-slider .ui-draggable .ui-dialog-titlebar {
    cursor: move; }
  .double-slider .ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none; }
  .double-slider .ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none; }
  .double-slider .ui-menu .ui-menu {
    position: absolute; }
  .double-slider .ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    /* support: IE7 */
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }
  .double-slider .ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0; }
  .double-slider .ui-menu .ui-state-focus,
  .double-slider .ui-menu .ui-state-active {
    margin: -1px; }
  .double-slider .ui-menu-icons {
    position: relative; }
  .double-slider .ui-menu-icons .ui-menu-item {
    padding-left: 2em; }
  .double-slider .ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0; }
  .double-slider .ui-menu .ui-menu-icon {
    left: auto;
    right: 0; }
  .double-slider .ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden; }
  .double-slider .ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%; }
  .double-slider .ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    /* support: IE8 */
    opacity: 0.25; }
  .double-slider .ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none; }
  .double-slider .ui-resizable {
    position: relative; }
  .double-slider .ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none; }
  .double-slider .ui-resizable-disabled .ui-resizable-handle,
  .double-slider .ui-resizable-autohide .ui-resizable-handle {
    display: none; }
  .double-slider .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0; }
  .double-slider .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0; }
  .double-slider .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%; }
  .double-slider .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%; }
  .double-slider .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px; }
  .double-slider .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px; }
  .double-slider .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px; }
  .double-slider .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px; }
  .double-slider .ui-selectable {
    -ms-touch-action: none;
    touch-action: none; }
  .double-slider .ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black; }
  .double-slider .ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none; }
  .double-slider .ui-selectmenu-menu .ui-menu {
    overflow: auto;
    /* Support: IE7 */
    overflow-x: hidden;
    padding-bottom: 1px; }
  .double-slider .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0; }
  .double-slider .ui-selectmenu-open {
    display: block; }
  .double-slider .ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer; }
  .double-slider .ui-selectmenu-button span.ui-icon {
    right: 0.5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%; }
  .double-slider .ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 0.4em 2.1em 0.4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .double-slider .ui-slider {
    position: relative;
    text-align: left; }
  .double-slider .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none; }
  .double-slider .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0; }
  .double-slider .ui-slider.ui-state-disabled .ui-slider-handle,
  .double-slider .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit; }
  .double-slider .ui-slider-horizontal {
    height: .8em; }
  .double-slider .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em; }
  .double-slider .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%; }
  .double-slider .ui-slider-horizontal .ui-slider-range-min {
    left: 0; }
  .double-slider .ui-slider-horizontal .ui-slider-range-max {
    right: 0; }
  .double-slider .ui-slider-vertical {
    width: .8em;
    height: 100px; }
  .double-slider .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em; }
  .double-slider .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%; }
  .double-slider .ui-slider-vertical .ui-slider-range-min {
    bottom: 0; }
  .double-slider .ui-slider-vertical .ui-slider-range-max {
    top: 0; }
  .double-slider .ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none; }
  .double-slider .ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle; }
  .double-slider .ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px; }
  .double-slider .ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0; }
  .double-slider .ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none; }
  .double-slider .ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0; }
  .double-slider .ui-spinner-up {
    top: 0; }
  .double-slider .ui-spinner-down {
    bottom: 0; }
  .double-slider .ui-spinner .ui-icon-triangle-1-s {
    /* need to fix icons sprite */
    background-position: -65px -16px; }
  .double-slider .ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em; }
  .double-slider .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0; }
  .double-slider .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap; }
  .double-slider .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none; }
  .double-slider .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px; }
  .double-slider .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
  .double-slider .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
  .double-slider .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text; }
  .double-slider .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer; }
  .double-slider .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none; }
  .double-slider .ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa; }
  .double-slider body .ui-tooltip {
    border-width: 2px; }
  .double-slider .ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em; }
  .double-slider .ui-widget .ui-widget {
    font-size: 1em; }
  .double-slider .ui-widget input,
  .double-slider .ui-widget select,
  .double-slider .ui-widget textarea,
  .double-slider .ui-widget button {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1em; }
  .double-slider .ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
    color: #333333; }
  .double-slider .ui-widget-content a {
    color: #333333; }
  .double-slider .ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold; }
  .double-slider .ui-widget-header a {
    color: #ffffff; }
  .double-slider .ui-state-default,
  .double-slider .ui-widget-content .ui-state-default,
  .double-slider .ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4; }
  .double-slider .ui-state-default a,
  .double-slider .ui-state-default a:link,
  .double-slider .ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none; }
  .double-slider .ui-state-hover,
  .double-slider .ui-widget-content .ui-state-hover,
  .double-slider .ui-widget-header .ui-state-hover,
  .double-slider .ui-state-focus,
  .double-slider .ui-widget-content .ui-state-focus,
  .double-slider .ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405; }
  .double-slider .ui-state-hover a,
  .double-slider .ui-state-hover a:hover,
  .double-slider .ui-state-hover a:link,
  .double-slider .ui-state-hover a:visited,
  .double-slider .ui-state-focus a,
  .double-slider .ui-state-focus a:hover,
  .double-slider .ui-state-focus a:link,
  .double-slider .ui-state-focus a:visited {
    color: #c77405;
    text-decoration: none; }
  .double-slider .ui-state-active,
  .double-slider .ui-widget-content .ui-state-active,
  .double-slider .ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00; }
  .double-slider .ui-state-active a,
  .double-slider .ui-state-active a:link,
  .double-slider .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none; }
  .double-slider .ui-state-highlight,
  .double-slider .ui-widget-content .ui-state-highlight,
  .double-slider .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
    color: #363636; }
  .double-slider .ui-state-highlight a,
  .double-slider .ui-widget-content .ui-state-highlight a,
  .double-slider .ui-widget-header .ui-state-highlight a {
    color: #363636; }
  .double-slider .ui-state-error,
  .double-slider .ui-widget-content .ui-state-error,
  .double-slider .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
    color: #ffffff; }
  .double-slider .ui-state-error a,
  .double-slider .ui-widget-content .ui-state-error a,
  .double-slider .ui-widget-header .ui-state-error a {
    color: #ffffff; }
  .double-slider .ui-state-error-text,
  .double-slider .ui-widget-content .ui-state-error-text,
  .double-slider .ui-widget-header .ui-state-error-text {
    color: #ffffff; }
  .double-slider .ui-priority-primary,
  .double-slider .ui-widget-content .ui-priority-primary,
  .double-slider .ui-widget-header .ui-priority-primary {
    font-weight: bold; }
  .double-slider .ui-priority-secondary,
  .double-slider .ui-widget-content .ui-priority-secondary,
  .double-slider .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal; }
  .double-slider .ui-state-disabled,
  .double-slider .ui-widget-content .ui-state-disabled,
  .double-slider .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none; }
  .double-slider .ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */ }
  .double-slider .ui-icon {
    width: 16px;
    height: 16px; }
  .double-slider .ui-icon,
  .double-slider .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png"); }
  .double-slider .ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png"); }
  .double-slider .ui-state-default .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png"); }
  .double-slider .ui-state-hover .ui-icon,
  .double-slider .ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png"); }
  .double-slider .ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png"); }
  .double-slider .ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_228ef1_256x240.png"); }
  .double-slider .ui-state-error .ui-icon,
  .double-slider .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ffd27a_256x240.png"); }
  .double-slider .ui-icon-blank {
    background-position: 16px 16px; }
  .double-slider .ui-icon-carat-1-n {
    background-position: 0 0; }
  .double-slider .ui-icon-carat-1-ne {
    background-position: -16px 0; }
  .double-slider .ui-icon-carat-1-e {
    background-position: -32px 0; }
  .double-slider .ui-icon-carat-1-se {
    background-position: -48px 0; }
  .double-slider .ui-icon-carat-1-s {
    background-position: -64px 0; }
  .double-slider .ui-icon-carat-1-sw {
    background-position: -80px 0; }
  .double-slider .ui-icon-carat-1-w {
    background-position: -96px 0; }
  .double-slider .ui-icon-carat-1-nw {
    background-position: -112px 0; }
  .double-slider .ui-icon-carat-2-n-s {
    background-position: -128px 0; }
  .double-slider .ui-icon-carat-2-e-w {
    background-position: -144px 0; }
  .double-slider .ui-icon-triangle-1-n {
    background-position: 0 -16px; }
  .double-slider .ui-icon-triangle-1-ne {
    background-position: -16px -16px; }
  .double-slider .ui-icon-triangle-1-e {
    background-position: -32px -16px; }
  .double-slider .ui-icon-triangle-1-se {
    background-position: -48px -16px; }
  .double-slider .ui-icon-triangle-1-s {
    background-position: -64px -16px; }
  .double-slider .ui-icon-triangle-1-sw {
    background-position: -80px -16px; }
  .double-slider .ui-icon-triangle-1-w {
    background-position: -96px -16px; }
  .double-slider .ui-icon-triangle-1-nw {
    background-position: -112px -16px; }
  .double-slider .ui-icon-triangle-2-n-s {
    background-position: -128px -16px; }
  .double-slider .ui-icon-triangle-2-e-w {
    background-position: -144px -16px; }
  .double-slider .ui-icon-arrow-1-n {
    background-position: 0 -32px; }
  .double-slider .ui-icon-arrow-1-ne {
    background-position: -16px -32px; }
  .double-slider .ui-icon-arrow-1-e {
    background-position: -32px -32px; }
  .double-slider .ui-icon-arrow-1-se {
    background-position: -48px -32px; }
  .double-slider .ui-icon-arrow-1-s {
    background-position: -64px -32px; }
  .double-slider .ui-icon-arrow-1-sw {
    background-position: -80px -32px; }
  .double-slider .ui-icon-arrow-1-w {
    background-position: -96px -32px; }
  .double-slider .ui-icon-arrow-1-nw {
    background-position: -112px -32px; }
  .double-slider .ui-icon-arrow-2-n-s {
    background-position: -128px -32px; }
  .double-slider .ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px; }
  .double-slider .ui-icon-arrow-2-e-w {
    background-position: -160px -32px; }
  .double-slider .ui-icon-arrow-2-se-nw {
    background-position: -176px -32px; }
  .double-slider .ui-icon-arrowstop-1-n {
    background-position: -192px -32px; }
  .double-slider .ui-icon-arrowstop-1-e {
    background-position: -208px -32px; }
  .double-slider .ui-icon-arrowstop-1-s {
    background-position: -224px -32px; }
  .double-slider .ui-icon-arrowstop-1-w {
    background-position: -240px -32px; }
  .double-slider .ui-icon-arrowthick-1-n {
    background-position: 0 -48px; }
  .double-slider .ui-icon-arrowthick-1-ne {
    background-position: -16px -48px; }
  .double-slider .ui-icon-arrowthick-1-e {
    background-position: -32px -48px; }
  .double-slider .ui-icon-arrowthick-1-se {
    background-position: -48px -48px; }
  .double-slider .ui-icon-arrowthick-1-s {
    background-position: -64px -48px; }
  .double-slider .ui-icon-arrowthick-1-sw {
    background-position: -80px -48px; }
  .double-slider .ui-icon-arrowthick-1-w {
    background-position: -96px -48px; }
  .double-slider .ui-icon-arrowthick-1-nw {
    background-position: -112px -48px; }
  .double-slider .ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px; }
  .double-slider .ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px; }
  .double-slider .ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px; }
  .double-slider .ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px; }
  .double-slider .ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px; }
  .double-slider .ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px; }
  .double-slider .ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px; }
  .double-slider .ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px; }
  .double-slider .ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px; }
  .double-slider .ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px; }
  .double-slider .ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px; }
  .double-slider .ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px; }
  .double-slider .ui-icon-arrowreturn-1-w {
    background-position: -64px -64px; }
  .double-slider .ui-icon-arrowreturn-1-n {
    background-position: -80px -64px; }
  .double-slider .ui-icon-arrowreturn-1-e {
    background-position: -96px -64px; }
  .double-slider .ui-icon-arrowreturn-1-s {
    background-position: -112px -64px; }
  .double-slider .ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px; }
  .double-slider .ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px; }
  .double-slider .ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px; }
  .double-slider .ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px; }
  .double-slider .ui-icon-arrow-4 {
    background-position: 0 -80px; }
  .double-slider .ui-icon-arrow-4-diag {
    background-position: -16px -80px; }
  .double-slider .ui-icon-extlink {
    background-position: -32px -80px; }
  .double-slider .ui-icon-newwin {
    background-position: -48px -80px; }
  .double-slider .ui-icon-refresh {
    background-position: -64px -80px; }
  .double-slider .ui-icon-shuffle {
    background-position: -80px -80px; }
  .double-slider .ui-icon-transfer-e-w {
    background-position: -96px -80px; }
  .double-slider .ui-icon-transferthick-e-w {
    background-position: -112px -80px; }
  .double-slider .ui-icon-folder-collapsed {
    background-position: 0 -96px; }
  .double-slider .ui-icon-folder-open {
    background-position: -16px -96px; }
  .double-slider .ui-icon-document {
    background-position: -32px -96px; }
  .double-slider .ui-icon-document-b {
    background-position: -48px -96px; }
  .double-slider .ui-icon-note {
    background-position: -64px -96px; }
  .double-slider .ui-icon-mail-closed {
    background-position: -80px -96px; }
  .double-slider .ui-icon-mail-open {
    background-position: -96px -96px; }
  .double-slider .ui-icon-suitcase {
    background-position: -112px -96px; }
  .double-slider .ui-icon-comment {
    background-position: -128px -96px; }
  .double-slider .ui-icon-person {
    background-position: -144px -96px; }
  .double-slider .ui-icon-print {
    background-position: -160px -96px; }
  .double-slider .ui-icon-trash {
    background-position: -176px -96px; }
  .double-slider .ui-icon-locked {
    background-position: -192px -96px; }
  .double-slider .ui-icon-unlocked {
    background-position: -208px -96px; }
  .double-slider .ui-icon-bookmark {
    background-position: -224px -96px; }
  .double-slider .ui-icon-tag {
    background-position: -240px -96px; }
  .double-slider .ui-icon-home {
    background-position: 0 -112px; }
  .double-slider .ui-icon-flag {
    background-position: -16px -112px; }
  .double-slider .ui-icon-calendar {
    background-position: -32px -112px; }
  .double-slider .ui-icon-cart {
    background-position: -48px -112px; }
  .double-slider .ui-icon-pencil {
    background-position: -64px -112px; }
  .double-slider .ui-icon-clock {
    background-position: -80px -112px; }
  .double-slider .ui-icon-disk {
    background-position: -96px -112px; }
  .double-slider .ui-icon-calculator {
    background-position: -112px -112px; }
  .double-slider .ui-icon-zoomin {
    background-position: -128px -112px; }
  .double-slider .ui-icon-zoomout {
    background-position: -144px -112px; }
  .double-slider .ui-icon-search {
    background-position: -160px -112px; }
  .double-slider .ui-icon-wrench {
    background-position: -176px -112px; }
  .double-slider .ui-icon-gear {
    background-position: -192px -112px; }
  .double-slider .ui-icon-heart {
    background-position: -208px -112px; }
  .double-slider .ui-icon-star {
    background-position: -224px -112px; }
  .double-slider .ui-icon-link {
    background-position: -240px -112px; }
  .double-slider .ui-icon-cancel {
    background-position: 0 -128px; }
  .double-slider .ui-icon-plus {
    background-position: -16px -128px; }
  .double-slider .ui-icon-plusthick {
    background-position: -32px -128px; }
  .double-slider .ui-icon-minus {
    background-position: -48px -128px; }
  .double-slider .ui-icon-minusthick {
    background-position: -64px -128px; }
  .double-slider .ui-icon-close {
    background-position: -80px -128px; }
  .double-slider .ui-icon-closethick {
    background-position: -96px -128px; }
  .double-slider .ui-icon-key {
    background-position: -112px -128px; }
  .double-slider .ui-icon-lightbulb {
    background-position: -128px -128px; }
  .double-slider .ui-icon-scissors {
    background-position: -144px -128px; }
  .double-slider .ui-icon-clipboard {
    background-position: -160px -128px; }
  .double-slider .ui-icon-copy {
    background-position: -176px -128px; }
  .double-slider .ui-icon-contact {
    background-position: -192px -128px; }
  .double-slider .ui-icon-image {
    background-position: -208px -128px; }
  .double-slider .ui-icon-video {
    background-position: -224px -128px; }
  .double-slider .ui-icon-script {
    background-position: -240px -128px; }
  .double-slider .ui-icon-alert {
    background-position: 0 -144px; }
  .double-slider .ui-icon-info {
    background-position: -16px -144px; }
  .double-slider .ui-icon-notice {
    background-position: -32px -144px; }
  .double-slider .ui-icon-help {
    background-position: -48px -144px; }
  .double-slider .ui-icon-check {
    background-position: -64px -144px; }
  .double-slider .ui-icon-bullet {
    background-position: -80px -144px; }
  .double-slider .ui-icon-radio-on {
    background-position: -96px -144px; }
  .double-slider .ui-icon-radio-off {
    background-position: -112px -144px; }
  .double-slider .ui-icon-pin-w {
    background-position: -128px -144px; }
  .double-slider .ui-icon-pin-s {
    background-position: -144px -144px; }
  .double-slider .ui-icon-play {
    background-position: 0 -160px; }
  .double-slider .ui-icon-pause {
    background-position: -16px -160px; }
  .double-slider .ui-icon-seek-next {
    background-position: -32px -160px; }
  .double-slider .ui-icon-seek-prev {
    background-position: -48px -160px; }
  .double-slider .ui-icon-seek-end {
    background-position: -64px -160px; }
  .double-slider .ui-icon-seek-start {
    background-position: -80px -160px; }
  .double-slider .ui-icon-seek-first {
    background-position: -80px -160px; }
  .double-slider .ui-icon-stop {
    background-position: -96px -160px; }
  .double-slider .ui-icon-eject {
    background-position: -112px -160px; }
  .double-slider .ui-icon-volume-off {
    background-position: -128px -160px; }
  .double-slider .ui-icon-volume-on {
    background-position: -144px -160px; }
  .double-slider .ui-icon-power {
    background-position: 0 -176px; }
  .double-slider .ui-icon-signal-diag {
    background-position: -16px -176px; }
  .double-slider .ui-icon-signal {
    background-position: -32px -176px; }
  .double-slider .ui-icon-battery-0 {
    background-position: -48px -176px; }
  .double-slider .ui-icon-battery-1 {
    background-position: -64px -176px; }
  .double-slider .ui-icon-battery-2 {
    background-position: -80px -176px; }
  .double-slider .ui-icon-battery-3 {
    background-position: -96px -176px; }
  .double-slider .ui-icon-circle-plus {
    background-position: 0 -192px; }
  .double-slider .ui-icon-circle-minus {
    background-position: -16px -192px; }
  .double-slider .ui-icon-circle-close {
    background-position: -32px -192px; }
  .double-slider .ui-icon-circle-triangle-e {
    background-position: -48px -192px; }
  .double-slider .ui-icon-circle-triangle-s {
    background-position: -64px -192px; }
  .double-slider .ui-icon-circle-triangle-w {
    background-position: -80px -192px; }
  .double-slider .ui-icon-circle-triangle-n {
    background-position: -96px -192px; }
  .double-slider .ui-icon-circle-arrow-e {
    background-position: -112px -192px; }
  .double-slider .ui-icon-circle-arrow-s {
    background-position: -128px -192px; }
  .double-slider .ui-icon-circle-arrow-w {
    background-position: -144px -192px; }
  .double-slider .ui-icon-circle-arrow-n {
    background-position: -160px -192px; }
  .double-slider .ui-icon-circle-zoomin {
    background-position: -176px -192px; }
  .double-slider .ui-icon-circle-zoomout {
    background-position: -192px -192px; }
  .double-slider .ui-icon-circle-check {
    background-position: -208px -192px; }
  .double-slider .ui-icon-circlesmall-plus {
    background-position: 0 -208px; }
  .double-slider .ui-icon-circlesmall-minus {
    background-position: -16px -208px; }
  .double-slider .ui-icon-circlesmall-close {
    background-position: -32px -208px; }
  .double-slider .ui-icon-squaresmall-plus {
    background-position: -48px -208px; }
  .double-slider .ui-icon-squaresmall-minus {
    background-position: -64px -208px; }
  .double-slider .ui-icon-squaresmall-close {
    background-position: -80px -208px; }
  .double-slider .ui-icon-grip-dotted-vertical {
    background-position: 0 -224px; }
  .double-slider .ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px; }
  .double-slider .ui-icon-grip-solid-vertical {
    background-position: -32px -224px; }
  .double-slider .ui-icon-grip-solid-horizontal {
    background-position: -48px -224px; }
  .double-slider .ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px; }
  .double-slider .ui-icon-grip-diagonal-se {
    background-position: -80px -224px; }
  .double-slider .ui-corner-all,
  .double-slider .ui-corner-top,
  .double-slider .ui-corner-left,
  .double-slider .ui-corner-tl {
    border-top-left-radius: 4px; }
  .double-slider .ui-corner-all,
  .double-slider .ui-corner-top,
  .double-slider .ui-corner-right,
  .double-slider .ui-corner-tr {
    border-top-right-radius: 4px; }
  .double-slider .ui-corner-all,
  .double-slider .ui-corner-bottom,
  .double-slider .ui-corner-left,
  .double-slider .ui-corner-bl {
    border-bottom-left-radius: 4px; }
  .double-slider .ui-corner-all,
  .double-slider .ui-corner-bottom,
  .double-slider .ui-corner-right,
  .double-slider .ui-corner-br {
    border-bottom-right-radius: 4px; }
  .double-slider .ui-widget-overlay {
    background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50);
    /* support: IE8 */ }
  .double-slider .ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    /* support: IE8 */
    border-radius: 5px; }

.qr-reader .qr-content {
  width: 100%;
  padding: 10px;
  background: #fbfbfb;
  border: 1px solid #dddddd;
  position: relative; }
  @media only screen and (min-width: 30em) {
    .qr-reader .qr-content .send-link-btn {
      margin-right: 0; } }
  @media only screen and (min-width: 75em) {
    .qr-reader .qr-content .send-link-btn {
      margin-right: 40px; } }
  @media only screen and (min-width: 75em) {
    .qr-reader .qr-content .qr-print-btn {
      display: block;
      position: absolute;
      top: 10px;
      right: 10px; } }
  .qr-reader .qr-content .qr-code canvas {
    width: 100px;
    height: 100px; }

navigation-tabs {
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  navigation-tabs .navigation-tabs {
    width: 50px; }
    @media only screen and (min-width: 64em) {
      navigation-tabs .navigation-tabs {
        width: initial; } }
    navigation-tabs .navigation-tabs.show-drawer::before {
      content: '';
      position: fixed;
      top: 50px;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.2); }
    navigation-tabs .navigation-tabs .navigation-tab {
      position: relative;
      min-width: 100px;
      height: 50px;
      cursor: pointer;
      transition: background-color 0.2s ease; }
      @media only screen and (min-width: 110em) {
        navigation-tabs .navigation-tabs .navigation-tab {
          min-width: 130px; } }
      navigation-tabs .navigation-tabs .navigation-tab:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 5px;
        transition: background-color 0.2s ease; }
      navigation-tabs .navigation-tabs .navigation-tab.active:after {
        background-color: #10FFC3; }
      navigation-tabs .navigation-tabs .navigation-tab.active .navigation-tab-title {
        opacity: 1; }
      @media (hover: hover) {
        navigation-tabs .navigation-tabs .navigation-tab:not(.touch-device):hover {
          background-color: rgba(0, 0, 0, 0.05); }
          navigation-tabs .navigation-tabs .navigation-tab:not(.touch-device):hover .navigation-tab-dropdown {
            display: block; } }
      navigation-tabs .navigation-tabs .navigation-tab .navigation-tab-title {
        padding: 0 10px;
        line-height: 50px;
        font-size: 1.6rem;
        text-align: center;
        color: #10FFC3;
        white-space: nowrap;
        opacity: 0.8; }
      @media only screen and (min-width: 110em) {
        navigation-tabs .navigation-tabs .navigation-tab {
          padding: 0 20px; } }
      navigation-tabs .navigation-tabs .navigation-tab .navigation-tab-dropdown {
        display: none;
        position: absolute;
        top: 50px;
        left: 0;
        min-width: 160px;
        padding: 5px 0;
        background-color: #ffffff;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
        z-index: 1; }
        navigation-tabs .navigation-tabs .navigation-tab .navigation-tab-dropdown .navigation-tab-dropdown-text {
          position: relative;
          height: 30px;
          padding: 0 10px;
          line-height: 30px;
          white-space: nowrap;
          cursor: pointer;
          transition: background-color 0.2s ease; }
          navigation-tabs .navigation-tabs .navigation-tab .navigation-tab-dropdown .navigation-tab-dropdown-text.icon-type-font:before {
            content: attr(data-icon);
            position: absolute;
            top: 0;
            left: 15px;
            width: 20px;
            height: 20px;
            font-size: 2rem;
            font-family: 'Material Icons', sans-serif;
            -ms-font-feature-settings: 'liga';
            font-feature-settings: 'liga';
            -webkit-font-smoothing: antialiased; }
          navigation-tabs .navigation-tabs .navigation-tab .navigation-tab-dropdown .navigation-tab-dropdown-text:hover {
            background-color: rgba(0, 0, 0, 0.05); }
            navigation-tabs .navigation-tabs .navigation-tab .navigation-tab-dropdown .navigation-tab-dropdown-text:hover .nested-navigation-tab-dropdown {
              display: block; }
          navigation-tabs .navigation-tabs .navigation-tab .navigation-tab-dropdown .navigation-tab-dropdown-text.has-nested-nav {
            padding-right: 30px; }
            navigation-tabs .navigation-tabs .navigation-tab .navigation-tab-dropdown .navigation-tab-dropdown-text.has-nested-nav:after {
              content: 'keyboard_arrow_right';
              position: absolute;
              top: 0;
              right: 5px;
              color: #797979;
              font-family: 'Material Icons', sans-serif;
              -ms-font-feature-settings: 'liga';
              font-feature-settings: 'liga';
              -webkit-font-smoothing: antialiased;
              font-size: 2.4rem; }
          navigation-tabs .navigation-tabs .navigation-tab .navigation-tab-dropdown .navigation-tab-dropdown-text .nested-navigation-tab-dropdown {
            display: none;
            position: absolute;
            left: calc(100% + -6px);
            top: 5px;
            min-width: 160px;
            padding: 5px 0;
            background-color: #ffffff;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
            z-index: 1; }
            navigation-tabs .navigation-tabs .navigation-tab .navigation-tab-dropdown .navigation-tab-dropdown-text .nested-navigation-tab-dropdown .nested-navigation-tab-dropdown-text {
              position: relative;
              height: 30px;
              padding: 0 10px;
              line-height: 30px;
              white-space: nowrap;
              cursor: pointer;
              transition: background-color 0.2s ease; }
              navigation-tabs .navigation-tabs .navigation-tab .navigation-tab-dropdown .navigation-tab-dropdown-text .nested-navigation-tab-dropdown .nested-navigation-tab-dropdown-text:hover {
                background-color: rgba(0, 0, 0, 0.05); }
      navigation-tabs .navigation-tabs .navigation-tab.has-icons .navigation-tab-dropdown .navigation-tab-dropdown-text {
        padding-left: 40px; }
    navigation-tabs .navigation-tabs .navigation-tab-menu {
      cursor: pointer; }
      navigation-tabs .navigation-tabs .navigation-tab-menu .material-icons, navigation-tabs .navigation-tabs .navigation-tab-menu .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs .breadcrumbs-item:before, .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs navigation-tabs .navigation-tabs .navigation-tab-menu .breadcrumbs-item:before, navigation-tabs .navigation-tabs .navigation-tab-menu .page-onboarding-request-content .offerings-selected .onboarding-offer .content .image.fallback-image:after, .page-onboarding-request-content .offerings-selected .onboarding-offer .content navigation-tabs .navigation-tabs .navigation-tab-menu .image.fallback-image:after, navigation-tabs .navigation-tabs .navigation-tab-menu .page-offerings-criteria-config .configs-list .configs .config.config-selected .config-name:after, .page-offerings-criteria-config .configs-list .configs .config.config-selected navigation-tabs .navigation-tabs .navigation-tab-menu .config-name:after, navigation-tabs .navigation-tabs .navigation-tab-menu .page-onboarding-offerings .onboarding-offer .content .image.fallback-image:after, .page-onboarding-offerings .onboarding-offer .content navigation-tabs .navigation-tabs .navigation-tab-menu .image.fallback-image:after, navigation-tabs .navigation-tabs .navigation-tab-menu .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .image.fallback-image:after, .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content navigation-tabs .navigation-tabs .navigation-tab-menu .image.fallback-image:after {
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #10FFC3; }
      @media (hover: hover) {
        navigation-tabs .navigation-tabs .navigation-tab-menu:hover {
          background-color: rgba(0, 0, 0, 0.05); } }
    navigation-tabs .navigation-tabs .navigation-drawer {
      width: 300px;
      position: fixed;
      top: 50px;
      bottom: 0;
      right: -300px;
      background: #FFFFFF;
      z-index: 2;
      overflow: auto;
      outline: none;
      transition: right 0.2s ease; }
      navigation-tabs .navigation-tabs .navigation-drawer.show {
        right: 0;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }
      navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent; }
      navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items::-webkit-scrollbar-thumb {
        background-color: #cecece;
        border-radius: 2.5px; }
      navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items .navigation-drawer-item {
        position: relative;
        display: flex;
        flex-direction: column;
        cursor: pointer;
        transition: background-color 0.1s ease; }
        navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items .navigation-drawer-item.active {
          background-color: rgba(16, 255, 195, 0.075); }
          navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items .navigation-drawer-item.active::after {
            content: '';
            width: 5px;
            height: 50px;
            background-color: #10FFC3;
            position: absolute;
            left: 0;
            top: 0; }
        @media (hover: hover) {
          navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items .navigation-drawer-item:hover {
            background: rgba(16, 255, 195, 0.025); } }
        navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items .navigation-drawer-item.open {
          background: rgba(16, 255, 195, 0.025); }
          navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items .navigation-drawer-item.open > .navigation-drawer-item-arrow:after {
            transform: rotateX(180deg); }
      navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items .navigation-drawer-item-title {
        display: flex;
        padding: 0 15px;
        line-height: 50px;
        font-size: 1.6rem;
        text-align: left;
        white-space: nowrap;
        opacity: 0.8; }
        navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items .navigation-drawer-item-title.navigation-drawer-item-arrow::after {
          display: flex;
          width: 20px;
          margin-left: auto;
          content: 'keyboard_arrow_down';
          font-family: 'Material Icons', sans-serif;
          -ms-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
          -webkit-font-smoothing: antialiased;
          transition: transform 0.2s ease;
          font-size: 2.4rem;
          transform-origin: center; }
      navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items .navigation-drawer-submenu {
        overflow: hidden;
        display: none; }
        navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items .navigation-drawer-submenu .navigation-drawer-item {
          transition: box-shadow 0.1s ease; }
          navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items .navigation-drawer-submenu .navigation-drawer-item:focus {
            box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); }
          navigation-tabs .navigation-tabs .navigation-drawer .navigation-drawer-items .navigation-drawer-submenu .navigation-drawer-item .navigation-drawer-item-title.icon-type-font::before {
            display: inline-block;
            content: attr(data-icon);
            min-width: 20px;
            height: 100%;
            font-size: 1.8rem;
            font-family: 'Material Icons', sans-serif;
            -ms-font-feature-settings: 'liga';
            font-feature-settings: 'liga';
            -webkit-font-smoothing: antialiased;
            padding-right: 10px; }

notification {
  display: block;
  position: fixed;
  bottom: 50px;
  right: 10px;
  z-index: 1000; }
  notification .notification {
    flex-wrap: nowrap;
    min-width: 300px;
    max-width: 500px;
    min-height: 70px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 5px;
    z-index: 1000;
    will-change: transform;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    animation: keyframe-notification-slide-left 0.3s cubic-bezier(0.4, 0, 1, 1);
    max-height: calc(100vh - 120px); }
    @media only screen and (min-width: 30em) {
      notification .notification {
        min-width: 360px; } }
    @media only screen and (min-width: 48em) {
      notification .notification {
        min-width: 400px; } }
    notification .notification .notification-icon {
      position: relative;
      width: 50px;
      min-width: 50px;
      height: 50px;
      min-height: 50px;
      background: #ffffff;
      border-radius: 50%; }
      notification .notification .notification-icon:after {
        -ms-font-feature-settings: 'liga';
        font-feature-settings: 'liga';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        font-family: 'Material Icons', sans-serif;
        -ms-font-feature-settings: 'liga';
        font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
        font-size: 30px;
        line-height: 50px;
        text-align: center;
        color: #ffffff; }
      notification .notification .notification-icon.error {
        background-color: #d9534f;
        box-shadow: 0 0 5px #d9534f; }
        notification .notification .notification-icon.error:after {
          content: 'close'; }
      notification .notification .notification-icon.warning {
        background-color: #f0ad4e;
        box-shadow: 0 0 5px #f0ad4e; }
        notification .notification .notification-icon.warning:after {
          content: 'warning'; }
      notification .notification .notification-icon.info {
        background-color: #5bc0de;
        box-shadow: 0 0 5px #5bc0de; }
        notification .notification .notification-icon.info:after {
          content: 'priority_high'; }
      notification .notification .notification-icon.success {
        background-color: #5cb85c;
        box-shadow: 0 0 5px #5cb85c; }
        notification .notification .notification-icon.success:after {
          content: 'done'; }
    notification .notification .notification-details {
      padding-left: 10px; }
      notification .notification .notification-details .title {
        max-width: 440px;
        padding-right: 15px;
        font-size: 1.6rem;
        line-height: 2.2rem; }
      notification .notification .notification-details .description {
        padding-bottom: 5px;
        font-size: 1.2rem;
        line-height: 1.6rem;
        white-space: pre-wrap;
        opacity: 0.9; }
        notification .notification .notification-details .description::-webkit-scrollbar {
          width: 6px;
          height: 6px; }
        notification .notification .notification-details .description::-webkit-scrollbar-track {
          -webkit-box-shadow: none;
          background-color: transparent; }
        notification .notification .notification-details .description::-webkit-scrollbar-thumb {
          background-color: #cecece;
          border-radius: 2.5px; }
    notification .notification .notification-close {
      position: absolute;
      top: 5px;
      right: 5px;
      color: rgba(0, 0, 0, 0.3);
      font-size: 1.8rem;
      transition: color 0.2s ease; }
      @media only screen and (min-width: 64em) {
        notification .notification .notification-close:hover {
          color: #d9534f;
          border-radius: 2px;
          cursor: pointer; } }
  notification .hide {
    -webkit-transform: translate(500px, 0);
    transform: translate(500px, 0);
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 1, 1);
    pointer-events: auto; }

@keyframes keyframe-notification-slide-left {
  0% {
    transform: translateX(500px); }
  100% {
    transform: translateX(0); } }

alerts .active-alerts {
  position: absolute;
  top: 38px;
  right: -40px;
  width: 300px;
  border-radius: 5px;
  background: #ffffff;
  box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2); }
  @media only screen and (min-width: 48em) {
    alerts .active-alerts {
      width: 400px; } }
  alerts .active-alerts:before {
    content: '';
    position: absolute;
    right: 45px;
    margin: -10px 0 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #10FFC3; }
  alerts .active-alerts .alert-header {
    height: 10px;
    flex-shrink: 0;
    background: #10FFC3;
    border-radius: 5px 5px 0 0; }
    alerts .active-alerts .alert-header .title {
      padding-left: 10px;
      color: #ffffff; }
    alerts .active-alerts .alert-header .search {
      display: none;
      position: relative;
      height: 24px;
      padding-right: 10px; }
      alerts .active-alerts .alert-header .search .textbox-search {
        width: 120px;
        height: 24px;
        padding: 0 40px 0 10px;
        line-height: 24px;
        outline: none;
        border-radius: 12px;
        border: none;
        background-color: #00c392;
        color: #ffffff; }
        @media only screen and (min-width: 48em) {
          alerts .active-alerts .alert-header .search .textbox-search {
            width: 180px; } }
        alerts .active-alerts .alert-header .search .textbox-search:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px white inset; }
        alerts .active-alerts .alert-header .search .textbox-search::-webkit-input-placeholder {
          color: #c4c4c4; }
        alerts .active-alerts .alert-header .search .textbox-search:-ms-input-placeholder {
          color: #c4c4c4; }
        alerts .active-alerts .alert-header .search .textbox-search::input-placeholder {
          color: #c4c4c4; }
        alerts .active-alerts .alert-header .search .textbox-search:-webkit-outer-spin-button, alerts .active-alerts .alert-header .search .textbox-search:-webkit-inner-spin-button {
          -webkit-appearance: none; }
      alerts .active-alerts .alert-header .search .icon-search {
        position: absolute;
        top: 0;
        right: 15px;
        color: #ffffff;
        font-size: 2rem;
        line-height: 24px;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: all 0.3s linear; }
        @media only screen and (min-width: 64em) {
          alerts .active-alerts .alert-header .search .icon-search:hover {
            opacity: 0.7; } }
        alerts .active-alerts .alert-header .search .icon-search:active {
          transform: scale(0.9, 0.9); }
  alerts .active-alerts .alert-list {
    max-height: 400px;
    overflow-y: auto; }
    alerts .active-alerts .alert-list::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
    alerts .active-alerts .alert-list::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      background-color: transparent; }
    alerts .active-alerts .alert-list::-webkit-scrollbar-thumb {
      background-color: #cecece;
      border-radius: 2.5px; }
    alerts .active-alerts .alert-list .alert-container {
      position: relative;
      padding: 10px 15px;
      border-bottom: 1px solid #f5f5f5; }
      alerts .active-alerts .alert-list .alert-container .notification .notification-icon {
        position: relative;
        width: 50px;
        min-width: 50px;
        height: 50px;
        min-height: 50px;
        background: #ffffff;
        border-radius: 50%; }
        alerts .active-alerts .alert-list .alert-container .notification .notification-icon:after {
          -ms-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          font-family: 'Material Icons', sans-serif;
          -ms-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
          -webkit-font-smoothing: antialiased;
          font-size: 30px;
          line-height: 50px;
          text-align: center;
          color: #ffffff; }
        alerts .active-alerts .alert-list .alert-container .notification .notification-icon.error {
          background-color: #d9534f;
          box-shadow: 0 0 5px #d9534f; }
          alerts .active-alerts .alert-list .alert-container .notification .notification-icon.error:after {
            content: 'close'; }
        alerts .active-alerts .alert-list .alert-container .notification .notification-icon.warning {
          background-color: #f0ad4e;
          box-shadow: 0 0 5px #f0ad4e; }
          alerts .active-alerts .alert-list .alert-container .notification .notification-icon.warning:after {
            content: 'warning'; }
        alerts .active-alerts .alert-list .alert-container .notification .notification-icon.info {
          background-color: #5bc0de;
          box-shadow: 0 0 5px #5bc0de; }
          alerts .active-alerts .alert-list .alert-container .notification .notification-icon.info:after {
            content: 'priority_high'; }
        alerts .active-alerts .alert-list .alert-container .notification .notification-icon.done {
          background-color: #5cb85c;
          box-shadow: 0 0 5px #d9534f; }
          alerts .active-alerts .alert-list .alert-container .notification .notification-icon.done:after {
            content: 'done'; }
        alerts .active-alerts .alert-list .alert-container .notification .notification-icon.reminder {
          background-color: #d9534f;
          box-shadow: 0 0 5px #d9534f; }
          alerts .active-alerts .alert-list .alert-container .notification .notification-icon.reminder:after {
            content: 'alarm'; }
        alerts .active-alerts .alert-list .alert-container .notification .notification-icon.videocam {
          background-color: #5bc0de;
          box-shadow: 0 0 5px #5bc0de; }
          alerts .active-alerts .alert-list .alert-container .notification .notification-icon.videocam:after {
            content: 'videocam'; }
        alerts .active-alerts .alert-list .alert-container .notification .notification-icon.success {
          background-color: #5cb85c;
          box-shadow: 0 0 5px #5cb85c; }
          alerts .active-alerts .alert-list .alert-container .notification .notification-icon.success:after {
            content: 'done'; }
      alerts .active-alerts .alert-list .alert-container .notification .notification-details {
        padding-left: 20px; }
        alerts .active-alerts .alert-list .alert-container .notification .notification-details .title {
          display: block;
          max-width: 440px;
          padding-right: 15px;
          font-size: 1.4rem; }
        alerts .active-alerts .alert-list .alert-container .notification .notification-details .description {
          display: block;
          font-size: 1.2rem;
          white-space: pre-wrap;
          opacity: 0.9; }
        alerts .active-alerts .alert-list .alert-container .notification .notification-details .date {
          display: block;
          font-size: 1rem;
          opacity: 0.7; }
      alerts .active-alerts .alert-list .alert-container .notification .notification-close {
        position: absolute;
        top: 5px;
        right: 5px;
        color: #d2d2d2;
        font-size: 1.8rem;
        transition: color 0.2s ease;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        @media only screen and (min-width: 64em) {
          alerts .active-alerts .alert-list .alert-container .notification .notification-close:hover {
            color: #d9534f;
            cursor: pointer; } }
  alerts .active-alerts .view-all {
    padding: 5px;
    background-color: rgba(16, 255, 195, 0.05);
    border-radius: 0 0 5px 5px; }
    alerts .active-alerts .view-all .view-all-text {
      cursor: pointer;
      font-size: 1rem; }
      alerts .active-alerts .view-all .view-all-text:hover {
        text-decoration: underline; }

notification-center .notification-center {
  position: absolute;
  top: 0;
  right: -300px;
  bottom: 0;
  width: 300px;
  background: #ffffff;
  box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out; }
  @media only screen and (min-width: 48em) {
    notification-center .notification-center {
      top: 0;
      width: 400px;
      right: -400px; } }
  @media only screen and (min-width: 64em) {
    notification-center .notification-center {
      top: 0;
      width: 470px;
      right: -470px; } }
  @media only screen and (min-width: 75em) {
    notification-center .notification-center {
      top: 0; } }
  notification-center .notification-center.active {
    right: 0;
    opacity: 1;
    visibility: visible; }
  notification-center .notification-center .notification-tabs {
    box-shadow: initial;
    padding: 10px;
    background-color: #ffffff; }
    @media only screen and (min-width: 48em) {
      notification-center .notification-center .notification-tabs {
        padding: 20px; } }
    notification-center .notification-center .notification-tabs .tabs {
      border-radius: 5px;
      border: 1px solid #10FFC3; }
      notification-center .notification-center .notification-tabs .tabs .tab {
        flex-basis: 50%;
        text-align: center;
        cursor: pointer;
        overflow: hidden;
        transition: background-color 0.2s linear; }
        notification-center .notification-center .notification-tabs .tabs .tab.active {
          background-color: #10FFC3; }
          notification-center .notification-center .notification-tabs .tabs .tab.active::after {
            width: 0;
            height: 0;
            background-color: rgba(0, 0, 0, 0); }
          notification-center .notification-center .notification-tabs .tabs .tab.active .tab-title .title-text {
            color: #ffffff; }
        notification-center .notification-center .notification-tabs .tabs .tab .tab-title {
          display: flex;
          align-items: center;
          justify-content: center;
          opacity: 1;
          line-height: 30px;
          width: 100%; }
          @media only screen and (min-width: 48em) {
            notification-center .notification-center .notification-tabs .tabs .tab .tab-title {
              line-height: 35px; } }
          notification-center .notification-center .notification-tabs .tabs .tab .tab-title .badge:not(:empty) {
            background-color: #d9534f;
            color: #ffffff;
            border-radius: 50%;
            font-size: 1rem;
            width: 16px;
            height: 16px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            margin-left: 5px;
            font-weight: 600; }
          notification-center .notification-center .notification-tabs .tabs .tab .tab-title .title-text {
            opacity: 1; }
  notification-center .notification-center .dismiss-all {
    position: absolute;
    top: 60px;
    right: 20px;
    z-index: 1;
    font-size: 1.2rem;
    opacity: 0.7;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    @media (hover: hover) {
      notification-center .notification-center .dismiss-all {
        cursor: pointer; }
        notification-center .notification-center .dismiss-all:hover {
          color: #10FFC3;
          text-decoration: underline;
          opacity: 1; } }
  notification-center .notification-center .alert-list, notification-center .notification-center .notification-list {
    overflow-y: auto;
    display: flex;
    flex-direction: column; }
    notification-center .notification-center .alert-list::-webkit-scrollbar, notification-center .notification-center .notification-list::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
    notification-center .notification-center .alert-list::-webkit-scrollbar-track, notification-center .notification-center .notification-list::-webkit-scrollbar-track {
      -webkit-box-shadow: none;
      background-color: transparent; }
    notification-center .notification-center .alert-list::-webkit-scrollbar-thumb, notification-center .notification-center .notification-list::-webkit-scrollbar-thumb {
      background-color: #cecece;
      border-radius: 2.5px; }
    notification-center .notification-center .alert-list .item-container, notification-center .notification-center .notification-list .item-container {
      position: relative;
      padding: 10px;
      border-top: 1px solid #dddddd; }
      notification-center .notification-center .alert-list .item-container:last-child, notification-center .notification-center .notification-list .item-container:last-child {
        border-bottom: 1px solid #dddddd; }
      @media only screen and (min-width: 48em) {
        notification-center .notification-center .alert-list .item-container, notification-center .notification-center .notification-list .item-container {
          padding: 20px; } }
      notification-center .notification-center .alert-list .item-container.new::before, notification-center .notification-center .notification-list .item-container.new::before {
        content: '';
        width: 5px;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        background-color: #10FFC3; }
      notification-center .notification-center .alert-list .item-container .notification .notification-icon, notification-center .notification-center .notification-list .item-container .notification .notification-icon {
        position: relative;
        width: 30px;
        height: 30px;
        flex-shrink: 0;
        background: #ffffff;
        border-radius: 50%; }
        @media only screen and (min-width: 48em) {
          notification-center .notification-center .alert-list .item-container .notification .notification-icon, notification-center .notification-center .notification-list .item-container .notification .notification-icon {
            width: 50px;
            height: 50px; } }
        notification-center .notification-center .alert-list .item-container .notification .notification-icon:after, notification-center .notification-center .notification-list .item-container .notification .notification-icon:after {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          font-family: 'Material Icons', sans-serif;
          -ms-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
          -webkit-font-smoothing: antialiased;
          line-height: 30px;
          text-align: center;
          color: #ffffff;
          -ms-font-feature-settings: 'liga';
          font-feature-settings: 'liga'; }
          @media only screen and (min-width: 48em) {
            notification-center .notification-center .alert-list .item-container .notification .notification-icon:after, notification-center .notification-center .notification-list .item-container .notification .notification-icon:after {
              width: 50px;
              height: 50px;
              line-height: 50px;
              font-size: 30px; } }
        notification-center .notification-center .alert-list .item-container .notification .notification-icon.error, notification-center .notification-center .notification-list .item-container .notification .notification-icon.error {
          background-color: #d9534f;
          box-shadow: 0 0 5px #d9534f; }
          notification-center .notification-center .alert-list .item-container .notification .notification-icon.error:after, notification-center .notification-center .notification-list .item-container .notification .notification-icon.error:after {
            content: 'close'; }
        notification-center .notification-center .alert-list .item-container .notification .notification-icon.warning, notification-center .notification-center .notification-list .item-container .notification .notification-icon.warning {
          background-color: #f0ad4e;
          box-shadow: 0 0 5px #f0ad4e; }
          notification-center .notification-center .alert-list .item-container .notification .notification-icon.warning:after, notification-center .notification-center .notification-list .item-container .notification .notification-icon.warning:after {
            content: 'warning'; }
        notification-center .notification-center .alert-list .item-container .notification .notification-icon.info, notification-center .notification-center .notification-list .item-container .notification .notification-icon.info {
          background-color: #5bc0de;
          box-shadow: 0 0 5px #5bc0de; }
          notification-center .notification-center .alert-list .item-container .notification .notification-icon.info:after, notification-center .notification-center .notification-list .item-container .notification .notification-icon.info:after {
            content: 'priority_high'; }
        notification-center .notification-center .alert-list .item-container .notification .notification-icon.done, notification-center .notification-center .notification-list .item-container .notification .notification-icon.done {
          background-color: #5cb85c;
          box-shadow: 0 0 5px #d9534f; }
          notification-center .notification-center .alert-list .item-container .notification .notification-icon.done:after, notification-center .notification-center .notification-list .item-container .notification .notification-icon.done:after {
            content: 'done'; }
        notification-center .notification-center .alert-list .item-container .notification .notification-icon.reminder, notification-center .notification-center .notification-list .item-container .notification .notification-icon.reminder {
          background-color: #d9534f;
          box-shadow: 0 0 5px #d9534f; }
          notification-center .notification-center .alert-list .item-container .notification .notification-icon.reminder:after, notification-center .notification-center .notification-list .item-container .notification .notification-icon.reminder:after {
            content: 'alarm'; }
        notification-center .notification-center .alert-list .item-container .notification .notification-icon.videocam, notification-center .notification-center .notification-list .item-container .notification .notification-icon.videocam {
          background-color: #5bc0de;
          box-shadow: 0 0 5px #5bc0de; }
          notification-center .notification-center .alert-list .item-container .notification .notification-icon.videocam:after, notification-center .notification-center .notification-list .item-container .notification .notification-icon.videocam:after {
            content: 'videocam'; }
        notification-center .notification-center .alert-list .item-container .notification .notification-icon.success, notification-center .notification-center .notification-list .item-container .notification .notification-icon.success {
          background-color: #5cb85c;
          box-shadow: 0 0 5px #5cb85c; }
          notification-center .notification-center .alert-list .item-container .notification .notification-icon.success:after, notification-center .notification-center .notification-list .item-container .notification .notification-icon.success:after {
            content: 'done'; }
        notification-center .notification-center .alert-list .item-container .notification .notification-icon.workflow, notification-center .notification-center .notification-list .item-container .notification .notification-icon.workflow {
          background-color: #5bc0de;
          box-shadow: 0 0 5px #5bc0de; }
          notification-center .notification-center .alert-list .item-container .notification .notification-icon.workflow:after, notification-center .notification-center .notification-list .item-container .notification .notification-icon.workflow:after {
            content: 'assignment_returned'; }
        notification-center .notification-center .alert-list .item-container .notification .notification-icon.visibility, notification-center .notification-center .notification-list .item-container .notification .notification-icon.visibility {
          background-color: #f0ad4e;
          box-shadow: 0 0 5px #f0ad4e; }
          notification-center .notification-center .alert-list .item-container .notification .notification-icon.visibility:after, notification-center .notification-center .notification-list .item-container .notification .notification-icon.visibility:after {
            content: 'visibility'; }
      notification-center .notification-center .alert-list .item-container .notification .notification-details, notification-center .notification-center .notification-list .item-container .notification .notification-details {
        padding-left: 10px; }
        @media only screen and (min-width: 48em) {
          notification-center .notification-center .alert-list .item-container .notification .notification-details, notification-center .notification-center .notification-list .item-container .notification .notification-details {
            padding-left: 20px; } }
        notification-center .notification-center .alert-list .item-container .notification .notification-details .title, notification-center .notification-center .notification-list .item-container .notification .notification-details .title {
          display: block;
          max-width: 440px;
          padding-right: 15px; }
          @media only screen and (min-width: 48em) {
            notification-center .notification-center .alert-list .item-container .notification .notification-details .title, notification-center .notification-center .notification-list .item-container .notification .notification-details .title {
              font-size: 1.6rem; } }
        notification-center .notification-center .alert-list .item-container .notification .notification-details .description, notification-center .notification-center .notification-list .item-container .notification .notification-details .description {
          display: block;
          font-size: 1.2rem;
          white-space: pre-wrap;
          opacity: 0.9; }
          @media only screen and (min-width: 48em) {
            notification-center .notification-center .alert-list .item-container .notification .notification-details .description, notification-center .notification-center .notification-list .item-container .notification .notification-details .description {
              font-size: 1.4rem; } }
        notification-center .notification-center .alert-list .item-container .notification .notification-details .date, notification-center .notification-center .notification-list .item-container .notification .notification-details .date {
          display: block;
          font-size: 1rem;
          opacity: 0.7; }
      notification-center .notification-center .alert-list .item-container .notification .notification-close, notification-center .notification-center .notification-list .item-container .notification .notification-close {
        position: absolute;
        top: 5px;
        right: 5px;
        color: #d2d2d2;
        font-size: 1.8rem;
        transition: color 0.2s ease;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        @media (hover: hover) {
          notification-center .notification-center .alert-list .item-container .notification .notification-close:hover, notification-center .notification-center .notification-list .item-container .notification .notification-close:hover {
            color: #d9534f;
            cursor: pointer; } }
  notification-center .notification-center .fallback {
    flex-grow: 1; }
    notification-center .notification-center .fallback .icon-notification-off {
      font-size: 6rem;
      opacity: 0.5; }
    notification-center .notification-center .fallback .text {
      padding-top: 5px;
      text-align: center; }
  notification-center .notification-center .hide {
    -webkit-transform: translate(500px, 0);
    transform: translate(500px, 0);
    transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.4, 0, 1, 1);
    pointer-events: auto; }

split-pane {
  display: block;
  height: 100%; }
  split-pane .split-pane {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%; }
    split-pane .split-pane .split-pane-top {
      flex: 0 0 90%;
      min-height: 80px; }
    split-pane .split-pane .split-pane-handle {
      position: relative;
      flex: 0 0 auto;
      height: 14px;
      background: #474d5e;
      cursor: row-resize; }
      split-pane .split-pane .split-pane-handle:after {
        content: ' ';
        position: absolute;
        top: 5px;
        left: calc(50% - 25px);
        width: 50px;
        height: 4px;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        transition: all 0.3s;
        opacity: 0.7; }
      split-pane .split-pane .split-pane-handle:hover:after {
        transform: scaleX(1.1);
        opacity: 1; }
    split-pane .split-pane .split-pane-bottom {
      display: flex;
      flex-direction: column;
      min-height: 100px;
      z-index: 1; }

multi-select-combo-box {
  display: block;
  position: relative;
  min-width: 60px; }
  multi-select-combo-box .multi-select .multi-select-label .multi-select-label-text {
    color: #9e9e9e;
    font-size: 1.4rem;
    font-weight: 400; }
  multi-select-combo-box .multi-select .multi-select-label .multi-select-label-info {
    position: relative;
    height: 20px;
    padding-left: 3px; }
    multi-select-combo-box .multi-select .multi-select-label .multi-select-label-info .multi-select-label-info-icon {
      font-size: 1.6rem;
      line-height: 2rem;
      color: #9e9e9e;
      cursor: pointer; }
      multi-select-combo-box .multi-select .multi-select-label .multi-select-label-info .multi-select-label-info-icon:hover {
        color: #6b6b6b; }
        multi-select-combo-box .multi-select .multi-select-label .multi-select-label-info .multi-select-label-info-icon:hover + .multi-select-label-info-tooltip {
          display: block; }
    multi-select-combo-box .multi-select .multi-select-label .multi-select-label-info .multi-select-label-info-tooltip {
      display: none;
      position: absolute;
      top: -36px;
      left: -4px;
      padding: 5px 8px;
      font-size: 1.4rem;
      background-color: #1a1d27;
      color: #fff;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px; }
      multi-select-combo-box .multi-select .multi-select-label .multi-select-label-info .multi-select-label-info-tooltip:after {
        position: absolute;
        left: 8px;
        bottom: -14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none; }
      multi-select-combo-box .multi-select .multi-select-label .multi-select-label-info .multi-select-label-info-tooltip:after {
        border-top-color: #1a1d27;
        border-width: 7px; }
  multi-select-combo-box .multi-select .multi-select-value {
    position: relative;
    height: 30px;
    padding: 0 4px;
    border: 1px solid #dddddd;
    border-radius: 2px;
    background-color: #fbfbfb;
    color: #4a4a4a;
    cursor: pointer; }
    multi-select-combo-box .multi-select .multi-select-value .multi-select-input {
      width: 100%;
      height: 30px;
      line-height: 30px;
      border: 0;
      background: transparent;
      outline: 0;
      opacity: 0;
      cursor: text; }
      multi-select-combo-box .multi-select .multi-select-value .multi-select-input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset; }
      multi-select-combo-box .multi-select .multi-select-value .multi-select-input::-webkit-input-placeholder {
        color: #c4c4c4; }
      multi-select-combo-box .multi-select .multi-select-value .multi-select-input:-ms-input-placeholder {
        color: #c4c4c4; }
      multi-select-combo-box .multi-select .multi-select-value .multi-select-input::input-placeholder {
        color: #c4c4c4; }
      multi-select-combo-box .multi-select .multi-select-value .multi-select-input[readonly] {
        cursor: none;
        caret-color: transparent; }
    multi-select-combo-box .multi-select .multi-select-value .multi-select-value-text {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 0 30px 0 5px;
      line-height: 28px;
      white-space: nowrap;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis; }
      multi-select-combo-box .multi-select .multi-select-value .multi-select-value-text .textbox .textbox-value {
        border: none;
        background-color: transparent; }
        multi-select-combo-box .multi-select .multi-select-value .multi-select-value-text .textbox .textbox-value:hover {
          border: none;
          background-color: transparent;
          box-shadow: none; }
        multi-select-combo-box .multi-select .multi-select-value .multi-select-value-text .textbox .textbox-value .textbox-input {
          padding: 0; }
    multi-select-combo-box .multi-select .multi-select-value .placeholder {
      line-height: 28px;
      color: #c4c4c4;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding-right: 20px; }
    multi-select-combo-box .multi-select .multi-select-value .multi-select-icon {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      color: #adadad;
      vertical-align: baseline;
      line-height: 30px;
      text-align: center;
      transition: transform 0.3s ease, color 0.3s ease;
      font-size: 2.4rem; }
      @media only screen and (min-width: 64em) {
        multi-select-combo-box .multi-select .multi-select-value .multi-select-icon:hover {
          color: #949494; } }
      multi-select-combo-box .multi-select .multi-select-value .multi-select-icon.dropdown-open {
        transform: rotate(180deg);
        color: #10FFC3; }
        @media only screen and (min-width: 64em) {
          multi-select-combo-box .multi-select .multi-select-value .multi-select-icon.dropdown-open:hover {
            color: #00dca5; } }
    multi-select-combo-box .multi-select .multi-select-value .multi-select-dropdown-adorned {
      display: block;
      position: absolute;
      left: -1px;
      right: -1px;
      bottom: 0; }
    multi-select-combo-box .multi-select .multi-select-value .multi-select-dropdown-compose {
      position: absolute;
      left: -1px;
      top: 30px;
      right: -1px;
      z-index: 1; }
      multi-select-combo-box .multi-select .multi-select-value .multi-select-dropdown-compose.dropdown-above {
        top: inherit;
        bottom: 30px; }
  multi-select-combo-box .multi-select.disabled .multi-select-value {
    cursor: not-allowed;
    background: #f3f3f3;
    border: 1px solid #dddddd; }
    multi-select-combo-box .multi-select.disabled .multi-select-value .multi-select-value-text {
      color: #9c9c9c; }
    multi-select-combo-box .multi-select.disabled .multi-select-value .multi-select-icon {
      display: none; }
  multi-select-combo-box .multi-select.readonly .multi-select-value {
    cursor: default;
    padding: 0;
    background: transparent;
    border: none; }
    multi-select-combo-box .multi-select.readonly .multi-select-value .multi-select-value-text {
      padding: 0;
      color: #4a4a4a; }
    multi-select-combo-box .multi-select.readonly .multi-select-value .multi-select-icon {
      display: none; }
  multi-select-combo-box.margin-top .multi-select {
    margin-top: 30px; }
  multi-select-combo-box.margin-bottom .multi-select {
    margin-bottom: 30px; }
  multi-select-combo-box.margin-left .multi-select {
    margin-left: 30px; }
  multi-select-combo-box.margin-right .multi-select {
    margin-right: 30px; }
  multi-select-combo-box.error-validation .multi-select .multi-select-value {
    background-color: #f9e2e2;
    border: 1px solid #d9534f; }
    multi-select-combo-box.error-validation .multi-select .multi-select-value .multi-select-input .textbox .textbox-value .textbox-input::-webkit-input-placeholder {
      color: #e27c79; }
    multi-select-combo-box.error-validation .multi-select .multi-select-value .multi-select-input .textbox .textbox-value .textbox-input:-ms-input-placeholder {
      color: #e27c79; }
    multi-select-combo-box.error-validation .multi-select .multi-select-value .multi-select-input .textbox .textbox-value .textbox-input::input-placeholder {
      color: #e27c79; }
    multi-select-combo-box.error-validation .multi-select .multi-select-value .multi-select-value-text.placeholder {
      color: #e27c79; }
    multi-select-combo-box.error-validation .multi-select .multi-select-value .multi-select-icon {
      color: #d9534f; }
      @media (hover: hover) {
        multi-select-combo-box.error-validation .multi-select .multi-select-value .multi-select-icon:hover {
          color: #c9302c; } }
      multi-select-combo-box.error-validation .multi-select .multi-select-value .multi-select-icon.dropdown-open {
        color: #d9534f; }
        @media (hover: hover) {
          multi-select-combo-box.error-validation .multi-select .multi-select-value .multi-select-icon.dropdown-open:hover {
            color: #c9302c; } }
  multi-select-combo-box.required .multi-select .multi-select-label .multi-select-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

.multi-select-dropdown {
  display: none;
  position: relative;
  width: 100%;
  padding: 3px 0;
  overflow: visible;
  animation: keyframe-slide-top 0.2s ease, keyframe-fadein 0.2s ease; }
  .multi-select-dropdown.visible {
    display: block; }
    .multi-select-dropdown.visible .multi-select-dropdown-items {
      display: block; }
  .multi-select-dropdown .multi-select-dropdown-items {
    display: none;
    position: relative;
    width: 100%;
    background-color: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    overflow-y: auto;
    max-height: 300px; }
    .multi-select-dropdown .multi-select-dropdown-items .multi-select-dropdown-item {
      min-height: 30px;
      line-height: 28px;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media (hover: hover) {
        .multi-select-dropdown .multi-select-dropdown-items .multi-select-dropdown-item:hover {
          background-color: #eee; } }
      .multi-select-dropdown .multi-select-dropdown-items .multi-select-dropdown-item.focused {
        background-color: #10FFC3;
        color: #ffffff; }
      .multi-select-dropdown .multi-select-dropdown-items .multi-select-dropdown-item check-box .checkbox-value {
        padding: 5px 6px; }
      .multi-select-dropdown .multi-select-dropdown-items .multi-select-dropdown-item .select-all, .multi-select-dropdown .multi-select-dropdown-items .multi-select-dropdown-item .no-results {
        display: block;
        padding: 0 5px; }

list-menu {
  display: block; }
  list-menu .list-menu {
    position: relative; }
    list-menu .list-menu .list-menu-toggler {
      cursor: pointer; }
      list-menu .list-menu .list-menu-toggler.is-disabled {
        opacity: 0.5;
        cursor: not-allowed; }
      list-menu .list-menu .list-menu-toggler .menu {
        display: flex;
        min-width: 20px;
        height: 30px;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        @media (hover: hover) {
          list-menu .list-menu .list-menu-toggler .menu:hover {
            background-color: rgba(0, 0, 0, 0.05); } }
        list-menu .list-menu .list-menu-toggler .menu .dots {
          position: relative;
          width: 4px;
          height: 4px;
          background-color: #242424;
          border-radius: 50%; }
          list-menu .list-menu .list-menu-toggler .menu .dots:before, list-menu .list-menu .list-menu-toggler .menu .dots:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0px;
            background-color: inherit;
            border-radius: inherit; }
          list-menu .list-menu .list-menu-toggler .menu .dots:before {
            top: -7px; }
          list-menu .list-menu .list-menu-toggler .menu .dots:after {
            top: 7px; }
    list-menu .list-menu .list-menu-dropdown {
      position: absolute;
      top: 30px;
      right: 3px;
      display: block;
      min-width: 80px;
      padding: 5px 0;
      background-color: #ffffff;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
      opacity: 0;
      visibility: hidden;
      z-index: 10;
      transition: all 0.2s cubic-bezier(0.5, 1.8, 0.9, 0.8);
      transform: scale(0.7, 0.7);
      transform-origin: 100% 0; }
      list-menu .list-menu .list-menu-dropdown.is-open {
        transform: scale(1, 1);
        opacity: 1;
        visibility: visible; }
      list-menu .list-menu .list-menu-dropdown .list-menu-item {
        display: block;
        height: 30px;
        padding: 0 10px;
        line-height: 30px;
        white-space: nowrap;
        cursor: pointer; }
        @media (hover: hover) {
          list-menu .list-menu .list-menu-dropdown .list-menu-item:hover {
            background-color: rgba(0, 0, 0, 0.05); } }
  list-menu.margin-top button {
    margin-top: 30px; }
  list-menu.margin-bottom button {
    margin-bottom: 30px; }
  list-menu.margin-left button {
    margin-left: 30px; }
  list-menu.margin-right button {
    margin-right: 30px; }

full-page-date-picker {
  display: block; }
  full-page-date-picker .inline-date-range-picker {
    overflow: hidden; }
  full-page-date-picker.hide {
    visibility: hidden; }
  full-page-date-picker .datepicker-dropdown {
    position: relative;
    padding: 10px; }
    @media only screen and (min-width: 64em) {
      full-page-date-picker .datepicker-dropdown {
        padding: 0; } }
    full-page-date-picker .datepicker-dropdown .dropdown-menu {
      position: relative;
      margin: 2px 0;
      padding: 4px;
      width: 266px;
      font-size: 14px;
      text-align: left;
      list-style: none;
      background-color: #ffffff;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #dddddd;
      border: 1px solid rgba(0, 0, 0, 0.15);
      color: #242424;
      border-radius: 4px;
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      animation: keyframe-slide-top 0.2s ease, keyframe-fadein 0.2s ease; }
      @media only screen and (max-width: 64em) {
        full-page-date-picker .datepicker-dropdown .dropdown-menu {
          top: 0 !important;
          right: 0 !important;
          bottom: 0 !important;
          left: 0 !important; } }
      @media only screen and (min-width: 64em) {
        full-page-date-picker .datepicker-dropdown .dropdown-menu {
          position: absolute;
          top: 100%;
          left: 0;
          z-index: 1000;
          float: left; } }
      @media (min-width: 768px) {
        full-page-date-picker .datepicker-dropdown .dropdown-menu.timepicker-sbs {
          width: 38em; } }
      @media (min-width: 992px) {
        full-page-date-picker .datepicker-dropdown .dropdown-menu.timepicker-sbs {
          width: 38em; } }
      @media (min-width: 1200px) {
        full-page-date-picker .datepicker-dropdown .dropdown-menu.timepicker-sbs {
          width: 38em; } }
      full-page-date-picker .datepicker-dropdown .dropdown-menu:before, full-page-date-picker .datepicker-dropdown .dropdown-menu:after {
        opacity: 0; }
        @media only screen and (min-width: 64em) {
          full-page-date-picker .datepicker-dropdown .dropdown-menu:before, full-page-date-picker .datepicker-dropdown .dropdown-menu:after {
            content: '';
            position: absolute;
            display: inline-block;
            opacity: 1; } }
      full-page-date-picker .datepicker-dropdown .dropdown-menu.bottom:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #e6e6e6;
        top: -7px;
        left: 7px; }
      full-page-date-picker .datepicker-dropdown .dropdown-menu.bottom:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        top: -6px;
        left: 8px; }
      full-page-date-picker .datepicker-dropdown .dropdown-menu.top:before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #e6e6e6;
        bottom: -7px;
        left: 6px; }
      full-page-date-picker .datepicker-dropdown .dropdown-menu.top:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #ffffff;
        bottom: -6px;
        left: 7px; }
      full-page-date-picker .datepicker-dropdown .dropdown-menu.pull-right {
        right: 0;
        left: auto; }
        full-page-date-picker .datepicker-dropdown .dropdown-menu.pull-right:before {
          left: auto;
          right: 6px; }
        full-page-date-picker .datepicker-dropdown .dropdown-menu.pull-right:after {
          left: auto;
          right: 7px; }
      full-page-date-picker .datepicker-dropdown .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #fbfbfb; }
  full-page-date-picker .collapse {
    display: none;
    visibility: hidden; }
  full-page-date-picker .collapse.in {
    display: block;
    visibility: visible; }
  full-page-date-picker tr.collapse.in {
    display: table-row; }
  full-page-date-picker tbody.collapse.in {
    display: table-row-group; }
  full-page-date-picker .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    transition-property: height,visibility; }
  full-page-date-picker .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }
  full-page-date-picker .dropdown {
    position: relative; }
  full-page-date-picker .dropdown-toggle:focus {
    outline: 0; }
  full-page-date-picker .pull-right > .dropdown-menu {
    right: 0;
    left: auto; }
  full-page-date-picker .datetimepicker, full-page-date-picker .datepicker, full-page-date-picker .picker-switch, full-page-date-picker .timepicker-picker {
    position: relative; }
    full-page-date-picker .datetimepicker .glyphicon, full-page-date-picker .datepicker .glyphicon, full-page-date-picker .picker-switch .glyphicon, full-page-date-picker .timepicker-picker .glyphicon {
      font-family: 'Material Icons';
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      line-height: 1;
      letter-spacing: normal;
      text-transform: none;
      display: inline-block;
      white-space: nowrap;
      word-wrap: normal;
      direction: ltr;
      -webkit-font-feature-settings: 'liga';
      -webkit-font-smoothing: antialiased; }
    full-page-date-picker .datetimepicker .glyphicon-time::after, full-page-date-picker .datepicker .glyphicon-time::after, full-page-date-picker .picker-switch .glyphicon-time::after, full-page-date-picker .timepicker-picker .glyphicon-time::after {
      content: 'alarm'; }
    full-page-date-picker .datetimepicker .glyphicon-calendar::after, full-page-date-picker .datepicker .glyphicon-calendar::after, full-page-date-picker .picker-switch .glyphicon-calendar::after, full-page-date-picker .timepicker-picker .glyphicon-calendar::after {
      content: 'today'; }
    full-page-date-picker .datetimepicker .glyphicon-remove::after, full-page-date-picker .datepicker .glyphicon-remove::after, full-page-date-picker .picker-switch .glyphicon-remove::after, full-page-date-picker .timepicker-picker .glyphicon-remove::after {
      content: 'close'; }
    full-page-date-picker .datetimepicker .glyphicon-trash::after, full-page-date-picker .datepicker .glyphicon-trash::after, full-page-date-picker .picker-switch .glyphicon-trash::after, full-page-date-picker .timepicker-picker .glyphicon-trash::after {
      content: 'delete'; }
    full-page-date-picker .datetimepicker .glyphicon-chevron-up::after, full-page-date-picker .datepicker .glyphicon-chevron-up::after, full-page-date-picker .picker-switch .glyphicon-chevron-up::after, full-page-date-picker .timepicker-picker .glyphicon-chevron-up::after {
      content: 'keyboard_arrow_up'; }
    full-page-date-picker .datetimepicker .glyphicon-chevron-down::after, full-page-date-picker .datepicker .glyphicon-chevron-down::after, full-page-date-picker .picker-switch .glyphicon-chevron-down::after, full-page-date-picker .timepicker-picker .glyphicon-chevron-down::after {
      content: 'keyboard_arrow_down'; }
    full-page-date-picker .datetimepicker .glyphicon-chevron-left::after, full-page-date-picker .datepicker .glyphicon-chevron-left::after, full-page-date-picker .picker-switch .glyphicon-chevron-left::after, full-page-date-picker .timepicker-picker .glyphicon-chevron-left::after {
      content: 'keyboard_arrow_left'; }
    full-page-date-picker .datetimepicker .glyphicon-chevron-right::after, full-page-date-picker .datepicker .glyphicon-chevron-right::after, full-page-date-picker .picker-switch .glyphicon-chevron-right::after, full-page-date-picker .timepicker-picker .glyphicon-chevron-right::after {
      content: 'keyboard_arrow_right'; }
    full-page-date-picker .datetimepicker .glyphicon-screenshot::after, full-page-date-picker .datepicker .glyphicon-screenshot::after, full-page-date-picker .picker-switch .glyphicon-screenshot::after, full-page-date-picker .timepicker-picker .glyphicon-screenshot::after {
      content: 'gps_fixed'; }
  full-page-date-picker .sr-only, picker-container .bootstrap-datetimepicker-widget full-page-date-picker .btn[data-action="incrementHours"]::after, picker-container .bootstrap-datetimepicker-widget full-page-date-picker .btn[data-action="incrementMinutes"]::after, picker-container .bootstrap-datetimepicker-widget full-page-date-picker .btn[data-action="decrementHours"]::after, picker-container .bootstrap-datetimepicker-widget full-page-date-picker .btn[data-action="decrementMinutes"]::after, picker-container .bootstrap-datetimepicker-widget full-page-date-picker .btn[data-action="showHours"]::after, picker-container .bootstrap-datetimepicker-widget full-page-date-picker .btn[data-action="showMinutes"]::after, picker-container .bootstrap-datetimepicker-widget full-page-date-picker .btn[data-action="togglePeriod"]::after, picker-container .bootstrap-datetimepicker-widget full-page-date-picker .btn[data-action="clear"]::after, picker-container .bootstrap-datetimepicker-widget full-page-date-picker .btn[data-action="today"]::after, picker-container .bootstrap-datetimepicker-widget full-page-date-picker .picker-switch::after, picker-container .bootstrap-datetimepicker-widget table full-page-date-picker th.prev::after, picker-container .bootstrap-datetimepicker-widget table full-page-date-picker th.next::after, full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, full-page-date-picker .bootstrap-datetimepicker-widget .picker-switch::after, full-page-date-picker .bootstrap-datetimepicker-widget table th.prev::after, full-page-date-picker .bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  full-page-date-picker .bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0; }
  full-page-date-picker .bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0; }
  full-page-date-picker .bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none; }
  full-page-date-picker .bootstrap-datetimepicker-widget .timepicker-hour, full-page-date-picker .bootstrap-datetimepicker-widget .timepicker-minute, full-page-date-picker .bootstrap-datetimepicker-widget .timepicker-second {
    font-size: 1.4rem; }
  full-page-date-picker .bootstrap-datetimepicker-widget .timepicker-hour, full-page-date-picker .bootstrap-datetimepicker-widget .timepicker-minute, full-page-date-picker .bootstrap-datetimepicker-widget .timepicker-second, full-page-date-picker .bootstrap-datetimepicker-widget .glyphicon-chevron-down, full-page-date-picker .bootstrap-datetimepicker-widget .glyphicon-chevron-up, full-page-date-picker .bootstrap-datetimepicker-widget .glyphicon-trash, full-page-date-picker .bootstrap-datetimepicker-widget .glyphicon-remove, full-page-date-picker .bootstrap-datetimepicker-widget .glyphicon-calendar, full-page-date-picker .bootstrap-datetimepicker-widget .glyphicon-calendar,
  full-page-date-picker .bootstrap-datetimepicker-widget .glyphicon-time, full-page-date-picker .bootstrap-datetimepicker-widget .glyphicon-screenshot, full-page-date-picker .bootstrap-datetimepicker-widget .glyphicon-chevron-right, full-page-date-picker .bootstrap-datetimepicker-widget .glyphicon-chevron-left {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-weight: 600;
    margin: 0;
    padding: 0; }
  full-page-date-picker .bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px; }
  full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    content: "Increment Hours"; }
  full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    content: "Increment Minutes"; }
  full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    content: "Decrement Hours"; }
  full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    content: "Decrement Minutes"; }
  full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    content: "Show Hours"; }
  full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    content: "Show Minutes"; }
  full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    content: "Toggle AM/PM"; }
  full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    content: "Clear the picker"; }
  full-page-date-picker .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    content: "Set the date to today"; }
  full-page-date-picker .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center; }
    full-page-date-picker .bootstrap-datetimepicker-widget .picker-switch::after {
      content: "Toggle Date and Time Screens"; }
    full-page-date-picker .bootstrap-datetimepicker-widget .picker-switch td {
      padding: 0;
      margin: 0;
      height: auto;
      width: auto;
      line-height: inherit; }
      full-page-date-picker .bootstrap-datetimepicker-widget .picker-switch td span {
        width: 100%; }
  full-page-date-picker .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0; }
    full-page-date-picker .bootstrap-datetimepicker-widget table td, full-page-date-picker .bootstrap-datetimepicker-widget table th {
      text-align: center; }
    full-page-date-picker .bootstrap-datetimepicker-widget table th {
      height: 20px;
      line-height: 20px;
      width: 20px; }
      full-page-date-picker .bootstrap-datetimepicker-widget table th.picker-switch {
        width: 145px; }
      full-page-date-picker .bootstrap-datetimepicker-widget table th.disabled {
        background: none;
        color: #b3b3b3;
        cursor: not-allowed; }
      full-page-date-picker .bootstrap-datetimepicker-widget table th.prev::after {
        content: "Previous Month"; }
      full-page-date-picker .bootstrap-datetimepicker-widget table th.next::after {
        content: "Next Month"; }
    full-page-date-picker .bootstrap-datetimepicker-widget table thead tr:first-child th {
      cursor: pointer; }
    full-page-date-picker .bootstrap-datetimepicker-widget table td {
      height: 35px;
      line-height: 30px;
      width: 30px; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.cw {
        font-size: .8em;
        height: 30px;
        line-height: 30px;
        color: #00c392; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.day {
        height: 56px;
        line-height: 30px;
        width: 56px; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.old {
        opacity: 0;
        pointer-events: none; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.new {
        display: none; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.today {
        position: relative; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.day.weekend.disabled {
        background: none;
        color: #b3b3b3;
        cursor: not-allowed; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.active::before {
        background-color: #f2f4f7; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.day-selection-start {
        border-radius: 0px;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.day-selection-end {
        border-radius: 0px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.day-selection {
        font-weight: 600; }
        full-page-date-picker .bootstrap-datetimepicker-widget table td.day-selection::before {
          background-color: #10FFC3; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.day-selection-start, full-page-date-picker .bootstrap-datetimepicker-widget table td.day-selection-end {
        background-color: #10FFC3;
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.active.today:before {
        border-bottom-color: #ffffff; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.disabled {
        background: none;
        color: #b3b3b3;
        cursor: not-allowed; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td span {
        display: inline-block;
        padding: 15px;
        margin: 2px 1.5px;
        cursor: pointer;
        border-radius: 3px 3px 3px 3px;
        height: 54px;
        width: 54px; }
        full-page-date-picker .bootstrap-datetimepicker-widget table td span.active, full-page-date-picker .bootstrap-datetimepicker-widget table td span.day-selection-start, full-page-date-picker .bootstrap-datetimepicker-widget table td span.day-selection-end {
          background-color: #242424;
          color: #ffffff;
          text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
        full-page-date-picker .bootstrap-datetimepicker-widget table td span.day-selection {
          color: #ffffff; }
        full-page-date-picker .bootstrap-datetimepicker-widget table td span.old {
          color: #00c392; }
        full-page-date-picker .bootstrap-datetimepicker-widget table td span.disabled {
          background: none;
          color: #b3b3b3;
          cursor: not-allowed; }
        full-page-date-picker .bootstrap-datetimepicker-widget table td span.decade {
          padding: 0; }
        full-page-date-picker .bootstrap-datetimepicker-widget table td span.year {
          padding: 15px 0; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td .btn-period {
        background-color: #10FFC3;
        color: #ffffff;
        border: none;
        border-radius: 2px;
        position: relative;
        width: 30px;
        height: 30px;
        margin: 0;
        padding: 0;
        display: inline-block;
        font-weight: 600;
        text-transform: uppercase;
        overflow: hidden;
        will-change: box-shadow;
        outline: none;
        cursor: pointer;
        transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        text-decoration: none;
        text-align: center;
        vertical-align: middle; }
  full-page-date-picker .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px; }
  full-page-date-picker .years {
    padding: 0; }
  full-page-date-picker .months {
    overflow-y: auto;
    padding-bottom: 20px; }
    full-page-date-picker .months::-webkit-scrollbar {
      display: none; }
    full-page-date-picker .months .value {
      padding: 0 12px;
      font-size: 1.4rem;
      opacity: 0.6; }
      full-page-date-picker .months .value.selected {
        font-weight: 600;
        color: #10FFC3;
        opacity: 1; }
  full-page-date-picker .bootstrap-datetimepicker-widget table td {
    border: 4px solid #ffffff;
    position: relative;
    z-index: 1;
    cursor: pointer; }
    full-page-date-picker .bootstrap-datetimepicker-widget table td::before {
      content: '';
      width: 52px;
      height: 52px;
      background-color: rgba(0, 0, 0, 0);
      border-radius: 10px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: -1; }
    full-page-date-picker .bootstrap-datetimepicker-widget table td.active {
      border-radius: 10px; }
      full-page-date-picker .bootstrap-datetimepicker-widget table td.active::before {
        background-color: #10FFC3; }
    full-page-date-picker .bootstrap-datetimepicker-widget table td.day-selection.day-selection-start {
      border-radius: 10px; }
    full-page-date-picker .bootstrap-datetimepicker-widget table td.day-selection.active:not(.day-selection-start) {
      border-radius: 10px; }
  full-page-date-picker .picker-switch, full-page-date-picker .next, full-page-date-picker .prev {
    display: none !important; }

week-calendar {
  font-size: 1.4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative; }
  week-calendar .current-week {
    height: 36px;
    cursor: pointer;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    week-calendar .current-week .icon-arrow {
      transition: transform 0.2s linear; }
    week-calendar .current-week.active {
      height: 37px;
      background-color: #ffffff;
      border: 1px solid rgba(181, 199, 205, 0.3);
      border-bottom: 1px solid #ffffff;
      box-shadow: 0px -9px 15px 0px rgba(0, 0, 0, 0.1);
      margin-bottom: -1px;
      z-index: 5; }
      week-calendar .current-week.active .icon-arrow {
        transform: rotate(180deg);
        user-select: none; }
  week-calendar .calendar .month {
    color: #2E3137; }
    week-calendar .calendar .month .icon-arrow {
      opacity: 0;
      pointer-events: none;
      transition: color 0.1s linear;
      user-select: none; }
      week-calendar .calendar .month .icon-arrow.show {
        opacity: 1;
        pointer-events: auto;
        cursor: pointer; }
        week-calendar .calendar .month .icon-arrow.show:hover {
          color: #10FFC3; }
  week-calendar .calendar .week {
    display: none; }
  week-calendar .button-container {
    display: none; }
  week-calendar .navigation {
    display: none; }

week-calendar .week-calendar {
  width: 100%; }
  week-calendar .week-calendar .navigation {
    display: flex; }
    week-calendar .week-calendar .navigation .title {
      font-size: 2.4rem;
      font-weight: 700;
      padding-left: 8px; }
  week-calendar .week-calendar .week-calendar-content {
    padding: 16px 16px 0; }
    @media only screen and (min-width: 375px) {
      week-calendar .week-calendar .week-calendar-content {
        padding: 32px 32px 0; } }
    week-calendar .week-calendar .week-calendar-content .navigation {
      position: relative; }
      week-calendar .week-calendar .week-calendar-content .navigation::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 0;
        background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff, #ffffff);
        z-index: 1;
        transition: all 0.3s ease; }
      week-calendar .week-calendar .week-calendar-content .navigation.scrolled::after {
        height: 30px; }
    week-calendar .week-calendar .week-calendar-content .calendar .calendar-item:last-child {
      margin-bottom: 16px; }
    week-calendar .week-calendar .week-calendar-content .calendar .calendar-item .month {
      font-size: 2rem;
      font-weight: 700;
      margin: 16px 0; }
    week-calendar .week-calendar .week-calendar-content .calendar .calendar-item .week {
      background-color: #F2F4F7;
      border-radius: 20px;
      height: 40px;
      margin-bottom: 8px;
      padding: 0 8px;
      display: flex; }
      week-calendar .week-calendar .week-calendar-content .calendar .calendar-item .week .week-day {
        height: 16px;
        text-align: center;
        font-size: 1.6rem; }
      week-calendar .week-calendar .week-calendar-content .calendar .calendar-item .week.selected {
        background-color: #10FFC3;
        color: #ffffff; }
  week-calendar .week-calendar .button-container {
    padding: 0 16px 16px;
    position: relative;
    display: block; }
    @media only screen and (min-width: 375px) {
      week-calendar .week-calendar .button-container {
        padding: 0 32px 32px; } }
    week-calendar .week-calendar .button-container::after {
      content: '';
      position: absolute;
      bottom: 100%;
      left: 0;
      width: 100%;
      height: 30px;
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff, #ffffff);
      z-index: 1;
      transition: all 0.3s ease; }

.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em; }

.daterangepicker:before,
.daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: ''; }

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc; }

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent; }

.daterangepicker.opensleft:before {
  right: 9px; }

.daterangepicker.opensleft:after {
  right: 10px; }

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto; }

.daterangepicker.opensright:before {
  left: 9px; }

.daterangepicker.opensright:after {
  left: 10px; }

.daterangepicker.drop-up {
  margin-top: -7px; }

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc; }

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff; }

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
  float: none; }

.daterangepicker.single .drp-selected {
  display: none; }

.daterangepicker.show-calendar .drp-calendar {
  display: block; }

.daterangepicker.show-calendar .drp-buttons {
  display: block; }

.daterangepicker.auto-apply .drp-buttons {
  display: none; }

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px; }

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px; }

.daterangepicker .drp-calendar.right {
  padding: 8px; }

.daterangepicker .drp-calendar.single .calendar-table {
  border: none; }

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px; }

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer; }

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff; }

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse; }

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit; }

.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc; }

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999; }

.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0; }

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px; }

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0; }

.daterangepicker td.start-date.end-date {
  border-radius: 4px; }

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff; }

.daterangepicker th.month {
  width: auto; }

.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through; }

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default; }

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%; }

.daterangepicker select.yearselect {
  width: 40%; }

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px; }

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative; }

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed; }

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle; }

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px; }

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px; }

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd; }

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd; }

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd; }

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd; }

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0; }

.daterangepicker.show-calendar .ranges {
  margin-top: 8px; }

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer; }

.daterangepicker .ranges li:hover {
  background-color: #eee; }

.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto; }
  .daterangepicker .ranges ul {
    width: 140px; }
  .daterangepicker.single .ranges ul {
    width: 100%; }
  .daterangepicker.single .drp-calendar.left {
    clear: none; }
  .daterangepicker.single .ranges,
  .daterangepicker.single .drp-calendar {
    float: left; }
  .daterangepicker {
    direction: ltr;
    text-align: left; }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0; }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .daterangepicker .drp-calendar.right {
    margin-left: 0; }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px; }
  .daterangepicker .ranges,
  .daterangepicker .drp-calendar {
    float: left; } }

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto; }
  .daterangepicker .ranges {
    float: left; }
  .daterangepicker.rtl .ranges {
    float: right; }
  .daterangepicker .drp-calendar.left {
    clear: none !important; } }

.datepicker-range .datepicker-value {
  display: none; }

.datepicker-range .daterangepicker {
  display: block !important;
  left: auto !important;
  top: auto !important;
  position: relative;
  border: 0; }

.datepicker-range .daterangepicker .drp-calendar.right tbody {
  display: none; }

.datepicker-range .daterangepicker .drp-calendar.right .calendar-time {
  display: none; }

.datepicker-range .daterangepicker .drp-calendar.right tbody > :nth-child(2) {
  display: none; }

.datepicker-range .daterangepicker .drp-calendar.right thead > :nth-child(1) > :nth-child(1) {
  display: none; }

.datepicker-range .daterangepicker .drp-calendar.right thead > :nth-child(1) > :nth-child(2) {
  display: none; }

.datepicker-range .daterangepicker .drp-calendar.right thead > :nth-child(2) {
  display: none; }

.amcharts-export-canvas {
  position: absolute;
  display: none;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff; }
  .amcharts-export-canvas.active {
    display: block; }
  .amcharts-export-canvas.dropbox .canvas-container {
    opacity: 0.5; }

.amcharts-main-div:hover .amcharts-export-menu, .amcharts-stock-div:hover .amcharts-export-menu {
  opacity: 1; }

.amcharts-export-menu li {
  position: relative;
  display: block;
  z-index: 1; }
  .amcharts-export-menu li > ul {
    position: absolute;
    display: none;
    border: 1px solid #e2e2e2;
    margin-top: -1px;
    background: #ffffff; }
  .amcharts-export-menu li > a {
    position: relative;
    display: block;
    color: #242424;
    text-decoration: none;
    padding: 5px;
    z-index: 2;
    white-space: nowrap;
    border-bottom: 1px solid #f2f2f2; }
    .amcharts-export-menu li > a > img {
      border: none; }
  .amcharts-export-menu li:last-child > a {
    border-bottom: none; }
  .amcharts-export-menu li:hover > ul {
    display: block; }
  .amcharts-export-menu li:hover > a {
    background-color: rgba(193, 193, 193, 0.3); }
  .amcharts-export-menu li.active > ul {
    display: block; }
  .amcharts-export-menu li.active > a {
    background-color: rgba(193, 193, 193, 0.3); }
  .amcharts-export-menu li img {
    height: 20px; }

.amcharts-export-menu .export-main > a {
  display: block; }
  .amcharts-export-menu .export-main > a > span {
    display: none; }
  .amcharts-export-menu .export-main > a::before {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 2rem;
    font-family: Material Icons;
    content: "save_alt";
    color: #8D8D8D; }
  .amcharts-export-menu .export-main > a::after {
    content: "Save";
    padding-right: 8px;
    line-height: 30px; }

.amcharts-export-menu .export-drawing > a {
  display: block; }
  .amcharts-export-menu .export-drawing > a > span {
    display: none; }
  .amcharts-export-menu .export-drawing > a::before {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 2rem;
    font-family: Material Icons;
    content: "save_alt";
    color: #8D8D8D; }
  .amcharts-export-menu .export-drawing > a::after {
    content: "Save";
    padding-right: 8px;
    line-height: 30px; }

.amcharts-export-menu .export-delayed-capturing > a {
  display: block;
  text-indent: 0px;
  line-height: 36px;
  vertical-align: middle;
  text-align: center;
  background-image: none; }
  .amcharts-export-menu .export-delayed-capturing > a > span {
    display: none; }
  .amcharts-export-menu .export-delayed-capturing > a::before {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 2rem;
    font-family: Material Icons;
    content: "save_alt";
    color: #8D8D8D; }
  .amcharts-export-menu .export-delayed-capturing > a::after {
    content: "Save";
    padding-right: 8px;
    line-height: 30px; }

.amcharts-export-menu .export-drawing-color {
  background: #000000;
  width: 35px; }
  .amcharts-export-menu .export-drawing-color > a {
    display: block;
    overflow: hidden;
    text-indent: -13333337px; }

.amcharts-export-menu .export-drawing-color-red {
  background: #f00; }

.amcharts-export-menu .export-drawing-color-green {
  background: #0f0; }

.amcharts-export-menu .export-drawing-color-blue {
  background: #00f; }

.amcharts-export-menu .export-drawing-color-white {
  background: #ffffff; }

.amcharts-export-menu .export-drawing-shape a {
  font: 0/0 a;
  text-shadow: none;
  color: transparent; }
  .amcharts-export-menu .export-drawing-shape a:hover img {
    -webkit-filter: invert(100%);
    filter: invert(100%); }

.amcharts-export-menu .export-drawing-width a {
  text-align: center; }

.amcharts-export-menu .export-drawing-width span {
  display: block;
  margin: 0 auto; }
  .amcharts-export-menu .export-drawing-width span > span {
    display: block;
    background: #000000;
    border-radius: 100%; }

.amcharts-export-menu .export-drawing-shape.active a img {
  -webkit-filter: invert(100%);
  filter: invert(100%); }

.amcharts-export-menu.amcharts-export-menu-top-left {
  top: 0;
  left: 0; }
  .amcharts-export-menu.amcharts-export-menu-top-left > ul > li > ul:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 100%;
    z-index: 1000;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid #ffffff;
    border-bottom: 7px solid transparent; }
  .amcharts-export-menu.amcharts-export-menu-top-left > ul > li > ul > li:first-child > a:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 100%;
    z-index: 1001;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid #e2e2e2;
    border-bottom: 8px solid transparent; }
  .amcharts-export-menu.amcharts-export-menu-top-left li:hover > ul {
    left: 100%;
    top: 0; }
  .amcharts-export-menu.amcharts-export-menu-top-left li.active > ul {
    left: 100%;
    top: 0; }

.amcharts-export-menu.amcharts-export-menu-top-right > ul > li > ul:after {
  content: "";
  position: absolute;
  top: 13px;
  left: 100%;
  z-index: 1000;
  border-top: 7px solid transparent;
  border-left: 7px solid #ffffff;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent; }

.amcharts-export-menu.amcharts-export-menu-top-right > ul > li > ul > li:first-child > a:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 100%;
  z-index: 1001;
  border-top: 8px solid transparent;
  border-left: 8px solid #e2e2e2;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent; }

.amcharts-export-menu.amcharts-export-menu-top-right li:hover > ul {
  top: 0;
  right: 100%; }

.amcharts-export-menu.amcharts-export-menu-top-right li.active > ul {
  top: 0;
  right: 100%; }

.amcharts-export-menu.amcharts-export-menu-bottom-left {
  bottom: 0;
  left: 0; }
  .amcharts-export-menu.amcharts-export-menu-bottom-left > ul > li > ul:after {
    content: "";
    position: absolute;
    bottom: 13px;
    right: 100%;
    z-index: 1000;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid #ffffff;
    border-bottom: 7px solid transparent; }
  .amcharts-export-menu.amcharts-export-menu-bottom-left > ul > li > ul > li:last-child > a:after {
    content: "";
    position: absolute;
    bottom: 12px;
    right: 100%;
    z-index: 1001;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid #e2e2e2;
    border-bottom: 8px solid transparent; }
  .amcharts-export-menu.amcharts-export-menu-bottom-left li:hover > ul, .amcharts-export-menu.amcharts-export-menu-bottom-left li.active > ul {
    left: 100%;
    bottom: 0; }
  .amcharts-export-menu.amcharts-export-menu-bottom-left .export-main:hover, .amcharts-export-menu.amcharts-export-menu-bottom-left .export-main.active, .amcharts-export-menu.amcharts-export-menu-bottom-left .export-drawing:hover, .amcharts-export-menu.amcharts-export-menu-bottom-left .export-drawing.active {
    padding-bottom: 0;
    padding-top: 100px; }

.amcharts-export-menu.amcharts-export-menu-bottom-right {
  bottom: 0;
  right: 0; }
  .amcharts-export-menu.amcharts-export-menu-bottom-right > ul > li > ul:after {
    content: "";
    position: absolute;
    bottom: 13px;
    left: 100%;
    z-index: 1000;
    border-top: 7px solid transparent;
    border-left: 7px solid #ffffff;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent; }
  .amcharts-export-menu.amcharts-export-menu-bottom-right > ul > li > ul > li:last-child > a:after {
    content: "";
    position: absolute;
    bottom: 12px;
    left: 100%;
    z-index: 1001;
    border-top: 8px solid transparent;
    border-left: 8px solid #e2e2e2;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent; }
  .amcharts-export-menu.amcharts-export-menu-bottom-right li:hover > ul, .amcharts-export-menu.amcharts-export-menu-bottom-right li.active > ul {
    bottom: 0;
    right: 100%; }
  .amcharts-export-menu.amcharts-export-menu-bottom-right .export-main:hover, .amcharts-export-menu.amcharts-export-menu-bottom-right .export-main.active, .amcharts-export-menu.amcharts-export-menu-bottom-right .export-drawing:hover, .amcharts-export-menu.amcharts-export-menu-bottom-right .export-drawing.active {
    padding-bottom: 0;
    padding-top: 100px; }

.amcharts-export-menu.active {
  opacity: 1; }

.amcharts-export-fallback {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff; }
  .amcharts-export-fallback textarea {
    border: none;
    outline: none;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 20px; }

.amcharts-export-fallback-message {
  position: absolute;
  z-index: 1;
  padding: 20px;
  width: 100%;
  background-color: #ffffff; }

chart {
  display: block; }

.chart .chart-name {
  display: none; }
  @media print {
    .chart .chart-name {
      display: block;
      margin: 50px;
      color: #10FFC3;
      font-size: 3rem; } }

.chart .chart .amcharts-balloon-div div {
  padding: 0 10px;
  color: #242424 !important;
  font-weight: 600; }

@media print {
  .chart .chart {
    max-width: 750px; }
    .chart .chart .amcharts-chart-div {
      max-width: 750px !important;
      margin: 0 auto 40px; }
      .chart .chart .amcharts-chart-div svg {
        width: 750px !important; } }

.chart .fallback {
  padding-bottom: 10px; }
  .chart .fallback .graphic {
    width: 70px;
    margin-bottom: 3px; }
  .chart .fallback .text {
    font-size: 1.2rem;
    color: rgba(36, 36, 36, 0.8); }

.chart-legend {
  display: block;
  height: 100%;
  max-height: 100%;
  padding-left: 10px; }
  .chart-legend li.row {
    flex-wrap: nowrap;
    margin-bottom: 8px;
    padding-right: 20px; }
    .chart-legend li.row .indicator {
      width: 14px;
      height: 14px;
      flex-shrink: 0;
      align-self: flex-start; }
    .chart-legend li.row .label {
      cursor: pointer;
      padding-left: 5px;
      font-size: 1.2rem;
      line-height: 14px; }

.dialog-image-editor {
  width: 600px; }
  @media only screen and (min-width: 75em) {
    .dialog-image-editor {
      width: 1000px; } }
  .dialog-image-editor .dialog-content {
    padding-bottom: 10px; }
    .dialog-image-editor .dialog-content .image-preview {
      background-color: #fbfbfb;
      border: 1px solid #dddddd;
      border-radius: 2px;
      height: 300px; }
      .dialog-image-editor .dialog-content .image-preview .image {
        max-height: 100%;
        max-width: 100%; }
      .dialog-image-editor .dialog-content .image-preview .no-image {
        opacity: 0.6; }
  .dialog-image-editor .dialog-footer file-uploader .file-uploader-box {
    display: none; }
  .dialog-image-editor .dialog-footer file-uploader .file-uploader-button {
    border-radius: 2px; }

queries-editor {
  display: block;
  min-height: 0; }

.queries-editor .queries-header {
  min-height: 48px;
  margin-bottom: 10px;
  flex-shrink: 0; }
  @media only screen and (min-width: 30em) {
    .queries-editor .queries-header {
      border-bottom: 1px solid #e0e0e0; } }
  .queries-editor .queries-header .queries-title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 48px; }
    @media only screen and (min-width: 48em) {
      .queries-editor .queries-header .queries-title {
        margin-right: 20px; } }
  .queries-editor .queries-header .queries-tabs {
    flex-shrink: 0; }
    .queries-editor .queries-header .queries-tabs .queries-tab {
      position: relative;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      transition: background-color 0.2s ease; }
      .queries-editor .queries-header .queries-tabs .queries-tab:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
        transition: background-color 0.2s ease; }
      .queries-editor .queries-header .queries-tabs .queries-tab .tab-title {
        padding: 0 25px;
        line-height: 48px;
        text-align: center;
        text-transform: uppercase;
        opacity: 0.6; }
      .queries-editor .queries-header .queries-tabs .queries-tab.active:after {
        background-color: #242424; }
      .queries-editor .queries-header .queries-tabs .queries-tab.active .tab-title {
        opacity: 1; }
      @media only screen and (min-width: 64em) {
        .queries-editor .queries-header .queries-tabs .queries-tab:hover {
          background-color: #f3f3f3; } }
  .queries-editor .queries-header .query-settings {
    flex-basis: 100%;
    padding: 10px 0 5px;
    order: -1; }
    @media only screen and (min-width: 30em) {
      .queries-editor .queries-header .query-settings {
        flex-basis: auto;
        padding-left: 10px;
        order: 2; } }
    .queries-editor .queries-header .query-settings .icon-delete {
      margin-left: 4px;
      cursor: pointer; }
    .queries-editor .queries-header .query-settings .shared-globally {
      margin-left: 5px; }

.queries-editor .queries-content {
  min-height: 0;
  flex-grow: 1; }
  .queries-editor .queries-content .queries-editor .queries-editor-header {
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    padding: 5px 0;
    margin-bottom: 10px; }
    .queries-editor .queries-content .queries-editor .queries-editor-header .button-query {
      height: 30px;
      margin-right: 8px;
      border-radius: 2px;
      flex-grow: 1;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media only screen and (min-width: 48em) {
        .queries-editor .queries-content .queries-editor .queries-editor-header .button-query {
          flex-grow: 0; } }
      .queries-editor .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon {
        width: 30px;
        height: 30px; }
        .queries-editor .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon.icon-query-add {
          background: url("/images/icons/icon-query-add.svg") no-repeat center center;
          background-size: 20px; }
        .queries-editor .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon.icon-save {
          background: url("/images/icons/icon-save.svg") no-repeat center center;
          background-size: 20px; }
        .queries-editor .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon.icon-saveas {
          background: url("/images/icons/icon-saveas.svg") no-repeat center center;
          background-size: 24px; }
        .queries-editor .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon.icon-run {
          background: url("/images/icons/icon-play.svg") no-repeat center center;
          background-size: 20px; }
      .queries-editor .queries-content .queries-editor .queries-editor-header .button-query .button-query-label {
        padding: 0 5px;
        line-height: 30px; }
      @media (hover: hover) {
        .queries-editor .queries-content .queries-editor .queries-editor-header .button-query:not(.disabled):hover {
          background-color: rgba(16, 255, 195, 0.25); } }
      .queries-editor .queries-content .queries-editor .queries-editor-header .button-query.disabled {
        cursor: not-allowed; }
    .queries-editor .queries-content .queries-editor .queries-editor-header .divider {
      display: none;
      width: 1px;
      height: 26px;
      margin-right: 8px;
      border-right: 1px solid #eee; }
      @media only screen and (min-width: 48em) {
        .queries-editor .queries-content .queries-editor .queries-editor-header .divider {
          display: block; } }
    .queries-editor .queries-content .queries-editor .queries-editor-header .save-as .textbox-save-as {
      flex-grow: 1; }
      @media only screen and (min-width: 64em) {
        .queries-editor .queries-content .queries-editor .queries-editor-header .save-as .textbox-save-as {
          min-width: 300px;
          flex-grow: 0; } }
  .queries-editor .queries-content .datagrid-results {
    flex-grow: 1; }

query-builder {
  display: block; }

.query-builder {
  width: 100%; }
  .query-builder .queries-content {
    flex-grow: 1; }
    .query-builder .queries-content .queries-editor .queries-editor-header .button-query {
      height: 30px;
      margin-right: 8px;
      border-radius: 2px;
      cursor: pointer;
      flex-grow: 1; }
      @media only screen and (min-width: 48em) {
        .query-builder .queries-content .queries-editor .queries-editor-header .button-query {
          flex-grow: 0; } }
      .query-builder .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon {
        width: 30px;
        height: 30px; }
        .query-builder .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon.icon-query-add {
          background: url("/images/icons/icon-query-add.svg") no-repeat center center;
          background-size: 20px; }
        .query-builder .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon.icon-save {
          background: url("/images/icons/icon-save.svg") no-repeat center center;
          background-size: 20px; }
        .query-builder .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon.icon-saveas {
          background: url("/images/icons/icon-saveas.svg") no-repeat center center;
          background-size: 24px; }
        .query-builder .queries-content .queries-editor .queries-editor-header .button-query .button-query-icon.icon-run {
          background: url("/images/icons/icon-play.svg") no-repeat center center;
          background-size: 20px; }
      .query-builder .queries-content .queries-editor .queries-editor-header .button-query .button-query-label {
        padding: 0 5px; }
        .query-builder .queries-content .queries-editor .queries-editor-header .button-query .button-query-label.column-options {
          width: auto;
          padding: 0 8px;
          line-height: 30px; }
      .query-builder .queries-content .queries-editor .queries-editor-header .button-query:hover {
        background-color: rgba(16, 255, 195, 0.25); }
    .query-builder .queries-content .queries-editor .queries-editor-header .divider {
      width: 1px;
      height: 26px;
      margin-right: 8px;
      border-right: 1px solid #eee; }
    .query-builder .queries-content .queries-editor .queries-editor-header .save-as .textbox-save-as {
      min-width: 300px; }
    @media only screen and (min-width: 48em) {
      .query-builder .queries-content .queries-editor .grouping-mobile {
        display: none; } }
    .query-builder .queries-content .queries-editor .queries-clauses {
      padding: 10px 0; }
      .query-builder .queries-content .queries-editor .queries-clauses .clauses {
        width: 100%; }
        .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          padding-bottom: 5px;
          background-color: #f1f1f1;
          margin-bottom: 10px; }
          @media only screen and (min-width: 48em) {
            .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause {
              background-color: rgba(0, 0, 0, 0);
              margin-bottom: 0; } }
          .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause.header {
            padding-bottom: 0;
            opacity: 0.7;
            display: none; }
            @media only screen and (min-width: 48em) {
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause.header {
                display: flex; } }
          .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .actions-row {
            width: 100%;
            align-items: flex-end;
            background-color: #10FFC3;
            padding: 5px; }
            @media only screen and (min-width: 48em) {
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .actions-row {
                flex-basis: calc(10% + 95px);
                width: auto;
                align-items: normal;
                background-color: rgba(0, 0, 0, 0);
                padding: 0; } }
          .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .add {
            flex-basis: 35px;
            padding-right: 5px;
            display: none; }
            @media only screen and (min-width: 64em) {
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .add {
                display: block; } }
            .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .add .icon-add {
              height: 30px;
              width: 30px;
              line-height: 30px;
              text-align: center;
              color: #5cb85c;
              cursor: pointer; }
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .add .icon-add:hover {
                border-radius: 2px;
                background-color: rgba(16, 255, 195, 0.25); }
          .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .remove, .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .link {
            flex-basis: 35px;
            padding-right: 5px; }
            .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .remove .icon-remove, .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .link .icon-remove {
              height: 30px;
              width: 30px;
              line-height: 30px;
              text-align: center;
              color: #d9534f;
              cursor: pointer; }
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .remove .icon-remove:hover, .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .link .icon-remove:hover {
                border-radius: 2px;
                background-color: rgba(16, 255, 195, 0.25); }
            .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .remove .icon-link, .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .link .icon-link {
              height: 30px;
              width: 30px;
              line-height: 30px;
              text-align: center;
              color: #ffffff;
              border-radius: 2px;
              -webkit-touch-callout: none;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none; }
          .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .grouping {
            flex-basis: 25px;
            padding: 5px; }
            @media only screen and (min-width: 48em) {
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .grouping {
                padding: 0; } }
            .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .grouping .icon-grouping {
              width: 20px;
              height: 20px;
              line-height: 2rem;
              font-size: 2rem;
              border-radius: 2px;
              cursor: pointer; }
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .grouping .icon-grouping:hover {
                background-color: rgba(16, 255, 195, 0.25); }
            .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .grouping check-box.grouping-checkbox .checkbox .checkbox-value.checked .checkbox-box {
              background-color: #ffffff;
              border-color: #ffffff; }
              @media only screen and (min-width: 48em) {
                .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .grouping check-box.grouping-checkbox .checkbox .checkbox-value.checked .checkbox-box {
                  background-color: #10FFC3;
                  border-color: #10FFC3; } }
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .grouping check-box.grouping-checkbox .checkbox .checkbox-value.checked .checkbox-box::after {
                border-color: #10FFC3; }
                @media only screen and (min-width: 48em) {
                  .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .grouping check-box.grouping-checkbox .checkbox .checkbox-value.checked .checkbox-box::after {
                    border-color: #ffffff; } }
          .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .remove {
            display: none; }
            @media only screen and (min-width: 48em) {
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .remove {
                display: flex; } }
          @media only screen and (min-width: 48em) {
            .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .button-mobile-remove {
              display: none; } }
          @media only screen and (min-width: 48em) {
            .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .and-or {
              flex-basis: 10%; } }
          .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause:not(.header) .and-or {
            flex-grow: 1; }
          .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .field {
            flex-grow: 1; }
            @media only screen and (min-width: 48em) {
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .field {
                flex-grow: 0;
                flex-basis: 30%; } }
          .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .operator {
            flex-grow: 1; }
            @media only screen and (min-width: 48em) {
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .operator {
                flex-grow: 0;
                flex-basis: 15%; } }
          .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .value {
            flex-basis: auto;
            flex-grow: 1;
            width: 100%; }
            @media only screen and (min-width: 48em) {
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .value {
                width: auto; } }
          .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .field-mobile-label {
            color: #9e9e9e;
            margin-top: 10px;
            padding: 0 5px; }
            @media only screen and (min-width: 48em) {
              .query-builder .queries-content .queries-editor .queries-clauses .clauses .clause .field-mobile-label {
                display: none; } }
      .query-builder .queries-content .queries-editor .queries-clauses .queries-loading {
        min-height: 56px; }
        .query-builder .queries-content .queries-editor .queries-clauses .queries-loading .loading-clauses-text {
          opacity: 0.7; }
      .query-builder .queries-content .queries-editor .queries-clauses .add-new-clause {
        height: 30px;
        padding: 0 5px 0 3px;
        border-radius: 2px;
        cursor: pointer; }
        .query-builder .queries-content .queries-editor .queries-clauses .add-new-clause:hover {
          background-color: rgba(16, 255, 195, 0.25); }
        .query-builder .queries-content .queries-editor .queries-clauses .add-new-clause .add-new-clause-icon {
          color: #5cb85c; }
        .query-builder .queries-content .queries-editor .queries-clauses .add-new-clause .add-new-clause-text {
          padding-left: 3px; }
    .query-builder .queries-content .datagrid-results {
      flex-grow: 1; }

.dialog-queries-manage-columns {
  max-width: calc(100vw - 20px); }
  @media only screen and (min-width: 48em) {
    .dialog-queries-manage-columns {
      width: 750px; } }
  .dialog-queries-manage-columns .dialog-content {
    padding: 0 5px 10px; }
    .dialog-queries-manage-columns .dialog-content .dialog-tabs {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      flex-shrink: 0;
      border-bottom: 1px solid #e0e0e0;
      overflow-x: auto; }
      .dialog-queries-manage-columns .dialog-content .dialog-tabs .dialog-tab {
        position: relative;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: background-color 0.2s ease; }
        .dialog-queries-manage-columns .dialog-content .dialog-tabs .dialog-tab:after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 4px;
          transition: background-color 0.2s ease; }
        .dialog-queries-manage-columns .dialog-content .dialog-tabs .dialog-tab .tab-title {
          display: inline-block;
          padding: 0 25px;
          line-height: normal;
          text-align: center;
          text-transform: uppercase;
          opacity: 0.6;
          margin-bottom: 10px; }
          @media only screen and (min-width: 48em) {
            .dialog-queries-manage-columns .dialog-content .dialog-tabs .dialog-tab .tab-title {
              line-height: 48px;
              margin-bottom: 0; } }
        .dialog-queries-manage-columns .dialog-content .dialog-tabs .dialog-tab.active:after {
          background-color: #242424; }
        .dialog-queries-manage-columns .dialog-content .dialog-tabs .dialog-tab.active .tab-title {
          opacity: 1; }
        @media only screen and (min-width: 64em) {
          .dialog-queries-manage-columns .dialog-content .dialog-tabs .dialog-tab:hover {
            background-color: #f3f3f3; } }
    .dialog-queries-manage-columns .dialog-content .panel-columns,
    .dialog-queries-manage-columns .dialog-content .panel-sorting,
    .dialog-queries-manage-columns .dialog-content .panel-grouping {
      padding-top: 10px;
      flex-direction: column; }
      @media only screen and (min-width: 48em) {
        .dialog-queries-manage-columns .dialog-content .panel-columns,
        .dialog-queries-manage-columns .dialog-content .panel-sorting,
        .dialog-queries-manage-columns .dialog-content .panel-grouping {
          flex-direction: row; } }
      .dialog-queries-manage-columns .dialog-content .panel-columns .search-container,
      .dialog-queries-manage-columns .dialog-content .panel-sorting .search-container,
      .dialog-queries-manage-columns .dialog-content .panel-grouping .search-container {
        padding: 5px 0; }
        .dialog-queries-manage-columns .dialog-content .panel-columns .search-container .title,
        .dialog-queries-manage-columns .dialog-content .panel-sorting .search-container .title,
        .dialog-queries-manage-columns .dialog-content .panel-grouping .search-container .title {
          font-size: 1.2rem;
          opacity: 0.7; }
      .dialog-queries-manage-columns .dialog-content .panel-columns .available,
      .dialog-queries-manage-columns .dialog-content .panel-sorting .available,
      .dialog-queries-manage-columns .dialog-content .panel-grouping .available {
        flex-basis: auto;
        flex-shrink: 0; }
        @media only screen and (min-width: 48em) {
          .dialog-queries-manage-columns .dialog-content .panel-columns .available,
          .dialog-queries-manage-columns .dialog-content .panel-sorting .available,
          .dialog-queries-manage-columns .dialog-content .panel-grouping .available {
            padding-right: 10px;
            flex-basis: 50%;
            width: 50%;
            max-width: 50%; } }
        .dialog-queries-manage-columns .dialog-content .panel-columns .available .available-content,
        .dialog-queries-manage-columns .dialog-content .panel-sorting .available .available-content,
        .dialog-queries-manage-columns .dialog-content .panel-grouping .available .available-content {
          height: 180px;
          border-radius: 2px;
          border: 1px solid #e0e0e0;
          overflow-y: auto; }
          @media only screen and (min-width: 48em) {
            .dialog-queries-manage-columns .dialog-content .panel-columns .available .available-content,
            .dialog-queries-manage-columns .dialog-content .panel-sorting .available .available-content,
            .dialog-queries-manage-columns .dialog-content .panel-grouping .available .available-content {
              height: 250px; } }
          .dialog-queries-manage-columns .dialog-content .panel-columns .available .available-content .item,
          .dialog-queries-manage-columns .dialog-content .panel-sorting .available .available-content .item,
          .dialog-queries-manage-columns .dialog-content .panel-grouping .available .available-content .item {
            flex-wrap: nowrap;
            height: 30px;
            padding: 0 8px 0 3px;
            cursor: pointer; }
            .dialog-queries-manage-columns .dialog-content .panel-columns .available .available-content .item span,
            .dialog-queries-manage-columns .dialog-content .panel-sorting .available .available-content .item span,
            .dialog-queries-manage-columns .dialog-content .panel-grouping .available .available-content .item span {
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; }
            .dialog-queries-manage-columns .dialog-content .panel-columns .available .available-content .item.selected,
            .dialog-queries-manage-columns .dialog-content .panel-sorting .available .available-content .item.selected,
            .dialog-queries-manage-columns .dialog-content .panel-grouping .available .available-content .item.selected {
              background-color: #10FFC3;
              color: #ffffff; }
            .dialog-queries-manage-columns .dialog-content .panel-columns .available .available-content .item .icon-arrow,
            .dialog-queries-manage-columns .dialog-content .panel-sorting .available .available-content .item .icon-arrow,
            .dialog-queries-manage-columns .dialog-content .panel-grouping .available .available-content .item .icon-arrow {
              width: 24px;
              height: 24px;
              margin-left: 4px;
              font-size: 2.4rem;
              line-height: 24px;
              text-align: center; }
              .dialog-queries-manage-columns .dialog-content .panel-columns .available .available-content .item .icon-arrow:hover,
              .dialog-queries-manage-columns .dialog-content .panel-sorting .available .available-content .item .icon-arrow:hover,
              .dialog-queries-manage-columns .dialog-content .panel-grouping .available .available-content .item .icon-arrow:hover {
                background-color: rgba(16, 255, 195, 0.25); }
      .dialog-queries-manage-columns .dialog-content .panel-columns .visible,
      .dialog-queries-manage-columns .dialog-content .panel-sorting .visible,
      .dialog-queries-manage-columns .dialog-content .panel-grouping .visible {
        flex-basis: auto;
        flex-shrink: 0; }
        @media only screen and (min-width: 48em) {
          .dialog-queries-manage-columns .dialog-content .panel-columns .visible,
          .dialog-queries-manage-columns .dialog-content .panel-sorting .visible,
          .dialog-queries-manage-columns .dialog-content .panel-grouping .visible {
            padding-right: 10px;
            flex-basis: 50%;
            width: 50%;
            max-width: 50%; } }
        .dialog-queries-manage-columns .dialog-content .panel-columns .visible .visible-content,
        .dialog-queries-manage-columns .dialog-content .panel-sorting .visible .visible-content,
        .dialog-queries-manage-columns .dialog-content .panel-grouping .visible .visible-content {
          height: 180px;
          border-radius: 2px;
          border: 1px solid #e0e0e0;
          overflow-y: auto; }
          @media only screen and (min-width: 48em) {
            .dialog-queries-manage-columns .dialog-content .panel-columns .visible .visible-content,
            .dialog-queries-manage-columns .dialog-content .panel-sorting .visible .visible-content,
            .dialog-queries-manage-columns .dialog-content .panel-grouping .visible .visible-content {
              height: 250px; } }
          .dialog-queries-manage-columns .dialog-content .panel-columns .visible .visible-content .item,
          .dialog-queries-manage-columns .dialog-content .panel-sorting .visible .visible-content .item,
          .dialog-queries-manage-columns .dialog-content .panel-grouping .visible .visible-content .item {
            flex-wrap: nowrap;
            height: 30px;
            padding: 0 8px 0 3px;
            cursor: pointer; }
            .dialog-queries-manage-columns .dialog-content .panel-columns .visible .visible-content .item span,
            .dialog-queries-manage-columns .dialog-content .panel-sorting .visible .visible-content .item span,
            .dialog-queries-manage-columns .dialog-content .panel-grouping .visible .visible-content .item span {
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden; }
            .dialog-queries-manage-columns .dialog-content .panel-columns .visible .visible-content .item.selected,
            .dialog-queries-manage-columns .dialog-content .panel-sorting .visible .visible-content .item.selected,
            .dialog-queries-manage-columns .dialog-content .panel-grouping .visible .visible-content .item.selected {
              background-color: #10FFC3;
              color: #ffffff; }
            .dialog-queries-manage-columns .dialog-content .panel-columns .visible .visible-content .item .icon-arrow,
            .dialog-queries-manage-columns .dialog-content .panel-sorting .visible .visible-content .item .icon-arrow,
            .dialog-queries-manage-columns .dialog-content .panel-grouping .visible .visible-content .item .icon-arrow {
              width: 24px;
              height: 24px;
              margin-right: 4px;
              font-size: 2.4rem;
              line-height: 24px;
              text-align: center; }
              .dialog-queries-manage-columns .dialog-content .panel-columns .visible .visible-content .item .icon-arrow:hover,
              .dialog-queries-manage-columns .dialog-content .panel-sorting .visible .visible-content .item .icon-arrow:hover,
              .dialog-queries-manage-columns .dialog-content .panel-grouping .visible .visible-content .item .icon-arrow:hover {
                background-color: rgba(16, 255, 195, 0.25); }
      .dialog-queries-manage-columns .dialog-content .panel-columns .customize,
      .dialog-queries-manage-columns .dialog-content .panel-sorting .customize,
      .dialog-queries-manage-columns .dialog-content .panel-grouping .customize {
        width: 100%; }
        @media only screen and (min-width: 48em) {
          .dialog-queries-manage-columns .dialog-content .panel-columns .customize,
          .dialog-queries-manage-columns .dialog-content .panel-sorting .customize,
          .dialog-queries-manage-columns .dialog-content .panel-grouping .customize {
            width: 80px; } }
        .dialog-queries-manage-columns .dialog-content .panel-columns .customize .title,
        .dialog-queries-manage-columns .dialog-content .panel-sorting .customize .title,
        .dialog-queries-manage-columns .dialog-content .panel-grouping .customize .title {
          margin-top: 10px;
          padding-bottom: 0;
          font-size: 1.2rem;
          opacity: 0.7; }
          @media only screen and (min-width: 48em) {
            .dialog-queries-manage-columns .dialog-content .panel-columns .customize .title,
            .dialog-queries-manage-columns .dialog-content .panel-sorting .customize .title,
            .dialog-queries-manage-columns .dialog-content .panel-grouping .customize .title {
              margin-top: 0;
              padding-bottom: 3px; } }
        .dialog-queries-manage-columns .dialog-content .panel-columns .customize .costumize-wrap,
        .dialog-queries-manage-columns .dialog-content .panel-sorting .customize .costumize-wrap,
        .dialog-queries-manage-columns .dialog-content .panel-grouping .customize .costumize-wrap {
          flex-direction: row;
          align-items: flex-end; }
          @media only screen and (min-width: 48em) {
            .dialog-queries-manage-columns .dialog-content .panel-columns .customize .costumize-wrap,
            .dialog-queries-manage-columns .dialog-content .panel-sorting .customize .costumize-wrap,
            .dialog-queries-manage-columns .dialog-content .panel-grouping .customize .costumize-wrap {
              flex-direction: column;
              justify-content: normal;
              align-items: normal; } }
          .dialog-queries-manage-columns .dialog-content .panel-columns .customize .costumize-wrap .down-button,
          .dialog-queries-manage-columns .dialog-content .panel-sorting .customize .costumize-wrap .down-button,
          .dialog-queries-manage-columns .dialog-content .panel-grouping .customize .costumize-wrap .down-button {
            padding: 0 5px; }
            @media only screen and (min-width: 48em) {
              .dialog-queries-manage-columns .dialog-content .panel-columns .customize .costumize-wrap .down-button,
              .dialog-queries-manage-columns .dialog-content .panel-sorting .customize .costumize-wrap .down-button,
              .dialog-queries-manage-columns .dialog-content .panel-grouping .customize .costumize-wrap .down-button {
                padding: 0; } }

entity-finder-search {
  display: block;
  position: relative;
  min-width: 60px; }
  entity-finder-search .entity-finder-search {
    position: relative; }
    entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-text {
      color: #9e9e9e;
      font-size: 1.4rem;
      font-weight: 400; }
    entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info {
      position: relative;
      height: 20px;
      padding-left: 3px; }
      entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info .entity-finder-search-label-info-icon {
        font-size: 1.6rem;
        line-height: 2rem;
        color: #9e9e9e;
        cursor: pointer; }
        @media (hover: hover) {
          entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info .entity-finder-search-label-info-icon:hover {
            color: #6b6b6b; }
            entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info .entity-finder-search-label-info-icon:hover + .entity-finder-search-label-info-tooltip {
              display: block; } }
      entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info .entity-finder-search-label-info-tooltip {
        display: none;
        position: absolute;
        top: -36px;
        left: -4px;
        padding: 5px 8px;
        font-size: 1.4rem;
        background-color: #1a1d27;
        color: #FFFFFF;
        white-space: nowrap;
        z-index: 2;
        border-radius: 2px; }
        entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info .entity-finder-search-label-info-tooltip:after {
          position: absolute;
          left: 8px;
          bottom: -14px;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          pointer-events: none; }
        entity-finder-search .entity-finder-search .entity-finder-search-label .entity-finder-search-label-info .entity-finder-search-label-info-tooltip:after {
          border-top-color: #1a1d27;
          border-width: 7px; }
    entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-dropdown {
      top: 30px;
      left: 0; }
    entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value {
      position: relative;
      flex-wrap: nowrap;
      z-index: 10;
      background-color: #ffffff; }
      entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-input-content {
        width: 100%;
        height: 30px;
        padding: 5px 30px 5px 5px;
        outline: none;
        border: 1px solid #dddddd;
        border-radius: 2px;
        font-size: 1.4rem;
        font-weight: 400;
        font-family: "Open Sans", sans-serif;
        background: #fbfbfb;
        color: #4a4a4a;
        -webkit-appearance: none;
        overflow: hidden; }
        entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-input-content:-webkit-autofill {
          -webkit-box-shadow: 0 0 0px 1000px white inset; }
        entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-input-content::-webkit-input-placeholder {
          color: #c4c4c4; }
        entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-input-content:-ms-input-placeholder {
          color: #c4c4c4; }
        entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-input-content::input-placeholder {
          color: #c4c4c4; }
        entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-input-content:focus {
          margin-bottom: 0;
          border-bottom: 1px solid #10FFC3; }
        entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-input-content .entity-finder-search-input {
          white-space: pre;
          overflow-x: auto;
          min-height: 100%;
          padding: 5px 0;
          margin-top: -5px;
          outline: none; }
      entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-button {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        min-width: 30px;
        height: 30px;
        background-color: transparent;
        border: 0;
        padding: 0;
        outline: 0;
        border-radius: 0 2px 2px 0;
        -webkit-appearance: none; }
        entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-button .entity-finder-search-icon {
          color: #adadad;
          font-size: 2.2rem;
          line-height: 30px;
          text-align: center; }
          @media (hover: hover) {
            entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-button .entity-finder-search-icon {
              cursor: pointer; }
              entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-button .entity-finder-search-icon:hover {
                color: #949494; } }
      entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-close-icon {
        margin-right: 10px;
        color: #adadad;
        font-size: 2.2rem;
        line-height: 30px; }
        @media (hover: hover) {
          entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-close-icon {
            cursor: pointer; }
            entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value .entity-finder-search-value .entity-finder-search-close-icon:hover {
              color: #949494; } }
    entity-finder-search .entity-finder-search .entity-finder-search-dropdown-value.readonly .entity-finder-search-dropdown-value-text {
      line-height: 30px;
      font-size: 1.4rem;
      font-weight: 400; }
    entity-finder-search .entity-finder-search .entity-finder-search-dropdown-adorned {
      display: block;
      position: absolute;
      left: -1px;
      right: -1px;
      bottom: 0; }
    entity-finder-search .entity-finder-search.disabled .entity-finder-search-value .entity-finder-search-input-content {
      padding-right: 5px;
      background: #f3f3f3;
      border: 1px solid #dddddd;
      color: #9c9c9c;
      cursor: not-allowed; }
  entity-finder-search.margin-bottom .entity-finder-search {
    margin-bottom: 30px; }
  entity-finder-search.margin-top .entity-finder-search {
    margin-top: 30px; }
  entity-finder-search.error-validation .entity-finder-search .entity-finder-search-value .entity-finder-search-input-content {
    background-color: #f9e2e2;
    border: 1px solid #d9534f; }
    entity-finder-search.error-validation .entity-finder-search .entity-finder-search-value .entity-finder-search-input-content::-webkit-input-placeholder {
      color: #e27c79; }
    entity-finder-search.error-validation .entity-finder-search .entity-finder-search-value .entity-finder-search-input-content:-ms-input-placeholder {
      color: #e27c79; }
    entity-finder-search.error-validation .entity-finder-search .entity-finder-search-value .entity-finder-search-input-content::input-placeholder {
      color: #e27c79; }
    entity-finder-search.error-validation .entity-finder-search .entity-finder-search-value .entity-finder-search-input-content:focus {
      border-bottom: 1px solid #d43f3a; }
  entity-finder-search.error-validation .entity-finder-search .entity-finder-search-value .entity-finder-search-button .entity-finder-search-icon {
    color: #d9534f; }
    @media (hover: hover) {
      entity-finder-search.error-validation .entity-finder-search .entity-finder-search-value .entity-finder-search-button .entity-finder-search-icon:hover {
        color: #c9302c; } }
  entity-finder-search.required .entity-finder-search .entity-finder-search-label .entity-finder-search-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

.entity-finder-dropdown {
  display: none;
  position: absolute;
  width: 100%;
  min-height: 30px;
  margin-top: 3px;
  background: #fbfbfb;
  border: 1px solid #dddddd;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  z-index: 1;
  animation: keyframe-slide-top 0.2s ease, keyframe-fadein 0.2s ease; }
  .entity-finder-dropdown.visible {
    display: block; }
  .entity-finder-dropdown .entity-finder-dropdown-list {
    max-height: 300px;
    overflow-y: auto; }
    .entity-finder-dropdown .entity-finder-dropdown-list .category .category-title {
      display: inline-block;
      padding: 5px;
      font-size: 1.2rem;
      line-height: 1.2rem;
      opacity: 0.7; }
    .entity-finder-dropdown .entity-finder-dropdown-list .category .category-list .category-item {
      height: auto;
      padding: 0 5px;
      line-height: 30px;
      cursor: pointer; }
      .entity-finder-dropdown .entity-finder-dropdown-list .category .category-list .category-item.selected {
        background-color: #10FFC3;
        color: #ffffff; }
    .entity-finder-dropdown .entity-finder-dropdown-list .category .view-more {
      display: inline-block;
      padding: 0 5px;
      cursor: pointer; }
    .entity-finder-dropdown .entity-finder-dropdown-list .create-new {
      padding: 0 5px;
      line-height: 30px;
      cursor: pointer;
      transition: all 0.3s linear; }
      .entity-finder-dropdown .entity-finder-dropdown-list .create-new .icon-add {
        color: #5cb85c;
        line-height: 20px; }
      @media (hover: hover) {
        .entity-finder-dropdown .entity-finder-dropdown-list .create-new:hover {
          background-color: #00f6b8;
          color: #ffffff; } }
    .entity-finder-dropdown .entity-finder-dropdown-list .fallback-no-results {
      display: block;
      padding: 0 5px 10px;
      line-height: 30px;
      text-align: center; }

.entity-finder-dialog {
  min-width: 300px;
  align-self: center; }
  @media only screen and (min-width: 30em) {
    .entity-finder-dialog {
      min-width: 460px; } }
  @media only screen and (min-width: 48em) {
    .entity-finder-dialog {
      min-width: 500px; } }
  @media only screen and (min-width: 64em) {
    .entity-finder-dialog {
      min-width: 600px; } }
  @media only screen and (min-width: 75em) {
    .entity-finder-dialog {
      min-width: 700px; } }
  @media only screen and (min-width: 120em) {
    .entity-finder-dialog {
      min-width: 800px; } }
  .entity-finder-dialog .entity-finder-search {
    margin-top: 10px;
    font-family: "Open Sans", sans-serif; }
    .entity-finder-dialog .entity-finder-search .entity-finder-search-input-content {
      width: 100%;
      height: 30px;
      padding: 5px 30px 5px 5px;
      outline: none;
      border: 1px solid #dddddd;
      border-radius: 2px;
      font-size: 1.4rem;
      font-weight: 400;
      font-family: "Open Sans", sans-serif;
      background: #fbfbfb;
      color: #4a4a4a;
      -webkit-appearance: none;
      overflow: hidden; }
      .entity-finder-dialog .entity-finder-search .entity-finder-search-input-content:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset; }
      .entity-finder-dialog .entity-finder-search .entity-finder-search-input-content::-webkit-input-placeholder {
        color: #c4c4c4; }
      .entity-finder-dialog .entity-finder-search .entity-finder-search-input-content:-ms-input-placeholder {
        color: #c4c4c4; }
      .entity-finder-dialog .entity-finder-search .entity-finder-search-input-content::input-placeholder {
        color: #c4c4c4; }
      .entity-finder-dialog .entity-finder-search .entity-finder-search-input-content:focus {
        margin-bottom: 0;
        border-bottom: 1px solid #10FFC3; }
      .entity-finder-dialog .entity-finder-search .entity-finder-search-input-content .entity-finder-search-input {
        white-space: nowrap;
        overflow-x: auto;
        min-height: 100%;
        padding: 5px 0;
        margin-top: -5px;
        outline: none; }
    .entity-finder-dialog .entity-finder-search .entity-finder-search-button {
      display: flex;
      width: 30px;
      min-width: 30px;
      height: 30px;
      border-radius: 0 3px 3px 0;
      background-color: #10FFC3;
      border: 0;
      padding: 0;
      outline: 0;
      -webkit-appearance: none; }
      @media only screen and (min-width: 64em) {
        .entity-finder-dialog .entity-finder-search .entity-finder-search-button:hover {
          box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.15); } }
      .entity-finder-dialog .entity-finder-search .entity-finder-search-button:focus {
        box-shadow: inset 0px 0 0px 50px rgba(0, 0, 0, 0.2); }
      .entity-finder-dialog .entity-finder-search .entity-finder-search-button:active {
        transform-origin: left center;
        transform: scale(0.95);
        transition: transform 0.15s ease-in-out; }
      .entity-finder-dialog .entity-finder-search .entity-finder-search-button .entity-finder-search-icon {
        color: #ffffff;
        font-size: 2.2rem; }
  .entity-finder-dialog .results-container {
    flex-grow: 1;
    margin: 10px 0;
    overflow: auto; }
    .entity-finder-dialog .results-container:last-child {
      margin-bottom: 0; }
    .entity-finder-dialog .results-container .results-title {
      margin: 20px 0 5px;
      font-weight: 400; }
    .entity-finder-dialog .results-container .datagrid-table {
      width: 100%; }
  .entity-finder-dialog .action-bar {
    min-height: 30px;
    margin-top: 10px; }

lookup-control {
  display: block; }
  lookup-control.margin-top combo-box {
    margin-top: 30px; }
  lookup-control.margin-bottom combo-box {
    margin-bottom: 30px; }
  lookup-control.error-validation .combobox .combobox-value {
    background-color: #f9e2e2;
    border: 1px solid #d9534f; }
    lookup-control.error-validation .combobox .combobox-value .combobox-input .textbox .textbox-value .textbox-input::-webkit-input-placeholder {
      color: #e27c79; }
    lookup-control.error-validation .combobox .combobox-value .combobox-input .textbox .textbox-value .textbox-input:-ms-input-placeholder {
      color: #e27c79; }
    lookup-control.error-validation .combobox .combobox-value .combobox-input .textbox .textbox-value .textbox-input::input-placeholder {
      color: #e27c79; }
    lookup-control.error-validation .combobox .combobox-value .combobox-value-text.placeholder {
      color: #e27c79; }
    lookup-control.error-validation .combobox .combobox-value .combobox-icon {
      color: #d9534f; }
      @media only screen and (min-width: 64em) {
        lookup-control.error-validation .combobox .combobox-value .combobox-icon:hover {
          color: #c9302c; } }
      lookup-control.error-validation .combobox .combobox-value .combobox-icon.dropdown-open {
        color: #d9534f; }
        @media only screen and (min-width: 64em) {
          lookup-control.error-validation .combobox .combobox-value .combobox-icon.dropdown-open:hover {
            color: #c9302c; } }
  lookup-control.required .combobox .combobox-label .combobox-label-text:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

@media only screen and (min-width: 48em) {
  .lookup-hierarchy-control-modal {
    min-width: 500px; } }

@media only screen and (min-width: 48em) {
  .lookup-hierarchy-control-modal .dialog .dialog-container {
    max-height: 90%; } }

.lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose {
  max-width: 100vw;
  max-height: 100vh; }
  @media only screen and (min-width: 48em) {
    .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose {
      max-width: 90vw;
      max-height: 90vh; } }
  .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap {
    width: 100vw;
    height: 100vh; }
    @media only screen and (min-width: 48em) {
      .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap {
        width: auto;
        height: auto; } }
    .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs {
      user-select: none;
      margin-top: 5px; }
      .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs .breadcrumbs-item {
        line-height: 24px; }
        @media only screen and (min-width: 64em) {
          .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs .breadcrumbs-item:hover {
            color: black;
            cursor: pointer; } }
        .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs .breadcrumbs-item:not(:first-child) {
          padding-left: 5px; }
        .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs .breadcrumbs-item:before {
          content: 'keyboard_arrow_left'; }
    .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content {
      min-height: 300px;
      position: relative;
      flex-grow: 1; }
      @media only screen and (min-width: 48em) {
        .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content {
          position: static;
          flex-grow: 0; } }
      .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content .list {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: #ffffff; }
        @media only screen and (min-width: 48em) {
          .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content .list {
            position: static;
            width: auto;
            height: auto; } }
        .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content .list:not(:last-child) {
          margin-right: 10px; }
        .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content .list .lookup-hierarchy-list-table {
          width: 100%; }
        .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content .list:last-child .lookup-hierarchy-list-table .tr-lookup.active .name:after {
          content: ''; }
        .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content .list:not(:first-child).au-enter-active {
          -webkit-animation: slide-in-left 0.25s 1;
          animation: slide-in-left 0.25s 1; }
        .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content .list:not(:first-child).au-leave-active {
          -webkit-animation: slide-out-right 0.25s 1;
          animation: slide-out-right 0.25s 1; }

lookup-hierarchy-control {
  display: block; }
  lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-text {
    color: #9e9e9e;
    font-size: 1.4rem;
    font-weight: 400; }
  lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info {
    position: relative;
    height: 20px;
    padding-left: 3px; }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info .lookup-hierarchy-control-label-info-icon {
      font-size: 1.6rem;
      line-height: 2rem;
      color: #9e9e9e;
      cursor: pointer; }
      lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info .lookup-hierarchy-control-label-info-icon:hover {
        color: #6b6b6b; }
        lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info .lookup-hierarchy-control-label-info-icon:hover + .lookup-hierarchy-control-label-info-tooltip {
          display: block; }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info .lookup-hierarchy-control-label-info-tooltip {
      display: none;
      position: absolute;
      top: -36px;
      left: -4px;
      padding: 5px 8px;
      font-size: 1.4rem;
      background-color: #1a1d27;
      color: #FFFFFF;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px; }
      lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-label .lookup-hierarchy-control-label-info .lookup-hierarchy-control-label-info-tooltip:after {
        position: absolute;
        left: 8px;
        bottom: -14px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none;
        border-top-color: #1a1d27;
        border-width: 7px; }
  lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-code {
    display: flex;
    width: 60px;
    height: 30px;
    padding: 0 5px;
    background-color: #fbfbfb;
    font-size: 1.4rem;
    font-weight: 400;
    border: 1px solid #dddddd;
    border-radius: 2px 0 0 2px;
    outline: none; }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-code::-webkit-input-placeholder {
      color: #c4c4c4; }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-code:-ms-input-placeholder {
      color: #c4c4c4; }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-code::input-placeholder {
      color: #c4c4c4; }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-code:focus {
      margin-bottom: 0;
      border-bottom: 1px solid #10FFC3; }
  lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-code-readonly {
    display: flex;
    width: 60px;
    height: 30px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 30px; }
  lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-input {
    display: flex;
    flex-grow: 1;
    width: 100%;
    height: 30px;
    padding: 0 5px;
    font-size: 1.4rem;
    font-weight: 400;
    background-color: #fbfbfb;
    outline: none;
    border: 1px solid #dddddd;
    border-left: none;
    border-right: none; }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-input::-webkit-input-placeholder {
      color: #c4c4c4; }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-input:-ms-input-placeholder {
      color: #c4c4c4; }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-input::input-placeholder {
      color: #c4c4c4; }
  lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-input-readonly {
    display: flex;
    flex-grow: 1;
    height: 30px;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 30px; }
  lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-button {
    height: 30px;
    padding: 0 10px;
    border-radius: 0 3px 3px 0;
    background-color: #10FFC3;
    line-height: 30px;
    color: #ffffff;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer; }
    @media (hover: hover) {
      lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-button:hover {
        background-color: #00dca5; } }
    lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-button.show-icon {
      width: 30px;
      padding: 0;
      flex-shrink: 0;
      text-align: center;
      background-color: #fbfbfb;
      border: 1px solid #dddddd;
      border-left: none;
      color: #adadad; }
      @media only screen and (min-width: 64em) {
        lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-button.show-icon:hover {
          background-color: #fbfbfb;
          color: #949494; } }
      lookup-hierarchy-control .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-button.show-icon .icon {
        line-height: 30px; }
  lookup-hierarchy-control .lookup-hierarchy-control.disabled .lookup-hierarchy-control-code, lookup-hierarchy-control .lookup-hierarchy-control.disabled .lookup-hierarchy-control-input {
    background-color: #f3f3f3;
    border: 1px solid #dddddd;
    color: #9c9c9c;
    cursor: not-allowed; }
  lookup-hierarchy-control .lookup-hierarchy-control.disabled .lookup-hierarchy-control-code {
    border-right: 0px; }
  lookup-hierarchy-control.margin-top .lookup-hierarchy-control {
    margin-top: 30px; }
  lookup-hierarchy-control.margin-right .lookup-hierarchy-control {
    margin-right: 30px; }
  lookup-hierarchy-control.margin-bottom .lookup-hierarchy-control {
    margin-bottom: 30px; }
  lookup-hierarchy-control.margin-left .lookup-hierarchy-control {
    margin-left: 30px; }
  lookup-hierarchy-control.error-validation .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-code {
    background-color: #f9e2e2;
    border: 1px solid #d9534f; }
    lookup-hierarchy-control.error-validation .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-code::-webkit-input-placeholder {
      color: #e27c79; }
    lookup-hierarchy-control.error-validation .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-code:-ms-input-placeholder {
      color: #e27c79; }
    lookup-hierarchy-control.error-validation .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-code::input-placeholder {
      color: #e27c79; }
  lookup-hierarchy-control.error-validation .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-input {
    background-color: #f9e2e2;
    border: 1px solid #d9534f;
    border-left: none; }
    lookup-hierarchy-control.error-validation .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-input::-webkit-input-placeholder {
      color: #e27c79; }
    lookup-hierarchy-control.error-validation .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-input:-ms-input-placeholder {
      color: #e27c79; }
    lookup-hierarchy-control.error-validation .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-input::input-placeholder {
      color: #e27c79; }
  lookup-hierarchy-control.error-validation .lookup-hierarchy-control .lookup-hierarchy-control-value .lookup-hierarchy-control-button {
    background-color: #d9534f; }
  lookup-hierarchy-control.required label:after {
    content: "*";
    padding-left: 1px;
    color: #d9534f; }

lookup-hierarchy-list .lookup-hierarchy-list-table {
  min-width: 235px; }
  lookup-hierarchy-list .lookup-hierarchy-list-table .thead-lookup {
    opacity: 0.7; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .thead-lookup .code {
      width: 60px;
      padding: 0 5px;
      font-size: 1.2rem;
      line-height: 24px;
      text-transform: uppercase;
      text-align: left;
      font-weight: normal; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .thead-lookup .name {
      padding: 0 5px;
      font-size: 1.2rem;
      line-height: 24px;
      text-transform: uppercase;
      text-align: left;
      font-weight: normal; }
  lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup {
    cursor: pointer; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup:nth-child(odd) {
      background-color: #f8f8f8; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup:nth-child(even) {
      background-color: #fbfbfb; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup .code {
      padding: 0 5px;
      line-height: 30px; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup .name {
      padding: 0 5px;
      line-height: 30px; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup:hover {
      background-color: #f0f0f0; }
    lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup.active {
      background-color: #10FFC3; }
      lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup.active:hover {
        background-color: #01ffbf; }
      lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup.active .code {
        color: #ffffff;
        font-weight: 600; }
      lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup.active .name {
        position: relative;
        color: #ffffff;
        font-weight: 600; }
        lookup-hierarchy-list .lookup-hierarchy-list-table .tr-lookup.active .name:after {
          content: 'keyboard_arrow_right';
          position: absolute;
          top: 0;
          right: 0;
          width: 30px;
          height: 30px;
          font-family: 'Material Icons', sans-serif;
          -ms-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
          -webkit-font-smoothing: antialiased;
          font-size: 30px; }

.page-app {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 320px;
  padding: 0 !important; }
  .page-app .content {
    padding: 0; }
    .page-app .content .app-header {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      height: 60px;
      flex-shrink: 0;
      background-color: rgba(0, 0, 0, 0);
      z-index: 100;
      padding: 0 20px;
      border-bottom: 1px solid #ddd; }
      @media only screen and (min-width: 64em) {
        .page-app .content .app-header {
          height: 145px;
          padding: 0;
          border: none; } }
      .page-app .content .app-header .logo {
        width: 38px;
        height: 27px;
        align-self: center;
        flex-shrink: 0;
        background: url("/images/brandings/genesis/logo-tyme.svg") no-repeat;
        background-position: center;
        background-size: 38px; }
        @media only screen and (min-width: 64em) {
          .page-app .content .app-header .logo {
            background: url("/images/brandings/genesis/logo-tyme-full.svg") no-repeat;
            width: 140px;
            height: 35px;
            margin: 0 12px;
            background-size: 140px; } }
        .page-app .content .app-header .logo.app-environment-testing {
          position: relative; }
          .page-app .content .app-header .logo.app-environment-testing:after {
            content: "Staging";
            position: absolute;
            top: 22px;
            right: -10px;
            padding: 0px 4px 2px;
            background-color: #f0ad4e;
            border-radius: 2px;
            color: #ffffff;
            font-size: 1.1rem;
            font-weight: 600; }
      .page-app .content .app-header .header-right-container {
        position: relative;
        display: flex;
        align-items: center;
        margin-left: auto; }
        .page-app .content .app-header .header-right-container .global-search {
          width: 270px;
          margin-left: 20px; }
          .page-app .content .app-header .header-right-container .global-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input {
            background-color: #00d29d;
            border-color: transparent;
            color: #ffffff; }
            .page-app .content .app-header .header-right-container .global-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input::-webkit-input-placeholder {
              color: rgba(255, 255, 255, 0.5); }
          .page-app .content .app-header .header-right-container .global-search .entity-finder-search .entity-finder-search-value .entity-finder-serach-button .entity-finder-search-icon {
            color: #ffffff;
            opacity: 0.8; }
            .page-app .content .app-header .header-right-container .global-search .entity-finder-search .entity-finder-search-value .entity-finder-serach-button .entity-finder-search-icon:hover {
              opacity: 1; }
        .page-app .content .app-header .header-right-container .actions .action-notifications {
          position: relative;
          margin-left: 10px; }
          .page-app .content .app-header .header-right-container .actions .action-notifications .notification-icon-counter {
            position: relative;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            cursor: pointer;
            z-index: 1;
            transition: transform 0.2s ease;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
            @media only screen and (min-width: 64em) {
              .page-app .content .app-header .header-right-container .actions .action-notifications .notification-icon-counter:hover .icon-notification svg {
                width: 100%; }
                .page-app .content .app-header .header-right-container .actions .action-notifications .notification-icon-counter:hover .icon-notification svg path {
                  fill: #242424; } }
            .page-app .content .app-header .header-right-container .actions .action-notifications .notification-icon-counter .icon-notification {
              width: 21px;
              text-align: center;
              line-height: 30px;
              color: #242424;
              display: block;
              transform: scale(1);
              transition: transform 0.2s ease;
              transform-origin: center; }
              .page-app .content .app-header .header-right-container .actions .action-notifications .notification-icon-counter .icon-notification svg {
                width: 100%; }
                .page-app .content .app-header .header-right-container .actions .action-notifications .notification-icon-counter .icon-notification svg path {
                  fill: rgba(36, 36, 36, 0.6);
                  transition: fill 0.3s ease; }
              .page-app .content .app-header .header-right-container .actions .action-notifications .notification-icon-counter .icon-notification.ring-animation {
                animation: ring 3s ease-in-out 1;
                transform-origin: 50% 1px;
                fill: #242424; }

@keyframes ring {
  0% {
    transform: rotateZ(0); }
  5% {
    transform: rotateZ(-18deg); }
  10% {
    transform: rotateZ(14deg); }
  15% {
    transform: rotateZ(-12deg); }
  20% {
    transform: rotateZ(6deg); }
  25% {
    transform: rotateZ(-4deg); }
  30% {
    transform: rotateZ(2deg); }
  35% {
    transform: rotateZ(-1deg); }
  40% {
    transform: rotateZ(1deg); }
  45% {
    transform: rotateZ(0); }
  100% {
    transform: rotateZ(0); } }
            .page-app .content .app-header .header-right-container .actions .action-notifications .notification-icon-counter .counter {
              position: absolute;
              top: -2px;
              right: 0;
              display: flex;
              flex-wrap: nowrap;
              justify-content: center;
              align-items: center;
              font-size: 0.9rem;
              font-weight: 600;
              background-color: #d9534f;
              text-align: center;
              line-height: 14px;
              border-radius: 7px;
              color: #ffffff;
              padding: 0 5px;
              transition: all 0.3s 1s ease;
              opacity: 0;
              transform: scale(0.8); }
              .page-app .content .app-header .header-right-container .actions .action-notifications .notification-icon-counter .counter.show {
                opacity: 1;
                transform: scale(1); }
            .page-app .content .app-header .header-right-container .actions .action-notifications .notification-icon-counter:active {
              transform: scale(0.9); }
        .page-app .content .app-header .header-right-container .profile {
          margin-left: 20px;
          display: none; }
          @media only screen and (min-width: 64em) {
            .page-app .content .app-header .header-right-container .profile {
              display: flex; } }
          .page-app .content .app-header .header-right-container .profile .name {
            font-size: 1.6rem;
            color: #242424;
            text-align: right;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            font-weight: 600; }
          .page-app .content .app-header .header-right-container .profile .email {
            font-size: 1.2rem;
            color: #242424;
            text-align: right;
            white-space: nowrap;
            text-overflow: ellipsis; }
        @media only screen and (min-width: 64em) {
          .page-app .content .app-header .header-right-container .settings {
            margin-right: 30px; } }
        .page-app .content .app-header .header-right-container .settings .menu {
          display: flex;
          width: 30px;
          height: 30px;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          border-radius: 50%;
          background-color: #10FFC3;
          margin-left: 20px; }
          .page-app .content .app-header .header-right-container .settings .menu .user-initials {
            font-size: 1.2rem;
            font-weight: 600; }
        .page-app .content .app-header .header-right-container .settings .dropdown {
          position: absolute;
          top: 50px;
          right: 3px;
          padding: 30px;
          background-color: #ffffff;
          width: 300px;
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
          border-radius: 20px;
          z-index: 11;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
          @media only screen and (min-width: 64em) {
            .page-app .content .app-header .header-right-container .settings .dropdown {
              top: 100px;
              right: 23px; } }
          .page-app .content .app-header .header-right-container .settings .dropdown .item {
            margin: 0 0 30px;
            line-height: 1;
            cursor: pointer;
            font-size: 1.6rem;
            border-left: 0 solid #10FFC3;
            transition: all 0.2s ease; }
            .page-app .content .app-header .header-right-container .settings .dropdown .item .icon-lock {
              display: none; }
            .page-app .content .app-header .header-right-container .settings .dropdown .item:hover {
              border-left-width: 3px;
              padding-left: 10px; }
          .page-app .content .app-header .header-right-container .settings .dropdown .app-versions {
            font-size: 1.2rem;
            opacity: 0.6; }
            .page-app .content .app-header .header-right-container .settings .dropdown .app-versions .separator {
              padding: 0 7px; }
    .page-app .content .sidebar-nav {
      display: none;
      overflow-y: auto;
      z-index: 102;
      transition: transform 0.25s ease; }
      @media only screen and (min-width: 64em) {
        .page-app .content .sidebar-nav {
          width: 220px;
          display: block; } }
      .page-app .content .sidebar-nav .navigation {
        flex-shrink: 0;
        padding-left: 10px; }
        .page-app .content .sidebar-nav .navigation .nav {
          display: flex;
          height: 50px;
          font-weight: 600;
          border-left: 4px solid transparent;
          text-transform: uppercase;
          transition: all 0.3s ease;
          margin-bottom: 20px;
          position: relative; }
          @media (hover: hover) {
            .page-app .content .sidebar-nav .navigation .nav:hover {
              cursor: pointer; } }
          .page-app .content .sidebar-nav .navigation .nav .nav-icon {
            height: 25px;
            width: 25px;
            margin-right: 15px; }
            .page-app .content .sidebar-nav .navigation .nav .nav-icon svg {
              height: 100%; }
              .page-app .content .sidebar-nav .navigation .nav .nav-icon svg path, .page-app .content .sidebar-nav .navigation .nav .nav-icon svg ellipse, .page-app .content .sidebar-nav .navigation .nav .nav-icon svg circle {
                fill: #8D8D8D;
                transition: fill 0.3s ease; }
          .page-app .content .sidebar-nav .navigation .nav .nav-text {
            color: #8D8D8D;
            font-weight: 400;
            transition: color 0.3s ease; }
          .page-app .content .sidebar-nav .navigation .nav::before {
            content: '';
            width: 0;
            height: 100%;
            background-color: #10FFC3;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 100vw;
            transition: width 0.2s ease; }
          .page-app .content .sidebar-nav .navigation .nav.selected {
            padding-left: 20px; }
            .page-app .content .sidebar-nav .navigation .nav.selected .nav-icon svg path, .page-app .content .sidebar-nav .navigation .nav.selected .nav-icon svg ellipse, .page-app .content .sidebar-nav .navigation .nav.selected .nav-icon svg circle {
              fill: #242424; }
            .page-app .content .sidebar-nav .navigation .nav.selected .nav-text {
              color: #242424;
              font-weight: 600; }
            .page-app .content .sidebar-nav .navigation .nav.selected::before {
              width: 3px; }
          @media (hover: hover) {
            .page-app .content .sidebar-nav .navigation .nav:hover .nav-icon svg path, .page-app .content .sidebar-nav .navigation .nav:hover .nav-icon svg ellipse, .page-app .content .sidebar-nav .navigation .nav:hover .nav-icon svg circle {
              fill: #242424; }
            .page-app .content .sidebar-nav .navigation .nav:hover .nav-text {
              color: #242424; } }
    .page-app .content .app-router-view {
      display: flex;
      flex-direction: column;
      flex-basis: 0;
      flex-grow: 1;
      overflow: hidden;
      padding-bottom: 50px;
      min-height: 100%;
      max-height: 100%; }
      @media only screen and (min-width: 64em) {
        .page-app .content .app-router-view {
          padding: 0; } }
    .page-app .content .app-footer {
      background-color: #ffffff;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 50px;
      padding: 0 30px;
      z-index: 5;
      display: flex;
      justify-content: center;
      align-items: center;
      border-top: 1px solid #ddd; }
      @media only screen and (min-width: 64em) {
        .page-app .content .app-footer {
          display: none; } }
      .page-app .content .app-footer .footer-navigation {
        width: 100%; }
        .page-app .content .app-footer .footer-navigation .nav-items .nav-item {
          height: 23px;
          width: 23px;
          position: relative; }
          .page-app .content .app-footer .footer-navigation .nav-items .nav-item .comp-icon svg {
            height: 100%;
            width: 100%;
            transition: transform 0.3s ease; }
            .page-app .content .app-footer .footer-navigation .nav-items .nav-item .comp-icon svg path, .page-app .content .app-footer .footer-navigation .nav-items .nav-item .comp-icon svg ellipse, .page-app .content .app-footer .footer-navigation .nav-items .nav-item .comp-icon svg circle {
              fill: #8D8D8D;
              transition: fill 0.3s ease;
              transition: fill 0.3s ease; }
          .page-app .content .app-footer .footer-navigation .nav-items .nav-item::after {
            content: '';
            width: 40px;
            height: 0;
            background-color: #10FFC3;
            position: absolute;
            bottom: -13px;
            left: 50%;
            transform: translateX(-50%);
            transition: height 0.2s ease; }
          .page-app .content .app-footer .footer-navigation .nav-items .nav-item.selected svg path, .page-app .content .app-footer .footer-navigation .nav-items .nav-item.selected svg ellipse, .page-app .content .app-footer .footer-navigation .nav-items .nav-item.selected svg circle {
            fill: #242424; }
          .page-app .content .app-footer .footer-navigation .nav-items .nav-item.selected::after {
            height: 3px; }

.page-client-calendar .calendar-header {
  padding: 15px 15px 0; }
  @media only screen and (min-width: 380px) {
    .page-client-calendar .calendar-header {
      padding: 30px 30px 0; } }
  .page-client-calendar .calendar-header .legend-filter-container {
    margin-bottom: 15px; }
    .page-client-calendar .calendar-header .legend-filter-container .legend-filters .legend-filter {
      height: 25px;
      border-radius: 100vh;
      font-weight: 600;
      margin-bottom: 10px;
      cursor: pointer; }
      @media only screen and (min-width: 380px) {
        .page-client-calendar .calendar-header .legend-filter-container .legend-filters .legend-filter {
          height: 30px; } }
      .page-client-calendar .calendar-header .legend-filter-container .legend-filters .legend-filter:not(:last-child) {
        margin-right: 10px; }
      .page-client-calendar .calendar-header .legend-filter-container .legend-filters .legend-filter .checkbox-value {
        padding: 0 10px; }
        @media only screen and (min-width: 380px) {
          .page-client-calendar .calendar-header .legend-filter-container .legend-filters .legend-filter .checkbox-value {
            padding: 0 15px; } }
        .page-client-calendar .calendar-header .legend-filter-container .legend-filters .legend-filter .checkbox-value:not(.checked) {
          background-color: rgba(255, 255, 255, 0.6); }
          .page-client-calendar .calendar-header .legend-filter-container .legend-filters .legend-filter .checkbox-value:not(.checked) .checkbox-text {
            opacity: 0.6; }
        .page-client-calendar .calendar-header .legend-filter-container .legend-filters .legend-filter .checkbox-value .checkbox-box {
          display: none;
          background-color: rgba(255, 255, 255, 0);
          transition: background-color 0.3s ease; }
        .page-client-calendar .calendar-header .legend-filter-container .legend-filters .legend-filter .checkbox-value .checkbox-text {
          padding: 0;
          line-height: 25px;
          font-weight: 600;
          color: #242424;
          font-size: 1.3rem;
          transition: opacity 0.3s ease; }
          @media only screen and (min-width: 380px) {
            .page-client-calendar .calendar-header .legend-filter-container .legend-filters .legend-filter .checkbox-value .checkbox-text {
              line-height: 30px;
              font-size: 1.4rem; } }
    .page-client-calendar .calendar-header .legend-filter-container .filter {
      position: relative;
      margin-bottom: 10px; }
      .page-client-calendar .calendar-header .legend-filter-container .filter .icon-filter {
        width: 20px;
        height: 20px;
        cursor: pointer;
        display: block; }
        .page-client-calendar .calendar-header .legend-filter-container .filter .icon-filter path {
          fill: #8D8D8D;
          transition: fill 0.1s ease; }
        .page-client-calendar .calendar-header .legend-filter-container .filter .icon-filter:hover path {
          fill: #242424; }
        .page-client-calendar .calendar-header .legend-filter-container .filter .icon-filter.selected path {
          fill: #242424; }
      .page-client-calendar .calendar-header .legend-filter-container .filter .dropdown-filter {
        background-color: #ffffff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
        border-radius: 10px;
        padding: 20px;
        position: absolute;
        top: calc(100% + 15px);
        right: 0;
        z-index: 2;
        width: 200px;
        opacity: 0;
        transform: scale(0);
        transform-origin: top right;
        transition: all 0.3s ease; }
        .page-client-calendar .calendar-header .legend-filter-container .filter .dropdown-filter.show {
          opacity: 1;
          transform: scale(1); }
        .page-client-calendar .calendar-header .legend-filter-container .filter .dropdown-filter check-box:not(:last-child) {
          margin-bottom: 10px; }
  .page-client-calendar .calendar-header .month-year {
    margin-bottom: 14px; }
    .page-client-calendar .calendar-header .month-year .calendar-navigation {
      margin-left: auto; }
      .page-client-calendar .calendar-header .month-year .calendar-navigation .icon-prev, .page-client-calendar .calendar-header .month-year .calendar-navigation .icon-next {
        cursor: pointer;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center; }
        .page-client-calendar .calendar-header .month-year .calendar-navigation .icon-prev svg, .page-client-calendar .calendar-header .month-year .calendar-navigation .icon-next svg {
          height: 100%;
          width: 100%; }
      .page-client-calendar .calendar-header .month-year .calendar-navigation .icon-prev {
        transform: scaleX(-1);
        margin-right: 5px; }
    .page-client-calendar .calendar-header .month-year .current-month {
      font-weight: 600;
      padding: 0 10px 0 5px;
      font-size: 2rem; }
    .page-client-calendar .calendar-header .month-year .current-year {
      width: 100px; }

.page-client-calendar .desktop-calendar {
  padding: 0 30px; }

.page-client-calendar .mobile-calendar {
  position: relative;
  overflow-x: hidden; }
  .page-client-calendar .mobile-calendar mobile-client-calendar-events {
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    transition: left 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    touch-action: pan-y !important; }
    .page-client-calendar .mobile-calendar mobile-client-calendar-events:nth-child(1) {
      left: -100%; }
    .page-client-calendar .mobile-calendar mobile-client-calendar-events:nth-child(2) {
      left: 0; }
    .page-client-calendar .mobile-calendar mobile-client-calendar-events:nth-child(3) {
      left: 100%; }

.page-client-calendar .fallback .fallback-icon {
  width: 50px;
  display: block; }
  .page-client-calendar .fallback .fallback-icon path, .page-client-calendar .fallback .fallback-icon ellipse, .page-client-calendar .fallback .fallback-icon circle {
    fill: #8D8D8D; }

.page-client-calendar .fallback .fallback-text {
  font-size: 1.6rem;
  margin-top: 10px;
  color: #8D8D8D;
  text-align: center; }

.page-login {
  display: flex;
  flex-direction: column;
  padding-top: 60px;
  overflow-x: hidden;
  overflow-y: auto; }
  @media only screen and (min-width: 48em) {
    .page-login {
      padding-top: 80px; } }
  .page-login .header {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 0 10px 35px;
    flex-shrink: 0; }
    .page-login .header .logo {
      width: 300px;
      height: 100px;
      align-self: center;
      flex-shrink: 0;
      background: url("/images/brandings/genesis/logo-tyme.svg") no-repeat;
      background-position: center;
      background-size: 140px; }
      @media only screen and (min-width: 48em) {
        .page-login .header .logo {
          width: 440px;
          height: 220px;
          background-size: 300px; } }
  .page-login .content {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 0 10px 80px; }
    @media only screen and (min-width: 48em) {
      .page-login .content {
        padding-bottom: 100px; } }
    .page-login .content .form .field {
      margin-bottom: 25px; }
      .page-login .content .form .field .label {
        display: inline-block;
        padding-bottom: 10px; }
        @media only screen and (min-width: 48em) {
          .page-login .content .form .field .label {
            font-size: 1.6rem; } }
      .page-login .content .form .field .input .textbox .textbox-value {
        height: 50px;
        padding: 0 10px;
        background: #ffffff;
        border: 2px solid #C9C9C9;
        border-radius: 2px;
        outline: none;
        will-change: border-color;
        transition: border-color 0.2s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
        @media only screen and (min-width: 64em) {
          .page-login .content .form .field .input .textbox .textbox-value:hover {
            border-color: #43ffd0; } }
        .page-login .content .form .field .input .textbox .textbox-value.focused {
          border-color: #10FFC3; }
      .page-login .content .form .field .input.error-validation .textbox .textbox-value {
        border-color: #d9534f; }
      .page-login .content .form .field .forgot-password {
        color: #10FFC3;
        text-decoration: underline;
        cursor: pointer; }
        @media only screen and (min-width: 64em) {
          .page-login .content .form .field .forgot-password:hover {
            color: #00dca5; } }
      .page-login .content .form .field .error {
        color: #d9534f; }
    .page-login .content .form .button-submit {
      position: relative;
      height: 50px;
      padding: 0 30px;
      background-color: #10FFC3;
      border: 0;
      outline: none;
      appearance: none;
      font-size: 1.8rem;
      font-weight: 600;
      border-radius: 2px;
      will-change: transform, background-color;
      transition: all 0.2s ease; }
      @media only screen and (min-width: 64em) {
        .page-login .content .form .button-submit:hover {
          background-color: #00dca5; } }
      .page-login .content .form .button-submit:active {
        transform: translate(0, 2px); }
      .page-login .content .form .button-submit .text {
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
        will-change: opacity;
        white-space: nowrap;
        transition: opacity 0.2s ease; }
      .page-login .content .form .button-submit .button-submit-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
        will-change: opacity; }
      .page-login .content .form .button-submit.submitting .text {
        opacity: 0; }
      .page-login .content .form .button-submit.submitting .button-submit-loading {
        opacity: 1;
        visibility: visible; }
      .page-login .content .form .button-submit.disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #b3b3b3; }
    .page-login .content .form .register-account {
      margin-top: 10px;
      font-size: 1rem; }
      @media only screen and (min-width: 30em) {
        .page-login .content .form .register-account {
          font-size: 1.4rem; } }
      .page-login .content .form .register-account a {
        color: #10FFC3;
        text-decoration: underline;
        font-size: 1rem;
        cursor: pointer; }
        @media only screen and (min-width: 30em) {
          .page-login .content .form .register-account a {
            font-size: 1.4rem; } }
        @media only screen and (min-width: 64em) {
          .page-login .content .form .register-account a:hover {
            color: #00dca5; } }
    .page-login .content .form .go-back {
      margin-top: 10px; }
      .page-login .content .form .go-back a {
        color: #10FFC3;
        text-decoration: underline;
        font-size: 1rem;
        cursor: pointer; }
        @media only screen and (min-width: 30em) {
          .page-login .content .form .go-back a {
            font-size: 1.4rem; } }
        @media only screen and (min-width: 64em) {
          .page-login .content .form .go-back a:hover {
            color: #00dca5; } }
    .page-login .content .validation-messages {
      margin: 20px 0;
      background-color: rgba(217, 83, 79, 0.1);
      color: #d9534f;
      padding: 20px;
      border-radius: 3px; }
      .page-login .content .validation-messages .icon {
        font-size: 4.2rem;
        color: rgba(217, 83, 79, 0.8); }
      .page-login .content .validation-messages .error {
        margin-left: 10px; }
    .page-login .content .alternative {
      padding-top: 50px; }
      .page-login .content .alternative .label {
        display: inline-block;
        padding-bottom: 10px;
        opacity: 0.7; }
      .page-login .content .alternative .alt {
        width: 50px;
        height: 50px;
        cursor: pointer;
        border-radius: 50%;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
        will-change: transform, background-color;
        transition: all 0.2s ease;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .page-login .content .alternative .alt:not(:last-child) {
          margin-right: 10px; }
        .page-login .content .alternative .alt.google {
          background-color: #fff;
          background-image: url("../../../images/others/socials/icon-google.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 22px; }
          @media only screen and (min-width: 64em) {
            .page-login .content .alternative .alt.google:hover {
              background-color: #f9f9f9; } }
        .page-login .content .alternative .alt.facebook {
          background-color: #3B5998;
          background-image: url("../../../images/others/socials/icon-facebook.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 22px; }
          @media only screen and (min-width: 64em) {
            .page-login .content .alternative .alt.facebook:hover {
              background-color: #2d4373; } }
        .page-login .content .alternative .alt:active {
          transform: translate(0, 2px); }

.page-register {
  display: flex;
  flex-direction: column;
  padding-top: 60px;
  overflow-x: hidden;
  overflow-y: auto; }
  @media only screen and (min-width: 48em) {
    .page-register {
      padding-top: 80px 0 100px; } }
  .page-register .header {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 0 10px 35px;
    flex-shrink: 0; }
    .page-register .header .logo {
      width: 300px;
      height: 100px;
      align-self: center;
      flex-shrink: 0;
      background: url("/images/brandings/genesis/logo-tyme.svg") no-repeat;
      background-position: center;
      background-size: 140px; }
      @media only screen and (min-width: 48em) {
        .page-register .header .logo {
          width: 440px;
          height: 220px;
          background-size: 300px; } }
    .page-register .header .title {
      padding-top: 30px;
      font-size: 2.2rem;
      font-weight: 400; }
      @media only screen and (min-width: 64em) {
        .page-register .header .title {
          font-size: 3rem; } }
  .page-register .content {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 0 10px 80px; }
    @media only screen and (min-width: 48em) {
      .page-register .content {
        padding-bottom: 100px; } }
    .page-register .content .form .field {
      margin-bottom: 25px; }
      .page-register .content .form .field .label {
        display: inline-block;
        padding-bottom: 10px; }
        @media only screen and (min-width: 48em) {
          .page-register .content .form .field .label {
            font-size: 1.6rem; } }
      .page-register .content .form .field .input .textbox .textbox-value {
        height: 50px;
        padding: 0 10px;
        background: #ffffff;
        border: 2px solid #C9C9C9;
        border-radius: 2px;
        outline: none;
        will-change: border-color;
        transition: border-color 0.2s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
        @media only screen and (min-width: 64em) {
          .page-register .content .form .field .input .textbox .textbox-value:hover {
            border-color: #43ffd0; } }
        .page-register .content .form .field .input .textbox .textbox-value.focused {
          border-color: #10FFC3; }
      .page-register .content .form .field .input.error-validation .textbox .textbox-value {
        border-color: #d9534f; }
    .page-register .content .form .button-submit {
      position: relative;
      height: 50px;
      padding: 0 30px;
      background-color: #10FFC3;
      border: 0;
      outline: none;
      appearance: none;
      font-size: 1.8rem;
      font-weight: 600;
      border-radius: 2px;
      will-change: transform, background-color;
      transition: all 0.2s ease; }
      @media only screen and (min-width: 64em) {
        .page-register .content .form .button-submit:hover {
          background-color: #00dca5; } }
      .page-register .content .form .button-submit:active {
        transform: translate(0, 2px); }
      .page-register .content .form .button-submit .text {
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
        will-change: opacity;
        white-space: nowrap;
        transition: opacity 0.2s ease; }
      .page-register .content .form .button-submit .button-submit-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
        will-change: opacity; }
      .page-register .content .form .button-submit.submitting .text {
        opacity: 0; }
      .page-register .content .form .button-submit.submitting .button-submit-loading {
        opacity: 1;
        visibility: visible; }
      .page-register .content .form .button-submit.disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #b3b3b3; }
    .page-register .content .form .login-account {
      margin-left: 10px;
      font-size: 1rem; }
      @media only screen and (min-width: 30em) {
        .page-register .content .form .login-account {
          margin: 0 15px 0 10px;
          font-size: 1.4rem; } }
      .page-register .content .form .login-account a {
        color: #10FFC3;
        text-decoration: underline;
        font-size: 1rem;
        cursor: pointer; }
        @media only screen and (min-width: 30em) {
          .page-register .content .form .login-account a {
            font-size: 1.4rem; } }
        @media only screen and (min-width: 64em) {
          .page-register .content .form .login-account a:hover {
            color: #00dca5; } }
    .page-register .content .alternative {
      padding-top: 50px; }
      .page-register .content .alternative .label {
        display: inline-block;
        padding-bottom: 10px;
        opacity: 0.7; }
      .page-register .content .alternative .alt {
        width: 50px;
        height: 50px;
        cursor: pointer;
        border-radius: 50%;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
        will-change: transform, background-color;
        transition: all 0.2s ease;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .page-register .content .alternative .alt:not(:last-child) {
          margin-right: 10px; }
        .page-register .content .alternative .alt.google {
          background-color: #fff;
          background-image: url("../../../images/others/socials/icon-google.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 22px; }
          @media only screen and (min-width: 64em) {
            .page-register .content .alternative .alt.google:hover {
              background-color: #f9f9f9; } }
        .page-register .content .alternative .alt.facebook {
          background-color: #3B5998;
          background-image: url("../../../images/others/socials/icon-facebook.svg");
          background-repeat: no-repeat;
          background-position: center;
          background-size: 22px; }
          @media only screen and (min-width: 64em) {
            .page-register .content .alternative .alt.facebook:hover {
              background-color: #2d4373; } }
        .page-register .content .alternative .alt:active {
          transform: translate(0, 2px); }

.page-change-password {
  display: flex;
  flex-direction: column;
  padding-top: 60px;
  overflow-x: hidden;
  overflow-y: auto; }
  @media only screen and (min-width: 48em) {
    .page-change-password {
      padding-top: 80px; } }
  .page-change-password .header {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 0 10px 35px;
    flex-shrink: 0; }
    .page-change-password .header .title {
      font-size: 2.2rem;
      font-weight: 400; }
      @media only screen and (min-width: 64em) {
        .page-change-password .header .title {
          font-size: 3rem; } }
    .page-change-password .header .infos .info {
      font-size: 1.2rem;
      color: #8D8D8D; }
  .page-change-password .content {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 0 10px 80px; }
    @media only screen and (min-width: 48em) {
      .page-change-password .content {
        padding-bottom: 100px; } }

.page-forgot-password {
  display: flex;
  flex-direction: column;
  padding-top: 60px;
  overflow-x: hidden;
  overflow-y: auto; }
  @media only screen and (min-width: 48em) {
    .page-forgot-password {
      padding-top: 80px; } }
  .page-forgot-password .header {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 0 10px 35px;
    flex-shrink: 0; }
    .page-forgot-password .header .logo {
      width: 300px;
      height: 100px;
      align-self: center;
      flex-shrink: 0;
      background: url("/images/brandings/genesis/logo-tyme.svg") no-repeat;
      background-position: center;
      background-size: 140px; }
      @media only screen and (min-width: 48em) {
        .page-forgot-password .header .logo {
          width: 440px;
          height: 220px;
          background-size: 300px; } }
    .page-forgot-password .header .title {
      padding: 30px 0 10px;
      font-size: 2.2rem;
      font-weight: 400; }
      @media only screen and (min-width: 64em) {
        .page-forgot-password .header .title {
          font-size: 3rem; } }
  .page-forgot-password .content {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 0 10px 80px; }
    @media only screen and (min-width: 48em) {
      .page-forgot-password .content {
        padding-bottom: 100px; } }
    .page-forgot-password .content .form .field {
      margin-bottom: 25px; }
      .page-forgot-password .content .form .field .label {
        display: inline-block;
        padding-bottom: 10px; }
        @media only screen and (min-width: 48em) {
          .page-forgot-password .content .form .field .label {
            font-size: 1.6rem; } }
      .page-forgot-password .content .form .field .input .textbox .textbox-value {
        height: 50px;
        padding: 0 10px;
        background: #ffffff;
        border: 2px solid #C9C9C9;
        border-radius: 2px;
        outline: none;
        will-change: border-color;
        transition: border-color 0.2s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
        @media only screen and (min-width: 64em) {
          .page-forgot-password .content .form .field .input .textbox .textbox-value:hover {
            border-color: #43ffd0; } }
        .page-forgot-password .content .form .field .input .textbox .textbox-value.focused {
          border-color: #10FFC3; }
      .page-forgot-password .content .form .field .input.error-validation .textbox .textbox-value {
        border-color: #d9534f; }
    .page-forgot-password .content .form .button-submit {
      position: relative;
      height: 50px;
      padding: 0 30px;
      background-color: #10FFC3;
      border: 0;
      outline: none;
      appearance: none;
      font-size: 1.8rem;
      font-weight: 600;
      border-radius: 2px;
      will-change: transform, background-color;
      transition: all 0.2s ease; }
      @media only screen and (min-width: 64em) {
        .page-forgot-password .content .form .button-submit:hover {
          background-color: #00dca5; } }
      .page-forgot-password .content .form .button-submit:active {
        transform: translate(0, 2px); }
      .page-forgot-password .content .form .button-submit .text {
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
        will-change: opacity;
        white-space: nowrap;
        transition: opacity 0.2s ease; }
      .page-forgot-password .content .form .button-submit .button-submit-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
        will-change: opacity; }
      .page-forgot-password .content .form .button-submit.submitting .text {
        opacity: 0; }
      .page-forgot-password .content .form .button-submit.submitting .button-submit-loading {
        opacity: 1;
        visibility: visible; }
      .page-forgot-password .content .form .button-submit.disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #b3b3b3; }
    .page-forgot-password .content .text-email {
      color: #10FFC3; }
    .page-forgot-password .content .text-link {
      color: #10FFC3;
      text-decoration: underline;
      cursor: pointer; }
    .page-forgot-password .content .back-to-login {
      display: inline-block;
      margin-top: 20px;
      color: #10FFC3;
      text-decoration: underline;
      cursor: pointer; }

.page-reset-password {
  display: flex;
  flex-direction: column;
  padding-top: 60px;
  overflow-x: hidden;
  overflow-y: auto; }
  @media only screen and (min-width: 48em) {
    .page-reset-password {
      padding-top: 80px; } }
  .page-reset-password .header {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 0 10px 35px;
    flex-shrink: 0; }
    .page-reset-password .header .logo {
      width: 300px;
      height: 100px;
      align-self: center;
      flex-shrink: 0;
      background: url("/images/brandings/genesis/logo-tyme.svg") no-repeat;
      background-position: center;
      background-size: 140px; }
      @media only screen and (min-width: 48em) {
        .page-reset-password .header .logo {
          width: 440px;
          height: 220px;
          background-size: 300px; } }
    .page-reset-password .header .title {
      padding: 30px 0 10px;
      font-size: 2.2rem;
      font-weight: 400; }
      @media only screen and (min-width: 64em) {
        .page-reset-password .header .title {
          font-size: 3rem; } }
  .page-reset-password .content {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 0 10px 80px; }
    @media only screen and (min-width: 48em) {
      .page-reset-password .content {
        padding-bottom: 100px; } }
    .page-reset-password .content .form .field {
      margin-bottom: 25px; }
      .page-reset-password .content .form .field .label {
        display: inline-block;
        padding-bottom: 10px; }
        @media only screen and (min-width: 48em) {
          .page-reset-password .content .form .field .label {
            font-size: 1.6rem; } }
      .page-reset-password .content .form .field .input .textbox .textbox-value {
        height: 50px;
        padding: 0 10px;
        background: #ffffff;
        border: 2px solid #C9C9C9;
        border-radius: 2px;
        outline: none;
        will-change: border-color;
        transition: border-color 0.2s ease;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
        @media only screen and (min-width: 64em) {
          .page-reset-password .content .form .field .input .textbox .textbox-value:hover {
            border-color: #43ffd0; } }
        .page-reset-password .content .form .field .input .textbox .textbox-value.focused {
          border-color: #10FFC3; }
      .page-reset-password .content .form .field .input.error-validation .textbox .textbox-value {
        border-color: #d9534f; }
    .page-reset-password .content .form .button-submit {
      position: relative;
      height: 50px;
      padding: 0 30px;
      background-color: #10FFC3;
      border: 0;
      outline: none;
      appearance: none;
      font-size: 1.8rem;
      font-weight: 600;
      border-radius: 2px;
      will-change: transform, background-color;
      transition: all 0.2s ease; }
      @media only screen and (min-width: 64em) {
        .page-reset-password .content .form .button-submit:hover {
          background-color: #00dca5; } }
      .page-reset-password .content .form .button-submit:active {
        transform: translate(0, 2px); }
      .page-reset-password .content .form .button-submit .text {
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
        will-change: opacity;
        white-space: nowrap;
        transition: opacity 0.2s ease; }
      .page-reset-password .content .form .button-submit .button-submit-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
        will-change: opacity; }
      .page-reset-password .content .form .button-submit.submitting .text {
        opacity: 0; }
      .page-reset-password .content .form .button-submit.submitting .button-submit-loading {
        opacity: 1;
        visibility: visible; }
      .page-reset-password .content .form .button-submit.disabled {
        cursor: not-allowed;
        pointer-events: none;
        background-color: #b3b3b3; }

.page-dashboard {
  position: relative;
  height: 100%;
  background-color: #f4f4f4;
  overflow: hidden; }
  .page-dashboard .dashboard-header {
    height: 44px;
    flex-shrink: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #eee; }
    .page-dashboard .dashboard-header .dashboard-tabs {
      height: 44px;
      overflow-x: hidden; }
      @media only screen and (min-width: 48em) {
        .page-dashboard .dashboard-header .dashboard-tabs::-webkit-scrollbar {
          width: 6px;
          height: 6px; }
        .page-dashboard .dashboard-header .dashboard-tabs::-webkit-scrollbar-track {
          -webkit-box-shadow: none;
          background-color: transparent; }
        .page-dashboard .dashboard-header .dashboard-tabs::-webkit-scrollbar-thumb {
          background-color: #cecece;
          border-radius: 2.5px; } }
      .page-dashboard .dashboard-header .dashboard-tabs .tab {
        height: 30px;
        margin-left: 10px;
        background-color: #fbfbfb;
        border: 1px solid #eee;
        border-radius: 2px 2px 0 0;
        cursor: pointer; }
        @media (hover: hover) {
          .page-dashboard .dashboard-header .dashboard-tabs .tab:hover {
            background-color: #f9f9f9; } }
        .page-dashboard .dashboard-header .dashboard-tabs .tab .tab-name {
          padding: 0 20px;
          white-space: nowrap;
          opacity: 0.7;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none; }
        .page-dashboard .dashboard-header .dashboard-tabs .tab.selected {
          height: 34px;
          background-color: #f4f4f4;
          border-bottom: none;
          cursor: default;
          transform: translate(0, 0); }
          .page-dashboard .dashboard-header .dashboard-tabs .tab.selected .tab-name {
            opacity: 1; }
    .page-dashboard .dashboard-header .tab-add {
      height: 30px;
      margin-left: 10px;
      background-color: #fbfbfb;
      border: 1px solid #eee;
      border-radius: 2px 2px 0 0;
      cursor: pointer;
      width: 32px; }
      @media (hover: hover) {
        .page-dashboard .dashboard-header .tab-add:hover .icon-add {
          color: #5cb85c; } }
      .page-dashboard .dashboard-header .tab-add .icon-add {
        font-size: 2rem;
        opacity: 0.7;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
    .page-dashboard .dashboard-header .tab-menu {
      height: 30px;
      margin-left: 10px;
      background-color: #fbfbfb;
      border: 1px solid #eee;
      border-radius: 2px 2px 0 0;
      cursor: pointer;
      position: relative;
      width: 32px;
      outline: none; }
      .page-dashboard .dashboard-header .tab-menu .icon-menu {
        font-size: 2rem;
        opacity: 0.7;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
      .page-dashboard .dashboard-header .tab-menu .tab-menu-dropdown {
        position: absolute;
        top: 32px;
        right: 0;
        min-width: 200px;
        padding: 3px 0;
        background-color: #fbfbfb;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        z-index: 11;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .page-dashboard .dashboard-header .tab-menu .tab-menu-dropdown:before {
          content: '';
          position: absolute;
          top: -6px;
          right: -1px;
          width: 32px;
          height: 6px;
          background-color: #fbfbfb;
          border-left: 1px solid #eee;
          border-right: 1px solid #eee; }
        .page-dashboard .dashboard-header .tab-menu .tab-menu-dropdown .tab-menu-item {
          padding: 0 15px 0 5px;
          line-height: 30px;
          cursor: pointer; }
          @media (hover: hover) {
            .page-dashboard .dashboard-header .tab-menu .tab-menu-dropdown .tab-menu-item:hover {
              background-color: rgba(193, 193, 193, 0.3); } }
          .page-dashboard .dashboard-header .tab-menu .tab-menu-dropdown .tab-menu-item .tab-menu-name {
            padding: 0 20px;
            white-space: nowrap; }
    .page-dashboard .dashboard-header .button-dashboards-settings {
      width: 36px;
      height: 36px;
      margin: 4px 4px 4px auto;
      opacity: 0.9;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media (hover: hover) {
        .page-dashboard .dashboard-header .button-dashboards-settings:hover {
          opacity: 1; } }
  .page-dashboard .gridstack {
    height: 100%;
    flex-grow: 1;
    padding: 2px 10px 70px;
    overflow: auto; }
    @media only screen and (min-width: 48em) {
      .page-dashboard .gridstack {
        padding: 5px 3px 70px; } }
    .page-dashboard .gridstack .grid-stack {
      position: relative;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      @media only screen and (max-width: 48em) {
        .page-dashboard .gridstack .grid-stack {
          height: auto !important; } }
      @media only screen and (min-width: 48em) {
        .page-dashboard .gridstack .grid-stack {
          display: block; } }
      .page-dashboard .gridstack .grid-stack .grid-stack-item {
        min-width: 100%;
        min-height: 160px;
        animation: keyframe-fadein 0.2s ease; }
        @media only screen and (min-width: 48em) {
          .page-dashboard .gridstack .grid-stack .grid-stack-item {
            position: absolute;
            min-width: 160px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='0'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='0'] {
              top: 5px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='1'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='1'] {
              top: 175px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='2'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='2'] {
              top: 345px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='3'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='3'] {
              top: 515px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='4'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='4'] {
              top: 685px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='5'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='5'] {
              top: 855px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='6'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='6'] {
              top: 1025px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='7'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='7'] {
              top: 1195px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='8'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='8'] {
              top: 1365px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='9'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='9'] {
              top: 1535px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='10'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='10'] {
              top: 1705px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='11'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='11'] {
              top: 1875px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='12'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='12'] {
              top: 2045px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='13'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='13'] {
              top: 2215px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='14'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='14'] {
              top: 2385px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='15'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='15'] {
              top: 2555px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='16'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='16'] {
              top: 2725px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='17'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='17'] {
              top: 2895px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='18'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='18'] {
              top: 3065px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='19'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='19'] {
              top: 3235px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='20'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='20'] {
              top: 3405px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='21'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='21'] {
              top: 3575px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='22'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='22'] {
              top: 3745px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='23'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='23'] {
              top: 3915px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='24'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='24'] {
              top: 4085px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='25'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='25'] {
              top: 4255px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='26'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='26'] {
              top: 4425px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='27'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='27'] {
              top: 4595px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='28'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='28'] {
              top: 4765px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='29'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='29'] {
              top: 4935px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='30'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='30'] {
              top: 5105px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='31'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='31'] {
              top: 5275px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='32'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='32'] {
              top: 5445px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='33'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='33'] {
              top: 5615px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='34'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='34'] {
              top: 5785px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='35'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='35'] {
              top: 5955px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='36'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='36'] {
              top: 6125px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='37'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='37'] {
              top: 6295px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='38'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='38'] {
              top: 6465px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='39'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='39'] {
              top: 6635px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='40'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='40'] {
              top: 6805px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='41'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='41'] {
              top: 6975px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='42'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='42'] {
              top: 7145px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='43'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='43'] {
              top: 7315px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='44'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='44'] {
              top: 7485px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='45'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='45'] {
              top: 7655px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='46'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='46'] {
              top: 7825px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='47'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='47'] {
              top: 7995px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='48'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='48'] {
              top: 8165px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='49'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='49'] {
              top: 8335px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='50'] {
          top: 0;
          margin-top: 10px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-y='50'] {
              top: 8505px;
              margin: 0; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='0'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='0'] {
              left: 5px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='1'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='1'] {
              left: 175px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='2'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='2'] {
              left: 345px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='3'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='3'] {
              left: 515px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='4'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='4'] {
              left: 685px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='5'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='5'] {
              left: 855px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='6'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='6'] {
              left: 1025px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='7'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='7'] {
              left: 1195px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='8'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='8'] {
              left: 1365px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='9'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='9'] {
              left: 1535px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='10'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='10'] {
              left: 1705px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='11'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='11'] {
              left: 1875px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='12'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='12'] {
              left: 2045px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='13'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='13'] {
              left: 2215px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='14'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='14'] {
              left: 2385px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='15'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='15'] {
              left: 2555px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='16'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='16'] {
              left: 2725px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='17'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='17'] {
              left: 2895px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='18'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='18'] {
              left: 3065px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='19'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='19'] {
              left: 3235px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='20'] {
          left: 0; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-x='20'] {
              left: 3405px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='2'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='2'] {
              width: 330px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='3'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='3'] {
              width: 500px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='4'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='4'] {
              width: 670px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='5'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='5'] {
              width: 840px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='6'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='6'] {
              width: 1010px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='7'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='7'] {
              width: 1180px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='8'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='8'] {
              width: 1350px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='9'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='9'] {
              width: 1520px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='10'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='10'] {
              width: 1690px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='11'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='11'] {
              width: 1860px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='12'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='12'] {
              width: 2030px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='13'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='13'] {
              width: 2200px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='14'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='14'] {
              width: 2370px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='15'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='15'] {
              width: 2540px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='16'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='16'] {
              width: 2710px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='17'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='17'] {
              width: 2880px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='18'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='18'] {
              width: 3050px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='19'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='19'] {
              width: 3220px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='20'] {
          width: 100%; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-width='20'] {
              width: 3390px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='2'] {
          height: initial;
          min-height: 330px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='2'] {
              height: 330px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='3'] {
          height: initial;
          min-height: 500px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='3'] {
              height: 500px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='4'] {
          height: initial;
          min-height: 670px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='4'] {
              height: 670px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='5'] {
          height: initial;
          min-height: 840px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='5'] {
              height: 840px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='6'] {
          height: initial;
          min-height: 1010px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='6'] {
              height: 1010px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='7'] {
          height: initial;
          min-height: 1180px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='7'] {
              height: 1180px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='8'] {
          height: initial;
          min-height: 1350px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='8'] {
              height: 1350px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='9'] {
          height: initial;
          min-height: 1520px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='9'] {
              height: 1520px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='10'] {
          height: initial;
          min-height: 1690px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='10'] {
              height: 1690px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='11'] {
          height: initial;
          min-height: 1860px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='11'] {
              height: 1860px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='12'] {
          height: initial;
          min-height: 2030px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='12'] {
              height: 2030px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='13'] {
          height: initial;
          min-height: 2200px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='13'] {
              height: 2200px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='14'] {
          height: initial;
          min-height: 2370px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='14'] {
              height: 2370px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='15'] {
          height: initial;
          min-height: 2540px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='15'] {
              height: 2540px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='16'] {
          height: initial;
          min-height: 2710px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='16'] {
              height: 2710px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='17'] {
          height: initial;
          min-height: 2880px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='17'] {
              height: 2880px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='18'] {
          height: initial;
          min-height: 3050px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='18'] {
              height: 3050px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='19'] {
          height: initial;
          min-height: 3220px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='19'] {
              height: 3220px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='20'] {
          height: initial;
          min-height: 3390px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='20'] {
              height: 3390px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='21'] {
          height: initial;
          min-height: 3560px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='21'] {
              height: 3560px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='22'] {
          height: initial;
          min-height: 3730px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='22'] {
              height: 3730px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='23'] {
          height: initial;
          min-height: 3900px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='23'] {
              height: 3900px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='24'] {
          height: initial;
          min-height: 4070px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='24'] {
              height: 4070px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='25'] {
          height: initial;
          min-height: 4240px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='25'] {
              height: 4240px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='26'] {
          height: initial;
          min-height: 4410px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='26'] {
              height: 4410px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='27'] {
          height: initial;
          min-height: 4580px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='27'] {
              height: 4580px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='28'] {
          height: initial;
          min-height: 4750px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='28'] {
              height: 4750px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='29'] {
          height: initial;
          min-height: 4920px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='29'] {
              height: 4920px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='30'] {
          height: initial;
          min-height: 5090px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='30'] {
              height: 5090px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='31'] {
          height: initial;
          min-height: 5260px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='31'] {
              height: 5260px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='32'] {
          height: initial;
          min-height: 5430px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='32'] {
              height: 5430px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='33'] {
          height: initial;
          min-height: 5600px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='33'] {
              height: 5600px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='34'] {
          height: initial;
          min-height: 5770px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='34'] {
              height: 5770px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='35'] {
          height: initial;
          min-height: 5940px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='35'] {
              height: 5940px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='36'] {
          height: initial;
          min-height: 6110px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='36'] {
              height: 6110px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='37'] {
          height: initial;
          min-height: 6280px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='37'] {
              height: 6280px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='38'] {
          height: initial;
          min-height: 6450px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='38'] {
              height: 6450px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='39'] {
          height: initial;
          min-height: 6620px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='39'] {
              height: 6620px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='40'] {
          height: initial;
          min-height: 6790px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='40'] {
              height: 6790px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='41'] {
          height: initial;
          min-height: 6960px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='41'] {
              height: 6960px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='42'] {
          height: initial;
          min-height: 7130px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='42'] {
              height: 7130px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='43'] {
          height: initial;
          min-height: 7300px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='43'] {
              height: 7300px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='44'] {
          height: initial;
          min-height: 7470px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='44'] {
              height: 7470px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='45'] {
          height: initial;
          min-height: 7640px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='45'] {
              height: 7640px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='46'] {
          height: initial;
          min-height: 7810px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='46'] {
              height: 7810px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='47'] {
          height: initial;
          min-height: 7980px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='47'] {
              height: 7980px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='48'] {
          height: initial;
          min-height: 8150px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='48'] {
              height: 8150px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='49'] {
          height: initial;
          min-height: 8320px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='49'] {
              height: 8320px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='50'] {
          height: initial;
          min-height: 8490px; }
          @media only screen and (min-width: 48em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item[data-gs-height='50'] {
              height: 8490px; } }
        .page-dashboard .gridstack .grid-stack .grid-stack-item .ui-resizable-handle {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 25px;
          height: 25px;
          background: url("/images/icons/icon-resize.svg") no-repeat center center;
          background-size: 16px;
          -ms-touch-action: none;
          touch-action: none;
          cursor: nwse-resize; }
          @media only screen and (min-width: 64em) {
            .page-dashboard .gridstack .grid-stack .grid-stack-item .ui-resizable-handle:hover {
              background-color: rgba(177, 177, 177, 0.5); } }
          .page-dashboard .gridstack .grid-stack .grid-stack-item .ui-resizable-handle.ui-resizable-disabled > .ui-resizable-handle,
          .page-dashboard .gridstack .grid-stack .grid-stack-item .ui-resizable-handle.ui-resizable-autohide > .ui-resizable-handle {
            display: none; }
        .page-dashboard .gridstack .grid-stack .grid-stack-item.ui-draggable-dragging, .page-dashboard .gridstack .grid-stack .grid-stack-item.ui-resizable-resizing {
          z-index: 100; }
          .page-dashboard .gridstack .grid-stack .grid-stack-item.ui-draggable-dragging > .widget, .page-dashboard .gridstack .grid-stack .grid-stack-item.ui-resizable-resizing > .widget {
            box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
            opacity: 0.7; }
        .page-dashboard .gridstack .grid-stack .grid-stack-item.ui-draggable-handle .widget .widget-host {
          opacity: 0.6;
          cursor: move; }
          .page-dashboard .gridstack .grid-stack .grid-stack-item.ui-draggable-handle .widget .widget-host .widget-wrap {
            pointer-events: none; }
      .page-dashboard .gridstack .grid-stack .grid-stack-placeholder > .placeholder-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        width: auto;
        border: 1px dashed #d2d2d2;
        background-color: rgba(230, 230, 230, 0.7);
        text-align: center;
        z-index: 0 !important; }
      .page-dashboard .gridstack .grid-stack.grid-stack-animate,
      .page-dashboard .gridstack .grid-stack.grid-stack-animate .grid-stack-item {
        transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s; }
      .page-dashboard .gridstack .grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
      .page-dashboard .gridstack .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
      .page-dashboard .gridstack .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
        transition: left .0s, top .0s, height .0s, width .0s; }
    .page-dashboard .gridstack .widget {
      position: relative;
      height: 100%;
      background-color: #ffffff;
      box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
      border-radius: 2px; }
      @media only screen and (min-width: 48em) {
        .page-dashboard .gridstack .widget {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; } }
      .page-dashboard .gridstack .widget .widget-menu {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 32px;
        padding-top: 7px;
        z-index: 10;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        @media only screen and (min-width: 64em) {
          .page-dashboard .gridstack .widget .widget-menu:hover {
            background-color: rgba(244, 244, 244, 0.6);
            cursor: pointer; }
            .page-dashboard .gridstack .widget .widget-menu:hover .widget-menu-dots {
              background-color: #b1b1b1; } }
        .page-dashboard .gridstack .widget .widget-menu .widget-menu-dots {
          position: relative;
          width: 4px;
          height: 4px;
          background-color: #eaeaea;
          border-radius: 50%; }
          .page-dashboard .gridstack .widget .widget-menu .widget-menu-dots:before, .page-dashboard .gridstack .widget .widget-menu .widget-menu-dots:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0px;
            background-color: inherit;
            border-radius: inherit; }
          .page-dashboard .gridstack .widget .widget-menu .widget-menu-dots:before {
            top: 7px; }
          .page-dashboard .gridstack .widget .widget-menu .widget-menu-dots:after {
            top: 14px; }
      .page-dashboard .gridstack .widget .widget-menu-dropdown {
        display: none;
        position: absolute;
        top: 32px;
        right: 3px;
        padding: 3px 0;
        background-color: #fbfbfb;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
        z-index: 11; }
        .page-dashboard .gridstack .widget .widget-menu-dropdown.visible {
          display: block; }
        .page-dashboard .gridstack .widget .widget-menu-dropdown .menu-item {
          flex-wrap: nowrap;
          min-height: 30px; }
          .page-dashboard .gridstack .widget .widget-menu-dropdown .menu-item .menu-item-icon {
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 1.6rem;
            text-align: center; }
          .page-dashboard .gridstack .widget .widget-menu-dropdown .menu-item .menu-item-text {
            padding-right: 8px;
            line-height: 30px; }
          .page-dashboard .gridstack .widget .widget-menu-dropdown .menu-item.remove .menu-item-icon {
            color: #d9534f;
            font-size: 2rem; }
          @media only screen and (min-width: 64em) {
            .page-dashboard .gridstack .widget .widget-menu-dropdown .menu-item:hover {
              background-color: rgba(193, 193, 193, 0.3);
              cursor: pointer; } }
        .page-dashboard .gridstack .widget .widget-menu-dropdown .amcharts-export-menu .export-main a {
          color: #242424; }
          .page-dashboard .gridstack .widget .widget-menu-dropdown .amcharts-export-menu .export-main a:after {
            display: none; }
        .page-dashboard .gridstack .widget .widget-menu-dropdown .amcharts-export-menu .export-main > a {
          position: relative;
          display: flex !important;
          flex-direction: row;
          flex-wrap: nowrap;
          height: 30px;
          padding: 0;
          text-decoration: none;
          z-index: 2;
          white-space: nowrap;
          border-bottom: none; }
          .page-dashboard .gridstack .widget .widget-menu-dropdown .amcharts-export-menu .export-main > a:after {
            display: block;
            content: "Export"; }
        .page-dashboard .gridstack .widget .widget-menu-dropdown .amcharts-export-menu .export-main ul {
          background-color: #fbfbfb;
          box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); }
          .page-dashboard .gridstack .widget .widget-menu-dropdown .amcharts-export-menu .export-main ul:before {
            display: none; }
          .page-dashboard .gridstack .widget .widget-menu-dropdown .amcharts-export-menu .export-main ul:after {
            display: none; }
      .page-dashboard .gridstack .widget .widget-host {
        height: 100%; }
        .page-dashboard .gridstack .widget .widget-host .widget-wrap {
          display: flex;
          flex-direction: column;
          height: 100%; }
          .page-dashboard .gridstack .widget .widget-host .widget-wrap .widget-header {
            min-height: 32px;
            padding: 8px 20px 5px 10px; }
            .page-dashboard .gridstack .widget .widget-host .widget-wrap .widget-header .widget-header-title {
              min-height: 29px;
              padding-bottom: 5px;
              font-size: 1.4rem;
              line-height: normal;
              white-space: nowrap;
              font-weight: 600;
              overflow: hidden;
              text-overflow: ellipsis;
              user-select: none; }
          .page-dashboard .gridstack .widget .widget-host .widget-wrap .widget-content {
            height: 100%; }
          .page-dashboard .gridstack .widget .widget-host .widget-wrap .widget-footer {
            padding: 5px 10px 8px 10px; }
    .page-dashboard .gridstack .widgets-ghost .ghost-item {
      background-color: #ffffff;
      box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
      opacity: 0.3;
      animation: keyframe-widget-ghost-fadein 1.5s infinite; }

@keyframes keyframe-widget-ghost-fadein {
  0% {
    opacity: 0.25; }
  35% {
    opacity: 0.7; }
  65% {
    opacity: 0.7; }
  100% {
    opacity: 0.25; } }
  .page-dashboard .dashboard-placeholder .image {
    position: relative;
    width: 170px;
    height: 150px;
    background: url("/images/graphics/graphic-dashboard-mobile.svg") no-repeat center center;
    background-size: contain; }
    @media only screen and (min-width: 64em) {
      .page-dashboard .dashboard-placeholder .image {
        width: 240px;
        height: 200px;
        background-image: url("/images/graphics/graphic-dashboard-desktop.svg"); } }
  .page-dashboard .dashboard-placeholder .title {
    padding-top: 15px;
    font-size: 1.6rem;
    text-align: center; }
    @media only screen and (min-width: 64em) {
      .page-dashboard .dashboard-placeholder .title {
        padding-top: 10px;
        font-size: 2rem; } }
  .page-dashboard .dashboard-placeholder .desc {
    padding-bottom: 20px;
    font-size: 1rem;
    text-align: center; }
    @media only screen and (min-width: 64em) {
      .page-dashboard .dashboard-placeholder .desc {
        font-size: 1.4rem; } }
  .page-dashboard .fab-share-widget.move-left {
    right: 70px; }
  .page-dashboard .fab-share-widget.move-more-left {
    right: 130px; }
  .page-dashboard .fab-remove-dashboard {
    bottom: 190px; }
    .page-dashboard .fab-remove-dashboard .fab-button {
      background-color: #d9534f; }
  .page-dashboard .fab-add-widget {
    bottom: 130px; }
  .page-dashboard .fab-save-widget {
    bottom: 70px; }
    .page-dashboard .fab-save-widget .fab-button {
      background-color: #5cb85c; }
  .page-dashboard .fab-reload {
    right: 70px; }
    .page-dashboard .fab-reload.move-right {
      right: 10px; }
  .page-dashboard .fab-cancel-widget .fab-button {
    background-color: #d9534f; }
  .page-dashboard .dashboard-configuration {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 12; }
    .page-dashboard .dashboard-configuration .config-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.2);
      animation: keyframe-fadein 0.3s; }
    .page-dashboard .dashboard-configuration .config-sidebar {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      background-color: #ffffff;
      overflow: hidden;
      animation: keyframe-slide 0.3s; }
      @media only screen and (min-width: 30em) {
        .page-dashboard .dashboard-configuration .config-sidebar {
          width: 400px; } }
      @media only screen and (min-width: 48em) {
        .page-dashboard .dashboard-configuration .config-sidebar.wider {
          width: 750px; } }
      @media only screen and (min-width: 64em) {
        .page-dashboard .dashboard-configuration .config-sidebar.wider {
          width: 850px; } }
      @media only screen and (min-width: 64em) {
        .page-dashboard .dashboard-configuration .config-sidebar.wider {
          width: 1000px; } }
      .page-dashboard .dashboard-configuration .config-sidebar .widget-list {
        height: 100%; }
        .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-header {
          padding: 10px;
          flex-shrink: 0; }
          .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-header .textbox-widget-serach {
            width: 100%; }
            @media only screen and (min-width: 30em) {
              .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-header .textbox-widget-serach {
                width: 220px; } }
        .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-content {
          flex-grow: 1;
          overflow-y: auto; }
          .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-content .widget {
            margin: 0 10px 10px;
            cursor: pointer; }
            .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-content .widget .widget-thumbnail {
              width: 100px;
              height: 100px;
              background-color: #10FFC3;
              background-repeat: no-repeat;
              background-position: center center;
              background-size: 70px; }
            .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-content .widget .widget-details {
              padding: 5px 5px 0 8px; }
              .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-content .widget .widget-details .widget-details-title {
                padding-bottom: 5px;
                font-size: 1.6rem;
                font-weight: 600; }
              .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-content .widget .widget-details .widget-details-desc {
                font-size: 1.2rem; }
            .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-content .widget.selected .widget-details {
              background-color: rgba(16, 255, 195, 0.7); }
              .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-content .widget.selected .widget-details .widget-details-title {
                color: #ffffff; }
              .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-content .widget.selected .widget-details .widget-details-desc {
                color: #ffffff; }
        .page-dashboard .dashboard-configuration .config-sidebar .widget-list .widget-list-footer {
          padding: 10px;
          flex-shrink: 0; }
      .page-dashboard .dashboard-configuration .config-sidebar .widget-config {
        height: 100%; }
        .page-dashboard .dashboard-configuration .config-sidebar .widget-config .widget-config-header {
          padding: 10px;
          flex-shrink: 0; }
        .page-dashboard .dashboard-configuration .config-sidebar .widget-config .widget-config-content {
          flex-grow: 1;
          overflow-y: auto; }
        .page-dashboard .dashboard-configuration .config-sidebar .widget-config .widget-config-footer {
          padding: 10px;
          flex-shrink: 0;
          background-color: #F4F4F4;
          border-top: 1px solid #e7e7e7; }

.dialog-edit-dashboards-metadata {
  width: 300px; }
  @media only screen and (min-width: 30em) {
    .dialog-edit-dashboards-metadata {
      width: 460px; } }
  @media only screen and (min-width: 48em) {
    .dialog-edit-dashboards-metadata {
      width: 500px; } }
  .dialog-edit-dashboards-metadata .dialog-content {
    min-height: 89px; }
    .dialog-edit-dashboards-metadata .dialog-content .dashboard-meta {
      margin-bottom: 20px; }
    .dialog-edit-dashboards-metadata .dialog-content .dashboards-meta-loading {
      min-height: 89px; }

.dialog-view-query {
  width: 100%; }

.page-queries {
  min-height: 0;
  padding: 10px; }
  .page-queries .queries-nav-bar {
    flex-shrink: 0;
    margin: 0 -5px;
    padding: 10px 0 0 0; }
  .page-queries .ie-fallback {
    display: none; }
    .page-queries .ie-fallback .fallback-title {
      font-size: 2.4rem; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .page-queries .queries-content {
      display: none; }
    .page-queries .ie-fallback {
      display: block; } }

.page-allocations {
  overflow: auto; }
  .page-allocations::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .page-allocations::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent; }
  .page-allocations::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 2.5px; }
  @media only screen and (min-width: 48em) {
    .page-allocations {
      overflow-y: hidden; } }
  .page-allocations .mobile-page-title {
    font-size: 2.5rem;
    font-weight: 600;
    padding: 15px 15px 0;
    margin-bottom: 25px; }
    @media only screen and (min-width: 380px) {
      .page-allocations .mobile-page-title {
        padding: 30px 20px 0; } }
    @media only screen and (min-width: 64em) {
      .page-allocations .mobile-page-title {
        display: none; } }
  .page-allocations .header {
    margin-bottom: 20px;
    padding: 0 15px 10px;
    min-height: 50px; }
    @media only screen and (min-width: 380px) {
      .page-allocations .header {
        padding: 0 20px 10px; } }
    @media only screen and (min-width: 48em) {
      .page-allocations .header {
        display: flex;
        align-items: center;
        margin-bottom: 20px; } }
    @media only screen and (min-width: 64em) {
      .page-allocations .header {
        padding: 0 20px; } }
    .page-allocations .header .allocation-periods .allocation-period {
      font-size: 1.6rem;
      color: #242424;
      opacity: 0.6;
      position: relative;
      margin-right: 10px; }
      @media only screen and (min-width: 48em) {
        .page-allocations .header .allocation-periods .allocation-period {
          margin-right: 30px; } }
      .page-allocations .header .allocation-periods .allocation-period::after {
        content: '';
        width: 0;
        height: 3px;
        border-radius: 100vh;
        background-color: #10FFC3;
        position: absolute;
        bottom: -10px;
        left: 0;
        transition: width 0.3s ease;
        opacity: 0.6; }
      .page-allocations .header .allocation-periods .allocation-period.selected {
        opacity: 1;
        font-weight: 600; }
        .page-allocations .header .allocation-periods .allocation-period.selected::after {
          width: 40px;
          opacity: 1; }
      @media (hover: hover) {
        .page-allocations .header .allocation-periods .allocation-period:hover {
          cursor: pointer; }
          .page-allocations .header .allocation-periods .allocation-period:hover::after {
            width: 40px; } }
    .page-allocations .header .total-allocations {
      height: 50px;
      border-radius: 10px;
      line-height: 50px;
      background-color: #242424;
      color: #ffffff;
      font-weight: 600;
      padding: 0 20px;
      margin: 20px 0 0;
      display: inline-block; }
      @media only screen and (min-width: 48em) {
        .page-allocations .header .total-allocations {
          display: block;
          margin: 0 20px 0 0; } }
      .page-allocations .header .total-allocations .inputted-hours {
        font-size: 2.1rem;
        transition: color 0.3s ease; }
      .page-allocations .header .total-allocations .separator {
        font-size: 1.6rem;
        color: #ffffff;
        transition: color 0.3s ease; }
      .page-allocations .header .total-allocations .allocated-hours {
        color: #ffffff;
        font-size: 1.6rem;
        transition: color 0.3s ease; }
      .page-allocations .header .total-allocations .label {
        font-size: 1.6rem;
        color: #ffffff;
        transition: color 0.3s ease; }
      .page-allocations .header .total-allocations.all-hours-allocated .inputted-hours, .page-allocations .header .total-allocations.all-hours-allocated .separator, .page-allocations .header .total-allocations.all-hours-allocated .allocated-hours, .page-allocations .header .total-allocations.all-hours-allocated .label {
        color: #10FFC3;
        text-shadow: 0px 0px 3px rgba(16, 255, 195, 0.3); }
      .page-allocations .header .total-allocations.more-hours-allocated .inputted-hours {
        font-size: 2.1rem; }
    .page-allocations .header .button-add {
      display: none; }
      @media only screen and (min-width: 48em) {
        .page-allocations .header .button-add {
          display: block; } }
      .page-allocations .header .button-add button .custom-button .custom-button-value {
        display: flex;
        align-items: center; }
        .page-allocations .header .button-add button .custom-button .custom-button-value .material-icons, .page-allocations .header .button-add button .custom-button .custom-button-value .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs .breadcrumbs-item:before, .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs .page-allocations .header .button-add button .custom-button .custom-button-value .breadcrumbs-item:before, .page-allocations .header .button-add button .custom-button .custom-button-value .page-onboarding-request-content .offerings-selected .onboarding-offer .content .image.fallback-image:after, .page-onboarding-request-content .offerings-selected .onboarding-offer .content .page-allocations .header .button-add button .custom-button .custom-button-value .image.fallback-image:after, .page-allocations .header .button-add button .custom-button .custom-button-value .page-offerings-criteria-config .configs-list .configs .config.config-selected .config-name:after, .page-offerings-criteria-config .configs-list .configs .config.config-selected .page-allocations .header .button-add button .custom-button .custom-button-value .config-name:after, .page-allocations .header .button-add button .custom-button .custom-button-value .page-onboarding-offerings .onboarding-offer .content .image.fallback-image:after, .page-onboarding-offerings .onboarding-offer .content .page-allocations .header .button-add button .custom-button .custom-button-value .image.fallback-image:after, .page-allocations .header .button-add button .custom-button .custom-button-value .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .image.fallback-image:after, .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .page-allocations .header .button-add button .custom-button .custom-button-value .image.fallback-image:after {
          height: 24px;
          margin-right: 10px; }
  @media only screen and (min-width: 48em) {
    .page-allocations .allocations {
      overflow-y: auto; }
      .page-allocations .allocations::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      .page-allocations .allocations::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent; }
      .page-allocations .allocations::-webkit-scrollbar-thumb {
        background-color: #cecece;
        border-radius: 2.5px; } }
  .page-allocations .allocations .allocation {
    padding: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    margin: 15px 20px 0;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    animation: keyframe-zoomin 0.2s ease-in;
    animation-fill-mode: forwards;
    opacity: 0; }
    .page-allocations .allocations .allocation:last-child {
      margin-bottom: 15px; }
    @media only screen and (min-width: 48em) {
      .page-allocations .allocations .allocation {
        align-items: center;
        padding: 30px; } }
    .page-allocations .allocations .allocation .project {
      margin-bottom: 10px; }
      @media only screen and (min-width: 48em) {
        .page-allocations .allocations .allocation .project {
          flex-basis: auto;
          max-width: none;
          flex-grow: 1;
          margin-bottom: 0; } }
      .page-allocations .allocations .allocation .project combo-box .combobox .combobox-value {
        border: none;
        background-color: rgba(0, 0, 0, 0);
        padding: 0; }
        .page-allocations .allocations .allocation .project combo-box .combobox .combobox-value .combobox-value-text {
          font-size: 1.6rem;
          left: 0; }
        .page-allocations .allocations .allocation .project combo-box .combobox .combobox-value .combobox-icon {
          color: #242424; }
    .page-allocations .allocations .allocation .icon-delete {
      width: 16px;
      height: 20px;
      flex-shrink: 0;
      margin-left: 10px;
      cursor: pointer;
      display: block; }
      @media only screen and (min-width: 48em) {
        .page-allocations .allocations .allocation .icon-delete {
          order: 1;
          width: 18px;
          height: 22px;
          margin-left: 20px; } }
      .page-allocations .allocations .allocation .icon-delete path {
        fill: rgba(36, 36, 36, 0.6);
        transition: fill 0.3s ease; }
      @media (hover: hover) {
        .page-allocations .allocations .allocation .icon-delete:hover path {
          fill: #d9534f; } }
    @media only screen and (min-width: 48em) {
      .page-allocations .allocations .allocation .estimate, .page-allocations .allocations .allocation .actual {
        max-width: 150px; } }
    .page-allocations .allocations .allocation .estimate .textbox, .page-allocations .allocations .allocation .actual .textbox {
      position: relative; }
      .page-allocations .allocations .allocation .estimate .textbox .textbox-label, .page-allocations .allocations .allocation .actual .textbox .textbox-label {
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center; }
      .page-allocations .allocations .allocation .estimate .textbox .textbox-value, .page-allocations .allocations .allocation .actual .textbox .textbox-value {
        border-radius: 10px;
        min-height: 80px;
        padding-top: 30px;
        background-color: rgba(0, 0, 0, 0); }
        .page-allocations .allocations .allocation .estimate .textbox .textbox-value .textbox-input, .page-allocations .allocations .allocation .actual .textbox .textbox-value .textbox-input {
          text-align: center;
          font-size: 2rem; }
          .page-allocations .allocations .allocation .estimate .textbox .textbox-value .textbox-input::-webkit-inner-spin-button, .page-allocations .allocations .allocation .estimate .textbox .textbox-value .textbox-input::-webkit-outer-spin-button, .page-allocations .allocations .allocation .actual .textbox .textbox-value .textbox-input::-webkit-inner-spin-button, .page-allocations .allocations .allocation .actual .textbox .textbox-value .textbox-input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0; }
      .page-allocations .allocations .allocation .estimate .textbox.disabled .textbox-value, .page-allocations .allocations .allocation .actual .textbox.disabled .textbox-value {
        border-style: dashed; }
    .page-allocations .allocations .allocation .estimate:first-child, .page-allocations .allocations .allocation .actual:first-child {
      padding-left: 0; }
      @media only screen and (min-width: 48em) {
        .page-allocations .allocations .allocation .estimate:first-child, .page-allocations .allocations .allocation .actual:first-child {
          padding-right: 10px; } }
    .page-allocations .allocations .allocation .estimate:last-child, .page-allocations .allocations .allocation .actual:last-child {
      padding-right: 0; }
      @media only screen and (min-width: 48em) {
        .page-allocations .allocations .allocation .estimate:last-child, .page-allocations .allocations .allocation .actual:last-child {
          padding-left: 10px; } }
    .page-allocations .allocations .allocation:nth-child(1) {
      animation-delay: 0.05s; }
    .page-allocations .allocations .allocation:nth-child(2) {
      animation-delay: 0.1s; }
    .page-allocations .allocations .allocation:nth-child(3) {
      animation-delay: 0.15s; }
    .page-allocations .allocations .allocation:nth-child(4) {
      animation-delay: 0.2s; }
    .page-allocations .allocations .allocation:nth-child(5) {
      animation-delay: 0.25s; }
    .page-allocations .allocations .allocation:nth-child(6) {
      animation-delay: 0.3s; }
    .page-allocations .allocations .allocation:nth-child(7) {
      animation-delay: 0.35s; }
    .page-allocations .allocations .allocation:nth-child(8) {
      animation-delay: 0.4s; }
    .page-allocations .allocations .allocation:nth-child(9) {
      animation-delay: 0.45s; }
    .page-allocations .allocations .allocation:nth-child(10) {
      animation-delay: 0.5s; }
  .page-allocations .allocations .fallback .fallback-icon {
    width: 50px;
    display: block; }
    .page-allocations .allocations .fallback .fallback-icon path {
      fill: #8D8D8D; }
  .page-allocations .allocations .fallback .fallback-text {
    font-size: 1.6rem;
    margin-top: 10px;
    color: #8D8D8D; }
  .page-allocations .user-actions {
    position: fixed;
    background-color: #10FFC3;
    border-radius: 10px 0 0 10px;
    bottom: 80px;
    right: 0;
    padding: 15px;
    box-shadow: 0 0 10px rgba(16, 255, 195, 0.5); }
    @media only screen and (min-width: 48em) {
      .page-allocations .user-actions {
        display: none; } }
    .page-allocations .user-actions .icon-add, .page-allocations .user-actions .icon-save {
      color: #242424;
      margin-right: 10px;
      cursor: pointer; }

.page-leave-request-list {
  overflow: auto; }
  .page-leave-request-list::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .page-leave-request-list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent; }
  .page-leave-request-list::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 2.5px; }
  @media only screen and (min-width: 48em) {
    .page-leave-request-list {
      overflow-y: hidden; } }
  .page-leave-request-list .mobile-page-title {
    font-size: 2.5rem;
    font-weight: 600;
    padding: 15px 15px 0;
    margin-bottom: 25px; }
    @media only screen and (min-width: 380px) {
      .page-leave-request-list .mobile-page-title {
        padding: 30px 20px 0; } }
    @media only screen and (min-width: 64em) {
      .page-leave-request-list .mobile-page-title {
        display: none; } }
  .page-leave-request-list .header {
    margin-bottom: 20px;
    padding: 0 15px 15px;
    min-height: 50px; }
    @media only screen and (min-width: 380px) {
      .page-leave-request-list .header {
        padding: 0 20px 10px; } }
    @media only screen and (min-width: 64em) {
      .page-leave-request-list .header {
        padding: 10px 20px; } }
    @media only screen and (min-width: 64em) {
      .page-leave-request-list .header.scroll-bar-compensation {
        padding: 0 28px 10px 20px; } }
    .page-leave-request-list .header .leave-request-types .leave-request-type {
      font-size: 1.6rem;
      color: #242424;
      opacity: 0.6;
      position: relative;
      margin-right: 10px; }
      @media only screen and (min-width: 48em) {
        .page-leave-request-list .header .leave-request-types .leave-request-type {
          margin-right: 30px; } }
      .page-leave-request-list .header .leave-request-types .leave-request-type::after {
        content: '';
        width: 0;
        height: 3px;
        border-radius: 100vh;
        background-color: #10FFC3;
        position: absolute;
        bottom: -10px;
        left: 0;
        transition: width 0.3s ease;
        opacity: 0.6; }
      .page-leave-request-list .header .leave-request-types .leave-request-type.selected {
        opacity: 1;
        font-weight: 600; }
        .page-leave-request-list .header .leave-request-types .leave-request-type.selected::after {
          width: 40px;
          opacity: 1; }
      @media (hover: hover) {
        .page-leave-request-list .header .leave-request-types .leave-request-type:hover {
          cursor: pointer; }
          .page-leave-request-list .header .leave-request-types .leave-request-type:hover::after {
            width: 40px; } }
    .page-leave-request-list .header .button-add {
      display: none; }
      @media only screen and (min-width: 48em) {
        .page-leave-request-list .header .button-add {
          display: block; } }
      .page-leave-request-list .header .button-add button .custom-button .custom-button-value {
        display: flex;
        align-items: center; }
        .page-leave-request-list .header .button-add button .custom-button .custom-button-value .material-icons, .page-leave-request-list .header .button-add button .custom-button .custom-button-value .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs .breadcrumbs-item:before, .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs .page-leave-request-list .header .button-add button .custom-button .custom-button-value .breadcrumbs-item:before, .page-leave-request-list .header .button-add button .custom-button .custom-button-value .page-onboarding-request-content .offerings-selected .onboarding-offer .content .image.fallback-image:after, .page-onboarding-request-content .offerings-selected .onboarding-offer .content .page-leave-request-list .header .button-add button .custom-button .custom-button-value .image.fallback-image:after, .page-leave-request-list .header .button-add button .custom-button .custom-button-value .page-offerings-criteria-config .configs-list .configs .config.config-selected .config-name:after, .page-offerings-criteria-config .configs-list .configs .config.config-selected .page-leave-request-list .header .button-add button .custom-button .custom-button-value .config-name:after, .page-leave-request-list .header .button-add button .custom-button .custom-button-value .page-onboarding-offerings .onboarding-offer .content .image.fallback-image:after, .page-onboarding-offerings .onboarding-offer .content .page-leave-request-list .header .button-add button .custom-button .custom-button-value .image.fallback-image:after, .page-leave-request-list .header .button-add button .custom-button .custom-button-value .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .image.fallback-image:after, .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .page-leave-request-list .header .button-add button .custom-button .custom-button-value .image.fallback-image:after {
          height: 24px;
          margin-right: 10px; }
    .page-leave-request-list .header list-menu {
      margin-left: 10px; }
  @media only screen and (min-width: 48em) {
    .page-leave-request-list .leave-requests {
      overflow-y: auto; }
      .page-leave-request-list .leave-requests::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      .page-leave-request-list .leave-requests::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent; }
      .page-leave-request-list .leave-requests::-webkit-scrollbar-thumb {
        background-color: #cecece;
        border-radius: 2.5px; } }
  .page-leave-request-list .leave-requests .leave-request {
    background-color: #ffffff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin: 15px 20px 0;
    padding: 20px 20px;
    position: relative;
    animation: keyframe-zoomin 0.2s ease-in;
    animation-fill-mode: forwards;
    opacity: 0;
    flex-shrink: 0; }
    .page-leave-request-list .leave-requests .leave-request:last-child {
      margin-bottom: 15px; }
    .page-leave-request-list .leave-requests .leave-request .dates {
      order: 1; }
      @media only screen and (min-width: 48em) {
        .page-leave-request-list .leave-requests .leave-request .dates {
          order: 0; } }
      .page-leave-request-list .leave-requests .leave-request .dates .leave-request-period {
        margin-bottom: 5px; }
        .page-leave-request-list .leave-requests .leave-request .dates .leave-request-period .date {
          font-size: 1.6rem;
          font-weight: 600; }
        .page-leave-request-list .leave-requests .leave-request .dates .leave-request-period .separator {
          width: 8px;
          height: 2px;
          margin: 0 5px 5px;
          background-color: #242424;
          display: inline-block; }
      .page-leave-request-list .leave-requests .leave-request .dates .leave-request-info {
        font-size: 1.6rem;
        color: #8D8D8D; }
    .page-leave-request-list .leave-requests .leave-request .cancel-request {
      width: 20px;
      height: 20px;
      cursor: pointer;
      display: block;
      display: none;
      margin-left: 10px; }
      @media only screen and (min-width: 64em) {
        .page-leave-request-list .leave-requests .leave-request .cancel-request {
          display: block; } }
      .page-leave-request-list .leave-requests .leave-request .cancel-request path {
        fill: #8D8D8D;
        transition: fill 0.3s ease; }
      .page-leave-request-list .leave-requests .leave-request .cancel-request:hover path {
        fill: #d9534f; }
    .page-leave-request-list .leave-requests .leave-request .cancel-request-mobile {
      cursor: pointer;
      color: #d9534f;
      margin-top: 10px;
      font-size: 1.6rem;
      display: inline-block; }
      @media only screen and (min-width: 64em) {
        .page-leave-request-list .leave-requests .leave-request .cancel-request-mobile {
          display: none; } }
    .page-leave-request-list .leave-requests .leave-request .status {
      border-radius: 100vh;
      padding: 0 10px;
      background-color: #EFEFEF;
      height: 20px;
      display: flex;
      align-items: center;
      position: absolute;
      top: -9px;
      right: 15px; }
      @media only screen and (min-width: 64em) {
        .page-leave-request-list .leave-requests .leave-request .status {
          position: static; } }
      .page-leave-request-list .leave-requests .leave-request .status .icon {
        width: 9px;
        height: 100%;
        margin-right: 5px;
        display: flex;
        align-items: center; }
        .page-leave-request-list .leave-requests .leave-request .status .icon svg {
          width: 100%;
          height: 100%; }
          .page-leave-request-list .leave-requests .leave-request .status .icon svg path, .page-leave-request-list .leave-requests .leave-request .status .icon svg circle, .page-leave-request-list .leave-requests .leave-request .status .icon svg ellipse {
            fill: #8D8D8D; }
      .page-leave-request-list .leave-requests .leave-request .status .value {
        font-size: 1.2rem;
        color: #8D8D8D; }
    .page-leave-request-list .leave-requests .leave-request.current {
      background-color: #10FFC3; }
      .page-leave-request-list .leave-requests .leave-request.current .status {
        background-color: #242424; }
        .page-leave-request-list .leave-requests .leave-request.current .status .icon path, .page-leave-request-list .leave-requests .leave-request.current .status .icon circle, .page-leave-request-list .leave-requests .leave-request.current .status .icon ellipse {
          fill: #10FFC3; }
        .page-leave-request-list .leave-requests .leave-request.current .status .value {
          color: #10FFC3; }
      .page-leave-request-list .leave-requests .leave-request.current .leave-request-info {
        font-size: 1.6rem;
        color: #242424; }
    .page-leave-request-list .leave-requests .leave-request.approved .status {
      background-color: #10FFC3; }
      .page-leave-request-list .leave-requests .leave-request.approved .status .icon path, .page-leave-request-list .leave-requests .leave-request.approved .status .icon circle, .page-leave-request-list .leave-requests .leave-request.approved .status .icon ellipse {
        fill: #242424; }
      .page-leave-request-list .leave-requests .leave-request.approved .status .value {
        color: #242424; }
    .page-leave-request-list .leave-requests .leave-request.cancelled .status {
      background-color: #d9534f; }
      .page-leave-request-list .leave-requests .leave-request.cancelled .status .icon path, .page-leave-request-list .leave-requests .leave-request.cancelled .status .icon circle, .page-leave-request-list .leave-requests .leave-request.cancelled .status .icon ellipse {
        fill: #ffffff; }
      .page-leave-request-list .leave-requests .leave-request.cancelled .status .value {
        color: #ffffff; }
    .page-leave-request-list .leave-requests .leave-request.pending .status .icon {
      width: 13px;
      height: 13px; }
    .page-leave-request-list .leave-requests .leave-request:nth-child(1) {
      animation-delay: 0.05s; }
    .page-leave-request-list .leave-requests .leave-request:nth-child(2) {
      animation-delay: 0.1s; }
    .page-leave-request-list .leave-requests .leave-request:nth-child(3) {
      animation-delay: 0.15s; }
    .page-leave-request-list .leave-requests .leave-request:nth-child(4) {
      animation-delay: 0.2s; }
    .page-leave-request-list .leave-requests .leave-request:nth-child(5) {
      animation-delay: 0.25s; }
    .page-leave-request-list .leave-requests .leave-request:nth-child(6) {
      animation-delay: 0.3s; }
    .page-leave-request-list .leave-requests .leave-request:nth-child(7) {
      animation-delay: 0.35s; }
    .page-leave-request-list .leave-requests .leave-request:nth-child(8) {
      animation-delay: 0.4s; }
    .page-leave-request-list .leave-requests .leave-request:nth-child(9) {
      animation-delay: 0.45s; }
    .page-leave-request-list .leave-requests .leave-request:nth-child(10) {
      animation-delay: 0.5s; }
  .page-leave-request-list .leave-requests .fallback .fallback-icon {
    width: 50px;
    display: block; }
    .page-leave-request-list .leave-requests .fallback .fallback-icon path {
      fill: #8D8D8D; }
  .page-leave-request-list .leave-requests .fallback .fallback-text {
    font-size: 1.6rem;
    margin-top: 10px;
    color: #8D8D8D; }
  .page-leave-request-list .user-actions {
    position: fixed;
    background-color: #10FFC3;
    border-radius: 10px 0 0 10px;
    bottom: 80px;
    right: 0;
    padding: 15px;
    box-shadow: 0 0 10px rgba(16, 255, 195, 0.5); }
    @media only screen and (min-width: 64em) {
      .page-leave-request-list .user-actions {
        display: none; } }
    .page-leave-request-list .user-actions .icon-add, .page-leave-request-list .user-actions .icon-save {
      color: #242424;
      margin-right: 10px;
      cursor: pointer; }

.page-past-leave-request-list {
  overflow: auto; }
  .page-past-leave-request-list::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .page-past-leave-request-list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent; }
  .page-past-leave-request-list::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 2.5px; }
  @media only screen and (min-width: 48em) {
    .page-past-leave-request-list {
      overflow-y: hidden; } }
  .page-past-leave-request-list .mobile-page-title {
    font-size: 2.5rem;
    font-weight: 600;
    padding: 15px 15px 0;
    margin-bottom: 25px; }
    @media only screen and (min-width: 380px) {
      .page-past-leave-request-list .mobile-page-title {
        padding: 30px 20px 0; } }
    @media only screen and (min-width: 64em) {
      .page-past-leave-request-list .mobile-page-title {
        display: none; } }
  .page-past-leave-request-list .header {
    margin-bottom: 20px;
    padding: 0 15px 15px;
    min-height: 50px; }
    @media only screen and (min-width: 380px) {
      .page-past-leave-request-list .header {
        padding: 0 20px 10px; } }
    @media only screen and (min-width: 64em) {
      .page-past-leave-request-list .header {
        padding: 10px 20px; } }
    .page-past-leave-request-list .header .icon-back {
      margin-right: 15px;
      cursor: pointer;
      color: #8D8D8D;
      transition: color 0.1s ease; }
      .page-past-leave-request-list .header .icon-back:hover {
        color: #242424; }
    .page-past-leave-request-list .header .leave-request-types .leave-request-type {
      font-size: 1.6rem;
      color: #242424;
      opacity: 0.6;
      position: relative;
      margin-right: 10px; }
      @media only screen and (min-width: 48em) {
        .page-past-leave-request-list .header .leave-request-types .leave-request-type {
          margin-right: 30px; } }
      .page-past-leave-request-list .header .leave-request-types .leave-request-type::after {
        content: '';
        width: 0;
        height: 3px;
        border-radius: 100vh;
        background-color: #10FFC3;
        position: absolute;
        bottom: -10px;
        left: 0;
        transition: width 0.3s ease;
        opacity: 0.6; }
      .page-past-leave-request-list .header .leave-request-types .leave-request-type.selected {
        opacity: 1;
        font-weight: 600; }
        .page-past-leave-request-list .header .leave-request-types .leave-request-type.selected::after {
          width: 40px;
          opacity: 1; }
      @media (hover: hover) {
        .page-past-leave-request-list .header .leave-request-types .leave-request-type:hover {
          cursor: pointer; }
          .page-past-leave-request-list .header .leave-request-types .leave-request-type:hover::after {
            width: 40px; } }
    .page-past-leave-request-list .header .filter {
      position: relative; }
      .page-past-leave-request-list .header .filter .applied-filters .dates {
        font-size: 1.6rem;
        color: #242424;
        margin-right: 15px; }
      .page-past-leave-request-list .header .filter .icon-filter {
        width: 20px;
        height: 20px;
        cursor: pointer;
        display: block; }
        .page-past-leave-request-list .header .filter .icon-filter path {
          fill: #8D8D8D;
          transition: fill 0.1s ease; }
        .page-past-leave-request-list .header .filter .icon-filter:hover path {
          fill: #242424; }
        .page-past-leave-request-list .header .filter .icon-filter.selected path {
          fill: #242424; }
      .page-past-leave-request-list .header .filter .dropdown-filter {
        background-color: #ffffff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
        border-radius: 10px;
        padding: 20px;
        position: absolute;
        top: calc(100% + 15px);
        right: 0;
        z-index: 2;
        width: 200px;
        opacity: 0;
        transform: scale(0);
        transform-origin: top right;
        transition: all 0.3s ease; }
        .page-past-leave-request-list .header .filter .dropdown-filter.show {
          opacity: 1;
          transform: scale(1); }
        .page-past-leave-request-list .header .filter .dropdown-filter date-picker:nth-child(2) {
          margin-top: 10px; }
  @media only screen and (min-width: 48em) {
    .page-past-leave-request-list .leave-requests {
      overflow-y: auto; }
      .page-past-leave-request-list .leave-requests::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      .page-past-leave-request-list .leave-requests::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent; }
      .page-past-leave-request-list .leave-requests::-webkit-scrollbar-thumb {
        background-color: #cecece;
        border-radius: 2.5px; } }
  .page-past-leave-request-list .leave-requests .leave-request {
    background-color: #ffffff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin: 15px 20px 0;
    padding: 20px 20px;
    position: relative;
    animation: keyframe-zoomin 0.2s ease-in;
    animation-fill-mode: forwards;
    opacity: 0;
    flex-shrink: 0; }
    .page-past-leave-request-list .leave-requests .leave-request:last-child {
      margin-bottom: 15px; }
    .page-past-leave-request-list .leave-requests .leave-request .dates {
      order: 1; }
      @media only screen and (min-width: 48em) {
        .page-past-leave-request-list .leave-requests .leave-request .dates {
          order: 0; } }
      .page-past-leave-request-list .leave-requests .leave-request .dates .leave-request-period {
        margin-bottom: 5px; }
        .page-past-leave-request-list .leave-requests .leave-request .dates .leave-request-period .date {
          font-size: 1.6rem;
          font-weight: 600; }
        .page-past-leave-request-list .leave-requests .leave-request .dates .leave-request-period .separator {
          width: 8px;
          height: 2px;
          margin: 0 5px 5px;
          background-color: #242424;
          display: inline-block; }
      .page-past-leave-request-list .leave-requests .leave-request .dates .leave-request-info {
        font-size: 1.6rem;
        color: #8D8D8D; }
    .page-past-leave-request-list .leave-requests .leave-request .cancel-request {
      width: 20px;
      height: 20px;
      cursor: pointer;
      display: block;
      display: none;
      margin-left: 10px; }
      @media only screen and (min-width: 64em) {
        .page-past-leave-request-list .leave-requests .leave-request .cancel-request {
          display: block; } }
      .page-past-leave-request-list .leave-requests .leave-request .cancel-request path {
        fill: #8D8D8D;
        transition: fill 0.3s ease; }
      .page-past-leave-request-list .leave-requests .leave-request .cancel-request:hover path {
        fill: #d9534f; }
    .page-past-leave-request-list .leave-requests .leave-request .cancel-request-mobile {
      cursor: pointer;
      color: #d9534f;
      margin-top: 10px;
      font-size: 1.6rem;
      display: inline-block; }
      @media only screen and (min-width: 64em) {
        .page-past-leave-request-list .leave-requests .leave-request .cancel-request-mobile {
          display: none; } }
    .page-past-leave-request-list .leave-requests .leave-request .status {
      border-radius: 100vh;
      padding: 0 10px;
      background-color: #EFEFEF;
      height: 20px;
      display: flex;
      align-items: center;
      position: absolute;
      top: -9px;
      right: 15px; }
      @media only screen and (min-width: 64em) {
        .page-past-leave-request-list .leave-requests .leave-request .status {
          position: static; } }
      .page-past-leave-request-list .leave-requests .leave-request .status .icon {
        width: 9px;
        height: 100%;
        margin-right: 5px;
        display: flex;
        align-items: center; }
        .page-past-leave-request-list .leave-requests .leave-request .status .icon svg {
          width: 100%;
          height: 100%; }
          .page-past-leave-request-list .leave-requests .leave-request .status .icon svg path, .page-past-leave-request-list .leave-requests .leave-request .status .icon svg circle, .page-past-leave-request-list .leave-requests .leave-request .status .icon svg ellipse {
            fill: #8D8D8D; }
      .page-past-leave-request-list .leave-requests .leave-request .status .value {
        font-size: 1.2rem;
        color: #8D8D8D; }
    .page-past-leave-request-list .leave-requests .leave-request.current {
      background-color: #10FFC3; }
      .page-past-leave-request-list .leave-requests .leave-request.current .status {
        background-color: #242424; }
        .page-past-leave-request-list .leave-requests .leave-request.current .status .icon path, .page-past-leave-request-list .leave-requests .leave-request.current .status .icon circle, .page-past-leave-request-list .leave-requests .leave-request.current .status .icon ellipse {
          fill: #10FFC3; }
        .page-past-leave-request-list .leave-requests .leave-request.current .status .value {
          color: #10FFC3; }
      .page-past-leave-request-list .leave-requests .leave-request.current .leave-request-info {
        font-size: 1.6rem;
        color: #242424; }
    .page-past-leave-request-list .leave-requests .leave-request.approved .status {
      background-color: #10FFC3; }
      .page-past-leave-request-list .leave-requests .leave-request.approved .status .icon path, .page-past-leave-request-list .leave-requests .leave-request.approved .status .icon circle, .page-past-leave-request-list .leave-requests .leave-request.approved .status .icon ellipse {
        fill: #242424; }
      .page-past-leave-request-list .leave-requests .leave-request.approved .status .value {
        color: #242424; }
    .page-past-leave-request-list .leave-requests .leave-request.cancelled .status {
      background-color: #d9534f; }
      .page-past-leave-request-list .leave-requests .leave-request.cancelled .status .icon path, .page-past-leave-request-list .leave-requests .leave-request.cancelled .status .icon circle, .page-past-leave-request-list .leave-requests .leave-request.cancelled .status .icon ellipse {
        fill: #ffffff; }
      .page-past-leave-request-list .leave-requests .leave-request.cancelled .status .value {
        color: #ffffff; }
    .page-past-leave-request-list .leave-requests .leave-request.pending .status .icon {
      width: 13px;
      height: 13px; }
    .page-past-leave-request-list .leave-requests .leave-request:nth-child(1) {
      animation-delay: 0.05s; }
    .page-past-leave-request-list .leave-requests .leave-request:nth-child(2) {
      animation-delay: 0.1s; }
    .page-past-leave-request-list .leave-requests .leave-request:nth-child(3) {
      animation-delay: 0.15s; }
    .page-past-leave-request-list .leave-requests .leave-request:nth-child(4) {
      animation-delay: 0.2s; }
    .page-past-leave-request-list .leave-requests .leave-request:nth-child(5) {
      animation-delay: 0.25s; }
    .page-past-leave-request-list .leave-requests .leave-request:nth-child(6) {
      animation-delay: 0.3s; }
    .page-past-leave-request-list .leave-requests .leave-request:nth-child(7) {
      animation-delay: 0.35s; }
    .page-past-leave-request-list .leave-requests .leave-request:nth-child(8) {
      animation-delay: 0.4s; }
    .page-past-leave-request-list .leave-requests .leave-request:nth-child(9) {
      animation-delay: 0.45s; }
    .page-past-leave-request-list .leave-requests .leave-request:nth-child(10) {
      animation-delay: 0.5s; }
  .page-past-leave-request-list .leave-requests .fallback .fallback-icon {
    width: 50px;
    display: block; }
    .page-past-leave-request-list .leave-requests .fallback .fallback-icon path {
      fill: #8D8D8D; }
  .page-past-leave-request-list .leave-requests .fallback .fallback-text {
    font-size: 1.6rem;
    margin-top: 10px;
    color: #8D8D8D; }
  .page-past-leave-request-list .user-actions {
    position: fixed;
    background-color: #10FFC3;
    border-radius: 10px 0 0 10px;
    bottom: 80px;
    right: 0;
    padding: 15px;
    box-shadow: 0 0 10px rgba(16, 255, 195, 0.5); }
    @media only screen and (min-width: 64em) {
      .page-past-leave-request-list .user-actions {
        display: none; } }
    .page-past-leave-request-list .user-actions .icon-add, .page-past-leave-request-list .user-actions .icon-save {
      color: #242424;
      margin-right: 10px;
      cursor: pointer; }

.page-extra-time-request {
  overflow: auto; }
  .page-extra-time-request::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .page-extra-time-request::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent; }
  .page-extra-time-request::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 2.5px; }
  @media only screen and (min-width: 48em) {
    .page-extra-time-request {
      overflow-y: hidden; } }
  .page-extra-time-request .mobile-page-title {
    font-size: 2.5rem;
    font-weight: 600;
    padding: 15px 15px 0;
    margin-bottom: 25px; }
    @media only screen and (min-width: 380px) {
      .page-extra-time-request .mobile-page-title {
        padding: 30px 20px 0; } }
    @media only screen and (min-width: 64em) {
      .page-extra-time-request .mobile-page-title {
        display: none; } }
  .page-extra-time-request .header {
    margin-bottom: 20px;
    padding: 0 15px 15px;
    min-height: 50px; }
    @media only screen and (min-width: 380px) {
      .page-extra-time-request .header {
        padding: 0 20px 10px; } }
    @media only screen and (min-width: 64em) {
      .page-extra-time-request .header {
        padding: 10px 20px; } }
    @media only screen and (min-width: 64em) {
      .page-extra-time-request .header.scroll-bar-compensation {
        padding: 0 28px 10px 20px; } }
    .page-extra-time-request .header .request-types .request-type {
      font-size: 1.6rem;
      color: #242424;
      opacity: 0.6;
      position: relative;
      margin-right: 10px; }
      @media only screen and (min-width: 48em) {
        .page-extra-time-request .header .request-types .request-type {
          margin-right: 30px; } }
      .page-extra-time-request .header .request-types .request-type::after {
        content: '';
        width: 0;
        height: 3px;
        border-radius: 100vh;
        background-color: #10FFC3;
        position: absolute;
        bottom: -10px;
        left: 0;
        transition: width 0.3s ease;
        opacity: 0.6; }
      .page-extra-time-request .header .request-types .request-type.selected {
        opacity: 1;
        font-weight: 600; }
        .page-extra-time-request .header .request-types .request-type.selected::after {
          width: 40px;
          opacity: 1; }
      @media (hover: hover) {
        .page-extra-time-request .header .request-types .request-type:hover {
          cursor: pointer; }
          .page-extra-time-request .header .request-types .request-type:hover::after {
            width: 40px; } }
    .page-extra-time-request .header .button-add {
      display: none; }
      @media only screen and (min-width: 48em) {
        .page-extra-time-request .header .button-add {
          display: block; } }
      .page-extra-time-request .header .button-add button .custom-button .custom-button-value {
        display: flex;
        align-items: center; }
        .page-extra-time-request .header .button-add button .custom-button .custom-button-value .material-icons, .page-extra-time-request .header .button-add button .custom-button .custom-button-value .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs .breadcrumbs-item:before, .lookup-hierarchy-control-modal .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .breadcrumbs .page-extra-time-request .header .button-add button .custom-button .custom-button-value .breadcrumbs-item:before, .page-extra-time-request .header .button-add button .custom-button .custom-button-value .page-onboarding-request-content .offerings-selected .onboarding-offer .content .image.fallback-image:after, .page-onboarding-request-content .offerings-selected .onboarding-offer .content .page-extra-time-request .header .button-add button .custom-button .custom-button-value .image.fallback-image:after, .page-extra-time-request .header .button-add button .custom-button .custom-button-value .page-offerings-criteria-config .configs-list .configs .config.config-selected .config-name:after, .page-offerings-criteria-config .configs-list .configs .config.config-selected .page-extra-time-request .header .button-add button .custom-button .custom-button-value .config-name:after, .page-extra-time-request .header .button-add button .custom-button .custom-button-value .page-onboarding-offerings .onboarding-offer .content .image.fallback-image:after, .page-onboarding-offerings .onboarding-offer .content .page-extra-time-request .header .button-add button .custom-button .custom-button-value .image.fallback-image:after, .page-extra-time-request .header .button-add button .custom-button .custom-button-value .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .image.fallback-image:after, .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .page-extra-time-request .header .button-add button .custom-button .custom-button-value .image.fallback-image:after {
          height: 24px;
          margin-right: 10px; }
    .page-extra-time-request .header list-menu {
      margin-left: 10px; }
  @media only screen and (min-width: 48em) {
    .page-extra-time-request .requests {
      overflow-y: auto; }
      .page-extra-time-request .requests::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      .page-extra-time-request .requests::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent; }
      .page-extra-time-request .requests::-webkit-scrollbar-thumb {
        background-color: #cecece;
        border-radius: 2.5px; } }
  .page-extra-time-request .requests .request {
    background-color: #ffffff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin: 15px 20px;
    padding: 20px 20px;
    position: relative;
    animation: keyframe-zoomin 0.2s ease-in;
    animation-fill-mode: forwards;
    opacity: 0; }
    .page-extra-time-request .requests .request:last-child {
      margin-bottom: 15px; }
    .page-extra-time-request .requests .request .info {
      order: 1;
      padding-top: 10px; }
      @media only screen and (min-width: 48em) {
        .page-extra-time-request .requests .request .info {
          order: 0;
          padding: 0; } }
      .page-extra-time-request .requests .request .info .date {
        font-size: 1.6rem;
        font-weight: 600; }
      .page-extra-time-request .requests .request .info .project {
        font-size: 1.6rem;
        color: #8D8D8D; }
      .page-extra-time-request .requests .request .info .cancel-request-mobile {
        cursor: pointer;
        color: #d9534f;
        margin-top: 10px;
        font-size: 1.6rem;
        display: inline-block; }
        @media only screen and (min-width: 64em) {
          .page-extra-time-request .requests .request .info .cancel-request-mobile {
            display: none; } }
    .page-extra-time-request .requests .request .cancel-request {
      width: 20px;
      height: 20px;
      cursor: pointer;
      display: block;
      display: none;
      margin-left: 10px; }
      @media only screen and (min-width: 64em) {
        .page-extra-time-request .requests .request .cancel-request {
          display: block; } }
      .page-extra-time-request .requests .request .cancel-request path {
        fill: #8D8D8D;
        transition: fill 0.3s ease; }
      .page-extra-time-request .requests .request .cancel-request:hover path {
        fill: #d9534f; }
    .page-extra-time-request .requests .request .status {
      border-radius: 100vh;
      padding: 0 10px;
      background-color: #EFEFEF;
      height: 20px;
      display: flex;
      align-items: center;
      position: absolute;
      top: -9px;
      right: 15px; }
      @media only screen and (min-width: 64em) {
        .page-extra-time-request .requests .request .status {
          position: static; } }
      .page-extra-time-request .requests .request .status .icon {
        width: 9px;
        height: 100%;
        margin-right: 5px;
        display: flex;
        align-items: center; }
        .page-extra-time-request .requests .request .status .icon svg {
          width: 100%;
          height: 100%; }
          .page-extra-time-request .requests .request .status .icon svg path, .page-extra-time-request .requests .request .status .icon svg circle, .page-extra-time-request .requests .request .status .icon svg ellipse {
            fill: #8D8D8D; }
      .page-extra-time-request .requests .request .status .value {
        font-size: 1.2rem;
        color: #8D8D8D; }
    .page-extra-time-request .requests .request.current {
      background-color: #10FFC3; }
      .page-extra-time-request .requests .request.current .status {
        background-color: #242424; }
        .page-extra-time-request .requests .request.current .status .icon path, .page-extra-time-request .requests .request.current .status .icon circle, .page-extra-time-request .requests .request.current .status .icon ellipse {
          fill: #10FFC3; }
        .page-extra-time-request .requests .request.current .status .value {
          color: #10FFC3; }
      .page-extra-time-request .requests .request.current .leave-request-info {
        font-size: 1.6rem;
        color: #242424; }
    .page-extra-time-request .requests .request.approved .status {
      background-color: #10FFC3; }
      .page-extra-time-request .requests .request.approved .status .icon path, .page-extra-time-request .requests .request.approved .status .icon circle, .page-extra-time-request .requests .request.approved .status .icon ellipse {
        fill: #242424; }
      .page-extra-time-request .requests .request.approved .status .value {
        color: #242424; }
    .page-extra-time-request .requests .request.cancelled .status {
      background-color: #d9534f; }
      .page-extra-time-request .requests .request.cancelled .status .icon path, .page-extra-time-request .requests .request.cancelled .status .icon circle, .page-extra-time-request .requests .request.cancelled .status .icon ellipse {
        fill: #ffffff; }
      .page-extra-time-request .requests .request.cancelled .status .value {
        color: #ffffff; }
    .page-extra-time-request .requests .request.pending .status .icon {
      width: 13px;
      height: 13px; }
    .page-extra-time-request .requests .request:nth-child(1) {
      animation-delay: 0.05s; }
    .page-extra-time-request .requests .request:nth-child(2) {
      animation-delay: 0.1s; }
    .page-extra-time-request .requests .request:nth-child(3) {
      animation-delay: 0.15s; }
    .page-extra-time-request .requests .request:nth-child(4) {
      animation-delay: 0.2s; }
    .page-extra-time-request .requests .request:nth-child(5) {
      animation-delay: 0.25s; }
    .page-extra-time-request .requests .request:nth-child(6) {
      animation-delay: 0.3s; }
    .page-extra-time-request .requests .request:nth-child(7) {
      animation-delay: 0.35s; }
    .page-extra-time-request .requests .request:nth-child(8) {
      animation-delay: 0.4s; }
    .page-extra-time-request .requests .request:nth-child(9) {
      animation-delay: 0.45s; }
    .page-extra-time-request .requests .request:nth-child(10) {
      animation-delay: 0.5s; }
  .page-extra-time-request .requests .fallback .fallback-icon {
    width: 50px;
    display: block; }
    .page-extra-time-request .requests .fallback .fallback-icon path {
      fill: #8D8D8D; }
  .page-extra-time-request .requests .fallback .fallback-text {
    font-size: 1.6rem;
    margin-top: 10px;
    color: #8D8D8D; }
  .page-extra-time-request .user-actions {
    position: fixed;
    background-color: #10FFC3;
    border-radius: 10px 0 0 10px;
    bottom: 80px;
    right: 0;
    padding: 15px;
    box-shadow: 0 0 10px rgba(16, 255, 195, 0.5); }
    @media only screen and (min-width: 64em) {
      .page-extra-time-request .user-actions {
        display: none; } }
    .page-extra-time-request .user-actions .icon-add, .page-extra-time-request .user-actions .icon-save {
      color: #242424;
      margin-right: 10px;
      cursor: pointer; }

.page-past-extra-time-request .mobile-page-title {
  font-size: 2.5rem;
  font-weight: 600;
  padding: 15px 15px 0;
  margin-bottom: 25px; }
  @media only screen and (min-width: 380px) {
    .page-past-extra-time-request .mobile-page-title {
      padding: 30px 30px 0; } }
  @media only screen and (min-width: 64em) {
    .page-past-extra-time-request .mobile-page-title {
      display: none; } }

.page-past-extra-time-request .header {
  margin-bottom: 20px;
  padding: 0 15px 15px;
  min-height: 50px; }
  @media only screen and (min-width: 380px) {
    .page-past-extra-time-request .header {
      padding: 0 30px 10px; } }
  @media only screen and (min-width: 64em) {
    .page-past-extra-time-request .header {
      padding: 0 20px; } }
  @media only screen and (min-width: 64em) {
    .page-past-extra-time-request .header.scroll-bar-compensation {
      padding: 0 28px 10px 20px; } }
  .page-past-extra-time-request .header .icon-back {
    margin-right: 15px;
    cursor: pointer;
    color: #8D8D8D;
    transition: color 0.1s ease; }
    .page-past-extra-time-request .header .icon-back:hover {
      color: #242424; }
  .page-past-extra-time-request .header .request-types .request-type {
    font-size: 1.6rem;
    color: #242424;
    opacity: 0.6;
    position: relative;
    margin-right: 10px; }
    @media only screen and (min-width: 48em) {
      .page-past-extra-time-request .header .request-types .request-type {
        margin-right: 30px; } }
    .page-past-extra-time-request .header .request-types .request-type::after {
      content: '';
      width: 0;
      height: 3px;
      border-radius: 100vh;
      background-color: #10FFC3;
      position: absolute;
      bottom: -10px;
      left: 0;
      transition: width 0.3s ease;
      opacity: 0.6; }
    .page-past-extra-time-request .header .request-types .request-type.selected {
      opacity: 1;
      font-weight: 600; }
      .page-past-extra-time-request .header .request-types .request-type.selected::after {
        width: 40px;
        opacity: 1; }
    @media (hover: hover) {
      .page-past-extra-time-request .header .request-types .request-type:hover {
        cursor: pointer; }
        .page-past-extra-time-request .header .request-types .request-type:hover::after {
          width: 40px; } }
  .page-past-extra-time-request .header .filter {
    position: relative; }
    .page-past-extra-time-request .header .filter .applied-filters .dates {
      font-size: 1.6rem;
      color: #242424;
      margin-right: 15px; }
    .page-past-extra-time-request .header .filter .icon-filter {
      width: 20px;
      height: 20px;
      cursor: pointer;
      display: block; }
      .page-past-extra-time-request .header .filter .icon-filter path {
        fill: #8D8D8D;
        transition: fill 0.1s ease; }
      .page-past-extra-time-request .header .filter .icon-filter:hover path {
        fill: #242424; }
      .page-past-extra-time-request .header .filter .icon-filter.selected path {
        fill: #242424; }
    .page-past-extra-time-request .header .filter .dropdown-filter {
      background-color: #ffffff;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
      border-radius: 10px;
      padding: 20px;
      position: absolute;
      top: calc(100% + 15px);
      right: 0;
      z-index: 2;
      width: 200px;
      opacity: 0;
      transform: scale(0);
      transform-origin: top right;
      transition: all 0.3s ease; }
      .page-past-extra-time-request .header .filter .dropdown-filter.show {
        opacity: 1;
        transform: scale(1); }
      .page-past-extra-time-request .header .filter .dropdown-filter date-picker:nth-child(2) {
        margin-top: 10px; }

.page-past-extra-time-request .requests::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

.page-past-extra-time-request .requests::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: transparent; }

.page-past-extra-time-request .requests::-webkit-scrollbar-thumb {
  background-color: #cecece;
  border-radius: 2.5px; }

.page-past-extra-time-request .requests .request {
  background-color: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin: 15px 20px 15px;
  padding: 20px 20px;
  position: relative;
  animation: keyframe-zoomin 0.2s ease-in;
  animation-fill-mode: forwards;
  opacity: 0; }
  .page-past-extra-time-request .requests .request .info {
    order: 1;
    padding-top: 10px; }
    @media only screen and (min-width: 48em) {
      .page-past-extra-time-request .requests .request .info {
        order: 0;
        padding: 0; } }
    .page-past-extra-time-request .requests .request .info .date {
      font-size: 1.6rem;
      font-weight: 600; }
    .page-past-extra-time-request .requests .request .info .project {
      font-size: 1.6rem;
      color: #8D8D8D; }
  .page-past-extra-time-request .requests .request .cancel-request {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block;
    margin-left: 10px; }
    .page-past-extra-time-request .requests .request .cancel-request path {
      fill: #8D8D8D;
      transition: fill 0.3s ease; }
    .page-past-extra-time-request .requests .request .cancel-request:hover path {
      fill: #d9534f; }
  .page-past-extra-time-request .requests .request .status {
    border-radius: 100vh;
    padding: 0 10px;
    background-color: #EFEFEF;
    height: 20px;
    display: flex;
    align-items: center;
    position: absolute;
    top: -9px;
    right: 15px; }
    @media only screen and (min-width: 64em) {
      .page-past-extra-time-request .requests .request .status {
        position: static; } }
    .page-past-extra-time-request .requests .request .status .icon {
      width: 9px;
      height: 100%;
      margin-right: 5px;
      display: flex;
      align-items: center; }
      .page-past-extra-time-request .requests .request .status .icon svg {
        width: 100%;
        height: 100%; }
        .page-past-extra-time-request .requests .request .status .icon svg path, .page-past-extra-time-request .requests .request .status .icon svg circle, .page-past-extra-time-request .requests .request .status .icon svg ellipse {
          fill: #8D8D8D; }
    .page-past-extra-time-request .requests .request .status .value {
      font-size: 1.2rem;
      color: #8D8D8D; }
  .page-past-extra-time-request .requests .request.current {
    background-color: #10FFC3; }
    .page-past-extra-time-request .requests .request.current .status {
      background-color: #242424; }
      .page-past-extra-time-request .requests .request.current .status .icon path, .page-past-extra-time-request .requests .request.current .status .icon circle, .page-past-extra-time-request .requests .request.current .status .icon ellipse {
        fill: #10FFC3; }
      .page-past-extra-time-request .requests .request.current .status .value {
        color: #10FFC3; }
    .page-past-extra-time-request .requests .request.current .leave-request-info {
      font-size: 1.6rem;
      color: #242424; }
  .page-past-extra-time-request .requests .request.approved .status {
    background-color: #10FFC3; }
    .page-past-extra-time-request .requests .request.approved .status .icon path, .page-past-extra-time-request .requests .request.approved .status .icon circle, .page-past-extra-time-request .requests .request.approved .status .icon ellipse {
      fill: #242424; }
    .page-past-extra-time-request .requests .request.approved .status .value {
      color: #242424; }
  .page-past-extra-time-request .requests .request.cancelled .status {
    background-color: #d9534f; }
    .page-past-extra-time-request .requests .request.cancelled .status .icon path, .page-past-extra-time-request .requests .request.cancelled .status .icon circle, .page-past-extra-time-request .requests .request.cancelled .status .icon ellipse {
      fill: #ffffff; }
    .page-past-extra-time-request .requests .request.cancelled .status .value {
      color: #ffffff; }
  .page-past-extra-time-request .requests .request.pending .status .icon {
    width: 13px;
    height: 13px; }
  .page-past-extra-time-request .requests .request:nth-child(1) {
    animation-delay: 0.05s; }
  .page-past-extra-time-request .requests .request:nth-child(2) {
    animation-delay: 0.1s; }
  .page-past-extra-time-request .requests .request:nth-child(3) {
    animation-delay: 0.15s; }
  .page-past-extra-time-request .requests .request:nth-child(4) {
    animation-delay: 0.2s; }
  .page-past-extra-time-request .requests .request:nth-child(5) {
    animation-delay: 0.25s; }
  .page-past-extra-time-request .requests .request:nth-child(6) {
    animation-delay: 0.3s; }
  .page-past-extra-time-request .requests .request:nth-child(7) {
    animation-delay: 0.35s; }
  .page-past-extra-time-request .requests .request:nth-child(8) {
    animation-delay: 0.4s; }
  .page-past-extra-time-request .requests .request:nth-child(9) {
    animation-delay: 0.45s; }
  .page-past-extra-time-request .requests .request:nth-child(10) {
    animation-delay: 0.5s; }

.page-past-extra-time-request .requests .fallback .fallback-icon {
  width: 50px;
  display: block; }
  .page-past-extra-time-request .requests .fallback .fallback-icon path {
    fill: #8D8D8D; }

.page-past-extra-time-request .requests .fallback .fallback-text {
  font-size: 1.6rem;
  margin-top: 10px;
  color: #8D8D8D; }

.page-past-extra-time-request .user-actions {
  position: fixed;
  background-color: #10FFC3;
  border-radius: 10px 0 0 10px;
  bottom: 80px;
  right: 0;
  padding: 15px;
  box-shadow: 0 0 10px rgba(16, 255, 195, 0.5); }
  @media only screen and (min-width: 64em) {
    .page-past-extra-time-request .user-actions {
      display: none; } }
  .page-past-extra-time-request .user-actions .icon-add, .page-past-extra-time-request .user-actions .icon-save {
    color: #242424;
    margin-right: 10px;
    cursor: pointer; }

.page-tyme-dashboard {
  padding-bottom: 50px;
  overflow-x: hidden; }
  @media only screen and (min-width: 64em) {
    .page-tyme-dashboard {
      padding: 0; } }
  .page-tyme-dashboard .weekly-allocation {
    background-color: #242424;
    padding: 80px 15px 0;
    margin-bottom: 30px;
    order: -1;
    min-height: 462px; }
    @media only screen and (min-width: 380px) {
      .page-tyme-dashboard .weekly-allocation {
        padding: 80px 30px 0; } }
    @media only screen and (min-width: 64em) {
      .page-tyme-dashboard .weekly-allocation {
        border-radius: 10px;
        margin-left: 30px;
        min-height: auto; } }
    .page-tyme-dashboard .weekly-allocation .weekly-progress-bar {
      position: relative; }
      .page-tyme-dashboard .weekly-allocation .weekly-progress-bar .date-container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center; }
        .page-tyme-dashboard .weekly-allocation .weekly-progress-bar .date-container .date {
          font-size: 2rem;
          font-weight: 600;
          display: block;
          color: #ffffff; }
        .page-tyme-dashboard .weekly-allocation .weekly-progress-bar .date-container .separator {
          width: 20px;
          height: 3px;
          border-radius: 100vh;
          background-color: #ffffff;
          margin: 3px auto; }
      .page-tyme-dashboard .weekly-allocation .weekly-progress-bar .progress-bar-wrap {
        width: 200px;
        height: 200px;
        margin: 0 auto; }
        .page-tyme-dashboard .weekly-allocation .weekly-progress-bar .progress-bar-wrap .circular-progress-bar {
          overflow: visible;
          width: 200px;
          height: 200px;
          transition: transform 0.25s ease; }
          .page-tyme-dashboard .weekly-allocation .weekly-progress-bar .progress-bar-wrap .circular-progress-bar .circular-progress-bar-track {
            fill: none;
            stroke: #707070;
            stroke-width: 10;
            transform: translate(5px, 5px); }
            .page-tyme-dashboard .weekly-allocation .weekly-progress-bar .progress-bar-wrap .circular-progress-bar .circular-progress-bar-track.highlighted {
              stroke-dasharray: 596;
              stroke: #10FFC3;
              transition: stroke-dashoffset 0.25s ease; }
    .page-tyme-dashboard .weekly-allocation .projects {
      margin-top: 70px;
      overflow-x: auto; }
      .page-tyme-dashboard .weekly-allocation .projects::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      .page-tyme-dashboard .weekly-allocation .projects::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent; }
      .page-tyme-dashboard .weekly-allocation .projects::-webkit-scrollbar-thumb {
        background-color: #cecece;
        border-radius: 2.5px; }
      .page-tyme-dashboard .weekly-allocation .projects::-webkit-scrollbar-thumb {
        background-color: #545454; }
      .page-tyme-dashboard .weekly-allocation .projects .project {
        position: relative;
        padding-bottom: 30px;
        margin-right: 30px;
        cursor: pointer; }
        .page-tyme-dashboard .weekly-allocation .projects .project .project-name, .page-tyme-dashboard .weekly-allocation .projects .project .project-hours {
          font-size: 1.6rem;
          color: #707070;
          transition: color 0.3s ease; }
        .page-tyme-dashboard .weekly-allocation .projects .project .project-name {
          font-weight: 600; }
        .page-tyme-dashboard .weekly-allocation .projects .project::after {
          content: '';
          height: 3px;
          width: 0;
          background-color: #10FFC3;
          border-radius: 100vh;
          position: absolute;
          bottom: 20px;
          left: 0;
          transition: width 0.3s ease; }
        .page-tyme-dashboard .weekly-allocation .projects .project.active .project-name, .page-tyme-dashboard .weekly-allocation .projects .project.active .project-hours {
          color: #ffffff; }
        .page-tyme-dashboard .weekly-allocation .projects .project.active::after {
          width: 20px; }
  @media only screen and (min-width: 48em) {
    .page-tyme-dashboard .event-cards-collection {
      padding: 0 30px; } }
  @media only screen and (min-width: 75em) {
    .page-tyme-dashboard .event-cards-collection {
      order: 1; } }
  .page-tyme-dashboard .event-cards-collection .event-cards-collection-icon {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-right: 10px; }
    .page-tyme-dashboard .event-cards-collection .event-cards-collection-icon svg {
      width: 100%;
      height: 100%; }
      .page-tyme-dashboard .event-cards-collection .event-cards-collection-icon svg path, .page-tyme-dashboard .event-cards-collection .event-cards-collection-icon svg circle, .page-tyme-dashboard .event-cards-collection .event-cards-collection-icon svg ellipse {
        fill: #10FFC3; }
  .page-tyme-dashboard .event-cards-collection .event-cards-collection-header {
    display: flex;
    align-items: center;
    padding: 0 15px; }
    @media only screen and (min-width: 64em) {
      .page-tyme-dashboard .event-cards-collection .event-cards-collection-header {
        flex-direction: column;
        align-items: start; } }
    @media only screen and (min-width: 380px) {
      .page-tyme-dashboard .event-cards-collection .event-cards-collection-header {
        padding: 0 30px; } }
    @media only screen and (min-width: 48em) {
      .page-tyme-dashboard .event-cards-collection .event-cards-collection-header {
        padding: 0; } }
    @media only screen and (min-width: 64em) {
      .page-tyme-dashboard .event-cards-collection .event-cards-collection-header .partial-event-cards-collection-header {
        width: 100%; } }
    .page-tyme-dashboard .event-cards-collection .event-cards-collection-header .partial-event-cards-collection-header .event-cards-collection-title {
      font-size: 2rem;
      font-weight: 600; }
    .page-tyme-dashboard .event-cards-collection .event-cards-collection-header .partial-event-cards-collection-header .event-cards-navigation {
      display: flex; }
      .page-tyme-dashboard .event-cards-collection .event-cards-collection-header .partial-event-cards-collection-header .event-cards-navigation .slick-arrow {
        width: 17px;
        height: 15px;
        margin-right: 10px;
        cursor: pointer;
        user-select: none; }
        .page-tyme-dashboard .event-cards-collection .event-cards-collection-header .partial-event-cards-collection-header .event-cards-navigation .slick-arrow path {
          fill: #242424; }
        .page-tyme-dashboard .event-cards-collection .event-cards-collection-header .partial-event-cards-collection-header .event-cards-navigation .slick-arrow:first-child {
          transform: scaleX(-1); }
        .page-tyme-dashboard .event-cards-collection .event-cards-collection-header .partial-event-cards-collection-header .event-cards-navigation .slick-arrow.slick-disabled {
          cursor: not-allowed; }
          .page-tyme-dashboard .event-cards-collection .event-cards-collection-header .partial-event-cards-collection-header .event-cards-navigation .slick-arrow.slick-disabled path {
            fill: #DEDEDE; }
  .page-tyme-dashboard .event-cards-collection .event-cards {
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap; }
    @media only screen and (min-width: 64em) {
      .page-tyme-dashboard .event-cards-collection .event-cards {
        margin: 0 -10px; } }
    .page-tyme-dashboard .event-cards-collection .event-cards .slick-list {
      margin: 0 10px; }
      @media only screen and (min-width: 380px) {
        .page-tyme-dashboard .event-cards-collection .event-cards .slick-list {
          margin: 0 20px; } }
      @media only screen and (min-width: 64em) {
        .page-tyme-dashboard .event-cards-collection .event-cards .slick-list {
          margin: 0; } }
      .page-tyme-dashboard .event-cards-collection .event-cards .slick-list .slick-track {
        margin: 20px 0; }
        .page-tyme-dashboard .event-cards-collection .event-cards .slick-list .slick-track .slick-slide {
          height: inherit;
          margin: 0 5px; }
          @media only screen and (min-width: 380px) {
            .page-tyme-dashboard .event-cards-collection .event-cards .slick-list .slick-track .slick-slide {
              margin: 0 10px; } }
          .page-tyme-dashboard .event-cards-collection .event-cards .slick-list .slick-track .slick-slide > div {
            height: 100%; }
    .page-tyme-dashboard .event-cards-collection .event-cards .event-card-container {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      animation: keyframe-zoomin 0.2s ease-in;
      animation-fill-mode: forwards;
      opacity: 0;
      height: 100%; }
      .page-tyme-dashboard .event-cards-collection .event-cards .event-card-container .event-card {
        background-color: #ffffff;
        border-radius: 10px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        padding: 35px 10px;
        position: relative;
        height: 100%;
        width: 100%;
        min-height: 160px; }
        @media only screen and (min-width: 380px) {
          .page-tyme-dashboard .event-cards-collection .event-cards .event-card-container .event-card {
            padding: 35px 15px; } }
        .page-tyme-dashboard .event-cards-collection .event-cards .event-card-container .event-card .event-card-icon {
          height: 14px;
          width: 14px;
          position: absolute;
          top: 10px;
          right: 10px; }
        .page-tyme-dashboard .event-cards-collection .event-cards .event-card-container .event-card .date-container {
          margin-bottom: 15px; }
          .page-tyme-dashboard .event-cards-collection .event-cards .event-card-container .event-card .date-container .date {
            font-size: 1.4rem;
            font-weight: 600; }
          .page-tyme-dashboard .event-cards-collection .event-cards .event-card-container .event-card .date-container .separator {
            width: 8px;
            height: 2px;
            border-radius: 100vh;
            background-color: #242424;
            margin: 6px 0;
            display: block; }
        .page-tyme-dashboard .event-cards-collection .event-cards .event-card-container .event-card .event-type, .page-tyme-dashboard .event-cards-collection .event-cards .event-card-container .event-card .event-hours {
          font-size: 1.4rem;
          font-weight: 400;
          color: #8D8D8D;
          word-break: break-word; }
        .page-tyme-dashboard .event-cards-collection .event-cards .event-card-container .event-card.active {
          background-color: #10FFC3; }
          .page-tyme-dashboard .event-cards-collection .event-cards .event-card-container .event-card.active .event-type, .page-tyme-dashboard .event-cards-collection .event-cards .event-card-container .event-card.active .event-hours {
            color: #242424; }
    .page-tyme-dashboard .event-cards-collection .event-cards.slick-carousel-fix .slick-list {
      width: 100%; }
      .page-tyme-dashboard .event-cards-collection .event-cards.slick-carousel-fix .slick-list .slick-track {
        width: 100% !important; }
        .page-tyme-dashboard .event-cards-collection .event-cards.slick-carousel-fix .slick-list .slick-track .slick-slide {
          width: 33.333% !important;
          margin: 0;
          padding: 0 5px; }
          @media only screen and (min-width: 380px) {
            .page-tyme-dashboard .event-cards-collection .event-cards.slick-carousel-fix .slick-list .slick-track .slick-slide {
              padding: 0 10px; } }
    .page-tyme-dashboard .event-cards-collection .event-cards .fallback {
      margin: 30px auto; }
      @media only screen and (min-width: 64em) {
        .page-tyme-dashboard .event-cards-collection .event-cards .fallback {
          margin: 60px auto 0; } }
      .page-tyme-dashboard .event-cards-collection .event-cards .fallback .fallback-icon {
        width: 25px;
        display: block; }
        .page-tyme-dashboard .event-cards-collection .event-cards .fallback .fallback-icon path, .page-tyme-dashboard .event-cards-collection .event-cards .fallback .fallback-icon circle, .page-tyme-dashboard .event-cards-collection .event-cards .fallback .fallback-icon ellipse {
          fill: #8D8D8D; }
      .page-tyme-dashboard .event-cards-collection .event-cards .fallback .fallback-text {
        font-size: 1.6rem;
        margin-top: 10px;
        color: #8D8D8D; }
  @media only screen and (min-width: 75em) {
    .page-tyme-dashboard .event-cards-collection.upcoming-leave {
      padding-right: 15px; } }
  .page-tyme-dashboard .event-cards-collection.upcoming-leave .event-cards-collection-icon {
    width: 25px; }
    .page-tyme-dashboard .event-cards-collection.upcoming-leave .event-cards-collection-icon svg path, .page-tyme-dashboard .event-cards-collection.upcoming-leave .event-cards-collection-icon svg circle, .page-tyme-dashboard .event-cards-collection.upcoming-leave .event-cards-collection-icon svg ellipse {
      stroke: #10FFC3; }
  @media only screen and (min-width: 75em) {
    .page-tyme-dashboard .event-cards-collection.upcoming-events {
      padding-left: 15px; } }
  .page-tyme-dashboard .overview .overview-title {
    font-size: 2rem;
    padding: 0 15px 10px;
    font-weight: 600; }
    @media only screen and (min-width: 380px) {
      .page-tyme-dashboard .overview .overview-title {
        padding: 0 30px 10px; } }
    @media only screen and (min-width: 75em) {
      .page-tyme-dashboard .overview .overview-title {
        display: none; } }
  .page-tyme-dashboard .overview .overview-cards .overview-card {
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    padding: 35px;
    position: relative;
    min-width: 130px;
    margin: 0 15px 15px; }
    @media only screen and (min-width: 380px) {
      .page-tyme-dashboard .overview .overview-cards .overview-card {
        margin: 0 30px 30px; } }
    .page-tyme-dashboard .overview .overview-cards .overview-card .overview-card-icon {
      width: 40px;
      height: 40px;
      margin-right: 30px; }
      .page-tyme-dashboard .overview .overview-cards .overview-card .overview-card-icon path, .page-tyme-dashboard .overview .overview-cards .overview-card .overview-card-icon circle, .page-tyme-dashboard .overview .overview-cards .overview-card .overview-card-icon ellipse {
        fill: #10FFC3;
        stroke: #10FFC3; }
    .page-tyme-dashboard .overview .overview-cards .overview-card .overview-card-details {
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%; }
      .page-tyme-dashboard .overview .overview-cards .overview-card .overview-card-details .remaining-hours .value {
        font-size: 2.5rem;
        font-weight: 600; }
      .page-tyme-dashboard .overview .overview-cards .overview-card .overview-card-details .remaining-hours .max {
        color: #8D8D8D;
        font-size: 1.6rem; }
      .page-tyme-dashboard .overview .overview-cards .overview-card .overview-card-details .remaining-leave-type {
        color: #8D8D8D;
        font-size: 1.4rem; }
    .page-tyme-dashboard .overview .overview-cards .overview-card.public-holiday .overview-card-icon path, .page-tyme-dashboard .overview .overview-cards .overview-card.public-holiday .overview-card-icon circle, .page-tyme-dashboard .overview .overview-cards .overview-card.public-holiday .overview-card-icon ellipse {
      stroke: rgba(0, 0, 0, 0); }

.partial-mobile-calendar-events {
  padding: 0 15px 15px; }
  @media only screen and (min-width: 380px) {
    .partial-mobile-calendar-events {
      padding: 0 30px 30px; } }
  .partial-mobile-calendar-events .event-item-container .date {
    font-size: 1.6rem;
    margin-bottom: 20px; }
    .partial-mobile-calendar-events .event-item-container .date .weekday {
      font-weight: 600; }
    .partial-mobile-calendar-events .event-item-container .date .day-month {
      color: #8D8D8D; }
  .partial-mobile-calendar-events .event-item-container .event-item {
    border-radius: 10px;
    height: 50px;
    font-size: 1.6rem;
    padding: 0 20px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .partial-mobile-calendar-events .event-item-container .event-item .event-name {
      font-weight: 600;
      line-height: 50px; }
    .partial-mobile-calendar-events .event-item-container .event-item .event-duration {
      line-height: 50px; }
    .partial-mobile-calendar-events .event-item-container .event-item.pending {
      opacity: 0.4; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.overflow-fadeout {
  position: relative; }
  .overflow-fadeout.is-scrolled::before {
    opacity: 1; }
  .overflow-fadeout.desktop-only::before {
    display: none; }
    @media only screen and (min-width: 64em) {
      .overflow-fadeout.desktop-only::before {
        display: block; } }
  .overflow-fadeout::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #fafafa);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease; }
  .overflow-fadeout > div::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .overflow-fadeout > div::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent; }
  .overflow-fadeout > div::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 2.5px; }

.dialog-allocations .dialog-content .projects-list li {
  font-size: 1.6rem;
  margin-bottom: 35px;
  display: flex;
  align-items: center;
  color: rgba(36, 36, 36, 0.6);
  cursor: pointer; }
  .dialog-allocations .dialog-content .projects-list li::before {
    content: '';
    height: 30px;
    width: 0px;
    background-color: #10FFC3;
    transition: all 0.2s ease; }
  .dialog-allocations .dialog-content .projects-list li.active {
    color: #242424; }
    .dialog-allocations .dialog-content .projects-list li.active::before {
      width: 3px;
      margin-right: 15px; }
  @media (hover: hover) {
    .dialog-allocations .dialog-content .projects-list li:hover:not(.active)::before {
      width: 3px;
      opacity: 0.4;
      margin-right: 15px; } }

.dialog-allocations .dialog-content .actual-hours .actual {
  margin-top: 35px; }
  .dialog-allocations .dialog-content .actual-hours .actual .textbox {
    position: relative; }
    .dialog-allocations .dialog-content .actual-hours .actual .textbox .textbox-label {
      height: 50px;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 1;
      display: flex;
      justify-content: center;
      align-items: center; }
    .dialog-allocations .dialog-content .actual-hours .actual .textbox .textbox-value {
      border-radius: 10px;
      min-height: 80px;
      padding-top: 30px;
      background-color: rgba(0, 0, 0, 0); }
      .dialog-allocations .dialog-content .actual-hours .actual .textbox .textbox-value .textbox-input {
        text-align: center;
        font-size: 2rem; }

.dialog-allocations .dialog-footer {
  left: 0 !important;
  right: 0 !important; }

.dialog-leave-request {
  padding-bottom: 40px !important; }
  @media only screen and (min-width: 64em) {
    .dialog-leave-request {
      padding-bottom: 75px !important; } }
  .dialog-leave-request .dialog-header {
    margin-bottom: 0 !important; }
  .dialog-leave-request .dialog-content .leave-request-type-container {
    border-radius: 10px;
    border: 1px solid #DEDEDE;
    margin-bottom: 20px; }
    .dialog-leave-request .dialog-content .leave-request-type-container .leave-request-type {
      font-size: 1.6rem;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
      color: rgba(36, 36, 36, 0.6);
      transition: all 0.3s ease;
      cursor: pointer; }
      .dialog-leave-request .dialog-content .leave-request-type-container .leave-request-type .type {
        font-weight: 600;
        margin-right: 6px; }
      .dialog-leave-request .dialog-content .leave-request-type-container .leave-request-type.active {
        background-color: #10FFC3;
        color: #242424;
        transform: scale(1.01); }
  .dialog-leave-request .dialog-content .leave-options {
    margin: 0 0 30px;
    border-radius: 10px;
    border: 1px solid #DEDEDE; }
    .dialog-leave-request .dialog-content .leave-options .leave-option {
      text-align: center;
      height: 50px;
      line-height: 50px;
      border-radius: 10px;
      cursor: pointer;
      color: #8D8D8D;
      transition: all 0.3s ease; }
      .dialog-leave-request .dialog-content .leave-options .leave-option p {
        font-size: 1.6rem; }
      .dialog-leave-request .dialog-content .leave-options .leave-option.selected {
        background-color: #10FFC3;
        color: #242424;
        box-shadow: 0 0 10px rgba(16, 255, 195, 0.5);
        font-weight: 500; }
  .dialog-leave-request .dialog-content .input-hours {
    margin-bottom: 20px; }
    .dialog-leave-request .dialog-content .input-hours .textbox {
      position: relative; }
      .dialog-leave-request .dialog-content .input-hours .textbox .textbox-label {
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center; }
      .dialog-leave-request .dialog-content .input-hours .textbox .textbox-value {
        border-radius: 10px;
        min-height: 80px;
        padding-top: 30px;
        background-color: rgba(0, 0, 0, 0); }
        .dialog-leave-request .dialog-content .input-hours .textbox .textbox-value .textbox-input {
          text-align: center;
          font-size: 2rem; }
          .dialog-leave-request .dialog-content .input-hours .textbox .textbox-value .textbox-input::-webkit-inner-spin-button, .dialog-leave-request .dialog-content .input-hours .textbox .textbox-value .textbox-input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0; }
      .dialog-leave-request .dialog-content .input-hours .textbox.disabled .textbox-value {
        border-style: dashed; }
  .dialog-leave-request .dialog-content .input-remarks {
    margin-bottom: 20px; }
    .dialog-leave-request .dialog-content .input-remarks .textarea {
      position: relative; }
      .dialog-leave-request .dialog-content .input-remarks .textarea .textarea-value .textarea-input {
        font-size: 1.6rem;
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0);
        padding: 15px; }
  .dialog-leave-request .dialog-content .leave-request-overview .overview-item {
    font-size: 1.6rem;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between; }
    .dialog-leave-request .dialog-content .leave-request-overview .overview-item .label {
      padding-right: 15px; }
    .dialog-leave-request .dialog-content .leave-request-overview .overview-item .value {
      font-weight: 600; }
  .dialog-leave-request .dialog-footer {
    z-index: 9999;
    left: 0 !important;
    right: 0 !important; }
    .dialog-leave-request .dialog-footer .button-next .loading.circle {
      border: 2px solid rgba(36, 36, 36, 0.4);
      border-left: 2px solid #242424; }

.dialog-extra-time-request {
  padding-bottom: 40px !important; }
  @media only screen and (min-width: 64em) {
    .dialog-extra-time-request {
      padding-bottom: 75px !important; } }
  .dialog-extra-time-request .dialog-header {
    margin-bottom: 10px !important; }
  .dialog-extra-time-request .dialog-content .input-hours {
    margin-bottom: 20px; }
    .dialog-extra-time-request .dialog-content .input-hours .textbox {
      position: relative; }
      .dialog-extra-time-request .dialog-content .input-hours .textbox .textbox-label {
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center; }
      .dialog-extra-time-request .dialog-content .input-hours .textbox .textbox-value {
        border-radius: 10px;
        min-height: 80px;
        padding-top: 30px;
        background-color: rgba(0, 0, 0, 0); }
        .dialog-extra-time-request .dialog-content .input-hours .textbox .textbox-value .textbox-input {
          text-align: center;
          font-size: 2rem; }
          .dialog-extra-time-request .dialog-content .input-hours .textbox .textbox-value .textbox-input::-webkit-inner-spin-button, .dialog-extra-time-request .dialog-content .input-hours .textbox .textbox-value .textbox-input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0; }
      .dialog-extra-time-request .dialog-content .input-hours .textbox.disabled .textbox-value {
        border-style: dashed; }
  .dialog-extra-time-request .dialog-content .project.disabled {
    pointer-events: none;
    cursor: not-allowed; }
    .dialog-extra-time-request .dialog-content .project.disabled .combobox .combobox-value {
      border-style: dashed;
      background-color: rgba(0, 0, 0, 0); }
  .dialog-extra-time-request .dialog-content .input-remarks .textarea {
    position: relative; }
    .dialog-extra-time-request .dialog-content .input-remarks .textarea .textarea-value .textarea-input {
      font-size: 1.6rem;
      border-radius: 10px;
      background-color: rgba(0, 0, 0, 0);
      padding: 15px; }
  .dialog-extra-time-request .dialog-content .leave-request-overview {
    padding: 10px 0; }
    .dialog-extra-time-request .dialog-content .leave-request-overview .overview-item {
      font-size: 1.6rem;
      padding-bottom: 10px;
      display: flex;
      justify-content: space-between; }
      .dialog-extra-time-request .dialog-content .leave-request-overview .overview-item .label {
        padding-right: 15px; }
      .dialog-extra-time-request .dialog-content .leave-request-overview .overview-item .value {
        font-weight: 600; }
  .dialog-extra-time-request .dialog-footer {
    z-index: 9999;
    left: 0 !important;
    right: 0 !important; }

.dialog-extra-time-non-billable .dialog-content .request {
  margin: 0 -5px; }

.dialog-extra-time-non-billable .dialog-footer {
  z-index: 9999;
  left: 0 !important;
  right: 0 !important; }
  .dialog-extra-time-non-billable .dialog-footer .button-next comp-icon {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center; }
    .dialog-extra-time-non-billable .dialog-footer .button-next comp-icon svg {
      height: 100%;
      width: 100%; }

.dialog-events .dialog-header {
  margin-bottom: 10px !important; }
  .dialog-events .dialog-header .title {
    font-size: 1.6rem; }

.dialog-events .dialog-content {
  padding-bottom: 0 !important; }
  .dialog-events .dialog-content .events .event {
    border-radius: 10px;
    background-color: #DEDEDE;
    height: 50px;
    padding: 0 15px; }
    .dialog-events .dialog-content .events .event:not(:last-child) {
      margin-bottom: 10px; }
    .dialog-events .dialog-content .events .event span {
      font-size: 1.6rem;
      font-weight: 600; }
    .dialog-events .dialog-content .events .event.pending {
      opacity: 0.6; }

.page-manage-validations .component-tabs {
  padding: 0 10px;
  background-color: #F8F8F8;
  z-index: 1; }

.page-manage-validations .sub-title {
  padding: 0 0 5px 5px;
  font-size: 1.8rem;
  font-weight: 400;
  opacity: 0.8; }

.page-manage-validations .validation-item {
  padding-bottom: 5px; }

.page-manage-validations .button-remove {
  padding: 0 5px; }
  .page-manage-validations .button-remove .icon-remove {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #d9534f;
    color: #ffffff;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s linear;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    @media only screen and (min-width: 64em) {
      .page-manage-validations .button-remove .icon-remove:hover {
        background-color: #d43f3a; } }
    .page-manage-validations .button-remove .icon-remove:active {
      transform: scale(0.9, 0.9); }

.page-manage-lookups {
  flex-wrap: nowrap;
  height: 100%; }
  .page-manage-lookups .go-back {
    padding: 10px 10px 0; }
    @media only screen and (min-width: 64em) {
      .page-manage-lookups .go-back {
        display: none; } }
    .page-manage-lookups .go-back .icon-go-back {
      margin-right: 5px; }
    .page-manage-lookups .go-back:active {
      transform: scale(0.95); }
  .page-manage-lookups .lookups-content {
    overflow: hidden; }
    @media only screen and (max-width: 1023px) {
      .page-manage-lookups .lookups-content.show-content .lookups-first {
        transform: translate(-100%, 0); } }
    @media only screen and (max-width: 1023px) {
      .page-manage-lookups .lookups-content.show-content .lookups-second {
        transform: translate(-100%, 0); } }
    @media only screen and (min-width: 64em) {
      .page-manage-lookups .lookups-content.show-content .lookups-second {
        display: block; } }
    .page-manage-lookups .lookups-content .lookups-first {
      padding: 10px 10px 0;
      background-color: #f1f1f1;
      transition: transform 0.2s ease; }
      .page-manage-lookups .lookups-content .lookups-first .manage-lookups-title {
        font-size: 2.4rem; }
      .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content .datagrid-header-mobile {
        display: none; }
      .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table thead.datagrid-thead {
        display: none; }
      .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody {
        margin-top: 6px; }
        .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr {
          display: flex;
          border: none;
          margin: 0; }
          .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr:first-child {
            border-top: 1px solid rgba(0, 55, 69, 0.08);
            border-radius: 2px 2px 0 0; }
          .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr:last-child {
            margin-bottom: 10px; }
          .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td {
            flex-basis: 100%;
            position: relative;
            padding: 10px;
            border-radius: 2px; }
            @media only screen and (min-width: 64em) {
              .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td {
                padding-right: 12px;
                border: none; } }
            @media (hover: hover) {
              .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td:hover {
                background-color: rgba(16, 255, 195, 0.3); } }
            .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td::before {
              display: none; }
            .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td .main-slot .main-slot-child .null {
              text-align: left; }
          .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.selected-row {
            background-color: transparent; }
            .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.selected-row td {
              background-color: #10FFC3;
              border-color: #10FFC3;
              color: #ffffff; }
              .page-manage-lookups .lookups-content .lookups-first data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.selected-row td::after {
                display: none; }
    .page-manage-lookups .lookups-content .lookups-second {
      padding: 10px;
      transition: transform 0.2s ease; }
      @media only screen and (min-width: 64em) {
        .page-manage-lookups .lookups-content .lookups-second {
          padding: 25px 10px 10px 10px; } }
      .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup {
        height: 100%; }
        .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .header-filtering {
          padding-bottom: 10px;
          flex-shrink: 0; }
          .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .header-filtering .level-btn {
            margin-right: 10px; }
        @media only screen and (min-width: 48em) {
          .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .sorting .radio-buttons {
            margin-right: 30px; } }
        .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid {
          flex-grow: 1;
          padding: 10px 0; }
          .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid::-webkit-scrollbar {
            width: 6px;
            height: 6px; }
          .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid::-webkit-scrollbar-track {
            -webkit-box-shadow: none;
            background-color: transparent; }
          .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid::-webkit-scrollbar-thumb {
            background-color: #cecece;
            border-radius: 2.5px; }
          .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid data-grid .datagrid .datagrid-content .datagrid-header-mobile {
            display: none; }
          .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td i {
            display: flex;
            justify-content: flex-end; }
          .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td .main-slot .main-slot-child .checkbox-box {
            margin-left: auto; }
            @media only screen and (min-width: 64em) {
              .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td .main-slot .main-slot-child .checkbox-box {
                margin-left: 0; } }
          .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="edit"], .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="delete"] {
            padding: 5px; }
            @media only screen and (min-width: 64em) {
              .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="edit"], .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr td[data-original-title="delete"] {
                width: 50px !important; } }
          .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.selected-row {
            background-color: transparent; }
            .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.tr.selected-row td::after {
              position: absolute;
              top: 50%;
              right: 10px;
              transform: translateY(-50%); }
          .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-datagrid data-grid .datagrid .datagrid-content table.datagrid-table tbody.datagrid-tbody tr.data-grid-fallback td .text-no-items {
            border: 1px solid rgba(0, 55, 69, 0.08);
            border-radius: 5px; }
        .page-manage-lookups .lookups-content .lookups-second .manage-selected-lookup .lookup-actions {
          min-height: 40px;
          padding-top: 10px; }
  .page-manage-lookups .ie-fallback {
    display: none;
    padding: 10px; }
    .page-manage-lookups .ie-fallback .fallback-title {
      font-size: 2.4rem; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .page-manage-lookups .lookups-content {
      display: none; }
    .page-manage-lookups .ie-fallback {
      display: block; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-workflow-configuration .workflow-container {
    display: none; } }

.page-workflow-configuration .workflow-container .section-workflow-configs {
  padding: 10px 5px;
  background-color: #f1f1f1; }
  .page-workflow-configuration .workflow-container .section-workflow-configs .configs {
    padding: 0 5px; }
    .page-workflow-configuration .workflow-container .section-workflow-configs .configs .config {
      position: relative;
      height: 30px;
      line-height: 30px;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .page-workflow-configuration .workflow-container .section-workflow-configs .configs .config:nth-child(odd) {
        background-color: #f8f8f8; }
      .page-workflow-configuration .workflow-container .section-workflow-configs .configs .config:nth-child(even) {
        background-color: #ffffff; }
      .page-workflow-configuration .workflow-container .section-workflow-configs .configs .config:nth-child(1) {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px; }
      .page-workflow-configuration .workflow-container .section-workflow-configs .configs .config:nth-last-child {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px; }
      @media (hover: hover) {
        .page-workflow-configuration .workflow-container .section-workflow-configs .configs .config:hover {
          background-color: #eee;
          cursor: pointer; } }
      .page-workflow-configuration .workflow-container .section-workflow-configs .configs .config.selected {
        color: #ffffff;
        background-color: #10FFC3; }
      .page-workflow-configuration .workflow-container .section-workflow-configs .configs .config .config-name {
        padding: 0 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .page-workflow-configuration .workflow-container .section-workflow-configs .configs .config .icon-remove {
        width: 30px;
        height: 30px;
        color: #d9534f;
        line-height: 30px;
        text-align: center;
        transition: all linear 0.1s; }
        @media (hover: hover) {
          .page-workflow-configuration .workflow-container .section-workflow-configs .configs .config .icon-remove:hover {
            background-color: #d9534f;
            color: #ffffff; } }

.page-workflow-configuration .workflow-container .section-workflow-content .workflow {
  padding: 10px 5px 0; }
  .page-workflow-configuration .workflow-container .section-workflow-content .workflow .config-name {
    width: 25%; }
  .page-workflow-configuration .workflow-container .section-workflow-content .workflow .workflow-canvas {
    width: 100%; }

.page-workflow-configuration .workflow-container .section-workflow-settings {
  position: fixed;
  right: 0;
  width: 0;
  height: calc(100% - 100px);
  background-color: #f1f1f1;
  transition: all linear 0.2s; }
  .page-workflow-configuration .workflow-container .section-workflow-settings::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .page-workflow-configuration .workflow-container .section-workflow-settings::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent; }
  .page-workflow-configuration .workflow-container .section-workflow-settings::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 2.5px; }
  .page-workflow-configuration .workflow-container .section-workflow-settings.conditional-activity {
    width: 655px;
    padding: 10px 5px; }
  .page-workflow-configuration .workflow-container .section-workflow-settings.reassign-activity {
    width: 300px;
    padding: 10px 5px; }
  .page-workflow-configuration .workflow-container .section-workflow-settings.new-activity {
    width: 300px;
    padding: 10px 5px; }
  .page-workflow-configuration .workflow-container .section-workflow-settings.email-activity {
    width: 600px;
    padding: 10px 5px; }
  .page-workflow-configuration .workflow-container .section-workflow-settings.error-activity {
    width: 300px;
    padding: 10px 5px; }
  .page-workflow-configuration .workflow-container .section-workflow-settings .header {
    font-size: 1.8rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .page-workflow-configuration .workflow-container .section-workflow-settings .new-activities .button-new-activity {
    background-color: #10FFC3;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: all linear 0.1s;
    border-radius: 2px;
    margin: 10px 5px;
    min-width: 250px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    @media (hover: hover) {
      .page-workflow-configuration .workflow-container .section-workflow-settings .new-activities .button-new-activity:hover {
        background-color: #00f6b8; }
        .page-workflow-configuration .workflow-container .section-workflow-settings .new-activities .button-new-activity:hover .icon-new-activity {
          background-color: #00dca5; } }
    .page-workflow-configuration .workflow-container .section-workflow-settings .new-activities .button-new-activity:active {
      transform: scale(0.95);
      transform-origin: center; }
    .page-workflow-configuration .workflow-container .section-workflow-settings .new-activities .button-new-activity .icon-new-activity {
      background-color: #00f6b8;
      padding: 5px;
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px; }
      .page-workflow-configuration .workflow-container .section-workflow-settings .new-activities .button-new-activity .icon-new-activity.email-activity:after {
        content: 'email'; }
      .page-workflow-configuration .workflow-container .section-workflow-settings .new-activities .button-new-activity .icon-new-activity.conditional-activity:after {
        content: 'loop'; }
      .page-workflow-configuration .workflow-container .section-workflow-settings .new-activities .button-new-activity .icon-new-activity.reassign-activity:after {
        content: 'assignment_ind'; }

.page-workflow-configuration .ie-fallback {
  display: none; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .page-workflow-configuration .ie-fallback {
      display: block; } }
  .page-workflow-configuration .ie-fallback .fallback-title {
    font-size: 2.4rem; }

.page-admin-organization {
  height: 100%; }
  .page-admin-organization .organization-header {
    height: 50px;
    padding: 10px 5px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #dddddd;
    flex-shrink: 0; }
  .page-admin-organization .organization-content {
    flex-grow: 1;
    overflow-y: auto; }
    .page-admin-organization .organization-content .gotolevel-btn button .value:before {
      content: "\00ab";
      font-size: 2rem;
      line-height: normal;
      margin-right: 2px; }
  .page-admin-organization .organization-footer {
    height: 50px;
    padding: 10px 5px;
    background-color: #f1f1f1;
    flex-shrink: 0; }
    .page-admin-organization .organization-footer .textbox-current-page {
      width: 40px; }
  .page-admin-organization .organization-divider-horizontal {
    height: 1px;
    background: #949494; }
  .page-admin-organization .tooltip {
    position: relative; }
    .page-admin-organization .tooltip:hover .preview-tooltip {
      visibility: visible;
      opacity: 1; }
    .page-admin-organization .tooltip .preview-tooltip {
      visibility: hidden;
      position: absolute;
      bottom: -40px;
      left: 5px;
      padding: 5px 10px;
      font-size: 1.6rem;
      font-weight: bold;
      background-color: #1a1d27;
      color: #ffffff;
      white-space: nowrap;
      z-index: 2;
      border-radius: 2px;
      transition: opacity;
      opacity: 0;
      transition: all 0.2s linear; }
      .page-admin-organization .tooltip .preview-tooltip:after {
        position: absolute;
        top: -14px;
        left: 10px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        pointer-events: none;
        border-bottom-color: #1a1d27;
        border-width: 7px; }
    .page-admin-organization .tooltip:hover:after {
      display: none; }

.page-admin-organization-branches {
  height: 100%; }
  .page-admin-organization-branches .branches-container,
  .page-admin-organization-branches .page-department-roles {
    height: 50%; }

.page-admin-organization-departments-and-roles {
  height: 100%; }
  .page-admin-organization-departments-and-roles .organization-departments {
    border: 1px solid #dddddd;
    margin-right: 5px;
    height: 100%; }
    .page-admin-organization-departments-and-roles .organization-departments .active-departments {
      margin-bottom: 10px; }
  .page-admin-organization-departments-and-roles .organization-roles {
    border: 1px solid #dddddd;
    margin-left: 5px;
    height: 100%; }

.page-admin-organization-users {
  height: 100%; }

.page-onboarding-request .sub-header .status {
  height: 50px;
  margin-left: 10px;
  padding: 3px 8px 3px 6px;
  border-radius: 2px; }
  .page-onboarding-request .sub-header .status .icon-status {
    font-size: 4rem; }
  .page-onboarding-request .sub-header .status .status-details {
    padding-left: 8px; }
    .page-onboarding-request .sub-header .status .status-details .status-title {
      font-weight: 600;
      text-transform: uppercase; }
    .page-onboarding-request .sub-header .status .status-details .status-text {
      font-size: 1.2rem; }
  .page-onboarding-request .sub-header .status.warning {
    background-color: rgba(240, 173, 78, 0.2);
    color: #f0ad4e; }
    .page-onboarding-request .sub-header .status.warning .icon-status:after {
      content: 'new_releases'; }
    .page-onboarding-request .sub-header .status.warning.danger {
      background-color: rgba(217, 83, 79, 0.2);
      color: #d9534f; }
  .page-onboarding-request .sub-header .status.new {
    background-color: rgba(0, 132, 222, 0.2);
    color: #0084DE; }
    .page-onboarding-request .sub-header .status.new .icon-status:after {
      content: 'new_releases'; }
  .page-onboarding-request .sub-header .status.submitted {
    background-color: rgba(91, 192, 222, 0.2);
    color: #5bc0de; }
    .page-onboarding-request .sub-header .status.submitted .icon-status:after {
      content: 'done'; }
  .page-onboarding-request .sub-header .status.in-progress {
    background-color: rgba(230, 218, 56, 0.2);
    color: #e6da38; }
    .page-onboarding-request .sub-header .status.in-progress .icon-status:after {
      content: 'more_horiz'; }
  .page-onboarding-request .sub-header .status.completed {
    background-color: rgba(92, 184, 92, 0.2);
    color: #5cb85c; }
    .page-onboarding-request .sub-header .status.completed .icon-status:after {
      content: 'verified_user'; }
  .page-onboarding-request .sub-header .status.rejected {
    background-color: rgba(217, 83, 79, 0.2);
    color: #d9534f; }
    .page-onboarding-request .sub-header .status.rejected .icon-status:after {
      content: 'remove_circle'; }

.page-onboarding-request .sidebar {
  background-color: #f1f1f1; }
  .page-onboarding-request .sidebar .tabs-container {
    background-color: #f1f1f1;
    border-bottom: 1px solid #ececec; }
    .page-onboarding-request .sidebar .tabs-container .tab {
      padding: 10px;
      cursor: pointer;
      transition: background-color linear 0.2s;
      text-align: center; }
      .page-onboarding-request .sidebar .tabs-container .tab:hover {
        background-color: #ececec; }
      .page-onboarding-request .sidebar .tabs-container .tab.active {
        border-bottom: 4px solid #4a4a4a; }
      .page-onboarding-request .sidebar .tabs-container .tab .tab-label {
        position: relative; }
        .page-onboarding-request .sidebar .tabs-container .tab .tab-label .tab-badge {
          position: absolute;
          top: -5px;
          right: -18px;
          min-width: 16px;
          height: 16px;
          font-size: 1.2rem;
          font-weight: bold;
          color: #ffffff;
          background-color: #d9534f;
          border-radius: 8px; }

.page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style,
.page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  @media only screen and (min-width: 64em) {
    .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style {
      flex-wrap: nowrap; } }
  .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p,
  .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 1.2rem;
    align-items: center;
    max-width: 100%; }
    @media only screen and (min-width: 30em) {
      .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p {
        font-size: 1.4rem; } }
    @media only screen and (min-width: 48em) {
      .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p {
        font-size: 1.6rem; } }
    @media only screen and (min-width: 64em) {
      .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p {
        font-size: 2rem; } }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p text-box,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p text-box {
      display: inline-block;
      margin: 5px;
      font-weight: 600; }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p date-picker,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p date-picker {
      display: inline-block;
      margin: 5px;
      font-weight: 600; }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p combo-box,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p combo-box {
      display: inline-block;
      margin: 5px;
      font-weight: 600; }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p combo-box .combobox.readonly .combobox-value .combobox-value-text,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p combo-box .combobox.readonly .combobox-value .combobox-value-text {
        overflow: visible;
        text-overflow: initial; }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p lookup-control,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p lookup-control {
      display: inline-block;
      font-weight: 600; }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p tags-input-filter,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p tags-input-filter {
      display: inline-block;
      margin: 5px;
      font-weight: 600; }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p text-area,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p text-area {
      display: inline-block;
      margin: 5px;
      font-weight: 600; }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .text-node,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .text-node {
      white-space: pre; }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap {
        min-height: 40px;
        margin: 0 10px 5px 0;
        padding: 0 20px;
        border-radius: 20px; }
        @media only screen and (min-width: 64em) {
          .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap,
          .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap {
            min-height: 50px;
            padding: 0 30px;
            border-radius: 25px; } }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name {
          font-size: 1.2rem;
          line-height: 1.2; }
          @media only screen and (min-width: 30em) {
            .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name,
            .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name {
              font-size: 1.4rem; } }
          @media only screen and (min-width: 48em) {
            .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name,
            .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name {
              font-size: 1.6rem; } }
          @media only screen and (min-width: 64em) {
            .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name,
            .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name {
              font-size: 2rem; } }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-desc,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-desc {
          font-size: 1rem;
          line-height: 1.2; }
          @media only screen and (min-width: 64em) {
            .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-desc,
            .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-desc {
              font-size: 1.2rem; } }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box {
      margin: 0 5px; }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box {
        width: 17px;
        height: 17px; }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:before, .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:after,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:before,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:after {
          content: '';
          position: absolute;
          top: 0;
          left: 6px;
          width: 4px;
          height: 20px;
          border: 0;
          border-left: 4px solid #d9534f; }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:before,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:before {
          transform: scale(1) rotate(45deg); }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:after,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:after {
          transform: scale(1) rotate(-45deg); }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value.checked .checkbox-box,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value.checked .checkbox-box {
        width: 17px;
        height: 17px; }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value.checked .checkbox-box:after,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .conversation-style .client-meta-component .main-slot p check-box .checkbox.readonly .checkbox-value.checked .checkbox-box:after {
          top: 0;
          left: 0;
          width: 17px;
          height: 10px;
          border-width: 3px; }

.page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap,
.page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 20px; }
  .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .question,
  .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .question {
    flex-basis: 100%;
    padding-bottom: 5px; }
    @media only screen and (min-width: 48em) {
      .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .question,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .question {
        flex-basis: 40%; } }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .question .label,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .question .label {
      font-size: 1.6rem;
      color: #242424; }
      @media only screen and (min-width: 64em) {
        .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .question .label,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .question .label {
          font-size: 2rem; } }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .question .info,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .question .info {
      font-size: 1.2rem;
      color: #8D8D8D; }
  .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer,
  .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer {
    flex-basis: 100%;
    max-width: 100%; }
    @media only screen and (min-width: 48em) {
      .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer {
        flex-basis: 60%;
        max-width: 60%;
        padding-left: 20px; } }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p {
      display: flex;
      align-items: center;
      white-space: nowrap; }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p text-box,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p text-box {
        flex-grow: 0; }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p text-box .textbox.readonly .textbox-readonly,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p text-box .textbox.readonly .textbox-readonly {
          white-space: pre-line; }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p date-picker,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p date-picker {
        flex-grow: 0; }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p combo-box,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p combo-box {
        flex-grow: 0; }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p combo-box .combobox.readonly .combobox-value .combobox-value-text,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p combo-box .combobox.readonly .combobox-value .combobox-value-text {
          overflow: visible;
          text-overflow: initial; }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p lookup-control,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p lookup-control {
        flex-grow: 0; }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p tags-input-filter,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p tags-input-filter {
        flex-grow: 0; }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p text-area,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p text-area {
        flex-grow: 0; }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p text-area .textarea .textarea-value,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p text-area .textarea .textarea-value {
          padding: 0; }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p text-area .textarea.readonly .textarea-readonly,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p text-area .textarea.readonly .textarea-readonly {
          white-space: pre-line; }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p .text-node,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p .text-node {
        white-space: pre; }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap {
          background-color: #F0F0ED;
          min-height: 40px;
          margin: 0 10px 5px 0;
          padding: 0 20px;
          border-radius: 20px; }
          @media only screen and (min-width: 64em) {
            .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap,
            .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap {
              min-height: 50px;
              padding: 0 30px;
              border-radius: 25px; } }
          .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name,
          .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name {
            font-size: 1.2rem;
            line-height: 1.2; }
            @media only screen and (min-width: 30em) {
              .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name,
              .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name {
                font-size: 1.4rem; } }
            @media only screen and (min-width: 48em) {
              .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name,
              .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name {
                font-size: 1.6rem; } }
            @media only screen and (min-width: 64em) {
              .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name,
              .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-name {
                font-size: 2rem; } }
          .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-desc,
          .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-desc {
            font-size: 1rem;
            line-height: 1.2; }
            @media only screen and (min-width: 64em) {
              .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-desc,
              .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p .form-lookup-control .lookup-item .lookup-item-wrap .lookup-item-desc {
                font-size: 1.2rem; } }
      .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p check-box,
      .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p check-box {
        margin: 0 5px; }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box {
          width: 17px;
          height: 17px; }
          .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:before, .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:after,
          .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:before,
          .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:after {
            content: '';
            position: absolute;
            top: 0;
            left: 6px;
            width: 4px;
            height: 20px;
            border: 0;
            border-left: 4px solid #d9534f; }
          .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:before,
          .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:before {
            transform: scale(1) rotate(45deg); }
          .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:after,
          .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value:not(.checked) .checkbox-box:after {
            transform: scale(1) rotate(-45deg); }
        .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value.checked .checkbox-box,
        .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value.checked .checkbox-box {
          width: 17px;
          height: 17px; }
          .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value.checked .checkbox-box:after,
          .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .answer p check-box .checkbox.readonly .checkbox-value.checked .checkbox-box:after {
            top: 0;
            left: 0;
            width: 17px;
            height: 10px;
            border-width: 3px; }
  .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .rules,
  .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .rules {
    flex-basis: 100%;
    max-width: 100%; }
    .page-onboarding-request-content .basic-details .partial-client-meta-component .form-style .question-wrap .rules .rules-text,
    .page-onboarding-request-content .advanced-info .partial-client-meta-component .form-style .question-wrap .rules .rules-text {
      font-size: 1.2rem;
      opacity: 0.7; }

.page-onboarding-request-content .page-entity-score-rules {
  padding: 0 5px; }
  .page-onboarding-request-content .page-entity-score-rules .presets {
    border: 1px solid #ddd;
    padding: 5px 5px 0;
    border-radius: 3px;
    margin: 10px; }
    .page-onboarding-request-content .page-entity-score-rules .presets .score-rule-details {
      margin-bottom: 5px; }

.page-onboarding-request-content .offerings-selected .onboarding-offer {
  width: 100%;
  position: relative;
  transition: all 0.2s linear; }
  .page-onboarding-request-content .offerings-selected .onboarding-offer:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 92%; }
  .page-onboarding-request-content .offerings-selected .onboarding-offer > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .page-onboarding-request-content .offerings-selected .onboarding-offer .content {
    background-color: #ffffff;
    box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    transition: all 0.2s linear; }
    .page-onboarding-request-content .offerings-selected .onboarding-offer .content .image {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #505355;
      border: 1px solid #dcdcdc8a; }
      .page-onboarding-request-content .offerings-selected .onboarding-offer .content .image.fallback-image {
        position: relative; }
        .page-onboarding-request-content .offerings-selected .onboarding-offer .content .image.fallback-image:after {
          content: 'photo';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          color: #ffffff;
          opacity: 0.4;
          font-size: 10rem; }
    .page-onboarding-request-content .offerings-selected .onboarding-offer .content .image, .page-onboarding-request-content .offerings-selected .onboarding-offer .content .video {
      width: 100%;
      height: 61%;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      flex-shrink: 0;
      overflow: hidden; }
    .page-onboarding-request-content .offerings-selected .onboarding-offer .content .details {
      padding: 10px;
      flex-grow: 1;
      background-color: #ffffff;
      position: relative;
      border-radius: 5px;
      overflow: hidden; }
      @media only screen and (min-width: 64em) {
        .page-onboarding-request-content .offerings-selected .onboarding-offer .content .details {
          padding: 15px; } }
      .page-onboarding-request-content .offerings-selected .onboarding-offer .content .details .title {
        font-size: 1.6rem;
        color: #242424;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        @media only screen and (min-width: 64em) {
          .page-onboarding-request-content .offerings-selected .onboarding-offer .content .details .title {
            font-size: 2rem; } }
      .page-onboarding-request-content .offerings-selected .onboarding-offer .content .details .desc {
        font-size: 1.2rem;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow-y: auto; }
        @media only screen and (min-width: 64em) {
          .page-onboarding-request-content .offerings-selected .onboarding-offer .content .details .desc {
            font-size: 1.4rem;
            color: #8D8D8D; } }
        .page-onboarding-request-content .offerings-selected .onboarding-offer .content .details .desc.has-more-desc:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 50px;
          border-radius: 5px;
          background: linear-gradient(rgba(255, 255, 255, 0), #ffffff 40%); }
        .page-onboarding-request-content .offerings-selected .onboarding-offer .content .details .desc ul {
          padding-left: 40px;
          list-style-type: disc; }
      .page-onboarding-request-content .offerings-selected .onboarding-offer .content .details .more-link {
        position: absolute;
        right: 10px;
        bottom: 10px;
        font-weight: 600;
        color: #00a97f;
        text-decoration: underline; }
        @media only screen and (min-width: 64em) {
          .page-onboarding-request-content .offerings-selected .onboarding-offer .content .details .more-link:hover {
            cursor: pointer; } }
      .page-onboarding-request-content .offerings-selected .onboarding-offer .content .details .download {
        font-weight: 600;
        color: #10FFC3;
        text-decoration: underline;
        cursor: pointer;
        padding-top: 5px;
        margin-bottom: -5px; }

.page-onboarding-request-content .documents .attachment {
  margin: 10px 0; }
  .page-onboarding-request-content .documents .attachment .attachment-preview {
    position: relative;
    width: 100%;
    position: relative;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border: 1px solid #ddd;
    border-bottom: none; }
    .page-onboarding-request-content .documents .attachment .attachment-preview:before {
      display: block;
      content: " ";
      width: 100%;
      padding-top: 100%; }
    .page-onboarding-request-content .documents .attachment .attachment-preview > .content {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    @media (hover: hover) {
      .page-onboarding-request-content .documents .attachment .attachment-preview:hover {
        opacity: 0.8;
        cursor: pointer; }
        .page-onboarding-request-content .documents .attachment .attachment-preview:hover:after {
          content: 'zoom_in';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          font-family: 'Material Icons';
          font-size: 10rem;
          color: #ffffff;
          background-color: rgba(0, 0, 0, 0.15); } }
  .page-onboarding-request-content .documents .attachment .attachment-details {
    padding: 5px 8px;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
    .page-onboarding-request-content .documents .attachment .attachment-details .attachment-name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .page-onboarding-request-content .documents .attachment .attachment-details .attachment-type {
      font-size: 1rem;
      opacity: 0.7; }

.page-onboarding-request-content .face-recognition-meta .title {
  margin: 10px 0;
  text-transform: uppercase; }

.page-onboarding-request-content .face-recognition-meta .field-label {
  margin: 10px 0;
  color: #9e9e9e; }

@media only screen and (min-width: 30em) {
  .page-onboarding-request-content .face-recognition-meta .compare-statistics {
    padding: 0 30px; } }

.page-onboarding-request-content .face-recognition-meta .compare-statistics .stat-item {
  padding: 10px;
  font-size: 1.6rem;
  border-bottom: 1px solid #ddd; }
  .page-onboarding-request-content .face-recognition-meta .compare-statistics .stat-item:last-child {
    border-bottom: 0; }

.page-onboarding-request-content .face-recognition-meta .video-sample .video-container {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #ddd;
  background-color: #fbfbfb; }

.page-onboarding-request-content .face-recognition-meta .compare-images-container .compared-image {
  width: 400px;
  height: 300px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #ddd;
  background-color: #fbfbfb;
  margin: 0 5px; }
  @media only screen and (min-width: 64em) {
    .page-onboarding-request-content .face-recognition-meta .compare-images-container .compared-image {
      width: 500px;
      height: 375px; } }
  @media only screen and (min-width: 75em) {
    .page-onboarding-request-content .face-recognition-meta .compare-images-container .compared-image {
      width: 600px;
      height: 450px; } }

.page-onboarding-request-content .face-recognition-meta .compare-images-container .compare-icon {
  background-color: #575757;
  color: #ffffff;
  font-size: 5rem;
  border-radius: 100%;
  padding: 5px;
  margin: 10px; }

.page-onboarding-request-content .document-scan-meta .title {
  font-size: 1.8rem;
  margin: 10px 0;
  text-transform: uppercase;
  font-weight: 600; }

.page-onboarding-request-content .document-scan-meta .field-label {
  margin-top: 10px;
  color: #9e9e9e; }

.page-onboarding-request-content .document-scan-meta .compare {
  padding: 0 20px; }
  .page-onboarding-request-content .document-scan-meta .compare .compare-statistics .field-label {
    text-align: center; }
  .page-onboarding-request-content .document-scan-meta .compare .compare-statistics .stat-item {
    padding: 10px 0;
    font-size: 1.6rem;
    border-bottom: 1px solid #ddd; }
    .page-onboarding-request-content .document-scan-meta .compare .compare-statistics .stat-item:last-child {
      border-bottom: 0; }

.page-onboarding-request-content .document-scan-meta .video-sample .video-container {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #ddd;
  background-color: #fbfbfb;
  margin-right: 82px; }

.page-onboarding-request-content .document-scan-meta .compare-images-container .compared-image {
  width: 400px;
  height: 300px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #ddd;
  background-color: #fbfbfb;
  margin: 0 5px; }

.page-onboarding-request-content .document-scan-meta .compare-images-container .compare-icon {
  background-color: #575757;
  color: #ffffff;
  font-size: 5rem;
  border-radius: 100%;
  padding: 5px;
  margin: 10px; }

.page-onboarding-request-content .document-scan-meta .holder-details-container {
  margin: 10px 0; }

.page-onboarding-request-content .document-scan-meta .mrz-container {
  margin: 10px 0; }

.page-onboarding-request-content .document-scan-meta .document-details-container {
  margin: 10px 0; }

.page-onboarding-request-content .document-scan-meta .check-control-container {
  margin: 10px 0; }

.page-onboarding-request-content .document-scan-meta .document-details {
  margin-top: 10px; }
  .page-onboarding-request-content .document-scan-meta .document-details .title {
    font-size: 2.4rem; }
  .page-onboarding-request-content .document-scan-meta .document-details .info {
    margin-bottom: 10px; }
    .page-onboarding-request-content .document-scan-meta .document-details .info .header {
      font-size: 1.6rem; }
    .page-onboarding-request-content .document-scan-meta .document-details .info .control {
      margin: 10px 0; }
      .page-onboarding-request-content .document-scan-meta .document-details .info .control .parameter {
        font-size: 1.4rem; }
      .page-onboarding-request-content .document-scan-meta .document-details .info .control .button-expand {
        margin-right: 10px;
        cursor: pointer;
        color: #10FFC3;
        font-size: 3rem;
        border-radius: 50%;
        transition: all linear 0.2s; }
        .page-onboarding-request-content .document-scan-meta .document-details .info .control .button-expand:hover {
          color: #ffffff;
          background-color: #10FFC3; }
        .page-onboarding-request-content .document-scan-meta .document-details .info .control .button-expand.active {
          color: #ffffff;
          background-color: #10FFC3;
          transform: rotate(180deg); }
      .page-onboarding-request-content .document-scan-meta .document-details .info .control .inner-controls {
        padding: 10px 10px 10px 50px;
        font-size: 1.3rem; }
        .page-onboarding-request-content .document-scan-meta .document-details .info .control .inner-controls .header {
          font-weight: 600;
          font-size: 1.4rem;
          margin-bottom: 5px; }
        .page-onboarding-request-content .document-scan-meta .document-details .info .control .inner-controls .inner-control {
          margin-bottom: 5px; }

.page-onboarding-request-content .address-verification-meta .title {
  margin-bottom: 10px; }

.page-onboarding-request-content .address-verification-meta .compare-images-container .compared-image {
  width: 400px;
  height: 300px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #ddd;
  background-color: #fbfbfb;
  margin: 0 5px; }
  @media only screen and (min-width: 64em) {
    .page-onboarding-request-content .address-verification-meta .compare-images-container .compared-image {
      width: 500px;
      height: 375px; } }
  @media only screen and (min-width: 75em) {
    .page-onboarding-request-content .address-verification-meta .compare-images-container .compared-image {
      width: 600px;
      height: 450px; } }

.page-onboarding-request-content .address-verification-meta .compare-images-container .compare-icon {
  background-color: #575757;
  color: #ffffff;
  font-size: 5rem;
  border-radius: 100%;
  padding: 5px;
  margin: 10px; }

.page-onboarding-request-content .address-verification-meta .address-text {
  margin: 5px 0; }

.page-basic-meta .editor-and-variables {
  height: 500px; }
  .page-basic-meta .editor-and-variables editor-with-variables .editor-with-variables .rich-text-editor .ql-editor, .page-basic-meta .editor-and-variables editor-with-variables .editor-with-variables .variables-container .variables-list {
    flex-grow: 1; }

.page-basic-meta variables-manager .adjust-size {
  margin-top: 10px; }
  .page-basic-meta variables-manager .adjust-size .icon-info {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #9e9e9e;
    cursor: pointer; }
    .page-basic-meta variables-manager .adjust-size .icon-info:hover {
      color: #6b6b6b; }
      .page-basic-meta variables-manager .adjust-size .icon-info:hover + .textarea-label-info-tooltip {
        display: block; }

.page-offerings-criteria-config .configs-list {
  width: 400px;
  padding: 10px;
  background-color: #f1f1f1;
  overflow-y: auto; }
  .page-offerings-criteria-config .configs-list::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .page-offerings-criteria-config .configs-list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent; }
  .page-offerings-criteria-config .configs-list::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 2.5px; }
  .page-offerings-criteria-config .configs-list .search-field {
    position: relative; }
    .page-offerings-criteria-config .configs-list .search-field .search-textbox .textbox .textbox-value .textbox-input {
      padding-left: 25px; }
    .page-offerings-criteria-config .configs-list .search-field .icon-search {
      position: absolute;
      top: 0;
      left: 0;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      color: #c4c4c4; }
    .page-offerings-criteria-config .configs-list .search-field .icon-search-clear {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      color: #e27c79;
      cursor: pointer;
      transition: color 0.3s linear; }
      @media only screen and (min-width: 64em) {
        .page-offerings-criteria-config .configs-list .search-field .icon-search-clear:hover {
          color: #d9534f; } }
  .page-offerings-criteria-config .configs-list .configs {
    border: 1px solid #e1e2e1;
    background-color: #ffffff;
    border-radius: 2px; }
    .page-offerings-criteria-config .configs-list .configs .config {
      position: relative;
      padding: 0 5px 0 10px;
      line-height: 30px;
      cursor: pointer;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media only screen and (min-width: 64em) {
        .page-offerings-criteria-config .configs-list .configs .config:hover {
          background-color: rgba(16, 255, 195, 0.2); } }
      .page-offerings-criteria-config .configs-list .configs .config.config-selected {
        background-color: #10FFC3; }
        .page-offerings-criteria-config .configs-list .configs .config.config-selected .config-name {
          padding-right: 20px;
          color: #ffffff; }
          .page-offerings-criteria-config .configs-list .configs .config.config-selected .config-name:after {
            content: "keyboard_arrow_right";
            width: 30px;
            height: 30px;
            flex-grow: 1;
            text-align: right;
            color: #ffffff;
            font-size: 2.4rem;
            position: absolute;
            right: 0;
            line-height: 30px; }
      .page-offerings-criteria-config .configs-list .configs .config .config-name {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        position: relative; }
      .page-offerings-criteria-config .configs-list .configs .config .icon-remove {
        color: #d9534f;
        opacity: 0.8; }
        @media only screen and (min-width: 64em) {
          .page-offerings-criteria-config .configs-list .configs .config .icon-remove:hover {
            opacity: 1; } }

.page-offerings-criteria-config .config-content {
  overflow-y: auto; }
  .page-offerings-criteria-config .config-content .config-subtitle {
    color: #f0ad4e;
    font-size: 1.8rem;
    font-weight: bold; }
  .page-offerings-criteria-config .config-content .after-clauses .subtitle {
    padding-bottom: 10px;
    color: #f0ad4e;
    font-size: 1.8rem;
    font-weight: bold; }

.page-onboarding-verification .verification-plugin-wrap {
  margin-bottom: 10px; }
  .page-onboarding-verification .verification-plugin-wrap .verification-plugin {
    height: 100%;
    padding: 10px;
    background-color: #f9f9f9;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1); }
    .page-onboarding-verification .verification-plugin-wrap .verification-plugin .plugin-header {
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #dddddd; }
    .page-onboarding-verification .verification-plugin-wrap .verification-plugin .plugin-content icon-picker {
      margin-right: 10px; }
    .page-onboarding-verification .verification-plugin-wrap .verification-plugin .plugin-content rich-text-editor {
      background-color: #ffffff;
      margin-bottom: 10px;
      min-height: auto; }
      .page-onboarding-verification .verification-plugin-wrap .verification-plugin .plugin-content rich-text-editor .rich-text-editor .ql-editor {
        overflow-y: auto;
        position: relative;
        min-height: 120px;
        flex-grow: 1; }
    .page-onboarding-verification .verification-plugin-wrap .verification-plugin .plugin-content .config-title {
      margin-bottom: 10px; }
    .page-onboarding-verification .verification-plugin-wrap .verification-plugin text-box .textbox .textbox-value, .page-onboarding-verification .verification-plugin-wrap .verification-plugin combo-box .combobox .combobox-value {
      background-color: #ffffff; }

.page-onboarding-verification .add-verification .verification-icon {
  font-size: 6rem; }

.page-onboarding-verification .add-verification .verification-text {
  margin-bottom: 20px; }

.page-onboarding-verification .add-verification .verification-icon, .page-onboarding-verification .add-verification .verification-text {
  color: #646464; }

.page-onboarding-offerings .add-offerings-meta {
  height: 190px;
  margin-bottom: 10px;
  border: 1px solid #eee;
  border-radius: 3px;
  cursor: pointer; }
  .page-onboarding-offerings .add-offerings-meta .icon {
    font-size: 5rem; }
  .page-onboarding-offerings .add-offerings-meta .text {
    opacity: 0.7; }
  @media (hover: hover) {
    .page-onboarding-offerings .add-offerings-meta:hover {
      background-color: #f9f9f9; } }

.page-onboarding-offerings .onboarding-offer {
  position: relative; }
  .page-onboarding-offerings .onboarding-offer:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 92%; }
  .page-onboarding-offerings .onboarding-offer > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .page-onboarding-offerings .onboarding-offer .content {
    background-color: #ffffff;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    cursor: pointer; }
    .page-onboarding-offerings .onboarding-offer .content .offer-delete {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 30px;
      height: 30px;
      text-align: center;
      line-height: 30px;
      background-color: #fbfbfb;
      color: #d9534f;
      opacity: 0.7;
      border-radius: 2px;
      cursor: pointer;
      z-index: 1;
      transition: opacity 0.2s ease;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media only screen and (min-width: 64em) {
        .page-onboarding-offerings .onboarding-offer .content .offer-delete:hover {
          opacity: 1; } }
    .page-onboarding-offerings .onboarding-offer .content .image {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: #505355;
      border: 1px solid #dcdcdc8a; }
      .page-onboarding-offerings .onboarding-offer .content .image.fallback-image {
        position: relative; }
        .page-onboarding-offerings .onboarding-offer .content .image.fallback-image:after {
          content: 'photo';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          color: #ffffff;
          opacity: 0.4;
          font-size: 10rem; }
    .page-onboarding-offerings .onboarding-offer .content .image, .page-onboarding-offerings .onboarding-offer .content .video {
      width: 100%;
      height: 61%;
      border-top-left-radius: 2px;
      border-top-right-radius: 2px;
      flex-shrink: 0;
      overflow: hidden; }
    .page-onboarding-offerings .onboarding-offer .content .details {
      padding: 10px;
      flex-grow: 1;
      background-color: #ffffff;
      position: relative;
      border-radius: 2px;
      overflow: hidden; }
      @media only screen and (min-width: 64em) {
        .page-onboarding-offerings .onboarding-offer .content .details {
          padding: 15px; } }
      .page-onboarding-offerings .onboarding-offer .content .details .title {
        font-size: 1.6rem;
        color: #242424;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        @media only screen and (min-width: 64em) {
          .page-onboarding-offerings .onboarding-offer .content .details .title {
            font-size: 2rem; } }
      .page-onboarding-offerings .onboarding-offer .content .details .desc {
        font-size: 1.2rem;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow-y: auto;
        white-space: pre-wrap; }
        @media only screen and (min-width: 64em) {
          .page-onboarding-offerings .onboarding-offer .content .details .desc {
            font-size: 1.4rem;
            color: #8D8D8D; } }
        .page-onboarding-offerings .onboarding-offer .content .details .desc.has-more-desc:after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 50px;
          border-radius: 5px;
          background: linear-gradient(rgba(255, 255, 255, 0), #ffffff 40%); }
        .page-onboarding-offerings .onboarding-offer .content .details .desc img {
          max-width: 100%; }
        .page-onboarding-offerings .onboarding-offer .content .details .desc ul {
          padding-left: 40px;
          list-style-type: disc; }
      .page-onboarding-offerings .onboarding-offer .content .details .download {
        font-weight: 600;
        color: #10FFC3;
        text-decoration: underline;
        cursor: pointer;
        padding-top: 5px;
        margin-bottom: -5px; }
  .page-onboarding-offerings .onboarding-offer:active {
    transform: scale(0.97, 0.97); }

.page-onboarding-offerings .onboarding-add-offer {
  position: relative;
  transition: all 0.2s linear;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .page-onboarding-offerings .onboarding-add-offer:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 92%; }
  .page-onboarding-offerings .onboarding-add-offer > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  @media only screen and (min-width: 64em) {
    .page-onboarding-offerings .onboarding-add-offer:hover .content {
      background-color: #F8F8F8; } }
  .page-onboarding-offerings .onboarding-add-offer .content {
    border-radius: 2px;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.15);
    border: 1px solid #F0F0F0;
    transition: background-color 0.3s linear; }
    .page-onboarding-offerings .onboarding-add-offer .content .icon-add {
      font-size: 6rem; }
  .page-onboarding-offerings .onboarding-add-offer:active {
    transform: scale(0.97, 0.97); }

.onboarding-offering-editor .dialog-container .preview-title {
  margin-bottom: 25px;
  text-transform: uppercase;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.onboarding-offering-editor .dialog-container .offering-editor {
  background-color: #ffffff;
  width: 90vw;
  height: 90vh;
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 1px 5px 2px rgba(0, 0, 0, 0.1), 0 5px 10px 4px rgba(0, 0, 0, 0.1); }
  .onboarding-offering-editor .dialog-container .offering-editor .dialog-title {
    padding: 10px;
    border-bottom: 1px solid #dddddd; }
  .onboarding-offering-editor .dialog-container .offering-editor .offer-container {
    background: #ededed;
    padding: 20px;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(210, 208, 208, 0.3) 5px, rgba(210, 208, 208, 0.3) 7px); }
    .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer {
      width: 100%;
      position: relative;
      transition: all 0.2s linear; }
      .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer:before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 92%; }
      .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content {
        background-color: #ffffff;
        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15);
        border-radius: 5px;
        cursor: pointer;
        transition: all 0.2s linear; }
        .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .image {
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          background-color: #505355;
          border: 1px solid rgba(220, 220, 220, 0.5); }
          .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .image.fallback-image {
            position: relative; }
            .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .image.fallback-image:after {
              content: 'photo';
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: center;
              color: #ffffff;
              opacity: 0.4;
              font-size: 10rem; }
        .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .image, .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .video {
          width: 100%;
          height: 61%;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          flex-shrink: 0;
          overflow: hidden; }
        .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .details {
          padding: 10px;
          flex-grow: 1;
          background-color: #ffffff;
          position: relative;
          border-radius: 5px;
          overflow: hidden; }
          @media only screen and (min-width: 64em) {
            .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .details {
              padding: 15px; } }
          .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .details .title {
            font-size: 1.6rem;
            color: #242424;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
            @media only screen and (min-width: 64em) {
              .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .details .title {
                font-size: 2rem; } }
          .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .details .desc {
            font-size: 1.2rem;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            overflow-y: auto;
            white-space: pre-wrap; }
            @media only screen and (min-width: 64em) {
              .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .details .desc {
                font-size: 1.4rem;
                color: #8D8D8D; } }
            .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .details .desc.has-more-desc:after {
              content: '';
              position: absolute;
              bottom: 0;
              left: 0;
              width: 100%;
              height: 50px;
              border-radius: 5px;
              background: linear-gradient(rgba(255, 255, 255, 0), #ffffff 40%); }
            .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .details .desc ul {
              padding-left: 40px;
              list-style-type: disc; }
          .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .details .more-link {
            position: absolute;
            right: 10px;
            bottom: 10px;
            font-weight: 600;
            color: #00a97f;
            text-decoration: underline; }
            @media only screen and (min-width: 64em) {
              .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .details .more-link:hover {
                cursor: pointer; } }
          .onboarding-offering-editor .dialog-container .offering-editor .offer-container .onboarding-offer .content .details .download {
            font-weight: 600;
            color: #10FFC3;
            text-decoration: underline;
            cursor: pointer;
            padding-top: 5px;
            margin-bottom: -5px; }
  .onboarding-offering-editor .dialog-container .offering-editor .offering-meta {
    border-left: 1px solid #dddddd; }
    .onboarding-offering-editor .dialog-container .offering-editor .offering-meta rich-text-editor .rich-text-editor {
      height: 205px; }
    .onboarding-offering-editor .dialog-container .offering-editor .offering-meta .offering-config-meta {
      padding: 5px 0;
      counter-reset: security; }
      .onboarding-offering-editor .dialog-container .offering-editor .offering-meta .offering-config-meta .title {
        margin: 0 5px 10px;
        padding: 0 0 10px;
        border-bottom: 1px solid #dddddd; }
      .onboarding-offering-editor .dialog-container .offering-editor .offering-meta .offering-config-meta .security {
        padding: 5px; }
        .onboarding-offering-editor .dialog-container .offering-editor .offering-meta .offering-config-meta .security .security-wrap {
          background-color: #efefef; }
          .onboarding-offering-editor .dialog-container .offering-editor .offering-meta .offering-config-meta .security .security-wrap:before {
            counter-increment: security;
            content: "# " counter(security) "";
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            background: #dedede;
            color: #4a4a4a;
            padding: 5px;
            font-weight: bold; }
          .onboarding-offering-editor .dialog-container .offering-editor .offering-meta .offering-config-meta .security .security-wrap .icon-delete {
            color: #d9534f;
            padding: 2px;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            background: transparent;
            align-self: center;
            margin: 9px 1px 0;
            transition: all 0.15s ease-in-out;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
            @media only screen and (min-width: 64em) {
              .onboarding-offering-editor .dialog-container .offering-editor .offering-meta .offering-config-meta .security .security-wrap .icon-delete:hover {
                color: #c9302c;
                cursor: pointer; } }
          .onboarding-offering-editor .dialog-container .offering-editor .offering-meta .offering-config-meta .security .security-wrap text-box .textbox .textbox-value,
          .onboarding-offering-editor .dialog-container .offering-editor .offering-meta .offering-config-meta .security .security-wrap entity-finder-search .entity-finder-search .entity-finder-search-value .entity-finder-search-input-content {
            background-color: #ffffff; }
    .onboarding-offering-editor .dialog-container .offering-editor .offering-meta editor-with-variables .editor-with-variables .editor-container {
      min-height: 250px; }
  .onboarding-offering-editor .dialog-container .offering-editor .dialog-footer {
    background-color: #F4F4F4;
    padding: 10px;
    border-top: 1px solid #dddddd; }

.page-manage-dashboards {
  flex-grow: 1; }
  .page-manage-dashboards .header {
    position: relative;
    height: 50px;
    flex-shrink: 0;
    background-color: #F8F8F8;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    animation: keyframe-fadein 0.2s ease-in; }
    .page-manage-dashboards .header .details .title {
      margin-left: 10px;
      font-size: 2.4rem;
      font-weight: 600; }
  .page-manage-dashboards .content {
    flex-grow: 1; }
    .page-manage-dashboards .content .datagrid-dashboards .button-icon.edit {
      color: #10FFC3; }
    .page-manage-dashboards .content .datagrid-dashboards .button-icon.delete {
      color: #d9534f; }
    .page-manage-dashboards .content .datagrid-dashboards .button-icon.filter_none {
      color: #10FFC3; }
    .page-manage-dashboards .content .datagrid-dashboards .button-icon.assignment_turned_in {
      color: #10FFC3; }

.bottom-action-bar {
  height: 50px;
  flex-shrink: 0;
  background-color: #F4F4F4;
  border-top: 1px solid #e7e7e7;
  background-color: #F4F4F4;
  border-top: 1px solid #e7e7e7;
  z-index: 3;
  align-items: center;
  flex-shrink: 0; }

.partial-entity-item {
  z-index: 0; }
  .partial-entity-item .tabs {
    padding: 0 10px;
    background-color: #F8F8F8; }

.sub-header {
  position: relative;
  min-height: 70px;
  flex-shrink: 0;
  background-color: #F8F8F8;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  animation: keyframe-fadein 0.2s ease-in; }
  .sub-header .icon-back {
    width: 50px;
    height: 50px;
    margin: 0 5px 0 10px;
    font-size: 5rem;
    line-height: 50px;
    color: #D0D0D0;
    border-radius: 50%;
    transition: all 0.3s linear;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer; }
    @media only screen and (min-width: 64em) {
      .sub-header .icon-back:hover {
        color: #ffffff;
        background-color: #242424; } }
  .sub-header .details.margin-left {
    margin-left: 30px; }
  .sub-header .details .details-title {
    display: block;
    font-size: 2.4rem;
    font-weight: 600; }
    @media (hover: hover) {
      .sub-header .details .details-title.link {
        cursor: pointer; }
        .sub-header .details .details-title.link:hover {
          color: #10FFC3;
          text-decoration: underline; } }
  .sub-header .details .details-sub {
    font-size: 1.2rem;
    text-transform: uppercase; }

.partial-entity-attachment-manager {
  padding: 0 5px; }
  .partial-entity-attachment-manager .attachment {
    position: relative;
    width: 210px;
    margin-top: 10px;
    padding-bottom: 42px;
    background-color: #F8F8F8;
    border: 1px solid #F0F0F0;
    transition: all 0.15s ease; }
    .partial-entity-attachment-manager .attachment .badge-expired {
      padding: 2px 5px;
      background-color: rgba(217, 83, 79, 0.75);
      color: #ffffff;
      font-size: 1rem;
      font-weight: 600;
      position: absolute;
      top: 10px;
      left: 10px;
      border-radius: 10px;
      text-transform: uppercase;
      z-index: 1; }
    .partial-entity-attachment-manager .attachment.expired {
      background-color: #d9534f;
      color: #ffffff;
      border-color: #d9534f; }
      .partial-entity-attachment-manager .attachment.expired .details {
        background-color: #d9534f; }
      @media (hover: hover) {
        .partial-entity-attachment-manager .attachment.expired:hover {
          background-color: #c9302c;
          border-color: #c9302c; }
          .partial-entity-attachment-manager .attachment.expired:hover .details {
            background-color: #c9302c; } }
    .partial-entity-attachment-manager .attachment .image {
      margin: 4px;
      border: 1px solid transparent;
      position: relative;
      transition: all 0.3s linear; }
      .partial-entity-attachment-manager .attachment .image:before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 141%; }
      .partial-entity-attachment-manager .attachment .image > .content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      .partial-entity-attachment-manager .attachment .image .content {
        background-color: #ffffff;
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 2px 2px 0 0;
        cursor: pointer; }
        .partial-entity-attachment-manager .attachment .image .content.placeholder {
          background-image: url("/images/icons/icon-document.svg") !important;
          background-size: 40px; }
      .partial-entity-attachment-manager .attachment .image:active {
        transform: scale(0.9, 0.9); }
    .partial-entity-attachment-manager .attachment .details {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      min-height: 42px;
      padding: 5px 8px;
      background-color: #F8F8F8;
      transition: all 0.15s ease; }
      .partial-entity-attachment-manager .attachment .details .name {
        text-transform: capitalize;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      .partial-entity-attachment-manager .attachment .details .type {
        text-transform: capitalize;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 1.3rem; }
      .partial-entity-attachment-manager .attachment .details .date {
        font-size: 1rem;
        opacity: 0.7; }
    .partial-entity-attachment-manager .attachment .attachment-edit {
      position: absolute;
      top: 10px;
      right: 45px;
      width: 30px;
      height: 30px;
      background-color: rgba(232, 232, 232, 0.5);
      color: #10FFC3;
      border-radius: 2px;
      font-size: 2.4rem;
      line-height: 30px;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.15s ease; }
      .partial-entity-attachment-manager .attachment .attachment-edit:last-of-type {
        right: 10px; }
      @media (hover: hover) {
        .partial-entity-attachment-manager .attachment .attachment-edit:hover {
          background-color: #e8e8e8; } }
    .partial-entity-attachment-manager .attachment .attachment-delete {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 30px;
      height: 30px;
      background-color: rgba(232, 232, 232, 0.5);
      color: #d9534f;
      border-radius: 2px;
      font-size: 2.4rem;
      line-height: 30px;
      text-align: center;
      cursor: pointer;
      transition: background-color 0.15s ease; }
      @media (hover: hover) {
        .partial-entity-attachment-manager .attachment .attachment-delete:hover {
          background-color: #e8e8e8; } }
    @media (hover: hover) {
      .partial-entity-attachment-manager .attachment:hover {
        background-color: #76ffdd;
        border-color: #76ffdd; }
        .partial-entity-attachment-manager .attachment:hover .details {
          background-color: #76ffdd; } }
  .partial-entity-attachment-manager .attachment-add {
    width: 210px;
    height: 334px;
    margin-top: 10px; }
    .partial-entity-attachment-manager .attachment-add .option {
      flex-grow: 1;
      background-color: #F8F8F8;
      cursor: pointer;
      transition: all 0.3s linear;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .partial-entity-attachment-manager .attachment-add .option.option-from-computer {
        border-radius: 2px 2px 0 0;
        border: 1px solid #F0F0F0;
        border-bottom-color: transparent; }
        .partial-entity-attachment-manager .attachment-add .option.option-from-computer .icon-add {
          font-size: 6rem;
          opacity: 0.6; }
        .partial-entity-attachment-manager .attachment-add .option.option-from-computer .split {
          border-radius: 2px 0 0 0; }
      .partial-entity-attachment-manager .attachment-add .option.option-from-app {
        border-radius: 0 2px 0 0;
        border: 1px solid #F0F0F0;
        border-left-color: transparent;
        border-bottom-color: transparent; }
        .partial-entity-attachment-manager .attachment-add .option.option-from-app .icon-attachment {
          font-size: 4.6rem;
          opacity: 0.6; }
      .partial-entity-attachment-manager .attachment-add .option.option-scan {
        border-radius: 0 0 2px 2px;
        border: 1px solid #F0F0F0; }
        .partial-entity-attachment-manager .attachment-add .option.option-scan .icon-scan {
          font-size: 6rem;
          opacity: 0.6; }
      .partial-entity-attachment-manager .attachment-add .option .text {
        font-size: 1.6rem;
        text-align: center; }
      @media (hover: hover) {
        .partial-entity-attachment-manager .attachment-add .option:hover {
          background-color: #76ffdd;
          border-color: #76ffdd; } }
      .partial-entity-attachment-manager .attachment-add .option:active {
        transform: scale(0.9, 0.9); }

.monitoring-result {
  padding: 10px 0;
  flex-shrink: 0; }
  .monitoring-result:first-child {
    padding-top: 5px; }
  .monitoring-result:last-child {
    padding-bottom: 5px; }
  .monitoring-result:not(:first-child) {
    border-top: 1px solid #e6e6e6; }
  .monitoring-result .details {
    white-space: pre-wrap;
    line-height: 1.6; }
    .monitoring-result .details .variable-placeholder {
      margin: 0 3px;
      padding: 0 8px;
      border-radius: 10px;
      font-weight: 600;
      background-color: #f0ad4e;
      color: #ffffff; }
  .monitoring-result .date {
    font-size: 1.2rem;
    opacity: 0.7;
    margin-bottom: 5px; }
  .monitoring-result .see-more {
    color: #10FFC3;
    text-decoration: none; }
    @media only screen and (min-width: 64em) {
      .monitoring-result .see-more {
        cursor: pointer; }
        .monitoring-result .see-more:hover {
          text-decoration: underline; } }
  .monitoring-result.notification {
    border-top: 0; }
    .monitoring-result.notification .details .variable-placeholder {
      padding: 0;
      margin: 0;
      border-radius: 0;
      font-weight: 600;
      background-color: rgba(0, 0, 0, 0);
      color: #f0ad4e; }

.dialog-attachment-import {
  min-width: 800px;
  max-width: 95%;
  min-height: 550px;
  max-height: 95%; }
  .dialog-attachment-import .dialog-content {
    flex-grow: 1;
    margin: 0 -10px; }
    .dialog-attachment-import .dialog-content .attachment {
      position: relative;
      width: 210px;
      margin-top: 10px;
      background-color: #F8F8F8;
      border: 1px solid #F0F0F0;
      transition: all 0.15s ease; }
      .dialog-attachment-import .dialog-content .attachment .image {
        margin: 4px;
        border: 1px solid transparent;
        position: relative;
        transition: all 0.3s linear; }
        .dialog-attachment-import .dialog-content .attachment .image:before {
          display: block;
          content: " ";
          width: 100%;
          padding-top: 141%; }
        .dialog-attachment-import .dialog-content .attachment .image > .content {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
        .dialog-attachment-import .dialog-content .attachment .image .content {
          background-color: #ffffff;
          background-position: center center;
          background-size: contain;
          background-repeat: no-repeat;
          border-radius: 2px 2px 0 0;
          cursor: pointer; }
          .dialog-attachment-import .dialog-content .attachment .image .content.placeholder {
            background-image: url("/images/icons/icon-document.svg") !important;
            background-size: 40px; }
        .dialog-attachment-import .dialog-content .attachment .image:active {
          transform: scale(0.9, 0.9); }
      .dialog-attachment-import .dialog-content .attachment .details {
        height: 42px;
        padding: 0 8px 5px; }
        .dialog-attachment-import .dialog-content .attachment .details .name {
          text-transform: capitalize; }
        .dialog-attachment-import .dialog-content .attachment .details .date {
          padding-top: 5px;
          font-size: 1rem;
          opacity: 0.7; }
      .dialog-attachment-import .dialog-content .attachment .checkbox-selection {
        position: absolute;
        top: 10px;
        right: 10px; }
      @media only screen and (min-width: 64em) {
        .dialog-attachment-import .dialog-content .attachment:hover {
          background-color: rgba(16, 255, 195, 0.1);
          border-color: rgba(16, 255, 195, 0.4); } }

.dialog-entity-attachment {
  min-width: 1300px;
  max-width: 95%;
  min-height: 600px;
  max-height: 95%; }
  .dialog-entity-attachment .attachment {
    max-height: 700px;
    flex-basis: 100%;
    overflow-y: auto; }
    .dialog-entity-attachment .attachment .image {
      max-width: 100%; }
    .dialog-entity-attachment .attachment .object {
      width: 100%;
      flex-grow: 1; }
      .dialog-entity-attachment .attachment .object .attachment {
        position: relative;
        width: 210px;
        margin-top: 10px;
        background-color: #F8F8F8;
        border: 1px solid #F0F0F0;
        transition: all 0.15s ease; }
        .dialog-entity-attachment .attachment .object .attachment .image {
          border: 1px solid transparent;
          position: relative;
          transition: all 0.3s linear; }
          .dialog-entity-attachment .attachment .object .attachment .image:before {
            display: block;
            content: " ";
            width: 100%;
            padding-top: 141%; }
          .dialog-entity-attachment .attachment .object .attachment .image > .content {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0; }
          .dialog-entity-attachment .attachment .object .attachment .image .content {
            background-color: #ffffff;
            background-position: center center;
            background-size: contain;
            background-repeat: no-repeat;
            border-radius: 2px 2px 0 0;
            cursor: pointer; }
            .dialog-entity-attachment .attachment .object .attachment .image .content.placeholder {
              background-image: url("/images/icons/icon-document.svg") !important;
              background-size: 40px; }
          .dialog-entity-attachment .attachment .object .attachment .image:active {
            transform: scale(0.9, 0.9); }
        .dialog-entity-attachment .attachment .object .attachment .details {
          height: 42px;
          padding: 0 8px 5px; }
          .dialog-entity-attachment .attachment .object .attachment .details .name {
            text-transform: capitalize; }
          .dialog-entity-attachment .attachment .object .attachment .details .date {
            padding-top: 5px;
            font-size: 1rem;
            opacity: 0.7; }
        .dialog-entity-attachment .attachment .object .attachment .checkbox-selection {
          position: absolute;
          top: 10px;
          right: 10px; }
        @media only screen and (min-width: 64em) {
          .dialog-entity-attachment .attachment .object .attachment:hover {
            background-color: rgba(16, 255, 195, 0.1);
            border-color: rgba(16, 255, 195, 0.4); } }
        .dialog-entity-attachment .attachment .object .attachment.selected {
          background-color: rgba(16, 255, 195, 0.7);
          border-color: #10FFC3; }
          .dialog-entity-attachment .attachment .object .attachment.selected .details .name {
            color: #ffffff; }
    .dialog-entity-attachment .attachment .other {
      width: 100%;
      background-color: #f7f7f7;
      border-radius: 2px;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .dialog-entity-attachment .attachment .other .icon-document {
        width: 60px;
        height: 60px;
        background-image: url("/images/icons/icon-document.svg");
        background-size: 60px; }
      .dialog-entity-attachment .attachment .other .title {
        padding-top: 20px;
        font-size: 2rem; }
      .dialog-entity-attachment .attachment .other .note {
        font-size: 1.2rem;
        opacity: 0.7; }
    .dialog-entity-attachment .attachment .placeholder {
      width: 100%;
      background-color: #f7f7f7;
      border-radius: 2px;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .dialog-entity-attachment .attachment .placeholder .icon-attachment {
        font-size: 6rem; }
      .dialog-entity-attachment .attachment .placeholder .title {
        padding-top: 20px;
        font-size: 2rem; }
      .dialog-entity-attachment .attachment .placeholder .extensions {
        font-size: 1.2rem;
        opacity: 0.7; }
  .dialog-entity-attachment .sidebar .fields {
    padding-left: 10px; }

.pace {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .pace .pace-progress {
    position: fixed;
    top: 0;
    right: 100%;
    width: 100%;
    height: 3px;
    background-color: #90ffe3;
    z-index: 101; }
  .pace.pace-inactive {
    display: none; }

[aria-label][role~="tooltip"] {
  position: relative;
  z-index: 1; }
  [aria-label][role~="tooltip"]::before, [aria-label][role~="tooltip"]::after {
    position: absolute;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    opacity: 0;
    pointer-events: none;
    transform-origin: top;
    z-index: 10;
    transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s); }
  [aria-label][role~="tooltip"]::before {
    background-size: 100% auto !important;
    content: ""; }
  [aria-label][role~="tooltip"]::after {
    content: attr(aria-label);
    background: rgba(17, 17, 17, 0.9);
    border-radius: 4px;
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    font-size: var(--microtip-font-size, 13px);
    font-weight: var(--microtip-font-weight, normal);
    text-transform: var(--microtip-text-transform, none);
    padding: 5px 10px;
    white-space: nowrap;
    line-height: 1.38; }
  @media (hover: hover) {
    [aria-label][role~="tooltip"]:hover::before, [aria-label][role~="tooltip"]:hover::after {
      opacity: 1;
      pointer-events: auto; } }
  [aria-label][role~="tooltip"]:focus::before, [aria-label][role~="tooltip"]:focus::after {
    opacity: 1;
    pointer-events: auto; }

/* ------------------------------------------------
    [2] Position Modifiers
  -------------------------------------------------*/
[role~="tooltip"][data-microtip-position|="top"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px; }

[role~="tooltip"][data-microtip-position|="top"]::after {
  margin-bottom: 6px; }

[role~="tooltip"][data-microtip-position|="top"]::before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%; }

[role~="tooltip"][data-microtip-position|="top"]:hover::before {
  transform: translate3d(-50%, -5px, 0); }

[role~="tooltip"][data-microtip-position|="top"]::after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%; }

[role~="tooltip"][data-microtip-position="top"]:hover::after {
  transform: translate3d(-50%, -5px, 0); }

/* ------------------------------------------------
    [2.1] Top Left
  -------------------------------------------------*/
[role~="tooltip"][data-microtip-position="top-left"]::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%; }

[role~="tooltip"][data-microtip-position="top-left"]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0); }

/* ------------------------------------------------
    [2.2] Top Right
  -------------------------------------------------*/
[role~="tooltip"][data-microtip-position="top-right"]::after {
  transform: translate3d(calc(0% + -16px), 0, 0);
  bottom: 100%; }

[role~="tooltip"][data-microtip-position="top-right"]:hover::after {
  transform: translate3d(calc(0% + -16px), -5px, 0); }

/* ------------------------------------------------
    [2.3] Bottom
  -------------------------------------------------*/
[role~="tooltip"][data-microtip-position|="bottom"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 0; }

[role~="tooltip"][data-microtip-position|="bottom"]::after {
  margin-top: 6px; }

[role~="tooltip"][data-microtip-position|="bottom"]::before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%; }

[role~="tooltip"][data-microtip-position|="bottom"]:hover::before {
  transform: translate3d(-50%, 0, 0); }

[role~="tooltip"][data-microtip-position|="bottom"]::after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%; }

[role~="tooltip"][data-microtip-position="bottom"]:hover::after {
  transform: translate3d(-50%, 0, 0); }

/* ------------------------------------------------
    [2.4] Bottom Left
  -------------------------------------------------*/
[role~="tooltip"][data-microtip-position="bottom-left"]::after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%; }

[role~="tooltip"][data-microtip-position="bottom-left"]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0); }

/* ------------------------------------------------
    [2.5] Bottom Right
  -------------------------------------------------*/
[role~="tooltip"][data-microtip-position="bottom-right"]::after {
  transform: translate3d(calc(0% + -16px), -10px, 0);
  top: 100%; }

[role~="tooltip"][data-microtip-position="bottom-right"]:hover::after {
  transform: translate3d(calc(0% + -16px), 0, 0); }

/* ------------------------------------------------
    [2.6] Left
  -------------------------------------------------*/
[role~="tooltip"][data-microtip-position="left"]::before,
[role~="tooltip"][data-microtip-position="left"]::after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0); }

[role~="tooltip"][data-microtip-position="left"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-bottom: 0; }

[role~="tooltip"][data-microtip-position="left"]::after {
  margin-right: 6px; }

[role~="tooltip"][data-microtip-position="left"]:hover::before,
[role~="tooltip"][data-microtip-position="left"]:hover::after {
  transform: translate3d(0, -50%, 0); }

/* ------------------------------------------------
    [2.7] Right
  -------------------------------------------------*/
[role~="tooltip"][data-microtip-position="right"]::before,
[role~="tooltip"][data-microtip-position="right"]::after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0); }

[role~="tooltip"][data-microtip-position="right"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-bottom: 0; }

[role~="tooltip"][data-microtip-position="right"]::after {
  margin-left: 6px; }

[role~="tooltip"][data-microtip-position="right"]:hover::before,
[role~="tooltip"][data-microtip-position="right"]:hover::after {
  transform: translate3d(0, -50%, 0); }

/* ------------------------------------------------
    [3] Size
  -------------------------------------------------*/
[role~="tooltip"][data-microtip-size="small"]::after {
  white-space: initial;
  width: 80px; }

[role~="tooltip"][data-microtip-size="medium"]::after {
  white-space: initial;
  width: 150px; }

[role~="tooltip"][data-microtip-size="large"]::after {
  white-space: initial;
  width: 260px; }

.widget-chart {
  height: 100%; }
  .widget-chart .widget-header {
    position: relative; }
    .widget-chart .widget-header .widget-header-title.hide {
      opacity: 0; }
    .widget-chart .widget-header .filters {
      position: absolute;
      top: 5px;
      left: 5px;
      width: calc(100% - 150px);
      z-index: 1;
      visibility: hidden; }
      .widget-chart .widget-header .filters.visible {
        visibility: visible; }
    .widget-chart .widget-header .toggle-filters {
      color: #10FFC3;
      padding-right: 10px;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media (hover: hover) {
        .widget-chart .widget-header .toggle-filters:hover {
          cursor: pointer;
          text-decoration: underline; } }
    .widget-chart .widget-header .refresh-button {
      position: relative;
      top: -4px;
      right: 0;
      color: #eaeaea;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media only screen and (min-width: 64em) {
        .widget-chart .widget-header .refresh-button:hover {
          color: #dddddd;
          cursor: pointer; } }
      .widget-chart .widget-header .refresh-button:active {
        transform: scale(0.9, 0.9); }
  .widget-chart .filters::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .widget-chart .filters::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent; }
  .widget-chart .filters::-webkit-scrollbar-thumb {
    background-color: #cecece;
    border-radius: 2.5px; }
  .widget-chart .filters .dynamic-view {
    width: 180px; }
  .widget-chart .widget-content {
    flex-wrap: nowrap;
    padding: 25px 10px 10px;
    align-items: stretch; }
    .widget-chart .widget-content .chart.bar-chart .amcharts-chart-div svg {
      padding-left: 10px; }
    .widget-chart .widget-content .chart .amcharts-chart-div {
      width: 100% !important; }
      .widget-chart .widget-content .chart .amcharts-chart-div svg {
        overflow: visible; }
    .widget-chart .widget-content .legend {
      display: none;
      height: 100%;
      padding: 0 0 20px 10px;
      flex-shrink: 0; }
      @media only screen and (min-width: 64em) {
        .widget-chart .widget-content .legend {
          display: flex; } }
      .widget-chart .widget-content .legend legend::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      .widget-chart .widget-content .legend legend::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent; }
      .widget-chart .widget-content .legend legend::-webkit-scrollbar-thumb {
        background-color: #cecece;
        border-radius: 2.5px; }
  .widget-chart .widget-footer {
    position: absolute;
    right: 0;
    bottom: 0; }
    .widget-chart .widget-footer .view-query {
      color: #10FFC3;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media only screen and (min-width: 64em) {
        .widget-chart .widget-footer .view-query:hover {
          text-decoration: underline;
          cursor: pointer; } }

.widget-config-chart .check-legend {
  margin-top: 15px; }

.widget-config-chart .queries-container {
  padding: 10px; }
  .widget-config-chart .queries-container .queries-header {
    display: none !important; }
  .widget-config-chart .queries-container .queries-editor {
    display: block !important; }

.widget-config-chart .datagrid-content {
  margin-top: 10px; }

.widget-config-chart .icon-delete {
  width: 30px;
  height: 30px;
  margin: 0 0 10px 5px;
  background-color: #d9534f;
  color: #ffffff;
  text-align: center;
  line-height: 30px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s linear;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media only screen and (min-width: 64em) {
    .widget-config-chart .icon-delete:hover {
      background-color: #d43f3a; } }
  .widget-config-chart .icon-delete:active {
    transform: scale(0.9, 0.9); }

.widget-config-chart .sub-title {
  margin: 20px 0 10px; }
  .widget-config-chart .sub-title .title {
    font-size: 1.8rem;
    padding-right: 10px; }
  .widget-config-chart .sub-title .line {
    height: 1px;
    flex-grow: 1;
    background-color: #eee; }

.widget-comparison {
  height: 100%; }
  .widget-comparison .widget-header {
    position: relative; }
    .widget-comparison .widget-header .refresh-button {
      position: relative;
      top: -4px;
      right: 0;
      color: #eaeaea;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .widget-comparison .widget-header .refresh-button:active {
        transform: scale(0.9, 0.9); }
      @media (hover: hover) {
        .widget-comparison .widget-header .refresh-button:hover {
          color: #dddddd;
          cursor: pointer; } }
  .widget-comparison .widget-content {
    flex-wrap: nowrap;
    padding: 10px;
    align-items: stretch; }
    .widget-comparison .widget-content .chart.bar-chart .amcharts-chart-div svg {
      padding-left: 10px; }
    .widget-comparison .widget-content .chart .amcharts-chart-div {
      width: 100% !important; }
      .widget-comparison .widget-content .chart .amcharts-chart-div svg {
        overflow: visible; }
    .widget-comparison .widget-content .legend {
      display: none;
      min-width: 150px;
      height: 100%;
      padding: 0 0 20px 10px;
      flex-shrink: 0; }
      @media only screen and (min-width: 64em) {
        .widget-comparison .widget-content .legend {
          display: flex; } }
      .widget-comparison .widget-content .legend legend::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      .widget-comparison .widget-content .legend legend::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent; }
      .widget-comparison .widget-content .legend legend::-webkit-scrollbar-thumb {
        background-color: #cecece;
        border-radius: 2.5px; }
  .widget-comparison .widget-footer {
    position: absolute;
    right: 0;
    bottom: 0; }
    .widget-comparison .widget-footer .view-query {
      color: #10FFC3;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media (hover: hover) {
        .widget-comparison .widget-footer .view-query:hover {
          text-decoration: underline;
          cursor: pointer; } }

.widget-config-comparison .data-properties .properties-label {
  color: #9e9e9e; }

.widget-config-comparison .data-properties .properties-fallback .text {
  display: inline-block;
  padding: 5px; }

.widget-config-comparison .queries-editor-component {
  padding: 0 10px; }

.widget-count {
  display: block;
  height: 100%; }
  .widget-count .widget-header .widget-header-title {
    color: #ffffff; }
  .widget-count .widget-content {
    height: 100%; }
    .widget-count .widget-content .count {
      color: #ffffff;
      font-size: 8rem;
      line-height: 1;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .widget-count .widget-content .count.number-count-4 {
        font-size: 6rem; }
      .widget-count .widget-content .count.number-count-5 {
        font-size: 5rem; }
      .widget-count .widget-content .count.number-count-6 {
        font-size: 4rem; }
      .widget-count .widget-content .count.number-count-7 {
        font-size: 3.8rem; }
      .widget-count .widget-content .count.number-count-8 {
        font-size: 3.2rem; }
    .widget-count .widget-content .error-message {
      color: #ffffff;
      font-size: 1.4rem;
      text-align: center; }
  .widget-count .widget-footer {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .widget-count .widget-footer .view-query {
      color: #ffffff; }
      @media only screen and (min-width: 64em) {
        .widget-count .widget-footer .view-query:hover {
          text-decoration: underline;
          cursor: pointer; } }

.widget-config-count .queries-container {
  padding: 0 10px; }
  .widget-config-count .queries-container .queries-header {
    display: none !important; }
  .widget-config-count .queries-container .queries-editor {
    display: block !important; }

.widget-entity-finder {
  display: block;
  height: 100%; }
  .widget-entity-finder .widget-content {
    padding: 0 10px; }

.widget-config-entity-finder {
  padding: 0 5px; }

.widget-list {
  height: 100%; }
  .widget-list .widget-header {
    padding: 8px 10px 0 10px; }
    .widget-list .widget-header .refresh-button {
      position: relative;
      top: -4px;
      right: 0;
      color: #eaeaea;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media only screen and (min-width: 64em) {
        .widget-list .widget-header .refresh-button:hover {
          color: #dddddd;
          cursor: pointer; } }
      .widget-list .widget-header .refresh-button:active {
        transform: scale(0.9, 0.9); }
  .widget-list .widget-content {
    height: 100%; }
    .widget-list .widget-content .datagrid-results {
      padding: 0 10px 10px 10px; }
      .widget-list .widget-content .datagrid-results .datagrid-content {
        overflow-x: auto; }

.widget-config-list .queries-container {
  padding: 0 10px; }
  .widget-config-list .queries-container .queries-header {
    display: none !important; }
  .widget-config-list .queries-container .queries-editor {
    display: block !important; }

.widget-text .widget-content {
  padding: 10px;
  overflow-y: auto; }
  .widget-text .widget-content .description {
    white-space: pre; }
  .widget-text .widget-content .sub-title {
    padding-top: 15px; }
    .widget-text .widget-content .sub-title .title {
      font-size: 1.8rem;
      font-weight: 600; }
    .widget-text .widget-content .sub-title .text {
      white-space: pre;
      padding-top: 5px; }

.widget-config-text {
  padding: 0 5px; }

.widget-gauge {
  height: 100%; }
  .widget-gauge .widget-header {
    padding: 8px 10px 0 10px; }
    .widget-gauge .widget-header .refresh-button {
      position: relative;
      top: -4px;
      right: 0;
      color: #eaeaea;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media only screen and (min-width: 64em) {
        .widget-gauge .widget-header .refresh-button:hover {
          color: #dddddd;
          cursor: pointer; } }
      .widget-gauge .widget-header .refresh-button:active {
        transform: scale(0.9, 0.9); }
  .widget-gauge .widget-content gauge {
    padding: 20px; }
    .widget-gauge .widget-content gauge .amcharts-chart-div {
      overflow: visible !important; }
      .widget-gauge .widget-content gauge .amcharts-chart-div svg {
        overflow: visible !important; }
  .widget-gauge .widget-footer .target-count {
    font-weight: 600;
    font-size: 1.4rem; }
    @media only screen and (min-width: 48em) {
      .widget-gauge .widget-footer .target-count {
        font-size: 1.8rem; } }
  .widget-gauge .widget-footer .view-query {
    color: #10FFC3;
    text-align: right; }
    @media only screen and (min-width: 64em) {
      .widget-gauge .widget-footer .view-query:hover {
        text-decoration: underline;
        cursor: pointer; } }

.widget-global-search .widget-content::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

.widget-global-search .widget-content::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: transparent; }

.widget-global-search .widget-content::-webkit-scrollbar-thumb {
  background-color: #cecece;
  border-radius: 2.5px; }

.widget-global-search .widget-content .property {
  margin-bottom: 10px; }

.widget-global-search .widget-footer {
  padding: 5px 5px 0 !important; }

/*!
FullCalendar Core Package v4.2.0
Docs & License: https://fullcalendar.io/
(c) 2019 Adam Shaw
*/
.fc {
  direction: ltr;
  text-align: left; }

.fc-rtl {
  text-align: right; }

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em; }

/* Colors
  --------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3; }

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3; }

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7; }

/* Popover
  --------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px; }

.fc-rtl .fc-popover .fc-header {
  flex-direction: row-reverse; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-popover .fc-header .fc-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em; }

/* Misc Reusable Components
  --------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0; }

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */ }

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */ }

/* Tables
  --------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */ }

.fc th {
  text-align: center; }

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top; }

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */ }

/* Internal Nav Links
  --------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer; }

a[data-goto]:hover {
  text-decoration: underline; }

/* Fake Table Rows
  --------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0; }

.fc-row table {
  /* don't put left/right border on anything within a fake row.
       the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
  --------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent; }

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

.fc-row .fc-highlight-skeleton {
  z-index: 3; }

/*
  row content (which contains day/week numbers and events) as well as "mirror" (which contains
  temporary rendered events).
  */
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */ }

.fc-row .fc-mirror-skeleton {
  z-index: 5; }

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-mirror-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent; }

.fc-row .fc-content-skeleton td,
.fc-row .fc-mirror-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-mirror-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0; }

/* Scrolling Container
  --------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch; }

/* TODO: move to timegrid/daygrid */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }

/* Global Event Styles
  --------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.4;
  border: 1px solid #3788d8; }

.fc-event,
.fc-event-dot {
  background-color: #3788d8;
  /* default BACKGROUND color */ }

.fc-event,
.fc-event:hover {
  color: black;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */ }

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */ }

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed; }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4; }

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block; }

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px; }

/* Event Selection (only for touch devices)
  --------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.fc-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25; }

/* Event Dragging
  --------------------------------------------------------------------------------------------------*/
.fc-event.fc-dragging.fc-selected {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

.fc-event.fc-dragging:not(.fc-selected) {
  opacity: .75; }

/* Horizontal Events
  --------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */ }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */ }

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */ }

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px; }

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */ }

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */ }

/* DayGrid events
  ----------------------------------------------------------------------------------------------------
  We use the full "fc-day-grid-event" class instead of using descendants because the event won't
  be a descendant of the grid when it is being dragged.
  */
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px; }

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */ }

.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
  margin-top: 0;
  /* except for mirror skeleton */ }

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden; }

.fc-day-grid-event .fc-time {
  font-weight: bold; }

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */ }

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */ }

/* Event Limiting
  --------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none; }

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */ }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px; }

/* Now Indicator
  --------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }

/* Utilities
  --------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*
  TODO: more distinction between this file and common.css
  */
/* Colors
  --------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd; }

.fc-unthemed .fc-popover {
  background-color: #fff; }

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee; }

.fc-unthemed td.fc-today {
  background: #fcf8e3; }

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3; }

/* Icons
  --------------------------------------------------------------------------------------------------
  from https://feathericons.com/ and built with IcoMoon
  */
@font-face {
  font-family: 'fcicons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal; }

.fc-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fc-icon-chevron-left:before {
  content: "\e900"; }

.fc-icon-chevron-right:before {
  content: "\e901"; }

.fc-icon-chevrons-left:before {
  content: "\e902"; }

.fc-icon-chevrons-right:before {
  content: "\e903"; }

.fc-icon-minus-square:before {
  content: "\e904"; }

.fc-icon-plus-square:before {
  content: "\e905"; }

.fc-icon-x:before {
  content: "\e906"; }

.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center; }

/* Buttons
  --------------------------------------------------------------------------------------------------
  Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
  */
/* reset */
.fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

.fc-button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

.fc-button {
  -webkit-appearance: button; }

.fc-button:not(:disabled) {
  cursor: pointer; }

.fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none; }

/* theme */
.fc-button {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em; }

.fc-button:hover {
  color: #212529;
  text-decoration: none; }

.fc-button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); }

.fc-button:disabled {
  opacity: 0.65; }

/* "primary" coloring */
.fc-button-primary {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50; }

.fc-button-primary:hover {
  color: #fff;
  background-color: #1e2b37;
  border-color: #1a252f; }

.fc-button-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }

.fc-button-primary:disabled {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50; }

.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  background-color: #1a252f;
  border-color: #151e27; }

.fc-button-primary:not(:disabled):active:focus,
.fc-button-primary:not(:disabled).fc-button-active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }

/* icons within buttons */
.fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em; }

/* Buttons Groups
  --------------------------------------------------------------------------------------------------*/
.fc-button-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle; }

.fc-button-group > .fc-button {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.fc-button-group > .fc-button:hover {
  z-index: 1; }

.fc-button-group > .fc-button:focus,
.fc-button-group > .fc-button:active,
.fc-button-group > .fc-button.fc-button-active {
  z-index: 1; }

.fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px; }

.fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.fc-button-group > .fc-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

/* Popover
  --------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }

/* List View
  --------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5; }

/* Toolbar
  --------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em; }

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em; }

/* inner content */
.fc-toolbar > * > :not(:first-child) {
  margin-left: .75em; }

.fc-toolbar h2 {
  font-size: 1.75em;
  margin: 0; }

/* View Structure
  --------------------------------------------------------------------------------------------------*/
.fc-view-container {
  position: relative; }

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1; }

@media print {
  .fc {
    max-width: 100% !important; }
  /* Global Event Restyling
    --------------------------------------------------------------------------------------------------*/
  .fc-event {
    background: #fff !important;
    color: #000 !important;
    page-break-inside: avoid; }
  .fc-event .fc-resizer {
    display: none; }
  /* Table & Day-Row Restyling
    --------------------------------------------------------------------------------------------------*/
  .fc th,
  .fc td,
  .fc hr,
  .fc thead,
  .fc tbody,
  .fc-row {
    border-color: #ccc !important;
    background: #fff !important; }
  /* kill the overlaid, absolutely-positioned components */
  /* common... */
  .fc-bg,
  .fc-bgevent-skeleton,
  .fc-highlight-skeleton,
  .fc-mirror-skeleton,
  .fc-bgevent-container,
  .fc-business-container,
  .fc-highlight-container,
  .fc-mirror-container {
    display: none; }
  /* don't force a min-height on rows (for DayGrid) */
  .fc tbody .fc-row {
    height: auto !important;
    /* undo height that JS set in distributeHeight */
    min-height: 0 !important;
    /* undo the min-height from each view's specific stylesheet */ }
  .fc tbody .fc-row .fc-content-skeleton {
    position: static;
    /* undo .fc-rigid */
    padding-bottom: 0 !important;
    /* use a more border-friendly method for this... */ }
  .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
    /* only works in newer browsers */
    padding-bottom: 1em;
    /* ...gives space within the skeleton. also ensures min height in a way */ }
  .fc tbody .fc-row .fc-content-skeleton table {
    /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
         making it look more like 3em. for other browers, it will already be this tall */
    height: 1em; }
  /* Undo month-view event limiting. Display all events and hide the "more" links
    --------------------------------------------------------------------------------------------------*/
  .fc-more-cell,
  .fc-more {
    display: none !important; }
  .fc tr.fc-limited {
    display: table-row !important; }
  .fc td.fc-limited {
    display: table-cell !important; }
  .fc-popover {
    display: none;
    /* never display the "more.." popover in print mode */ }
  /* TimeGrid Restyling
    --------------------------------------------------------------------------------------------------*/
  /* undo the min-height 100% trick used to fill the container's height */
  .fc-time-grid {
    min-height: 0 !important; }
  /* don't display the side axis at all ("all-day" and time cells) */
  .fc-timeGrid-view .fc-axis {
    display: none; }
  /* don't display the horizontal lines */
  .fc-slats,
  .fc-time-grid hr {
    /* this hr is used when height is underused and needs to be filled */
    display: none !important;
    /* important overrides inline declaration */ }
  /* let the container that holds the events be naturally positioned and create real height */
  .fc-time-grid .fc-content-skeleton {
    position: static; }
  /* in case there are no events, we still want some height */
  .fc-time-grid .fc-content-skeleton table {
    height: 4em; }
  /* kill the horizontal spacing made by the event container. event margins will be done below */
  .fc-time-grid .fc-event-container {
    margin: 0 !important; }
  /* TimeGrid *Event* Restyling
    --------------------------------------------------------------------------------------------------*/
  /* naturally position events, vertically stacking them */
  .fc-time-grid .fc-event {
    position: static !important;
    margin: 3px 2px !important; }
  /* for events that continue to a future day, give the bottom border back */
  .fc-time-grid .fc-event.fc-not-end {
    border-bottom-width: 1px !important; }
  /* indicate the event continues via "..." text */
  .fc-time-grid .fc-event.fc-not-end:after {
    content: "..."; }
  /* for events that are continuations from previous days, give the top border back */
  .fc-time-grid .fc-event.fc-not-start {
    border-top-width: 1px !important; }
  /* indicate the event is a continuation via "..." text */
  .fc-time-grid .fc-event.fc-not-start:before {
    content: "..."; }
  /* time */
  /* undo a previous declaration and let the time text span to a second line */
  .fc-time-grid .fc-event .fc-time {
    white-space: normal !important; }
  /* hide the the time that is normally displayed... */
  .fc-time-grid .fc-event .fc-time span {
    display: none; }
  /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
  .fc-time-grid .fc-event .fc-time:after {
    content: attr(data-full); }
  /* Vertical Scroller & Containers
    --------------------------------------------------------------------------------------------------*/
  /* kill the scrollbars and allow natural height */
  .fc-scroller,
  .fc-day-grid-container,
  .fc-time-grid-container {
    /* */
    overflow: visible !important;
    height: auto !important; }
  /* kill the horizontal border/padding used to compensate for scrollbars */
  .fc-row {
    border: 0 !important;
    margin: 0 !important; }
  /* Button Controls
    --------------------------------------------------------------------------------------------------*/
  .fc-button-group,
  .fc button {
    display: none;
    /* don't display any button-related controls */ } }

/*!
FullCalendar Day Grid Plugin v4.2.0
Docs & License: https://fullcalendar.io/
(c) 2019 Adam Shaw
*/
/* DayGridView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-dayGridWeek-view .fc-content-skeleton,
.fc-dayGridDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-dayGrid-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3; }

.fc-dayGrid-view .fc-week-number,
.fc-dayGrid-view .fc-day-number {
  padding: 2px; }

.fc-dayGrid-view th.fc-week-number,
.fc-dayGrid-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */ }

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: right; }

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: left; }

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0; }

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px; }

.fc-dayGrid-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080; }

/* when week/day number have own column */
.fc-dayGrid-view td.fc-week-number {
  text-align: center; }

.fc-dayGrid-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em; }

.cal-year {
  width: 100px; }

.fc-widget-header {
  background-color: #4A4A4A;
  height: 20px; }
  .fc-widget-header span {
    color: #fff; }

custom-button button .custom-button {
  box-shadow: 0 0 10px rgba(16, 255, 195, 0.5);
  font-family: "Open Sans", sans-serif; }

custom-button.secondary button .custom-button {
  box-shadow: none; }

.dialogs-host {
  transition: margin 0.3s ease; }
  .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px 20px 0 0; }
    @media only screen and (min-width: 48em) {
      .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap {
        position: relative;
        border-radius: 20px;
        padding: 35px;
        width: 425px; } }
    .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .title {
      font-size: 2rem;
      font-weight: 600; }
    .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .icon-close-dialog {
      width: 20px;
      height: 20px;
      cursor: pointer; }
      .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .icon-close-dialog svg {
        fill: #8D8D8D;
        transition: fill 0.3s ease; }
      @media (hover: hover) {
        .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-header .icon-close-dialog:hover svg {
          fill: #d9534f; } }
    .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content {
      padding-bottom: 35px; }
      .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent; }
      .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content::-webkit-scrollbar-thumb {
        background-color: #cecece;
        border-radius: 2.5px; }
    .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer {
      position: absolute;
      bottom: 30px;
      left: 30px;
      right: 30px; }
      .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer custom-button button .custom-button {
        display: flex;
        align-items: center; }
        .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer custom-button button .custom-button .custom-button-value {
          display: flex;
          align-items: center; }
          .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer custom-button button .custom-button .custom-button-value comp-icon {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center; }
            .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer custom-button button .custom-button .custom-button-value comp-icon svg {
              height: 100%;
              width: 100%; }
      .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer .button-prev {
        margin-right: auto; }
        .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer .button-prev .custom-button {
          border-radius: 0 10px 10px 0;
          padding: 0 13px;
          transform-origin: left;
          background-color: #ffffff;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
          .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer .button-prev .custom-button comp-icon {
            transform: scaleX(-1); }
      .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer .button-next {
        margin-left: auto; }
        .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer .button-next .custom-button {
          border-radius: 10px 0 0 10px;
          padding-right: 30px;
          transform-origin: right; }
      .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer .button-prev.disabled, .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer .button-next.disabled {
        pointer-events: none; }
        .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer .button-prev.disabled .custom-button comp-icon, .dialogs-host .dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer .button-next.disabled .custom-button comp-icon {
          opacity: 0.6; }
  .dialogs-host.au-enter-active .dialog .dialog-container {
    animation: none; }
    @media only screen and (min-width: 64em) {
      .dialogs-host.au-enter-active .dialog .dialog-container {
        animation: keyframe-zoomin 0.2s linear forwards; } }
    .dialogs-host.au-enter-active .dialog .dialog-container .dialog-wrap {
      animation: tyme-dialog-enter-bottom 0.3s ease forwards; }
      @media only screen and (min-width: 64em) {
        .dialogs-host.au-enter-active .dialog .dialog-container .dialog-wrap {
          animation: none; } }
  .dialogs-host.au-leave-active {
    pointer-events: none; }
    .dialogs-host.au-leave-active .dialog .dialog-container {
      animation: none; }
      @media only screen and (min-width: 64em) {
        .dialogs-host.au-leave-active .dialog .dialog-container {
          animation: keyframe-zoomout 0.1s linear forwards; } }
      .dialogs-host.au-leave-active .dialog .dialog-container .dialog-wrap {
        animation: tyme-dialog-exit-bottom 0.3s ease forwards; }
        @media only screen and (min-width: 64em) {
          .dialogs-host.au-leave-active .dialog .dialog-container .dialog-wrap {
            animation: none; } }

@keyframes tyme-dialog-enter-bottom {
  0% {
    bottom: -1000px; }
  100% {
    bottom: 0; } }

@keyframes tyme-dialog-exit-bottom {
  0% {
    bottom: 0; }
  100% {
    margin-bottom: -1000px; } }

.calendar-component .calendar .fc-view-container .fc-view .fc-head .fc-head-container {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0); }
  .calendar-component .calendar .fc-view-container .fc-view .fc-head .fc-head-container .fc-row {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0); }
    .calendar-component .calendar .fc-view-container .fc-view .fc-head .fc-head-container .fc-row .fc-day-header {
      background-color: rgba(0, 0, 0, 0);
      border-color: rgba(0, 0, 0, 0);
      text-align: left; }
      .calendar-component .calendar .fc-view-container .fc-view .fc-head .fc-head-container .fc-row .fc-day-header span {
        color: #242424; }

.calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content {
  border-width: 0;
  cursor: pointer; }
  .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller {
    overflow-y: hidden !important; }
    .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid {
      padding: 5px; }
      .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-bg .fc-day {
        border-color: rgba(0, 0, 0, 0);
        border-radius: 10px;
        padding: 10px;
        transition: all 0.3s ease; }
        .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-bg .fc-day:hover {
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          background-color: #ffffff; }
        .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-bg .fc-day.fc-other-month {
          opacity: 0;
          pointer-events: none; }
        .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-bg .fc-day.fc-today {
          background-color: rgba(16, 255, 195, 0.1); }
      .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-content-skeleton .fc-day-top {
        padding: 6px 6px 0; }
        .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-content-skeleton .fc-day-top.fc-other-month {
          opacity: 0;
          pointer-events: none; }
        .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-content-skeleton .fc-day-top .fc-day-number {
          float: none; }
      .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-content-skeleton .fc-event-container {
        cursor: pointer; }
        .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-content-skeleton .fc-event-container .fc-day-grid-event {
          border-radius: 100vh;
          padding: 5px 10px; }
          .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-content-skeleton .fc-event-container .fc-day-grid-event .fc-content {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-content-skeleton .fc-event-container .fc-day-grid-event .fc-content .fc-time {
              font-weight: 400; }
            .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-content-skeleton .fc-event-container .fc-day-grid-event .fc-content .fc-title {
              font-weight: 600; }
          .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-content-skeleton .fc-event-container .fc-day-grid-event.pending {
            opacity: 0.6; }
      .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-highlight-skeleton td {
        border-radius: 10px;
        transition: all 0.3s ease; }
        .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-highlight-skeleton td.fc-highlight {
          background-color: rgba(0, 0, 0, 0); }
        .calendar-component .calendar .fc-view-container .fc-view .fc-body .fc-widget-content .fc-scroller .fc-day-grid .fc-row .fc-highlight-skeleton td:hover {
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          background-color: #ffffff; }

range-date-picker .datepicker-range .daterangepicker {
  font-family: 'Open Sans', sans-serif;
  width: 100%; }
  range-date-picker .datepicker-range .daterangepicker::before {
    content: none; }
  range-date-picker .datepicker-range .daterangepicker .drp-calendar {
    max-width: 100%;
    width: 100%; }
    range-date-picker .datepicker-range .daterangepicker .drp-calendar.right {
      padding: 0;
      height: 0;
      overflow: hidden; }
    range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th {
      font-size: 1.6rem; }
      range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.prev, range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.next {
        position: absolute;
        top: 0; }
        range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.prev span, range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.next span {
          padding: 5px;
          position: relative; }
          range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.prev span::after, range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.next span::after {
            content: '';
            height: 2px;
            width: 14px;
            background-color: #000000;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(45deg); }
      range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.prev {
        right: 50px; }
      range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.next {
        right: 0; }
      range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th.month {
        position: absolute;
        left: 10px;
        top: 0; }
      range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th:hover {
        background-color: transparent; }
    range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr:nth-child(2) th {
      padding-top: 20px; }
    range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td {
      width: 46px;
      height: 46px;
      border-radius: 10px;
      font-size: 1.6rem;
      position: relative;
      border: none; }
      range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.active {
        background-color: #10FFC3;
        color: #242424;
        font-weight: 600;
        border-radius: 10px; }
      range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.in-range {
        background-color: rgba(16, 255, 195, 0.3);
        border-radius: 0; }
      range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.start-date {
        border-radius: 10px 0 0 10px;
        background-color: #10FFC3; }
        range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.start-date.end-date {
          border-radius: 10px; }
      range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.end-date {
        border-radius: 0 10px 10px 0;
        background-color: #10FFC3; }
      range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.off {
        opacity: 0;
        pointer-events: none; }
    range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-time {
      border-radius: 5px;
      height: 50px;
      font-size: 1.6rem;
      padding: 0 15px;
      width: auto;
      background-color: #ffffff;
      border: 1px solid #dddddd;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 15px; }
      range-date-picker .datepicker-range .daterangepicker .drp-calendar .calendar-time select {
        background: transparent;
        border: none;
        font-size: 1.6rem;
        margin: 0 10px; }
  range-date-picker .datepicker-range .daterangepicker .drp-buttons {
    display: none; }

list-menu {
  width: 50px;
  height: 50px;
  border: 2px solid #242424;
  border-radius: 10px;
  transition: background-color 0.3s ease; }
  list-menu .list-menu {
    width: 100%;
    height: 100%; }
    list-menu .list-menu .list-menu-toggler {
      height: 100%; }
      list-menu .list-menu .list-menu-toggler .menu {
        border-radius: 100vw;
        height: 100%; }
        list-menu .list-menu .list-menu-toggler .menu .dots {
          width: 5px;
          height: 5px;
          background-color: #242424;
          transition: background-color 0.3s ease; }
          list-menu .list-menu .list-menu-toggler .menu .dots::before {
            top: auto;
            left: 9px;
            background-color: #242424;
            transition: background-color 0.3s ease; }
          list-menu .list-menu .list-menu-toggler .menu .dots::after {
            top: auto;
            left: -9px;
            background-color: #242424;
            transition: background-color 0.3s ease; }
    list-menu .list-menu .list-menu-dropdown {
      border-radius: 20px;
      padding: 0;
      overflow: hidden;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
      padding: 20px;
      width: 250px;
      top: calc(100% + 10px); }
      list-menu .list-menu .list-menu-dropdown .list-menu-item {
        line-height: 1;
        cursor: pointer;
        font-size: 1.6rem;
        border-left: 0 solid #10FFC3;
        transition: all 0.2s ease;
        display: flex;
        align-items: center;
        padding: 0;
        height: 20px; }
        list-menu .list-menu .list-menu-dropdown .list-menu-item:not(:last-child) {
          margin: 0 0 30px; }
        list-menu .list-menu .list-menu-dropdown .list-menu-item:hover {
          border-left-width: 3px;
          padding-left: 10px;
          background-color: transparent; }
        list-menu .list-menu .list-menu-dropdown .list-menu-item .icon {
          margin-right: 5px; }
  list-menu:hover {
    background-color: #242424; }
    list-menu:hover .list-menu .list-menu-toggler .menu .dots {
      background-color: #10FFC3; }
      list-menu:hover .list-menu .list-menu-toggler .menu .dots::before {
        background-color: #10FFC3; }
      list-menu:hover .list-menu .list-menu-toggler .menu .dots::after {
        background-color: #10FFC3; }

notification-center {
  z-index: 1; }
  @media only screen and (min-width: 64em) {
    notification-center {
      z-index: auto; } }
  notification-center .notification-center {
    z-index: 110;
    border-radius: 0;
    background-color: #ffffff;
    max-width: 400px;
    box-shadow: none;
    top: 60px;
    bottom: 50px;
    opacity: 1;
    border-left: 1px solid #ddd; }
    @media only screen and (min-width: 64em) {
      notification-center .notification-center {
        border-radius: 20px 0 0 20px;
        box-shadow: -2px 0px 4px 0 rgba(0, 0, 0, 0.2);
        top: 0;
        bottom: 0;
        border-left: none; } }
    notification-center .notification-center .notification-tabs {
      border-radius: 20px 20px 0 0;
      padding: 20px; }
      notification-center .notification-center .notification-tabs .tabs {
        border-radius: 10px;
        overflow: hidden;
        border-color: #242424; }
        notification-center .notification-center .notification-tabs .tabs .tab {
          height: 40px; }
          notification-center .notification-center .notification-tabs .tabs .tab .tab-title .title-text .text {
            font-size: 1.4rem;
            font-weight: 600; }
            @media only screen and (min-width: 64em) {
              notification-center .notification-center .notification-tabs .tabs .tab .tab-title .title-text .text {
                font-size: 1.4rem; } }
          notification-center .notification-center .notification-tabs .tabs .tab.active {
            background-color: #242424; }
            notification-center .notification-center .notification-tabs .tabs .tab.active .tab-title .title-text {
              color: #10FFC3; }
    notification-center .notification-center .alert-list, notification-center .notification-center .notification-list {
      border-radius: 0 0 20px 20px; }
      notification-center .notification-center .alert-list .item-container .notification .notification-icon, notification-center .notification-center .alert-list .item-container .notification .alert-icon, notification-center .notification-center .alert-list .item-container .alert .notification-icon, notification-center .notification-center .alert-list .item-container .alert .alert-icon, notification-center .notification-center .notification-list .item-container .notification .notification-icon, notification-center .notification-center .notification-list .item-container .notification .alert-icon, notification-center .notification-center .notification-list .item-container .alert .notification-icon, notification-center .notification-center .notification-list .item-container .alert .alert-icon {
        background-color: rgba(36, 36, 36, 0.1);
        border-radius: 10px; }
      notification-center .notification-center .alert-list .item-container.new::before, notification-center .notification-center .notification-list .item-container.new::before {
        content: none; }
      notification-center .notification-center .alert-list .item-container:not(.new) .notification .notification-icon, notification-center .notification-center .alert-list .item-container:not(.new) .notification .alert-icon, notification-center .notification-center .alert-list .item-container:not(.new) .alert .notification-icon, notification-center .notification-center .alert-list .item-container:not(.new) .alert .alert-icon, notification-center .notification-center .notification-list .item-container:not(.new) .notification .notification-icon, notification-center .notification-center .notification-list .item-container:not(.new) .notification .alert-icon, notification-center .notification-center .notification-list .item-container:not(.new) .alert .notification-icon, notification-center .notification-center .notification-list .item-container:not(.new) .alert .alert-icon {
        background-color: rgba(36, 36, 36, 0.1);
        box-shadow: none; }
        notification-center .notification-center .alert-list .item-container:not(.new) .notification .notification-icon::after, notification-center .notification-center .alert-list .item-container:not(.new) .notification .alert-icon::after, notification-center .notification-center .alert-list .item-container:not(.new) .alert .notification-icon::after, notification-center .notification-center .alert-list .item-container:not(.new) .alert .alert-icon::after, notification-center .notification-center .notification-list .item-container:not(.new) .notification .notification-icon::after, notification-center .notification-center .notification-list .item-container:not(.new) .notification .alert-icon::after, notification-center .notification-center .notification-list .item-container:not(.new) .alert .notification-icon::after, notification-center .notification-center .notification-list .item-container:not(.new) .alert .alert-icon::after {
          color: rgba(36, 36, 36, 0.3); }

combo-box .combobox .combobox-value {
  height: 50px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0);
  padding: 0 40px 0 15px; }
  combo-box .combobox .combobox-value .combobox-input {
    line-height: 48px;
    height: 48px;
    font-size: 1.6rem; }
  combo-box .combobox .combobox-value .combobox-value-text {
    line-height: 48px;
    font-size: 1.6rem; }
  combo-box .combobox .combobox-value .combobox-icon {
    line-height: 48px;
    width: 40px; }

combo-box .combobox.disabled .combobox-value {
  border-style: dashed;
  background-color: rgba(0, 0, 0, 0); }

.combobox-dropdown .combobox-dropdown-items {
  border-radius: 10px; }
  .combobox-dropdown .combobox-dropdown-items .combobox-dropdown-item {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 1.6rem;
    color: #8D8D8D; }
    .combobox-dropdown .combobox-dropdown-items .combobox-dropdown-item.focused {
      color: #242424; }

text-box .textbox .textbox-value {
  height: 50px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0); }
  text-box .textbox .textbox-value .textbox-input {
    line-height: 48px;
    height: 48px;
    font-size: 1.6rem;
    padding: 0 15px; }
  text-box .textbox .textbox-value .textbox-symbol-end {
    line-height: 48px;
    height: 48px;
    font-size: 1.6rem;
    padding: 0 15px; }

date-picker .datepicker .datepicker-value .datepicker-input {
  height: 50px;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 0 15px;
  font-size: 1.6rem; }

picker-container .datepicker-dropdown .dropdown-menu {
  padding: 20px;
  border-radius: 10px;
  border: none; }
  picker-container .datepicker-dropdown .dropdown-menu ul li .datepicker table th, picker-container .datepicker-dropdown .dropdown-menu ul li .datepicker table td {
    border-radius: 10px; }
    picker-container .datepicker-dropdown .dropdown-menu ul li .datepicker table th:hover, picker-container .datepicker-dropdown .dropdown-menu ul li .datepicker table td:hover {
      color: #242424; }
  picker-container .datepicker-dropdown .dropdown-menu ul .picker-switch .glyphicon {
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    transition: all 0.3s ease;
    margin-top: 10px; }
    picker-container .datepicker-dropdown .dropdown-menu ul .picker-switch .glyphicon:hover {
      background-color: #10FFC3;
      color: #242424;
      box-shadow: 0 0 10px rgba(16, 255, 195, 0.5); }

.page-login .content {
  padding: 0 30px 80px; }
  .page-login .content .form .field .input .textbox .textbox-value {
    height: 50px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0);
    padding: 0; }
    .page-login .content .form .field .input .textbox .textbox-value .textbox-input {
      line-height: 48px;
      height: 48px;
      font-size: 1.6rem;
      padding: 0 15px; }
    .page-login .content .form .field .input .textbox .textbox-value .textbox-symbol-end {
      line-height: 48px;
      height: 48px;
      font-size: 1.6rem;
      padding: 0 15px; }
  .page-login .content .form .field .forgot-password {
    margin-left: auto;
    margin-top: 5px; }
  .page-login .content .form button.button-submit {
    border-radius: 10px; }
    .page-login .content .form button.button-submit .text {
      color: #242424;
      -webkit-text-fill-color: #242424;
      font-size: 1.6rem;
      text-transform: capitalize; }
    .page-login .content .form button.button-submit .button-submit-loading .loading.circle {
      border: 2px solid rgba(36, 36, 36, 0.4);
      border-left: 2px solid #242424; }

.page-forgot-password .header {
  padding-left: 30px;
  padding-right: 30px; }

.page-forgot-password .content {
  padding: 0 30px 80px; }
  .page-forgot-password .content .form .field .input .textbox .textbox-value {
    height: 50px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0);
    padding: 0; }
    .page-forgot-password .content .form .field .input .textbox .textbox-value .textbox-input {
      line-height: 48px;
      height: 48px;
      font-size: 1.6rem;
      padding: 0 15px; }
    .page-forgot-password .content .form .field .input .textbox .textbox-value .textbox-symbol-end {
      line-height: 48px;
      height: 48px;
      font-size: 1.6rem;
      padding: 0 15px; }
  .page-forgot-password .content .form .field .forgot-password {
    margin-left: auto;
    margin-top: 5px; }
  .page-forgot-password .content .form button.button-submit {
    border-radius: 10px; }
    .page-forgot-password .content .form button.button-submit .text {
      color: #242424;
      -webkit-text-fill-color: #242424;
      font-size: 1.6rem;
      text-transform: capitalize; }
    .page-forgot-password .content .form button.button-submit .button-submit-loading .loading.circle {
      border: 2px solid rgba(36, 36, 36, 0.4);
      border-left: 2px solid #242424; }

.generic-confirmation-dialog .dialog-container .dialog-compose .dialog-wrap .dialog-content {
  display: none; }

.generic-confirmation-dialog .dialog-container .dialog-compose .dialog-wrap .dialog-footer {
  position: static !important;
  margin-top: 10px; }

notification .notification {
  border-radius: 10px; }
  notification .notification .notification-icon {
    border-radius: 10px; }
  notification .notification .notification-details {
    padding-left: 10px; }
    notification .notification .notification-details .title {
      max-width: 440px;
      padding-right: 15px;
      font-size: 1.6rem;
      line-height: 2.2rem; }
    notification .notification .notification-details .description {
      padding-bottom: 5px;
      font-size: 1.2rem;
      line-height: 1.6rem;
      white-space: pre-wrap;
      opacity: 0.9; }
      notification .notification .notification-details .description::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      notification .notification .notification-details .description::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent; }
      notification .notification .notification-details .description::-webkit-scrollbar-thumb {
        background-color: #cecece;
        border-radius: 2.5px; }
  notification .notification .notification-close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: rgba(0, 0, 0, 0.3);
    font-size: 1.8rem;
    transition: color 0.2s ease; }
    @media only screen and (min-width: 64em) {
      notification .notification .notification-close:hover {
        color: #d9534f;
        border-radius: 2px;
        cursor: pointer; } }

notification .hide {
  -webkit-transform: translate(500px, 0);
  transform: translate(500px, 0);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 1, 1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 1, 1);
  pointer-events: auto; }

@keyframes keyframe-notification-slide-left {
  0% {
    transform: translateX(500px); }
  100% {
    transform: translateX(0); } }