@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 100;
  src: local("Roboto Thin Italic"),local(Roboto-ThinItalic),url(//fonts.gstatic.com/s/roboto/v18/12mE4jfMSBTmg-81EiS-YVQlYEbsez9cZjKsNMjLOwM.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v18/12mE4jfMSBTmg-81EiS-Yfk_vArhqVIZ0nv9q090hN8.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v18/12mE4jfMSBTmg-81EiS-YRsxEYwM7FgeyaSgU71cLG0.woff) format("woff");
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: local("Roboto Light Italic"),local(Roboto-LightItalic),url(//fonts.gstatic.com/s/roboto/v18/7m8l7TlFO-S3VkhHuR0at2fQcKutQXcIrRfyR5jdjY8.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v18/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v18/7m8l7TlFO-S3VkhHuR0at4bN6UDyHWBl620a-IRfuBk.woff) format("woff");
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"),local(Roboto-Italic),url(//fonts.gstatic.com/s/roboto/v18/OiNnAEwKzzJkQCr4qZmeq_esZW2xOQ-xsNqO47m55DA.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v18/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v18/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format("woff");
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: local("Roboto Medium Italic"),local(Roboto-MediumItalic),url(//fonts.gstatic.com/s/roboto/v18/OLffGBTaF0XFOW1gnuHF0WfQcKutQXcIrRfyR5jdjY8.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v18/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v18/OLffGBTaF0XFOW1gnuHF0YbN6UDyHWBl620a-IRfuBk.woff) format("woff");
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 700;
  src: local("Roboto Bold Italic"),local(Roboto-BoldItalic),url(//fonts.gstatic.com/s/roboto/v18/t6Nd4cfPRhZP44Q5QAjcC2fQcKutQXcIrRfyR5jdjY8.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v18/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v18/t6Nd4cfPRhZP44Q5QAjcC4bN6UDyHWBl620a-IRfuBk.woff) format("woff");
}
@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
  src: local("Roboto Black Italic"),local(Roboto-BlackItalic),url(//fonts.gstatic.com/s/roboto/v18/bmC0pGMXrhphrZJmniIZpWfQcKutQXcIrRfyR5jdjY8.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v18/bmC0pGMXrhphrZJmniIZpY4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v18/bmC0pGMXrhphrZJmniIZpYbN6UDyHWBl620a-IRfuBk.woff) format("woff");
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Thin"),local(Roboto-Thin),url(//fonts.gstatic.com/s/roboto/v18/PP2U5prMl9yvKSWVu6DtvPesZW2xOQ-xsNqO47m55DA.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v18/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v18/vzIUHo9z-oJ4WgkpPOtg1_esZW2xOQ-xsNqO47m55DA.woff) format("woff");
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"),local(Roboto-Light),url(//fonts.gstatic.com/s/roboto/v18/Hgo13k-tfSpn0qi1SFdUffY6323mHUZFJMgTvxaG2iE.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v18/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v18/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local(Roboto),local(Roboto-Regular),url(//fonts.gstatic.com/s/roboto/v18/5YB-ifwqHP20Yn46l_BDhA.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v18/2UX7WLTfW3W8TclTUvlFyQ.woff) format("woff");
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"),local(Roboto-Medium),url(//fonts.gstatic.com/s/roboto/v18/RxZJdnzeo3R5zSexge8UUfY6323mHUZFJMgTvxaG2iE.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v18/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v18/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"),local(Roboto-Bold),url(//fonts.gstatic.com/s/roboto/v18/d-6IYplOFocCacKzxwXSOPY6323mHUZFJMgTvxaG2iE.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v18/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v18/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
}
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: local("Roboto Black"),local(Roboto-Black),url(//fonts.gstatic.com/s/roboto/v18/mnpfi9pxYH-Go5UiibESIvY6323mHUZFJMgTvxaG2iE.eot?#) format("eot"),url(//fonts.gstatic.com/s/roboto/v18/mnpfi9pxYH-Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2) format("woff2"),url(//fonts.gstatic.com/s/roboto/v18/mnpfi9pxYH-Go5UiibESIj8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"),local(OpenSans-LightItalic),url(//fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxrXcjzEax2LfQAlK8DdMzhA.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxko2lTMeWA_kmIyWrkNCwPc.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.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.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBmfQcKutQXcIrRfyR5jdjY8.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans SemiBold Italic"),local(OpenSans-SemiBoldItalic),url(//fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxo8mkAiYpFywqG2RvpzBnTU.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxl2umOyRU7PgRiv8DXcgJjk.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"),local(OpenSans-BoldItalic),url(//fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxrFt29aCHKT7otDW9l62Aag.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans ExtraBold Italic"),local(OpenSans-ExtraBoldItalic),url(//fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxphT2rkLFFMVLymfgfmWVtI.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxnibbpXgLHK_uTT48UMyjSM.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxkCDe67GEgBv_HnyvHTfdew.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"),local(OpenSans-Light),url(//fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTXZ2MAKAc2x4R1uOSeegc5U.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"),local(OpenSans-Regular),url(//fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3fY6323mHUZFJMgTvxaG2iE.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"),local(OpenSans-SemiBold),url(//fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSnZ2MAKAc2x4R1uOSeegc5U.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"),local(OpenSans-Bold),url(//fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzHZ2MAKAc2x4R1uOSeegc5U.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"),local(OpenSans-ExtraBold),url(//fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-hnZ2MAKAc2x4R1uOSeegc5U.eot?#) format("eot"),url(//fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format("woff2"),url(//fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format("woff");
}
@font-face {
  font-family: monospace;
  font-style: italic;
  font-weight: 400;
  src: local("Menlo Italic"),local(Menlo-Italic),local("Consolas Italic"),local(Consolas-Italic),local("Courier New Italic");
}
@font-face {
  font-family: monospace;
  font-style: italic;
  font-weight: 700;
  src: local("Menlo Bold Italic"),local(Menlo-BoldItalic),local(Monaco),local("Consolas Bold Italic"),local(Consolas-BoldItalic),local("Courier New Bold Italic");
}
@font-face {
  font-family: monospace;
  font-style: normal;
  font-weight: 400;
  src: local("Menlo Regular"),local(Menlo-Regular),local(Monaco),local(Consolas),local("Courier New");
}
@font-face {
  font-family: monospace;
  font-style: normal;
  font-weight: 700;
  src: local("Menlo Bold"),local(Menlo-Bold),local(Monaco),local("Consolas Bold"),local(Consolas-Bold),local("Courier New Bold");
}
@font-face {
  font-family: sans-serif;
  font-style: italic;
  font-weight: 300;
  src: local("Helvetica Neue Light Italic"),local(HelveticaNeue-LightItalic),local("Helvetica Light Oblique"),local(Helvetica-LightOblique);
}
@font-face {
  font-family: sans-serif;
  font-style: italic;
  font-weight: 400;
  src: local("Helvetica Neue Italic"),local(HelveticaNeue-Italic),local("Helvetica Oblique"),local(Helvetica-Oblique);
}
@font-face {
  font-family: sans-serif;
  font-style: italic;
  font-weight: 700;
  src: local("Helvetica Neue Bold Italic"),local(HelveticaNeue-BoldItalic),local("Helvetica Bold Oblique"),local(Helvetica-BoldOblique);
}
@font-face {
  font-family: sans-serif;
  font-style: normal;
  font-weight: 300;
  src: local("Helvetica Neue Light"),local(HelveticaNeue-Light),local("Helvetica Light"),local(Helvetica-Light);
}
@font-face {
  font-family: sans-serif;
  font-style: normal;
  font-weight: 400;
  src: local(HelveticaNeue),local(Helvetica);
}
@font-face {
  font-family: sans-serif;
  font-style: normal;
  font-weight: 700;
  src: local("Helvetica Neue Bold"),local(HelveticaNeue-Bold),local("Helvetica Bold"),local(Helvetica-Bold);
}
/* DON'T do rgb() / rgba() here
 * you will want to be able to decide that later on
 */
/* base unit, all paddings, margins etc should be a multiple of this one */
/* $colorBlack: 12,12,12; */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/**
 * Add the correct display in IE 9-.
 */
article, aside, footer, header, nav, section {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption, figure, main {
  /* 1 */
  display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active, a:hover {
  outline-width: 0;
}
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b, strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio, video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"], [type="radio"] {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  width: auto !important;
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* This is a test, Normalize doesn't approve so I'm not sure we should either. */
input[type="search"] {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: searchfield;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}
/* end of test */

input, textarea {
  border: 0;
  color: rgb(50,50,50);
}
select, input, button {
  color: rgb(50,50,50);
  font-family: "Open Sans", "helvetica neue", helvetica, arial, sans-serif;
  line-height: initial;
}
*:focus, * {
  outline: 0;
}
* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}
:root {
  font-size: 15px;
  font-family: "Open Sans", "helvetica neue", helvetica, arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  background-color: rgb(255,255,255);
  line-height: normal;
  color: rgb(50,50,50);
  overflow: hidden;
}
:root.root__loggedOut {
  overflow: auto;
}
body {
  width: inherit;
  height: inherit;
  background-color: inherit;
  color: inherit;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
button {
  border: 0;
  cursor: pointer;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}
/* IMPORTANT ALL THE THINGS! Lecay is the worst */
.btn {
  white-space: nowrap;
  background-color: rgb(232,232,232);
  padding: calc(8 * 1px) calc(8 * 2px) !important;
  border-radius: 8px;
  border: 0;
  cursor: pointer;
  font-size: 14px;
  transition: box-shadow 0.1s;
  font-weight: 600;
}
.btn:disabled {
  background-color: rgb(232,232,232) !important;
  color: rgba(50,50,50, 0.3) !important;
  cursor: auto;
}
.btn:disabled:hover, .btn:disabled:focus {
  box-shadow: 0;
}
.btn:hover:not(:disabled), .btn:focus:not(:disabled) {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  text-decoration: none;
}
.btn:active {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}
.btn--small {
  font-size: 12px !important;
  padding: calc(8 * 1px) calc(8 * 2px) !important;
}
.btn--large {
  font-size: 22px !important;
  padding: calc(8 * 2px) calc(8 * 4px) !important;
}
.btn--white {
  color: rgb(37,74,93) !important;
  background-color: rgb(255,255,255) !important;
  transition: background-color 150ms ease;
}
.btn--white:hover:not(:disabled), .btn--white:focus:not(:disabled) {
  background-color: rgba(255,255,255, 0.9) !important;
}
.btn--white:disabled {
  cursor: auto;
  background-color: rgba(255,255,255, 0.5) !important;
}
.btn--transparentWhite {
  color: rgb(255,255,255) !important;
  background-color: transparent !important;
  transition: background-color 200ms ease;
}
.btn--transparentWhite:hover:not(:disabled), .btn--transparentWhite:focus:not(:disabled) {
  box-shadow: none;
  background-color: rgba(255,255,255, 0.1) !important;
}
.btn--primary {
  color: rgb(255,255,255) !important;
  background-color: rgb(99,189,148) !important;
}
.btn--primary:disabled {
  background-color: rgb(232,232,232) !important;
  color: rgba(50,50,50, 0.3) !important;
  cursor: auto;
}
.btn--primary:disabled:hover, .btn--primary:disabled:focus {
  box-shadow: 0;
}
.btn--danger {
  color: rgb(255,255,255) !important;
  background-color: rgb(215,98,98) !important;
}
.btn--danger:disabled {
  cursor: auto;
  background-color: rgba(215,98,98, 0.5) !important;
}
.btn--filterSelected, .btn--blue {
  color: rgb(255,255,255) !important;
  background-color: rgb(37,74,93) !important;
}
/*
 * Want line-break? insert    
     in your data-hint value
 * Default direction is to the right of the target element
 *
 */
[data-hint] {
  position: relative;
}
[data-hint]:hover:before, [data-hint]:hover:after {
  display: inline-block;
  position: absolute;
  z-index: 100;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: left;
}
[data-hint]:hover:after {
  content: attr(data-hint);
  text-transform: none;
  background-color: rgba(50,50,50,1);
  border-radius: 2px;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  right: -7px;
  top: 50%;
  padding: 6px 12px;
  color: rgb(255,255,255);
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  white-space: pre;
}
[data-hint][data-hint-big]:hover:after {
  width: 250px;
  white-space: pre-wrap;
}
[data-hint]:hover:before {
  content: '';
  border-right: 6px solid rgba(50,50,50,1);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  width: 0;
  height: 0;
  right: -2px;
  top: 50%;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
[data-hint][data-hint-big]:hover:after {
  width: 250px;
  white-space: pre-wrap;
}
[data-hint][data-hint-direction-left]:hover:after {
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  right: auto;
  left: -7px;
}
[data-hint][data-hint-direction-left]:hover:before {
  left: -2px;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  border-left: 6px solid rgba(50,50,50,1);
  border-right: 0;
}
[data-hint][data-hint-direction-up]:hover:after {
  -webkit-transform: translate(50%, -100%);
      -ms-transform: translate(50%, -100%);
          transform: translate(50%, -100%);
  top: -14px;
  right: 50%;
}
[data-hint][data-hint-direction-up]:hover:before {
  left: 50%;
  top: -2px;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  border-top: 6px solid rgba(50,50,50,1);
  border-bottom: 6px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
[data-hint][data-hint-direction-down]:hover:after {
  -webkit-transform: translate(50%, 100%);
      -ms-transform: translate(50%, 100%);
          transform: translate(50%, 100%);
  bottom: -14px;
  top: auto;
  right: 50%;
}
[data-hint][data-hint-direction-down]:hover:before {
  left: 50%;
  top: auto;
  bottom: -2px;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  border-top: 6px solid transparent;
  border-bottom: 6px solid rgba(50,50,50,1);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.layout__wrapper {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 100vh;
}
.layout__content {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.layout__content__main {
  padding-top: calc(8 * 2px);
  padding-left: calc(8 * 2px);
  padding-right: calc(8 * 2px);
  padding-bottom: calc(8 * 11px);
  font-size: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
@media only screen and (max-device-width: 1024px) {
  .layout__content__main {
    overflow-x: auto;
  }
}
.card {
  margin-top: 15px;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: rgb(255,255,255);
}
.devicePushBuffer {
  text-align: center;
  background-color: rgb(255,193,88);
}
.devicePushBuffer__inner {
  color: rgb(50,50,50);
  padding: calc(8 * 2px) calc(8 * 3px) calc(8 * 2px);
  position: relative;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.devicePushBuffer__inner button {
  margin: 0 calc(8 * 1px);
}
.devicePushBuffer__help {
  height: 15px;
  width: 15px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.devicePushBuffer__help:hover {
  background-color: rgba(255, 255, 255, 1);
}
.devicePushBuffer--warning {
  -webkit-animation-name: pusherSpasm;
          animation-name: pusherSpasm;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-iteration-count: 3;
          animation-iteration-count: 3;
  -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
@-webkit-keyframes pusherSpasm {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes pusherSpasm {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.feedback {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.feedback__message {
  text-align: center;
}
.feedback__message__inner {
  padding: calc(8 * 2px) calc(8 * 3px) calc(8 * 2px);
  position: relative;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.feedback__message__inner a, .feedback__message__inner button {
  margin: 0 calc(8 * 1px);
}
.feedback__message__inner__help {
  height: 15px;
  width: 15px;
  background-color: rgba(255, 255, 255, 0.5);
  color: rgb(50,50,50);
  border-radius: 50%;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.feedback__message__inner__help:hover {
  background-color: rgba(255, 255, 255, 1);
}
.feedback__message--danger {
  color: rgb(255,255,255);
  background-color: rgb(215,98,98);
}
.feedback__message--warning {
  color: rgb(50,50,50);
  background-color: rgb(255,193,88);
}
.feedback__message--success {
  background-color: rgb(99,189,148);
  color: rgb(50,50,50);
}
.editMessages {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.editMessages > div {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  margin-right: 5px;
}
.u--basePadding {
  padding-top: calc(8 * 2px);
  padding-right: calc(8 * 3px);
  padding-bottom: calc(8 * 3px);
  padding-left: calc(8 * 3px);
}
.u--greyBox {
  display: inline-block;
  padding-top: calc(8 * 2px);
  padding-right: calc(8 * 3px);
  padding-bottom: calc(8 * 3px);
  padding-left: calc(8 * 3px);
  background-color: rgb(245,245,245);
  border-radius: 8px;
}
.u--marginVerticalMedium {
  margin-top: calc(8 * 3px);
  margin-bottom: calc(8 * 3px);
}
.u--card {
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3),
      0 1px 3px 1px rgba(60, 64, 67, 0.15);
  background-color: rgb(255, 255, 255);
}
.u--floatRight {
  float: right;
}
.u--positionRelative {
  position: relative;
}
.u--absoluteTopRight {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.u--inlineBlock {
  display: inline-block;
}
.u--block {
  display: block;
}
.u--fixedFooterControls {
  position: fixed;
  bottom: 0;
  left: 256px;
  right: 0;
  background-color: rgb(255,255,255);
  border-top: 1px solid rgb(156,219,217);
  z-index: 1;
}
@media only screen and (max-device-width: 1024px) {
  .u--fixedFooterControls {
    left: 0;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.u--fixedFooterControls > div {
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 10px;
  margin: 0 auto;
}
.u--genericBlankState {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 15px;
}
.u--centerText {
  text-align: center !important;
}
.u--lightText {
  font-weight: 300;
}
.u--normalText {
  font-weight: 500;
}
.u--boldText {
  font-weight: 700;
}
.u--leftAlignText {
  text-align: left !important;
}
.u--rightAlignText {
  text-align: left !important;
}
.u--breakOut {
  position: absolute;
  left: 0;
  right: 0;
  padding-left: calc(8 * 3px);
  padding-right: calc(8 * 3px);
}
.u--breakOut__inner {
  display: inline-block;
  max-width: 100%;
}
.u--qMark, .u--questionMark {
  display: inline-block;
  background-color: rgb(232,232,232);
  border-radius: 50%;
  font-size: 11px;
  width: 18px;
  height: 18px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.u--hugeHeader {
  font-size: 80px;
}
.u--sectionHeader {
  margin-top: calc(8 * 3px);
  margin-bottom: calc(8 * 1px);
}
.u--statBox {
  text-align: center;
}
.u--statBox span {
  font-size: 13px;
}
.u--statBox div {
  margin-top: calc(8 * 1px);
  font-size: 40px;
  font-family: monospace;
}
.u--headerActionContainer {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.u--headerActionContainer h1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-device-width: 1024px) {
  .u--headerActionContainer {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.u--headerActionContainer > :not(:last-child) {
  margin-right: calc(8 * 2px);
}
@media only screen and (max-device-width: 1024px) {
  .u--headerActionContainer > :not(:last-child) {
    margin-bottom: 10px;
  }
}
.u--successText {
  color: rgb(99,189,148);
}
.u--warningText {
  color: rgb(255,193,88);
}
.u--dangerText {
  color: rgb(215,98,98);
}
.u--noWrapEllipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.u--tinyText {
  font-size: 12px;
}
.u--toggleSwitch {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 60px;
  border-radius: 50px;
  transition: background-color 200ms ease;
}
.u--toggleSwitch .knob {
  position: absolute;
  top: 2px;
  height: 26px;
  width: 26px;
  background-color: white;
  border-radius: 50px;
  transition: left 200ms ease;
}
.u--toggleSwitch.on {
  background-color: rgb(99,189,148);
}
.u--toggleSwitch.on .knob {
  left: 32px;
}
.u--toggleSwitch.off {
  background-color: rgb(255,193,88);
}
.u--toggleSwitch.off .knob {
  left: 2px;
}
.u--betaSup {
  text-transform: uppercase;
  font-weight: 800;
  color: rgb(255,255,255);
  background-color: rgb(215,98,98);
  border-radius: 50px;
  margin-left: 0.3em;
  padding: 0em 0.6em;
  font-size: 0.4em;
  top: -1em;
}
.u--betaSup--tiny {
  font-size: 0.6em;
}
.dropdownComponent__container {
  display: none;
  position: absolute;
  z-index: 100;
  background-color: rgb(255,255,255);
  padding: 0;
  border: 1px solid rgb(232,232,232);
  box-shadow: 0 2px 8px -1px rgba(0,0,0,.2);
  margin-bottom: 100px;
}
.dropdownComponent__container__list {
  padding: 0;
  list-style: none;
}
.dropdownComponent__container__list li {
  text-overflow: ellipsis;
  cursor: pointer;
  padding: 5px 10px;
}
.dropdownComponent__container__list li.selected:before, .dropdownComponent__container__list li.deselected:before, .dropdownComponent__container__list li.beforeSelected:before {
  content: '';
  width: 22px;
  height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 17px;
  margin-right: 5px;
  opacity: .7;
}
.dropdownComponent__container__list li.beforeSelected:before {
  background-image: url(/img/icons/core/minus-square.svg);
}
.dropdownComponent__container__list li.selected:before {
  background-image: url(/img/icons/core/check-square.svg);
}
.dropdownComponent__container__list li.deselected:before {
  background-image: url(/img/icons/core/square.svg);
}
.dropdownComponent__container__list li[data-selected] {
  background-color: rgb(232,232,232);
}
.dropdownComponent__container__list li.disabled {
  color: rgba(50,50,50,.5);
}
.dropdownComponent__container__list li.danger {
  color: rgb(215,98,98);
}
.dropdownComponent__container__list li.danger[data-selected] {
  background-color: rgb(215,98,98) !important;
  color: rgb(255,255,255);
}
.tableModule {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
  margin: 0 calc(8 * 2px);
  display: inline-table;
}
.tableModule__container {
  position: relative;
  display: inline-block;
  padding-bottom: calc(8 * 2px);
}
.tableModule__stickyHeader {
  position: absolute;
}
.tableModule__stickyHeader__inner {
  position: absolute;
  overflow: hidden;
}
.tableModule__stickyHeader__table {
  position: absolute;
  top: 0;
}
.tableModule tr {
  background-color: rgb(255,255,255);
}
.tableModule tr.linkingRow:not(.disabled):not(.noHover) {
  cursor: pointer;
}
.tableModule tr.linkingRow:not(.disabled):not(.noHover):hover {
  background-color: rgb(245,245,245);
}
.tableModule tr:focus {
  background-color: rgb(245,245,245);
}
.tableModule tr.disabled {
  opacity: 0.3;
}
.tableModule tr.danger {
  box-shadow: inset 6px 0 rgb(215,98,98);
}
.tableModule tr.warning {
  box-shadow: inset 6px 0 rgb(255,193,88);
}
.tableModule th {
  color: rgba(50,50,50, 0.7);
  background-color: rgb(255,255,255);
  font-weight: 500;
  transition: color 0.2s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 20px 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tableModule td {
  padding: 15px 30px;
}
.tableModule th, .tableModule td {
  border-bottom: 1px solid rgb(232,232,232);
  text-overflow: ellipsis;
  background: transparent;
  position: relative;
}
.tableModule th a, .tableModule td a {
  color: rgb(37,74,93);
}
.tableModule th.filterClearer, .tableModule td.filterClearer {
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 0.8em;
  cursor: pointer;
  padding: 0.7em;
  background: rgba(0, 0, 0, 0.02);
  color: rgba(0, 0, 0, 0.5);
}
.tableModule th.filterClearer:hover, .tableModule td.filterClearer:hover {
  color: rgba(0, 0, 0, 1);
}
.tableModule th.blankState, .tableModule td.blankState {
  text-align: center;
  color: rgba(50,50,50, 0.8);
}
.tableModule th.extraHover:hover, .tableModule td.extraHover:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.tableModule th .moreOptions, .tableModule td .moreOptions {
  display: block;
  width: 22px;
  height: 22px;
  background-image: url(/img/icons/core/more-horizontal.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 0.6;
  border-bottom: 1px solid transparent;
  transition: opacity 0.2s ease;
}
.tableModule th .moreOptions:focus, .tableModule td .moreOptions:focus {
  border-bottom: 1px solid rgb(156,219,217);
}
.tableModule th .moreOptions:hover, .tableModule th .moreOptions:focus, .tableModule td .moreOptions:hover, .tableModule td .moreOptions:focus {
  opacity: 1;
}
.tableModule th ul, .tableModule td ul {
  list-style: none;
  padding: 0;
}
.tableModule th ul li, .tableModule td ul li {
  white-space: nowrap;
}
.tableModule th[data-searchable]:before, .tableModule th[data-sort-direction="asc"]:before, .tableModule th[data-sort-direction="desc"]:before, .tableModule th[data-filterable]:before, .tableModule td[data-searchable]:before, .tableModule td[data-sort-direction="asc"]:before, .tableModule td[data-sort-direction="desc"]:before, .tableModule td[data-filterable]:before {
  content: "";
  width: 17px;
  height: 17px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  left: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.6;
}
.tableModule th[data-filterable], .tableModule td[data-filterable] {
  cursor: pointer;
}
.tableModule th[data-filterable]:hover, .tableModule td[data-filterable]:hover {
  color: rgba(50,50,50, 0.9);
}
.tableModule th[data-filterable]:before, .tableModule td[data-filterable]:before {
  opacity: 0.3;
  background-image: url(/img/icons/core/filter.svg);
}
.tableModule th[data-activeFilters]:before, .tableModule td[data-activeFilters]:before {
  opacity: 0.6;
}
.tableModule th[data-sortable], .tableModule td[data-sortable] {
  cursor: pointer;
}
.tableModule th[data-sortable]:hover, .tableModule td[data-sortable]:hover {
  color: rgba(50,50,50, 0.9);
}
.tableModule th[data-sort-direction="desc"]:before, .tableModule td[data-sort-direction="desc"]:before {
  background-image: url(/img/icons/arrows/arrow-down.svg);
}
.tableModule th[data-sort-direction="asc"]:before, .tableModule td[data-sort-direction="asc"]:before {
  background-image: url(/img/icons/arrows/arrow-up.svg);
}
.tableModule th[data-searchable], .tableModule td[data-searchable] {
  cursor: pointer;
}
.tableModule th[data-searchable].globalSearch, .tableModule td[data-searchable].globalSearch {
  text-overflow: unset;
}
.tableModule th[data-searchable].globalSearch input.searchInput, .tableModule td[data-searchable].globalSearch input.searchInput {
  width: 100%;
}
.tableModule th[data-searchable] .text, .tableModule td[data-searchable] .text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: top, font-size;
  transition: font-size 0.1s, top 0.1s;
}
.tableModule th[data-searchable] .searchInput, .tableModule td[data-searchable] .searchInput {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 0.5s ease;
  opacity: 0;
  border: 1px solid rgb(37,74,93);
  border-radius: 3px;
  padding: 3px 5px;
}
.tableModule th[data-searchable]:before, .tableModule td[data-searchable]:before {
  background-image: url(/img/icons/core/search.svg);
  opacity: 0.3;
}
.tableModule th[data-searchable].active .text, .tableModule td[data-searchable].active .text {
  font-size: 13px;
  top: 17%;
}
.tableModule th[data-searchable].active .searchInput, .tableModule td[data-searchable].active .searchInput {
  visibility: visible;
  opacity: 1;
}
.tableModule th[data-searchable].active:before, .tableModule td[data-searchable].active:before {
  opacity: 0.6;
}
.tableModule th.danger, .tableModule td.danger, .tableModule li.danger {
  color: rgb(215,98,98);
}
.tableModule th.success, .tableModule td.success, .tableModule li.success {
  color: rgb(99,189,148);
}
.tableModule th.warning, .tableModule td.warning, .tableModule li.warning {
  color: rgb(255,193,88);
}
.tableModule th.medium, .tableModule td.medium, .tableModule li.medium {
  font-weight: 600;
}
.tableModule th.noBreak, .tableModule td.noBreak, .tableModule li.noBreak {
  white-space: nowrap;
}
.dialog {
  position: fixed;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dialog__content {
  background-color: rgb(255, 255, 255);
  padding: 1rem 2rem;
  border-radius: 2px;
  margin: 1em;
  max-height: 90vh;
  max-width: 800px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dialog__content__header {
  padding: 1rem 0;
  font-size: 1.5em;
}
.dialog__content__body {
  padding: 1rem 0;
  overflow: auto;
}
.dialog__content__footer {
  padding-top: 1rem;
  text-align: right;
}
.dialog__content__footer__button {
  margin-left: 1em;
}
.dialog__content__footer__button--alignLeft {
  float: left;
  margin-left: 0;
  margin-right: 1em;
}
.dialog__content__form {
  margin: 0;
}
.dialog__content__form label {
  display: block;
  float: none;
}
.dialog__content__form input, .dialog__content__form textarea {
  width: 100%;
  margin-bottom: 1em;
}
.tabs {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(50,50,50, 0.3);
}
.tabs__tab {
  color: rgba(50,50,50, 0.8);
  padding: calc(8 * 2px);
  margin-bottom: -1px;
}
.tabs__tab.active {
  color: rgba(50,50,50, 1);
  border-bottom: 1px solid rgb(50,50,50);
}
.form__columns {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}
@media only screen and (max-device-width: 1024px) {
  .form__columns {
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (min-device-width: 1025px) {
  .form__columns__column:not(:first-child) {
    padding-left: calc(8 * 5px);
  }
}
.form__row {
  margin-top: calc(8 * 2px);
}
.form__row label {
  display: block;
  font-weight: 600;
}
.form__row textarea {
  max-width: 400px;
}
.form__row textarea, .form__row input, .form__row__input {
  border: 1px solid rgb(37,74,93);
  padding: calc(8 * 1px) calc(8 * 1.5px);
  border-radius: 3px;
}
.form__row textarea:-moz-read-only, .form__row input:-moz-read-only, .form__row__input:-moz-read-only {
  background-color: rgba(232,232,232, 1);
}
.form__row textarea:read-only, .form__row input:read-only, .form__row__input:read-only {
  background-color: rgba(232,232,232, 1);
}
.form__row--error label {
  color: rgb(215,98,98);
}
.form__row--error input, .form__row--error textarea {
  border: 1px solid rgb(215,98,98);
}
.form__actions {
  border-top: 1px solid rgb(156,219,217);
  padding: calc(8 * 1px) 0;
  margin-top: calc(8 * 3px);
}
.nav {
  font-family: "Roboto";
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgb(37,74,93);
  color: rgba(255,255,255, 0.9);
  min-height: 100vh;
  width: 256px;
  padding-bottom: calc(8 * 3px);
}
@media only screen and (max-device-width: 1024px) {
  .nav {
    display: none;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    bottom: 0;
  }
}
.nav__toggle {
  display: none;
  z-index: 3;
  padding: 10px;
  background-color: rgb(37,74,93);
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
}
@media only screen and (max-device-width: 1024px) {
  .nav__toggle {
    display: block;
  }
}
.nav__toggle img {
  vertical-align: middle;
  stroke: white;
}
.nav__logo {
  padding: calc(8 * 2px) calc(8 * 3px);
}
@media only screen and (max-device-width: 1024px) {
  .nav__logo {
    margin-left: 20px;
  }
}
.nav__logo img {
  width: 100px;
}
.nav__main {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  border-color: rgba(156,219,217, 0.2);
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0;
  border-bottom-width: 1px;
  border-left-width: 0;
}
.nav__item {
  padding-top: calc(8 * 0.7px);
  padding-right: calc(8 * 3px);
  padding-bottom: calc(8 * 0.7px);
  padding-left: calc(8 * 3px);
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: rgba(255,255,255, 0.8);
}
.nav__item:hover {
  text-decoration: none;
  background-color: rgba(255,255,255, 0.1);
}
.nav__item.active {
  color: rgb(156,219,217);
}
.nav__group {
  //: rgba(50,50,50, 0.3);
  border-color: rgba(156,219,217, 0.2);
  border-style: solid;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 1px;
  border-left-width: 0;
  padding-bottom: calc(8 * 3px);
}
.nav__group__header {
  padding: calc(8 * 2px) calc(8 * 3px) calc(8 * 2px);
  font-weight: 500;
  font-size: 15px;
}
.nav__splitRow {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: calc(8 * 2px);
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav__splitRow__left {
  color: rgba(255,255,255, 0.8);
  font-size: 14px;
}
.nav__splitRow__left__tinyTitle {
  font-size: 11px;
}
.nav__logout {
  padding-top: calc(8 * 2px);
  padding-bottom: calc(8 * 2px);
}
.subscriptions {
  background-color: rgb(255,255,255);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: calc(8 * 3px);
}
.subscriptions__header {
  font-size: 70px;
  margin-top: calc(8 * 8px);
}
.subscriptions__billing-period {
  margin-top: calc(8 * 7px);
  margin-bottom: calc(8 * 2px);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subscriptions__billing-period > {
  -webkit-flex-basis: 33%;
      -ms-flex-preferred-size: 33%;
          flex-basis: 33%;
}
.subscriptions__billing-period__period-label {
  font-size: 17px;
  font-weight: 600;
  color: rgba(50,50,50, 0.5);
  transition: color 250ms ease;
  cursor: pointer;
}
.subscriptions__billing-period__period-label.active {
  color: rgba(50,50,50, 0.8);
}
.subscriptions__billing-period__toggle {
  margin: 0 calc(8 * 2px);
  width: 80px;
  height: 40px;
  background-color: rgb(232,232,232);
  border-radius: 50px;
  position: relative;
  cursor: pointer;
}
.subscriptions__billing-period__toggle:before {
  transition: left 250ms ease;
  content: "";
  width: 30px;
  height: 30px;
  background-color: rgb(255,255,255);
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
}
.subscriptions__billing-period__toggle[data-toggled="monthly"]:before {
  left: 5px;
}
.subscriptions__billing-period__toggle[data-toggled="yearly"]:before {
  left: 45px;
}
.subscriptions__plans {
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: calc(8 * 6px);
}
.subscriptions__footNote {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  margin-bottom: 0;
}
.subscriptions__readMore {
  color: rgba(37,74,93, 0.8);
  font-size: 20px;
  margin-top: 18px;
}
.subscriptions__faq {
  margin-top: 40px;
  max-width: 700px;
}
.pricing-table {
  border-radius: 8px;
  border-collapse: collapse;
  border: 0;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
  max-width: 1000px;
}
.pricing-table__plan__name {
  font-weight: 500;
}
.pricing-table__plan__price-tag {
  font-size: 28px;
}
.pricing-table__header__cell {
  padding-top: calc(8 * 4px);
  padding-right: calc(8 * 2px);
  padding-bottom: calc(8 * 3px);
  padding-left: calc(8 * 2px);
  text-align: left;
  background-color: rgb(245,245,245);
  vertical-align: middle;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.6);
}
.pricing-table__header__cell p {
  margin-top: calc(8 * 1px);
  margin-bottom: 0;
}
.pricing-table__header__cell--products {
  width: 230px;
}
.pricing-table__header__cell--basic {
  color: rgb(255,255,255);
  background-color: rgb(156,219,217);
}
.pricing-table__header__cell--standard {
  color: rgb(255,255,255);
  background-color: rgb(37,74,93);
}
.pricing-table__header__cell--professional {
  color: rgb(255,255,255);
  background-color: rgb(99,189,148);
}
.pricing-table__header__cell--enterprise {
  color: rgb(255,255,255);
  background-color: rgb(50,50,50);
}
.pricing-table__body {
  border-right: 2px solid rgb(232,232,232);
}
.pricing-table__body__row {
  border: 1px solid rgb(245,245,245);
}
.pricing-table__body__cell {
  border-right: 1px solid rgb(232,232,232);
  padding: calc(8 * 2px);
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
}
.pricing-table__body__cell--yes {
  color: rgb(99,189,148);
}
.pricing-table__body__cell--no {
  color: rgb(215,98,98);
}
.pricing-table__body__cell--category {
  text-align: left;
  font-weight: 500;
  vertical-align: middle;
  white-space: nowrap;
}
.pricing-table__body__cell--enterprise {
  background-color: rgb(245,245,245);
}
.pricing-table__footer__cell {
  padding: calc(8 * 2px);
  background-color: rgb(245,245,245);
  vertical-align: middle;
  text-align: center;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.6);
}
.pricing-table__footer__cell p {
  margin-top: calc(8 * 1px);
  margin-bottom: calc(8 * 2px);
}
.pricing-table__footer__cell--basic {
  color: rgb(255,255,255);
  background-color: rgb(156,219,217);
}
.pricing-table__footer__cell--standard {
  color: rgb(255,255,255);
  background-color: rgb(37,74,93);
}
.pricing-table__footer__cell--professional {
  color: rgb(255,255,255);
  background-color: rgb(99,189,148);
}
.pricing-table__footer__cell--enterprise {
  color: rgb(255,255,255);
  background-color: rgb(50,50,50);
}

/* Page specific files */
.login {
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  background-color: rgb(39, 74, 92);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgb(255, 255, 255);
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.login__logoWrapper {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  margin-top: 5vh;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.login__logo {
  width: 320px;
}
.login__error__goToBooking {
  margin-bottom: 16px;
}
.login__input, .login__button {
  display: block;
  border-radius: 2px;
  margin-bottom: 8px;
  font-size: 24px;
  padding: 15px 20px;
  background-color: rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
}
.login__input {
  width: 100%;
  max-width: 450px;
}
.login__button {
  margin: 15px auto 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  padding: 19px 40px;
}
.login__button:hover, .login__button:focus, .login__input:hover, .login__input:focus {
  background-color: rgba(255, 255, 255, 0.15);
}
.login__label {
  font-size: 20px;
  font-weight: bold;
  margin-left: 8px;
  margin-bottom: 5px;
}
.login__footerText {
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.login__footerText p {
  text-align: center;
  width: 100%;
}
.login__ula {
  opacity: 0.5;
  text-align: center;
  transition: opacity 0.5s ease;
}
.login__ula:hover {
  opacity: 1;
}
.login__ula:hover a {
  text-decoration: underline;
}
.invite {
  width: 100%;
  min-height: 100vh;
  overflow-y: auto;
  background-color: rgb(37,74,93);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgb(255, 255, 255);
  font-size: 1.21rem;
}
@media print {
  .invite {
    color: rgb(50,50,50);
  }
}
.invite a[href] {
  text-decoration: underline;
}
.invite a:hover {
  text-decoration: none;
}
.invite p {
  text-align: center;
}
.invite__content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 60px 20px;
  max-width: 350px;
}
.invite__list {
  margin: 10px 0 0;
}
.invite__list li:not(:last-child) {
  margin-bottom: 12px;
}
.invite__code {
  margin-top: 30px;
  margin-bottom: 25px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.invite__code__qr {
  border-radius: 12px;
}
.invite__code__or {
  margin-top: 1em;
  font-size: 15px;
}
.invite__code__copyPaste {
  margin-top: 0.3em;
}
.invite__code__textCode {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: monospace;
  border-radius: 8px;
  border-width: 3px;
  border-color: white;
  border-style: solid;
}
.invite__code__textCode__box {
  padding: 8px 10px;
}
.invite__code__textCode__copyButton {
  display: none;
  margin-top: -1px;
  padding: 0px 10px;
  background-color: white;
  font-size: 14px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: rgb(50, 50, 50);
  cursor: pointer;
}
.invite.isMobile .invite__code__textCode__copyButton {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.invite__extras {
  font-size: 0.9rem;
}
.invite__logo {
  margin-top: 10px;
  width: 100px;
}
.invite__logo--print {
  display: none;
}
@media print {
  .invite__logo--print {
    display: inline;
  }
}
@media print {
  .invite__logo--nonPrint {
    display: none;
  }
}
.invite__goBackButton {
  margin-top: 40px;
}
.dcu {
  position: relative;
  max-width: 900px;
}
.dcu.locked .dcuLock {
  display: block;
}
.dcu__configSection {
  position: relative;
}
.dcu__configSection--couplings input {
  padding: 7px 0 !important;
}
.dcu__configSection--environment.locked .environmentLock {
  display: block;
}
.dcu__configSection__lock {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  background-color: rgba(255,255,255, 0.9);
  text-align: center;
  padding-top: 110px;
}
.dcu__configSection__lock button {
  margin-top: 10px;
}
.dcu__configSection__lock span {
  font-size: 30px;
}
.dcu__configSection__lock span span {
  font-weight: 600;
}
.dcu__configs {
  padding-bottom: 50px;
}
.dcu__configs h2 {
  margin-top: 80px;
  font-size: 28px;
  font-weight: normal;
  padding-bottom: 0;
}
.dcu__configs h3 {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 500;
}
.dcu__configs h3:not(:first-of-type) {
  margin-top: 40px;
}
.dcu__configs table {
  table-layout: fixed;
  /* CSS reset for table, apply globally when possible and remove from here */
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.dcu__configs table tr:hover td select, .dcu__configs table tr:hover td input, .dcu__configs table tr:hover [data-inputRs485-display], .dcu__configs table tr:hover [data-output-display] {
  border-bottom: 1px dashed rgb(206, 206, 206) !important;
}
.dcu__configs table tr:hover td.dcu__configs__removeOption > * {
  display: block;
}
.dcu__configs table tr th {
  font-size: 16px;
  color: rgb(74, 74, 74);
  font-weight: normal;
}
.dcu__configs table tr th, .dcu__configs table tr td {
  text-overflow: ellipsis;
  border: 0;
  border-bottom: 1px solid rgb(206, 206, 206);
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 25px;
}
.dcu__configs table tr th:nth-child(1), .dcu__configs table tr td:nth-child(1) {
  text-align: center;
  padding-left: 0;
  width: 30px;
  color: rgb(155, 155, 155);
}
.dcu__configs table tr th select, .dcu__configs table tr th input, .dcu__configs table tr th [data-inputRs485-display], .dcu__configs table tr th [data-output-display], .dcu__configs table tr td select, .dcu__configs table tr td input, .dcu__configs table tr td [data-inputRs485-display], .dcu__configs table tr td [data-output-display] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0 !important;
  background-color: transparent;
  /* LEGACY FIX */
  font-size: 16px !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
}
.dcu__configs table tr th select:hover, .dcu__configs table tr th input:hover, .dcu__configs table tr th [data-inputRs485-display]:hover, .dcu__configs table tr th [data-output-display]:hover, .dcu__configs table tr td select:hover, .dcu__configs table tr td input:hover, .dcu__configs table tr td [data-inputRs485-display]:hover, .dcu__configs table tr td [data-output-display]:hover {
  border-bottom: 1px solid rgb(206, 206, 206) !important;
}
.dcu__configs table tr th select:focus, .dcu__configs table tr th input:focus, .dcu__configs table tr th [data-inputRs485-display]:focus, .dcu__configs table tr th [data-output-display]:focus, .dcu__configs table tr td select:focus, .dcu__configs table tr td input:focus, .dcu__configs table tr td [data-inputRs485-display]:focus, .dcu__configs table tr td [data-output-display]:focus {
  border-bottom: 1px solid rgb(156,219,217) !important;
}
.dcu__configs table tr th input, .dcu__configs table tr td input {
  border-bottom: 1px dashed transparent !important;
  text-overflow: ellipsis;
  width: 100%;
}
.dcu__configs table tr th select, .dcu__configs table tr td select {
  background-image: url(/img/expandArrow.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 0.8em;
  padding-top: 7px;
  padding-right: 16px;
  padding-bottom: 7px;
  padding-left: 0;
  cursor: pointer;
  max-width: 100%;
}
.dcu__configs .newRowTemplate {
  display: none;
}
.dcu__configs__removeOption {
  padding-right: 10px !important;
}
.dcu__configs__removeOption > span {
  display: none;
  height: 1.2em;
  width: 1.2em;
  float: right;
  opacity: 0.6;
  background-image: url(/img/icons/core/x-square.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: opacity;
}
.dcu__configs__removeOption > span:hover {
  opacity: 1;
}
.dcu__configs__addRow {
  color: rgb(155, 155, 155);
  border: 0;
  border-bottom: 1px solid rgb(206, 206, 206);
  cursor: pointer;
  padding: 16px;
  text-align: center;
}
.dcu__configs__addRow:hover, .dcu__configs__addRow:focus {
  color: rgb(50,50,50);
}
.dcu__configs__addRow:focus {
  border-bottom: 1px solid rgb(156,219,217) !important;
}
.dcu__configs__slaves__mailbox__number__label {
  font-size: 0.7em;
}
.dcu__configs__slaves__mailbox__number__input {
  width: 3em !important;
  text-align: center;
}
.dcu__configs__slaves th:nth-child(2), .dcu__configs__slaves td:nth-child(2) {
  text-align: left;
  width: 300px;
}
.dcu__configs__slaves th:nth-child(3), .dcu__configs__slaves td:nth-child(3) {
  text-align: center;
  width: 80px;
}
.dcu__configs__slaves th:nth-child(4), .dcu__configs__slaves td:nth-child(4) {
  text-align: center;
  width: 180px;
}
.dcu__configs__slaves th:nth-child(5), .dcu__configs__slaves td:nth-child(5) {
  text-align: left;
  width: 300px;
}
.dcu__configs__input th:nth-child(2), .dcu__configs__input td:nth-child(2) {
  text-align: left;
  width: 200px;
}
.dcu__configs__input th:nth-child(3), .dcu__configs__input td:nth-child(3) {
  text-align: left;
}
.dcu__configs__output th:nth-child(2), .dcu__configs__output td:nth-child(2) {
  text-align: left;
  width: 200px;
}
.dcu__configs__output th:nth-child(3), .dcu__configs__output td:nth-child(3) {
  text-align: left;
}
.dcu__configs__environment {
  margin-top: 60px;
}
.dcu__configs__environment__blankState {
  text-align: center;
  margin-top: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 1px solid rgb(206, 206, 206);
  border-bottom: 1px solid rgb(206, 206, 206);
  display: none;
}
.dcu__configs__environment__blankState--show {
  display: block;
}
.dcu__configs__environment:first-of-type {
  margin-top: 20px;
}
.dcu__configs__environment:hover .dcu__configs__environmentName {
  border-bottom: 1px dashed rgb(206, 206, 206) !important;
}
.dcu__configs__environment__moreOptions {
  opacity: 0;
  float: right;
  transition: opacity 0.2s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: opacity;
  width: 22px;
  height: 22px;
  background-image: url(/img/icons/core/more-horizontal.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 0.6;
  border-bottom: 1px solid transparent;
  transition: opacity 0.2s ease;
}
.dcu__configs__environment__moreOptions:focus {
  border-bottom: 1px solid rgb(156,219,217);
}
.dcu__configs__environment__moreOptions:hover, .dcu__configs__environment__moreOptions:focus {
  opacity: 1;
}
.dcu__configs__environment__moreOptions:focus {
  opacity: 1;
}
.dcu__configs__environment:hover .dcu__configs__environment__moreOptions {
  opacity: 0.6;
}
.dcu__configs__environment:hover .dcu__configs__environment__moreOptions:hover {
  opacity: 1;
}
.dcu__configs__environment .dcu__configs__environmentName:hover {
  border-bottom: 1px solid rgb(206, 206, 206) !important;
}
.dcu__configs__environment .dcu__configs__environmentName:focus {
  border-bottom: 1px solid rgb(156,219,217) !important;
}
.dcu__configs__environment__advancedSettings {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.dcu__configs__environment__advancedSettings table {
  display: none;
}
.dcu__configs__environment__advancedSettings--show {
  height: auto;
  opacity: 1;
  margin-top: 5px !important;
  margin-bottom: 30px !important;
}
.dcu__configs__environment__advancedSettings--show table {
  display: table;
}
.dcu__configs__environment__advancedSettings th, .dcu__configs__environment__advancedSettings td {
  text-align: left !important;
}
.dcu__configs__environment__advancedSettings td {
  color: rgb(50,50,50) !important;
}
.dcu__configs__environment__advancedSettings__timeAdjustment {
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dcu__configs__environment__advancedSettings__timeAdjustment__arguments {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.dcu__configs__environment__advancedSettings__timeAdjustment__title {
  font-weight: 600;
}
.dcu__configs__environment__advancedSettings__timeAdjustment__startTime {
  border: 0;
  border-bottom: 1px solid rgb(206, 206, 206);
}
.dcu__configs__environment__advancedSettings__timeAdjustment__startTime, .dcu__configs__environment__advancedSettings__timeAdjustment__endTime {
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: baseline;
     -moz-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-left: 40px;
  padding: 8px;
}
.dcu__configs__environment__advancedSettings__timeAdjustment__startTime__select, .dcu__configs__environment__advancedSettings__timeAdjustment__endTime__select {
  margin-right: 5px;
}
.dcu__configs__environment__advancedSettings__timeAdjustment__startTime__select select, .dcu__configs__environment__advancedSettings__timeAdjustment__endTime__select select {
  padding-bottom: 4px !important;
}
.dcu__configs__environment__advancedSettings__timeAdjustment__startTime__input, .dcu__configs__environment__advancedSettings__timeAdjustment__endTime__input {
  width: 3.2em;
}
.dcu__configs__environment__advancedSettings__timeAdjustment__startTime__input input, .dcu__configs__environment__advancedSettings__timeAdjustment__endTime__input input {
  text-align: right;
}
.dcu__configs__environmentTable th select, .dcu__configs__environmentTable td select {
  display: block;
}
.dcu__configs__environmentTable th:nth-child(2), .dcu__configs__environmentTable td:nth-child(2) {
  text-align: left;
  width: 260px;
}
.dcu__configs__environmentTable th:nth-child(3), .dcu__configs__environmentTable td:nth-child(3) {
  text-align: center;
  width: 340px;
}
.dcu__configs__environmentTable th:nth-child(4), .dcu__configs__environmentTable td:nth-child(4) {
  text-align: left;
  width: 260px;
}
.dcu__configs__environmentTable__function__inputLabel {
  font-weight: bold;
  margin-top: 15px;
  display: block;
}
.dcu__configs__environmentTable__function td {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.dcu__configs__environmentTable__function [data-inputRs485-display], .dcu__configs__environmentTable__function [data-output-display] {
  position: relative;
  padding-right: 15px;
  overflow: hidden;
}
.dcu__configs__environmentTable__function [data-inputRs485-display]:after, .dcu__configs__environmentTable__function [data-output-display]:after {
  content: "";
  background-image: url(/img/expandArrow.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 12px;
  height: 12px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
}
.dcu__configs__environmentTable__function [data-inputRs485-display]:hover, .dcu__configs__environmentTable__function [data-output-display]:hover {
  cursor: pointer;
  border-bottom: 1px solid rgb(206, 206, 206) !important;
}
.dcu__configs__environmentTable__function [data-inputRs485-display]:focus, .dcu__configs__environmentTable__function [data-output-display]:focus {
  border-bottom: 1px solid rgb(156,219,217) !important;
}
.dcu__configs__environmentTable__function__inputOutputBlankState {
  color: rgba(0, 0, 0, 0.6);
}
.dcu__configs__environmentTable__function__name {
  font-weight: 600;
  margin-bottom: 3px;
}
.dcu__configs__environmentTable__function__argument {
  margin: 10px 0;
  text-align: right;
}
.dcu__configs__environmentTable__function__argumentWrapper {
  display: inline-block;
}
.dcu__configs__environmentTable__function__argument label {
  display: inline-block;
}
.dcu__configs__environmentTable__function__argument__input {
  display: inline-block;
  width: 2.9em;
}
.dcu__configs__environmentTable__function__argument__input input {
  text-align: right;
  padding: 0 !important;
}
.dcu__configs__environment__templates {
  display: none;
}
.dcu__configs__environmentHeader {
  display: inline-block;
}
.dcu__configs__environmentName {
  width: 95%;
  padding: 0 !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  background-color: transparent;
  font-size: 20px !important;
} /* part of devices */
.dcuStatusPage__breakOut {
  position: absolute;
  left: 0;
  right: 0;
}
.dcuStatusPage__centerer {
  display: inline-block;
  max-width: 100%;
}
.dcuStatusPage__tableWrapper {
  margin: 15px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: rgb(255,255,255);
  text-align: left;
  display: block;
}
.createEditPerson label {
  text-align: right;
  padding-right: 10px;
}
.createEditPerson__tableHeader {
  font-size: 14px;
  text-align: center;
}
.createEditPerson__tableLabel {
  padding-top: 17px;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.createEditPerson__form {
  margin-top: 20px;
  position: relative;
}
.createEditPerson__form__connectionCode__code__text {
  display: inline-block;
  margin: 0 0 0.7em;
  font-family: monospace;
}
.createEditPerson__form__checkboxList {
  padding: 0.5em 0;
}
.createEditPerson__form__checkboxList label {
  margin-bottom: 0.2em;
  display: block;
  float: none !important;
  width: auto !important;
  text-align: left;
}
.createEditPerson__form__checkboxList label {
  display: block;
  float: none !important;
  width: auto !important;
  text-align: left;
}
.createEditPerson__form__row {
  margin-bottom: 15px;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.createEditPerson__form__firstName {
  width: auto;
}
.createEditPerson__form__lastName {
  width: auto;
}
.createEditPerson__form__password {
  width: auto;
}
.createEditPerson__form__internalLabel {
  width: 4em;
}
.createEditPerson__form__officialLabel {
  width: 4em;
}
.createEditPerson__form__key {
  margin-bottom: 8px;
}
.createEditPerson__form__key__rfid {
  width: 160px;
}
.createEditPerson__form__key__serialNumber {
  width: 84px;
}
.createEditPerson__form__key__label {
  width: 160px;
}
.createEditPerson__form__key__restricted {
  width: 160px;
}
.createEditPerson__form__key--header {
  display: inline-block;
}
.createEditPerson__form__personalCode {
  width: 4em;
}
.createEditPerson__form__moveInDate {
  width: 7em;
}
.createEditPerson__form__moveOutDate {
  width: 7em;
}
.createEditPerson__form__calendarIcon {
  margin-left: 5px;
}
.createEditPerson__form__controls {
  margin-top: 25px;
  padding-left: 200px;
}
.booking__timeSlots {
  margin: 0 auto;
}
.booking__timeSlots__wrapper {
  text-align: center;
}
.booking__timeSlots__row {
  display: none;
}
.booking__timeSlots__row td {
  padding-bottom: 5px;
}
.booking__timeSlots__row__index {
  font-size: 0.9em;
  color: rgba(0,0,0,.2);
}
.booking__timeSlots__row__slot {
  width: 4em;
  text-align: center;
}
.entrySchedule__section {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding-top: 45px;
  padding-bottom: 65px;
}
.entrySchedule__section--top {
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.entrySchedule__title {
  text-align: center;
  border-bottom: 1px solid rgb(230, 230, 230);
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.entrySchedule__inputRow {
  margin-bottom: 10px;
}
.entrySchedule__inputRow input {
  width: 100%;
}
.entrySchedule__general {
  display: inline-block;
}
.entrySchedule__general__code {
  width: 3em;
}
.entrySchedule__scheduleOptions {
  display: inline-block;
}
.entrySchedule__scheduleOptions td {
  width: 100px;
  text-align: center;
  padding-bottom: 10px;
}
.entrySchedule__scheduleOptions th {
  font-weight: 400;
}
.entrySchedule__scheduleOptions__rowHeader {
  text-align: right;
}
.entrySchedule__times td {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}
.entrySchedule__times input {
  width: 4em;
  text-align: center;
}
.entrySchedule__where, .entrySchedule__who {
  width: 300px;
}
.entrySchedule__where__list {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.entrySchedule__where__list li {
  margin-bottom: 3px;
}
.entrySchedule__who__checkboxList {
  margin-bottom: 1em;
}
.entrySchedule__who__checkboxList label {
  display: block;
  float: none !important;
  width: auto !important;
  text-align: left;
}
.entrySchedule__phoneOptionsSection {
  width: 90%;
}
.entrySchedule__phoneOptionsSection__content {
  padding: 10px 20px;
}
.entrySchedule__phoneOptionsSection__content__row {
  margin-bottom: 15px;
}
.entrySchedule__phoneOptionsSection__content__row input[type="checkbox"] {
  font-size: 100% !important;
}
.addressList li span, .addressList li input {
  cursor: pointer;
}
.myAddresses .selected {
  background-color: #E7E7E7;
}
.myAddresses__controls {
  margin-bottom: 10px;
}
.myAddresses__selectedAddress {
  margin-left: 20px;
}
.myAddresses__selectedAddress button {
  display: block;
  margin-top: 10px;
}
.managePeople__controls {
  margin-top: 10px;
}
.recently-edited {
  border-left: 6px solid #ccc;
}
.addAddress {
  margin: 0 auto;
}
.addAddress form div {
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
}
.addAddress form div label {
  width: 110px;
  padding-right: 5px;
  text-align: right;
}
.addAddress__controls {
  margin-top: 10px;
  padding-left: 110px;
}
.adminManageUsers__userList {
  border-collapse: collapse;
}
.adminManageUsers__userList thead tr {
  border-top: 1px solid rgb(206,206,206);
  background-color: rgba(232,232,232, .4) !important;
}
.adminManageUsers__userList thead tr th {
  font-weight: 600 !important;
}
.adminManageUsers__userList tr {
  border: 0;
  border-bottom: 1px solid rgb(206,206,206);
  background-color: rgb(255,255,255) !important;
}
.adminManageUsers__userList tr.even {
  background-color: rgba(232,232,232, .4) !important;
}
.adminManageUsers__userList tr td, .adminManageUsers__userList tr th {
  padding: 10px 5px;
}
.displays {
  --background-color: 0, 0%, 100%;
  --shadow-color: 0, 0%, 50%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.displays__header {
  padding: calc(8 * 2px);
}
.displays__content {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid rgb(200,200,200);
  -webkit-flex: 1 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
}
.displays__content__list {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 0 0 300px;
     -moz-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  overflow: auto;
  border-right: 1px solid rgb(200,200,200);
  background: linear-gradient(
          hsl(var(--background-color)) 30%,
          transparent
        ),
        linear-gradient(transparent, hsl(var(--background-color)) 70%) 0 100%,
        /* Shadows */
          linear-gradient(hsla(var(--shadow-color), 0.2), transparent),
        linear-gradient(transparent, hsla(var(--shadow-color), 0.4)) 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 50px, 100% 50px, 100% 24px, 100% 24px;
  background-attachment: local, local, scroll, scroll;
}
.displays__content__list__item {
  padding: calc(8 * 2px);
  border-bottom: 1px solid rgb(200,200,200);
}
.displays__content__list__item:hover {
  text-decoration: none;
  background-color: rgba(200,200,200, 0.5);
}
.displays__content__list__item.selected {
  background-color: rgba(200,200,200, 0.3);
}
.displays__content__list__item__title {
  font-weight: 600;
  font-size: 1.5rem;
}
.displays__content__config {
  padding: calc(8 * 2px);
  -webkit-flex: 1 0 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  overflow: auto;
  background: linear-gradient(
          hsl(var(--background-color)) 30%,
          transparent
        ),
        linear-gradient(transparent, hsl(var(--background-color)) 70%) 0 100%,
        /* Shadows */
          linear-gradient(hsla(var(--shadow-color), 0.2), transparent),
        linear-gradient(transparent, hsla(var(--shadow-color), 0.4)) 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 50px, 100% 50px, 100% 24px, 100% 24px;
  background-attachment: local, local, scroll, scroll;
}
.displays__content__config__blankState {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  color: rgb(0, 0, 0, 0.5);
}
.displays__content__config__option {
  max-width: 300px;
  padding: calc(8 * 1px) 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.displays__content__config__emulator {
  border: 2vw solid rgb(8, 8, 8);
  border-bottom-width: 7vw;
  border-radius: 8px;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  background-color: rgb(8, 8, 8);
}
.displays__content__config__emulator__iframe {
  border: 0;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
}

/* a bastard child */
/* What on gods good earth is this???!!!
*
* This is where we put fixes for problems that shouldn't exist
* Because sometimes you just don't care to drudge through thousands of lines of old, stale, JSHTMLPHP meat sauce just so 
* you can implement new styling without breaking everything
* Put that shit here and remember to add the enclosing
*
* <!-- HERE BE LEGACY! Remove when possible (don't forget the closing div! :) -->
* <div class="hereBeLegacy">
*
* <!-- HERE BE LEGACY! Don't forget this guy -->
* </div>
*
* This is a tremendous but dangerous power to wield. Use it wisely.
*
*/
.hereBeLegacy .legacyBullShitToMitigateGlobalToolTipBS {
  display: none;
}
.hereBeLegacy input:not([type="button"]):not([type="submit"]):not([type="range"]), .hereBeLegacy textarea {
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
  padding: 4px;
  border-radius: 2px;
}
.hereBeLegacy input[type="range"] {
  vertical-align: middle;
}
.hereBeLegacy input[type="button"], .hereBeLegacy input[type="submit"], .hereBeLegacy button {
  background-color: rgb(232, 232, 232);
  padding: 10px 20px;
  border-radius: 2px;
  margin-bottom: 5px;
  border: 0;
  cursor: pointer;
  font-size: 15px;
}
.hereBeLegacy input[type="button"]:hover, .hereBeLegacy input[type="button"]:focus, .hereBeLegacy input[type="submit"]:hover, .hereBeLegacy input[type="submit"]:focus, .hereBeLegacy button:hover, .hereBeLegacy button:focus {
  background-color: rgb(224, 224, 224);
}
.hereBeLegacy input[type="button"].btn-info, .hereBeLegacy input[type="button"].btn-primary, .hereBeLegacy input[type="button"].btn-success, .hereBeLegacy input[type="submit"].btn-info, .hereBeLegacy input[type="submit"].btn-primary, .hereBeLegacy input[type="submit"].btn-success, .hereBeLegacy button.btn-info, .hereBeLegacy button.btn-primary, .hereBeLegacy button.btn-success {
  color: #fff;
  background-color: #5bc0de;
}
.hereBeLegacy input[type="button"].btn-info:hover, .hereBeLegacy input[type="button"].btn-info:focus, .hereBeLegacy input[type="button"].btn-primary:hover, .hereBeLegacy input[type="button"].btn-primary:focus, .hereBeLegacy input[type="button"].btn-success:hover, .hereBeLegacy input[type="button"].btn-success:focus, .hereBeLegacy input[type="submit"].btn-info:hover, .hereBeLegacy input[type="submit"].btn-info:focus, .hereBeLegacy input[type="submit"].btn-primary:hover, .hereBeLegacy input[type="submit"].btn-primary:focus, .hereBeLegacy input[type="submit"].btn-success:hover, .hereBeLegacy input[type="submit"].btn-success:focus, .hereBeLegacy button.btn-info:hover, .hereBeLegacy button.btn-info:focus, .hereBeLegacy button.btn-primary:hover, .hereBeLegacy button.btn-primary:focus, .hereBeLegacy button.btn-success:hover, .hereBeLegacy button.btn-success:focus {
  background-color: #4cb1cf;
}
.hereBeLegacy a.btn:hover {
  text-decoration: none;
}
/*
    Here's all the old styling. Try allocating any amout of your time every now and then to peel away some of these little turd nuggets
*/
.hereBeLegacy li.expandable, .hereBeLegacy li.expanded {
  cursor: pointer;
}
.hereBeLegacy li.expandable {
  background-image: url(../img/list-expandable.gif);
}
.hereBeLegacy ul li.expandable ul {
  display: none;
}
.hereBeLegacy li.expanded {
  background-image: url(../img/list-expanded.gif);
}
.hereBeLegacy li.expanded ul {
  display: block;
}
.hereBeLegacy #wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -180px;
}
.hereBeLegacy .ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
  background: #743620;
  color: white;
}
.hereBeLegacy .wrap {
  width: 980px;
  margin: auto;
}
.hereBeLegacy .border {
  border: 1px solid #ddd;
  width: auto;
  height: auto;
}
.hereBeLegacy #upload {
  width: auto;
  height: auto;
  margin: 0;
  padding: 5px 0 5px 5px;
  float: left;
}
.hereBeLegacy #importAddress {
  width: 53%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 0;
  float: left;
}
.hereBeLegacy #myResult {
  margin: 30px 0 0 0;
  width: auto;
  height: auto;
}
.hereBeLegacy .listDeviceTable {
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #62a0ab;
}
.hereBeLegacy .specialBorder {
  border: 2px solid #d43f3a;
  color: white;
  background-color: #62a0ab;
}
.hereBeLegacy .coolButton {
  background-color: #fff;
  margin: 0 30px 30px 0;
  position: relative;
  transition: all 0.1s linear;
}
.hereBeLegacy .coolButton:after {
  color: #e9e6e4;
  content: "";
  display: block;
  font-size: 17px;
  height: 30px;
  text-decoration: none;
  text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px white;
  position: absolute;
  width: 30px;
}
.hereBeLegacy .edit:after {
  content: "\270E";
  left: 2px;
  top: 0px;
}
.hereBeLegacy .cross:after {
  content: "✖";
  left: 2px;
  top: 0px;
}
.hereBeLegacy .coolButton:hover {
  color: #0088cc;
}
.hereBeLegacy .edit:hover:after {
  color: #83d244;
  text-shadow: 0px 0px 6px #83d244;
}
.hereBeLegacy .cross:hover:after {
  color: #eb2f2f;
  text-shadow: 0px 0px 6px #eb2f2f;
}
.hereBeLegacy #myAddressesArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  width: 450px;
  float: left;
  padding: 15px;
}
.hereBeLegacy #messagesTemplateArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  width: 315px;
  padding: 15px;
  float: left;
  margin-bottom: 4px;
}
.hereBeLegacy #messagesTemplateIcon {
  margin-right: 12px;
}
.hereBeLegacy #messagesParametersArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  width: 315px;
  float: left;
  padding: 15px;
}
.hereBeLegacy #messagesParametersArea input[type="text"], .hereBeLegacy #messagesTemplateArea input[type="text"] {
  width: 150px;
  margin-bottom: 10px;
}
.hereBeLegacy #messagesParametersArea label, .hereBeLegacy #messagesTemplateArea label, .hereBeLegacy #addressTemplateSelectArea label {
  display: block;
  float: left;
  width: 100px;
}
.hereBeLegacy #messagesMessageArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  width: 420px;
  padding: 15px;
  margin-bottom: 4px;
}
.hereBeLegacy #messagesPreviewArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  width: 420px;
  padding: 15px;
}
.hereBeLegacy #messagesAddressesArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  //width: 230px;
  padding: 15px;
}
.hereBeLegacy #bookingAddressesArea, .hereBeLegacy #bookingPersonGroupArea, .hereBeLegacy #bookingExceptionsArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  //width: 240px;
  padding: 15px;
  margin-left: 4px;
  margin-bottom: 4px;
}
.hereBeLegacy #bookingPersonGroupArea label {
  display: block;
  float: none !important;
  width: auto !important;
  text-align: left;
}
.hereBeLegacy #bookingSlotsArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  padding: 15px;
  margin-left: 4px;
}
.hereBeLegacy #bookingParametersArea, .hereBeLegacy #entrenceTypes {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  padding: 15px;
}
.hereBeLegacy #bookingResourceParametersArea, .hereBeLegacy #bookingExceptionParametersArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  width: 340px;
  padding: 15px;
}
.hereBeLegacy #bookingParametersArea label, .hereBeLegacy #bookingResourceParametersArea label, .hereBeLegacy #bookingExceptionParametersArea label {
  display: block;
  float: left;
  width: 130px;
}
.hereBeLegacy #bookingResourcesArea, .hereBeLegacy #bookingSubGroupsArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  padding: 15px;
  margin-top: 4px;
}
.hereBeLegacy #addressTemplateSelectArea, .hereBeLegacy #addressTemplatePreviewArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 12px;
}
.hereBeLegacy #addressFloorDistributionArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  padding: 15px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.hereBeLegacy #addressFloorNamesArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  padding: 15px;
}
.hereBeLegacy #mailboxDisplayArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  width: 887px;
  padding: 15px;
}
.hereBeLegacy #mailboxDisplayInternal {
  overflow: hidden;
}
.hereBeLegacy #mailboxDisplaySection {
  float: left;
  margin-left: 16px;
  margin-right: 16px;
}
.hereBeLegacy li.addressesRoot {
  background-image: url(../img/list-folder.gif);
}
.hereBeLegacy li.expandable, .hereBeLegacy li.expanded {
  cursor: pointer;
}
.hereBeLegacy li.expandable {
  background-image: url(../img/list-expandable.gif);
}
.hereBeLegacy ul li.expandable ul {
  display: none;
}
.hereBeLegacy li.expanded {
  background-image: url(../img/list-expanded.gif);
}
.hereBeLegacy li.expanded ul {
  display: block;
}
.hereBeLegacy li.address {
  background-image: url(../img/list-document.gif);
}
.hereBeLegacy li.addressesRoot, .hereBeLegacy li.expandable, .hereBeLegacy li.expanded, .hereBeLegacy li.address {
  background-repeat: no-repeat;
  background-position: left 4px;
  padding-left: 17px;
}
.hereBeLegacy #createEditAddressFormArea {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  width: 400px;
  float: left;
  padding: 15px;
}
.hereBeLegacy #createEditMessageFormArea {
  width: 400px;
  float: left;
}
.hereBeLegacy #createEditMessageFormArea input[type="text"] {
  width: 200px;
  margin-bottom: 10px;
}
.hereBeLegacy #peopleOnAddressList table thead, .hereBeLegacy #peopleOnGenerateList table thead, .hereBeLegacy #peopleOnMailboxList table thead {
  background-color: #ddd;
}
.hereBeLegacy #createEditPersonFormArea label, .hereBeLegacy #createEditMessageFormArea label, .hereBeLegacy #contactForm label, .hereBeLegacy #manageUser label, .hereBeLegacy #editDevice label {
  display: block;
  float: left;
  width: 200px;
}
.hereBeLegacy #contactForm input[type="text"], .hereBeLegacy #contactForm textarea, .hereBeLegacy #manageUser input, .hereBeLegacy #manageUser textarea {
  width: 300px;
  margin-bottom: 5px;
}
.hereBeLegacy .tooltipable {
  position: relative;
}
.hereBeLegacy .inputs {
  padding-bottom: 8px;
  clear: left;
}
.hereBeLegacy #messagePreview {
  width: 800px;
}
.hereBeLegacy #messageAddresses {
  width: 800px;
}
.hereBeLegacy #template_icon {
  margin-right: 10px;
}
.hereBeLegacy .even {
  background-color: #f1f1f1;
}
.hereBeLegacy .odd {
  background-color: #ccc;
}
.hereBeLegacy .rfBorder {
  vertical-align: text-top;
  width: 10px;
}
.hereBeLegacy #breadcrumbs {
  font-size: 0.75em;
  padding-bottom: 15px;
  //margin-top: -15px;
}
.hereBeLegacy h2 span {
  color: #457dab;
  font-style: italic;
}
.hereBeLegacy p {
  padding-bottom: 10px;
}
.hereBeLegacy ul {
  list-style-type: none;
  margin: 0;
  padding: 2px 0 2px 5px;
}
.hereBeLegacy ul.empty {
  padding: 2px 0 2px 0;
}
.hereBeLegacy fieldset {
  -moz-border-radius: 3px;
  border: 1px solid #ddd;
}
.hereBeLegacy .tooltip {
  font-family: Arial, Verdana, Sans-serif;
  font-size: 0.8em;
  color: #27465c;
  display: none;
  position: absolute;
  right: -230px;
  width: 200px;
  z-index: 1000;
  margin-top: -4px;
  border: 1px solid #60a6d7;
  padding: 6px 8px;
  background: #d7e1ff url(/img/pointerBlue.gif) no-repeat -10px 5px;
}
.hereBeLegacy .tooltip .tooltip-pointer {
  position: absolute;
  left: -10px;
  top: 5px;
  width: 10px;
  height: 19px;
  background: url(/img/pointerBlue.gif) left top no-repeat;
}
.hereBeLegacy .myrel {
  position: relative;
}
.hereBeLegacy .inputs {
  position: relative;
}
.hereBeLegacy .messageAddressesTable {
  width: 225px;
}
.hereBeLegacy .selectAddressesTable {
  width: 320px;
}
.hereBeLegacy .errorCell {
  color: #f00;
  font-weight: bold;
}
.hereBeLegacy .warningCell {
  color: #800;
}
.hereBeLegacy .offlineCell {
  color: #888;
}
.hereBeLegacy #selectTemplateDiv, .hereBeLegacy #networkSettings, .hereBeLegacy #screenSettings, .hereBeLegacy #codeSettings, .hereBeLegacy #modeSettings {
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  width: 890px;
  padding: 15px;
  margin-bottom: 16px;
}
.hereBeLegacy #partContainer {
  width: 500px;
}
.hereBeLegacy #screenSettings input[type="text"], .hereBeLegacy #networkSettings input[type="text"], .hereBeLegacy #codeSettings input[type="text"], .hereBeLegacy #modeSettings input[type="text"] {
  width: 260px;
}
.hereBeLegacy #screenSettings label, .hereBeLegacy #networkSettings label, .hereBeLegacy #codeSettings label, .hereBeLegacy #modeSettings label {
  display: block;
  float: left;
  width: 150px;
}
.hereBeLegacy #bookingPanelHeaderCell {
  border: 2px solid #dddddd;
  background-color: #ffffff;
  border-radius: 3px;
  padding: 10px;
}
.hereBeLegacy #bookingPanelBookableCell {
  border: 2px solid #dddddd;
  background-color: #f4f4f4;
  border-radius: 3px;
  padding: 10px;
}
.hereBeLegacy #bookingPanelMyCell {
  border: 2px solid #ddf0dd;
  background-color: #e0ffe0;
  border-radius: 3px;
  padding: 10px;
}
.hereBeLegacy #bookingPanelBookedCell {
  border: 2px solid #f0dddd;
  background-color: #ffe0e0;
  border-radius: 3px;
  padding: 10px;
}
.hereBeLegacy #bookingPanelPartialCell {
  border: 2px solid #f0f0dd;
  background-color: #ffffe0;
  border-radius: 3px;
  padding: 10px;
}

.iloq-all-keys{
  max-width: 415px;
}

.iloq-fields{
  
  display:flex;
}
.iloq-one-val{
  
  width: 33.3%;
  margin-top: 8px;
  border: 1px solid rgb(37,74,93);
  border-radius:3px;
  padding: calc(8 * 1px) calc(8 * 1.5px);
  max-height: 40px;
  overflow-x:scroll;
  vertical-align:center;  
  white-space: nowrap;
  background-color: rgba(232,232,232, 1);
}

.axema-one-val{
  
  width: 50%;
  margin-top: 8px;
  border: 1px solid rgb(37,74,93);
  border-radius:3px;
  padding: calc(8 * 1px) calc(8 * 1.5px);
  max-height: 40px;
  overflow-x:scroll;
  vertical-align:center;  
  white-space: nowrap;
  background-color: rgba(232,232,232, 1);
}

.iloq-head{
  display:flex;
  justify-content:center;
  width: 33.3%
}
/* Hide scrollbar for Chrome, Safari and Opera */
.iloq-hide-1::-webkit-scrollbar {
  display: none;
}

.mfa-success{
  margin-bottom:10px;
}
/* Hide scrollbar for IE, Edge and Firefox */
.iloq-hide-2 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Mfa switch user settings */
.mfa-info-box{
  margin-top: 10px;
	border: 2px dotted rgb(215,98,98);
	padding: calc(8 * 1px) calc(8 * 1.5px);
	border-radius: 3px;
	max-width: 400px;

}

.mfa-green{
  background-color: rgb(99,189,148) !important;
  color: white;
}

.mfa-red{
	background-color: rgb(215,98,98) !important;
  color: white;
}
.mfa-global-err{
  display:inline-block;
	color: rgb(255,255,255) !important;
	background-color: rgb(215,98,98) !important;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 400px;

}
.mfa-err{
	color: rgb(255,255,255) !important;
	background-color: rgb(215,98,98) !important;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;

}

.mfa-activated-box{

}

.mfa-activated-flex-parent{

  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height:auto;
}

.mfa-activated-child{
  
  padding-top:6px;
}

.mfa-green-check{

  /* border: 1px solid; */
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  background-image: url('../img/icons/core/check-green.svg');
  background-size: contain; /* Keeps the image's aspect ratio */
  background-position: center -3px; /* Centers the image */
  background-repeat: no-repeat; /* Prevents repeating the image */
  color:green;


}

.paging-footer{

	width: calc(100vw - 288px);
	position: fixed;
	bottom: 0;
	border-top: 1px solid rgb(156,219,217);
	padding-top: 10px;
	background: white;
	padding-bottom: 10px;
  
}


.paginator{
  margin:auto;
  max-width: 600px;
  margin-bottom: 10px;
  display:flex;
  justify-content:space-between;
}

.paginator-button{

  padding:6px;
}

button.is-disabled{
  opacity: 0.3;         /* make it look faded */
  cursor: not-allowed;  /* show a blocked cursor */
  pointer-events: none; /* make sure it can’t be clicked */
}

button.not-disabled{
  opacity: 1;         /* make it look faded */
  cursor: pointer;  /* show a blocked cursor */

.axema-semi-bold{
  font-weight: 600;
}
.axema-key-card{

	border: 1px solid rgb(37,74,93);
	border-radius: 3px;
	padding: calc(8 * 1px) calc(8 * 1.5px);
	margin-top: 8px;
}